/* The menu container is #menu-menu on mobile and .plural_mega-menu on desktop */

.plural_mega-menu {
  color: var(--Charcoal, #434343);
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}

.plural_mega-menu a:hover,
.plural_mega-menu a:active,
.plural_mega-menu a:focus {
  color: #2A655E;
  text-decoration: underline;
}

.plural_mega-menu .wp-block-heading {
  margin: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #D5D9D9;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  color: var(--Weeds-Dark-Green, #26524D);
}

.plural_mega-menu .wp-block-heading a {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: var(--Weeds-Dark-Green, #26524D);
}

.plural_mega-menu .mega-menu-widget .wp-block-media-text .wp-block-media-text__media,
.plural_mega-menu .mega-menu-widget .wp-block-media-text .wp-block-media-text__content {
  align-self: flex-start;
}
  
.plural_mega-menu .mega-menu-widget .wp-block-media-text h1,
.plural_mega-menu .mega-menu-widget .wp-block-media-text h2,
.plural_mega-menu .mega-menu-widget .wp-block-media-text h3,
.plural_mega-menu .mega-menu-widget .wp-block-media-text h4,
.plural_mega-menu .mega-menu-widget .wp-block-media-text h5,
.plural_mega-menu .mega-menu-widget .wp-block-media-text p {
  border-bottom: none !important;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.plural_mega-menu [id$="-area-3"] {
  background: #E4EEED;
}

.plural_mega-menu [id$="-area-1"] {
  padding-right: 20px;
}

.plural_mega-menu [id$="-area-2"] {
  padding-left: 20px;
}

.head-menu {
  position: relative;
}

.plural_mega-menu {
  display: flex;
}

.plural_mega-menu p {
  font-size: inherit;
}

.plural_mega-menu .mega-menu-widget .wp-block-media-text__media img {
  width: 100%;
  border-radius: 5px;
}

.mega-menu-panel figcaption {display: none !important;}

.mega-menu-panel {
  flex: 1;
  display: flex;
  flex-direction: row;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 950px;
  position: absolute;
  left: 0;
  top: 90px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 4px 10px 10px rgba(0,0,0,0.2);
}

.mega-menu-area {
  padding: 40px;
  width: 33.333%
}

.mega-menu-widget {
  margin-bottom: 16px;
  position: relative;
}

.mega-menu-widget .chevron {
  max-width: 30px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: 200ms;
}

.mega-menu-widget .chevron.active {
  transform: translateY(-50%) rotate(180deg);
}

.mega-menu-widget ul + .chevron {
  display: none;
}

.mega-menu-widget ul {
  margin-bottom: 32px;
}

.mega-menu-widget li {
  list-style: none;
  margin-bottom: 10px;
}

.mega-menu-widget-title {
  font-size: 16px;
  margin-bottom: 10px;
}

#mega-menu-panel-1-area-3 .mega-menu-widget {
  opacity: 1 !important;
  max-height: 1000px !important;
}

#mega-menu-panel-1-area-3 a {
  display: block;
  margin-left: 0;
}

#mega-menu-panel-1-area-3 .wp-block-media-text__content {
  color: #434343;
}

@media (min-width: 993px) {

  #mega-menu-panel-1-area-3 .carousel {
    width: 100% !important;
  }
  .chevron {
    display: none !important;
  }

  .plural_mega-menu .carousel-container, .plural_mega-menu .carousel {
    display: contents;
  }
  
}

@media (min-width: 993px) and (max-width: 1439px) {

  .mega-menu-panel {
    width: 600px;
    flex-wrap: wrap;
    font-size: 10px;
  }

  .mega-menu-area {
    padding: 20px;
  }

  .plural_mega-menu [id$="-area-1"] {
    padding-right: 10px;
  }
  .plural_mega-menu [id$="-area-1"] {
    padding-left: 10px;
  }

  .plural_mega-menu .wp-block-heading {
    padding-bottom: 8px;
    font-size: 12px;
  }

  .mega-menu-widget ul {
    margin-bottom: 16px;
  }

  #mega-menu-panel-1-area-1, #mega-menu-panel-1-area-2 {
    width: 50%;
  }
  
  #mega-menu-panel-1-area-3 {
    width: 100%;
  }

  #mega-menu-panel-1-area-3 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

    #mega-menu-panel-1-area-3 .mega-menu-widget {
      margin-bottom: 0;
      width: 33.3333%;
    }

    #mega-menu-panel-1-area-3 > .mega-menu-widget:first-child {
      width: 100%;
      margin-bottom: 16px;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {

  .mega-menu-panel {
    width: 800px;
    font-size: 12px;
  }

  .plural_mega-menu .wp-block-heading {
    font-size: 14px;
  }
}



/* START Reset Styles for mobile menu */

