/* Mobile Offcanvas menu */
.wp-block-navigation .wp-block-navigation__responsive-container-open svg {
  width: 30px;
  height: 30px;
}
.wp-block-navigation__responsive-close {
  height: 100%;
}
.wp-block-navigation__responsive-dialog {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.wp-block-navigation__responsive-container-content {
  flex: 1;
}

/* Mobile parent menu */
.wp-block-navigation__responsive-container.is-menu-open {
  padding: var(--wp--preset--spacing--60) !important;
  background: var(--wp--preset--color--grey-light) !important;
  & .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
    width: 100%;
    justify-content: center;
    gap: 0;
    > li.wp-block-navigation-item {
      align-items: flex-start;
      justify-content: center;
      border-top: 1px solid var(--wp--preset--color--white);
      padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--60) !important;
      margin-inline: calc(var(--wp--preset--spacing--60) * -1);
      box-sizing: border-box;
      width: calc(100% + (var(--wp--preset--spacing--60) * 2));
      > a {
        font-size: 1.4rem !important; 
      }
    }
    & a {
      display: block;
      width: 100%;
    }  
    /* second level menu */
    & ul.wp-block-navigation-submenu {
      gap: 20px !important;
      padding-inline: 0 !important;
      width: 100% !important;
      & a {
        font-weight: 300;
        opacity: 0.7;
      }   
    }
  }
}
/*@media (max-width: 785px) {
  .wp-block-navigation__responsive-container-content > ul > .wp-block-navigation-item {
    font-size: 1.4rem !important;
    text-transform: uppercase;

    & .wp-block-navigation-item {
      text-transform: initial;
      font-size: 1rem !important;
      font-weight: normal;
    }

    & .wp-block-navigation-item__content {
      display: block;
    }
  }
}*/

/* logo */
.wp-block-site-logo {  
  & :is(svg, img) {
    max-width: 100%;
  }
  @media (max-width: 1200px) {
    & {
      max-width: 240px;
    }
  }  
  @media (max-width: 781px) {
    & {
      max-width: 200px;
    }
  }
}

/* search */
.wp-block-navigation .wp-block-navigation-item.search .wp-block-navigation-item__content.wp-block-navigation-item__content {
  background-color: white;
  border-radius: 100px;
  border: 1px solid var(--wp--preset--color--grey-light);
  color: var(--wp--preset--color--black);
  width: 40px;
  height: 40px;
  overflow: hidden;
  background: white no-repeat center/50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='search-icon' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z'%3E%3C/path%3E%3C/svg%3E");
}
.wp-block-navigation .wp-block-navigation-item.search .wp-block-navigation-item__label {
  clip: rect(1px,1px,1px,1px);
  word-wrap: normal!important;
  border: 0;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;    
}

/* hide mobile menu on desktop */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) { 
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
}
@media (min-width: 890px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) { 
    display: none;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block;
    position: relative;
    width: 100%;
    z-index: auto;    
  }
}

header.wp-block-template-part {
  position: relative;
  z-index: 999;
}

/* desktop dropdowns */
@media (min-width: 890px) {
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    width: 240px !important;
    padding: 0 !important;
    border-radius: 8px;
  }
  nav[aria-label="primary"] .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    margin-top: 15px;
    border-color: var(--wp--preset--color--white);
    box-shadow: 0 0 25px #00000020;
    &:before {
      width: 100%;
      height: 15px;
      content: "";
      display: block;
      opacity: 0;
      position: absolute;
      top: -15px;
      left: 0;
    }
    &:after {
      position: absolute;
      top: -9px;
      right: 16px;
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-left: 9px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid var(--wp--preset--color--white);
    }

    & .wp-block-navigation-link {
/*      font-size: 1rem !important;*/
      background-color: transparent !important;

      &:first-child .wp-block-navigation-item__content {
        padding-top: 16px;
        border-radius: 8px 8px 0 0;
      }
      &:last-child .wp-block-navigation-item__content {
        padding-bottom: 16px;
        border-radius: 0 0 8px 8px;
      }
      &:first-child:last-child .wp-block-navigation-item__content {
        padding-block: 16px;
        border-radius: 8px;
      }
      .wp-block-navigation-item__content {        
        transition: 0.4s ease-in;        
        &:hover {
          text-decoration: none;
          transition: 0.1s ease;
          color: white;
          color: black !important;
          background-color: var(--wp--preset--color--grey-dark);
        }
      }
    }
  } 
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
  margin-block: 0;
}