/*
* Menu Topics Pattern - General styles.
*/
.menu-topics .wp-block-navigation__container {
  row-gap: 0;
}
.menu-topics .wp-block-navigation__container .wp-block-navigation-item {
  width: 100%;
  text-align: left;
}
.menu-topics .wp-block-navigation__container .wp-block-navigation-item::after {
  content: "";
  width: 472px;
  position: absolute;
  height: 1px;
  background: var(--wp--preset--color--contrast);
  bottom: 0;
}
.menu-topics .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content {
  transition: color, padding-left ease 300ms;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 0;
  max-width: 430px;
  /*
  * Arrow prefix styles.
  */
}
.menu-topics .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content::before {
  content: url(/wp-content/themes/food-system-future/assets/img/arrow-right-mega-menu.svg);
  opacity: 0;
  visibility: hidden;
  transition: opacity ease 400ms;
  position: absolute;
  left: 0;
}
@media (min-width: 782px) {
  .menu-topics .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content:hover {
    padding-left: 50px;
    text-decoration: none;
    font-weight: 600;
    padding-right: 17px;
  }
  .menu-topics .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content:hover::before {
    opacity: 1;
    visibility: visible;
  }
}
.menu-topics .wp-block-navigation__container .wp-block-navigation-item:first-child .wp-block-navigation-item__content {
  padding-top: 0;
}

/*
* Mega menu styles for medium and up.
*/
@media (min-width: 782px) {
  .wp-block-a8csp-mega-menu .wp-block-a8csp-mega-menu__menu-container {
    position: relative;
  }
  .wp-block-a8csp-mega-menu .wp-block-a8csp-mega-menu__menu-container:has(.is-style-nav-mega-menu) {
    position: fixed;
    right: 0;
    transform: unset;
    left: 375px;
    top: 0;
    max-width: calc(100vw - 375px);
    width: calc(100vw - 375px);
    height: 100vh;
    overflow-y: scroll;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
  }
  .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: var(--wp--preset--color--base);
  }
  /*
  * Menu Topics Pattern - Desktop mega menu styles.
  */
  .menu-topics {
    overflow: hidden;
  }
  .menu-topics .img-overlay {
    mix-blend-mode: multiply;
  }
  .menu-topics .img-overlay .wp-block-image {
    position: fixed;
    right: -10px;
    bottom: -10px;
    width: 31%;
    overflow: visible;
  }
  .menu-topics .img-overlay .wp-block-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    transition: opacity 300ms cubic-bezier(0, 0, 0.2, 1);
    opacity: 0;
    max-height: 500px;
  }
  .menu-topics .img-overlay .wp-block-image.topic-health-nutrition, .menu-topics .img-overlay .wp-block-image.topic-zoonoses {
    bottom: -50px;
  }
  .menu-topics .wp-block-navigation-item {
    padding: var(--wp--preset--spacing--40) 0;
  }
  .menu-topics:has(.is-style-nav-mega-menu.wp-block-navigation .wp-block-navigation-item:nth-of-type(1):hover) .wp-block-image:nth-of-type(2) img {
    opacity: 1;
  }
  .menu-topics:has(.is-style-nav-mega-menu.wp-block-navigation .wp-block-navigation-item:nth-of-type(2):hover) .wp-block-image:nth-of-type(3) img {
    opacity: 1;
  }
  .menu-topics:has(.is-style-nav-mega-menu.wp-block-navigation .wp-block-navigation-item:nth-of-type(3):hover) .wp-block-image:nth-of-type(4) img {
    opacity: 1;
  }
  .menu-topics:has(.is-style-nav-mega-menu.wp-block-navigation .wp-block-navigation-item:nth-of-type(4):hover) .wp-block-image:nth-of-type(5) img {
    opacity: 1;
  }
  .menu-topics:has(.is-style-nav-mega-menu.wp-block-navigation .wp-block-navigation-item:nth-of-type(5):hover) .wp-block-image:nth-of-type(6) img {
    opacity: 1;
  }
  .menu-topics:has(.is-style-nav-mega-menu.wp-block-navigation .wp-block-navigation-item:nth-of-type(6):hover) .wp-block-image:nth-of-type(7) img {
    opacity: 1;
  }
  .menu-topics:not(:has(.is-style-nav-mega-menu.wp-block-navigation .wp-block-navigation-item:hover)) .wp-block-image:first-child img {
    opacity: 1;
  }
}
/*
* Mega menu button - General styles.
*/
.wp-block-a8csp-mega-menu {
  text-align: left !important;
  /*
  * Hide the mega menu featured image in between sizes.
  */
}
.wp-block-a8csp-mega-menu > button {
  font-family: var(--wp--preset--font-family--be-vietnam-pro);
  transition: background-color ease 0.3s;
}
.wp-block-a8csp-mega-menu > button::after {
  content: url(/wp-content/themes/food-system-future/assets/img/icon-plus-white.svg);
  margin-left: var(--wp--preset--spacing--10);
  width: 24px;
  display: inline-block;
  position: relative;
  top: 3px;
  cursor: pointer;
}
.wp-block-a8csp-mega-menu > button[aria-expanded=true] {
  background-color: transparent !important;
}
.wp-block-a8csp-mega-menu > button[aria-expanded=true]::after {
  content: url(/wp-content/themes/food-system-future/assets/img/icon-minus-white.svg);
}
.wp-block-a8csp-mega-menu:hover > button {
  -webkit-text-decoration: underline solid var(--wp--preset--color--accent-3) 0.1rem;
          text-decoration: underline solid var(--wp--preset--color--accent-3) 0.1rem;
  text-underline-offset: 14%;
  text-underline-position: from-font;
}
@media (min-width: 960px) and (max-width: 1279px) {
  .wp-block-a8csp-mega-menu .wp-block-a8csp-mega-menu__menu-container .wp-block-columns .wp-block-column {
    margin-right: 40%;
  }
}
@media (max-width: 1279px) {
  .wp-block-a8csp-mega-menu .wp-block-a8csp-mega-menu__menu-container .mega-menu-image img {
    max-height: initial;
  }
}
@media (max-width: 1079px) {
  .wp-block-a8csp-mega-menu .wp-block-a8csp-mega-menu__menu-container .mega-menu-image {
    display: none;
  }
}