@media (max-width:992px) {

  #menu-menu .mega-menu-area {
    width: 100%;
    background: white;
  }
        
  #menu-menu .mega-menu-area, 
  #menu-menu .wp-block-heading, 
  #menu-menu .mega-menu-widget {
      padding: 0;
      margin: 0;
  }

  #menu-menu .mega-menu-widget > ul {
      display: none;
      margin: 0;
      box-shadow: none;
  }

  #menu-menu .mega-menu-widget.active > ul {
    display: block;
  }

  #menu-menu .mega-menu-widget ul li:before {
      display: none;
  }

  #menu-menu .mega-menu-area .mega-menu-widget:not(:first-of-type) .wp-block-heading {
      margin-top: 0 !important;
  }

  #menu-menu .sub-menu {
      background: #fff;
  }

  /* END Reset Styles */
  
  .plural_mega-menu {
    display: none;
  }

  #menu-menu .wp-block-heading {
      color: var(--Weeds-Dark-Green, #26524D);
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 700;
      line-height: 100%;
      border-top: 1px solid #D5D9D9;
  }

  header .head-box .head-menu .head-menu-overflow .head-menu-overflow-box .mega-menu-widget li a {
    margin-left: 0;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
  }

  #menu-menu .wp-block-heading, 
  #menu-menu .mega-menu-widget ul li {
      font-size: 14px !important;
      margin: 0 25px;
      padding: 18px 0;
  }

  #menu-menu #mega-menu-panel-1-area-3 {
      background: #E4EEED;
      padding: 0 0 2px;
  }

  #menu-menu #mega-menu-panel-1-area-3 .wp-block-heading {
    margin-left: 25px;
    margin-right: 0;
    border-top-width: 0;
    padding-bottom: 0;
  }

  #menu-menu .mega-menu-widget li:last-of-type {
    border-bottom-width: 0;
  }

  #menu-menu .mega-menu-widget .chevron {
    right: 15px;
  }

  #menu-menu .mega-menu-widget a {
    color: inherit;
    font-family: "Open Sans";
  }

  #menu-menu #mega-menu-panel-1-area-3 .chevron {
    display: none;
  }

  #mega-menu-panel-1-area-3 > .wp-block-heading {
    padding: 20px 12px;
  }

  #mega-menu-panel-1-area-3 .wp-block-media-text {
    display: flex;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
  }

  #mega-menu-panel-1-area-3 .wp-block-media-text__media {
    width: 50%;
    border-radius: 5px;
  }

  #mega-menu-panel-1-area-3 .wp-block-media-text__content {
    width: 50%;
    padding: 0 0 0 15px;
  }

  #mega-menu-panel-1-area-3 .wp-block-media-text__content .wp-block-heading {
    margin: 0;
    border-bottom: 0;
  }

  #menu-menu .carousel-container {
    overflow-x: auto;
    padding: 18px 20px 18px 10px;
  }

  #menu-menu .carousel {
    display: flex;
    width: 100vw;
  }

  #menu-menu .carousel .mega-menu-widget {
      scroll-snap-align: start;
      width: 80vw;
      padding-left: 15px !important;
  }

  #menu-menu .carousel:has(:nth-child(2)) {
    width: calc(160vw + 20px);
  }

  #menu-menu .carousel:has(:nth-child(3)) {
    width: calc(240vw + 20px);
  }

  #menu-menu .carousel:has(:nth-child(4)) {
    width: calc(300vw + 20px);
  }

  #menu-menu .carousel:has(:nth-child(5)) {
    width: calc(380vw + 20px);
  }

}

@media (max-width: 992px) {

  header .head-box .head-menu .head-menu-overflow .head-menu-overflow-box .menu li {
    padding-bottom: 0;
  }

  header .head-box .head-menu .head-menu-overflow .head-menu-overflow-box .menu li a:before {
    display: none;
  }

  header .head-box .head-menu .head-menu-overflow .head-menu-overflow-box > .menu > .menu-item > a {
    display: block;
    padding-bottom: 18px;
    margin-right: 60px;
  }

  header .head-box .head-menu .head-menu-overflow .head-menu-overflow-box .menu li.menu-item-has-children > *:not(a) {
    display: none;
  }

  header .head-box .head-menu .head-menu-overflow .head-menu-overflow-box .menu li .wp-block-heading > a {
    margin-left: 0;
    font-size: inherit;
    font-family: inherit;
    color: var(--Weeds-Dark-Green, #26524D);
  }
  
  header .head-box .head-menu .head-menu-overflow .head-menu-overflow-box .menu li.menu-item-has-children.is-active:after {
    top: 30px;
  }
}

/* div[class^="pl_mega-menu-accordion-content"] {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: .4s;
} */

/* .mega-menu-widget.active {
  opacity: 1 !important;
  max-height: 1000px !important;
} */