/*
* Sticky header styles, add spacer and padding to the header.
*/
@media (max-width: 781px) {
  header .sticky-header {
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--50) !important;
    height: 77px; /* Prevents a layout shift when the menu is open.*/
  }
}
/*
* Change the default responsive mobile menu breakpoint, from small to medium.
*/
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
    display: none;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    left: 0;
  }
}
@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  /*
  * Fix the mega menu opened layout for the updated breakpoint.
  */
  body.mega-menu-open .wp-block-navigation .wp-block-navigation__responsive-container {
    position: fixed !important;
  }
  body.mega-menu-open .wp-block-navigation .wp-block-navigation, body.mega-menu-open .wp-block-navigation__container, .wp-block-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog {
    position: relative !important;
  }
  .wp-block-a8csp-mega-menu .wp-block-a8csp-mega-menu__menu-container {
    position: relative !important;
    right: unset !important;
    transform: unset !important;
  }
}
@media (min-width: 782px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
    display: none;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    left: 0;
  }
  .menu-right {
    flex-grow: 0.5;
  }
  .menu-right .wp-block-navigation__responsive-container-content {
    justify-content: space-between;
  }
}
/*
* Mobile Menu overlay styles.
*/
@media (max-width: 781px) {
  html.has-modal-open {
    /*
    * Menu Topics Pattern - Mobile menu styles.
    */
  }
  html.has-modal-open header {
    /*
    * Sticky header logo.
    */
  }
  html.has-modal-open header .wp-block-site-logo {
    padding: var(--wp--preset--spacing--20) 0 0 var(--wp--preset--spacing--50);
    z-index: 100001;
    background-color: var(--wp--preset--color--accent-1);
    position: fixed;
    top: 0;
    left: 0;
    margin-right: var(--wp--preset--spacing--60);
    width: 100vw;
  }
  html.has-modal-open header .wp-block-site-logo::after {
    content: url(/wp-content/themes/food-system-future/assets/img/close-white.svg);
    width: 24px;
    height: 24px;
    right: var(--wp--preset--spacing--50);
    top: var(--wp--preset--spacing--50);
    z-index: 100002;
    position: fixed;
    cursor: pointer;
  }
  html.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
    padding: var(--wp--preset--spacing--50) 0;
    background-color: var(--wp--preset--color--accent-1);
    color: var(--wp--preset--color--accent-5);
  }
  html.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
    display: none;
    background: url(/wp-content/themes/food-system-future/assets/img/close-white.svg) no-repeat center center;
    width: 24px;
    height: 24px;
    right: var(--wp--preset--spacing--50);
    cursor: pointer;
  }
  html.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg {
    display: none;
  }
  html.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: calc(var(--wp--preset--spacing--50) + 45px);
    /*
    * Top level menu items.
    */
  }
  html.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
    row-gap: 0;
    padding: 0;
    /*
    * Mega menu container styles.
    */
  }
  html.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item {
    padding: var(--wp--preset--spacing--40) 0;
  }
  html.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item a {
    padding: 0 var(--wp--preset--spacing--50);
  }
  html.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-a8csp-mega-menu {
    padding: 0;
  }
  html.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-a8csp-mega-menu button {
    padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
    width: 100vw;
    text-align: left;
  }
  html.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-a8csp-mega-menu button[aria-expanded=true] {
    background-color: var(--wp--preset--color--accent-4) !important;
  }
  html.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-a8csp-mega-menu:hover button {
    text-decoration: none !important;
  }
  html.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container .wp-block-a8csp-mega-menu__menu-container {
    max-width: 100vw;
  }
  html.has-modal-open header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-buttons {
    padding: 0 var(--wp--preset--spacing--50);
  }
  html.has-modal-open .menu-topics {
    width: 100%;
    min-height: initial !important;
    padding-top: 0 !important;
    /* stylelint-disable no-descending-specificity -- Disabled because we only want to apply this to the menu-topics class */
  }
  html.has-modal-open .menu-topics .top-bar {
    display: none;
  }
  html.has-modal-open .menu-topics .wp-block-columns {
    margin: 0;
  }
  html.has-modal-open .menu-topics .wp-block-columns .wp-block-column {
    padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50) !important;
  }
  html.has-modal-open .menu-topics .wp-block-navigation__container {
    row-gap: 32px !important;
    width: 100%;
  }
  html.has-modal-open .menu-topics .wp-block-navigation__container > .wp-block-navigation-item {
    font-size: var(--wp--preset--font-size--heading-six) !important;
  }
  html.has-modal-open .menu-topics .wp-block-navigation__container > .wp-block-navigation-item::after {
    bottom: calc(var(--wp--preset--spacing--40) * -1);
  }
  html.has-modal-open .menu-topics .wp-block-navigation__container > .wp-block-navigation-item::before {
    display: none;
  }
  html.has-modal-open .menu-topics .wp-block-navigation__container > .wp-block-navigation-item:hover .wp-block-navigation-item__content {
    transform: translateX(0);
    text-decoration: underline;
    font-weight: 400;
  }
  html.has-modal-open .menu-topics .wp-block-navigation__container > .wp-block-navigation-item:last-child::after {
    display: none;
  }
}
/*# sourceMappingURL=core-navigation.css.map */