.sba-custom-header {
  margin-inline: 4rem;
}

@media (min-width: 140rem) {
  .sba-custom-header.alignfull {
    margin: 0 auto;
    max-width: 140rem;
  }
  .sba-custom-header.alignfull ~ div:has(.sba-mainnav) {
    margin: 0 auto;
    max-width: 140rem;
  }
}

.sba-title-text {
  font-size:clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 1.5), 2.75rem);
  line-height:1.1em;
}

.wp-block-navigation.sba-nav-inset.alignfull:first-of-type {
  margin-inline-start: 0rem;
  width: auto;
}


.sba-mainnav .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
  span { 
    color: var(--theme-text-color-primary);
  }
}

.sba-mainnav .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  background-color: white;
}


.sbamobilenav .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  li:not(:last-child)  { 
    margin-bottom: 1rem;                        
  }
}

.sba-custom-header .sbadisplaynone {
  display: none;
}

.sba-mainnav ul:not(.wp-block-navigation__submenu-container) {
  /* margin-inline-end: 2rem; */
  margin-bottom: 1rem;
  gap: 2rem;
}

/* Make header a container */
.sba-custom-header {
  container-type: inline-size;
}

/* Make header a container */
.wp-block-group:has(.sba-mainnav) {
  container-type: inline-size;
}

/* <= 645px */
@container (max-width: 645px) {
  .sba-mainnav {
    display: none;
  }
  .sba-custom-header + hr {
    display: none;
  }
}

/* <= 645px */
@container (max-width: 645px) {
  .sba-custom-header .wp-block-buttons.sbadesktopbuttons {
    display: none;
  }

  .sba-mainnav {
    display: none !important;
  }

  .sba-custom-header .sbamobilenav {
    display: block;
  }

}


@container (max-width: 240px) {
  .sba-custom-header figure:first-of-type {
    display: none;
  }
  .sba-custom-header .sba-title-text {
    font-size: small !important;
  }
}



/* <= 370px */
@container (max-width: 370px) {
  .sba-custom-header .sba-title-text {
    font-size: medium !important;
  }
}

.sba-custom-header .wp-block-buttons .is-search a::before {
  content: "";
  inline-size: 1rem;
  block-size: 1rem;
  flex: 0 0 1rem;
  margin-inline-start: -0.125rem;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath d='M17.0413 16.6962L11.7373 11.4558C12.7231 10.4288 13.3287 9.04238 13.3287 7.51868C13.3287 6.8708 13.2192 6.23432 13.0033 5.62689C12.9801 5.56174 12.9315 5.50855 12.8682 5.47922C12.8049 5.44983 12.7325 5.44687 12.667 5.47073L11.7425 5.80875C11.6094 5.85741 11.5402 6.00234 11.5867 6.13476C11.7436 6.58066 11.8232 7.04629 11.8232 7.51868C11.8232 9.85559 9.89883 11.7568 7.53348 11.7568C5.16818 11.7568 3.24386 9.85559 3.24386 7.51868C3.24386 5.18171 5.16818 3.28048 7.53348 3.28048C7.80005 3.28048 8.06996 3.30601 8.33575 3.35635C8.46032 3.37954 8.58496 3.31087 8.62918 3.19282L8.97515 2.26921C9.00128 2.19949 8.99557 2.12194 8.95954 2.05662C8.92352 1.99137 8.86064 1.9446 8.78712 1.92851C8.37646 1.83856 7.95466 1.79297 7.53348 1.79297C4.33798 1.79297 1.73828 4.36152 1.73828 7.51868C1.73828 10.6758 4.33798 13.2443 7.53348 13.2443C8.6428 13.2443 9.68017 12.9346 10.5621 12.3983L15.9768 17.7481C16.119 17.8886 16.308 17.9659 16.509 17.9659C16.7101 17.9659 16.899 17.8886 17.0413 17.748C17.3349 17.4581 17.3349 16.9862 17.0413 16.6962Z'/%3E%3Cpath d='M9.20086 5.4402L10.2003 8.10871L11.1997 5.4402L13.9006 4.45279L11.1997 3.46533L10.2003 0.796875L9.20086 3.46533L6.5 4.45279L9.20086 5.4402Z'/%3E%3Cpath d='M7.96505 5.69141L7.60884 6.64216L6.64648 6.99404L7.60884 7.34586L7.96499 8.29667L8.32109 7.34586L9.28345 6.99404L8.32109 6.64216L7.96505 5.69141Z'/%3E%3Cpath d='M12.9603 3.15476L13.2281 2.43967L13.9519 2.17507L13.2281 1.91052L12.9603 1.19531L12.6925 1.91046L11.9688 2.17507L12.6925 2.43967L12.9603 3.15476Z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath d='M17.0413 16.6962L11.7373 11.4558C12.7231 10.4288 13.3287 9.04238 13.3287 7.51868C13.3287 6.8708 13.2192 6.23432 13.0033 5.62689C12.9801 5.56174 12.9315 5.50855 12.8682 5.47922C12.8049 5.44983 12.7325 5.44687 12.667 5.47073L11.7425 5.80875C11.6094 5.85741 11.5402 6.00234 11.5867 6.13476C11.7436 6.58066 11.8232 7.04629 11.8232 7.51868C11.8232 9.85559 9.89883 11.7568 7.53348 11.7568C5.16818 11.7568 3.24386 9.85559 3.24386 7.51868C3.24386 5.18171 5.16818 3.28048 7.53348 3.28048C7.80005 3.28048 8.06996 3.30601 8.33575 3.35635C8.46032 3.37954 8.58496 3.31087 8.62918 3.19282L8.97515 2.26921C9.00128 2.19949 8.99557 2.12194 8.95954 2.05662C8.92352 1.99137 8.86064 1.9446 8.78712 1.92851C8.37646 1.83856 7.95466 1.79297 7.53348 1.79297C4.33798 1.79297 1.73828 4.36152 1.73828 7.51868C1.73828 10.6758 4.33798 13.2443 7.53348 13.2443C8.6428 13.2443 9.68017 12.9346 10.5621 12.3983L15.9768 17.7481C16.119 17.8886 16.308 17.9659 16.509 17.9659C16.7101 17.9659 16.899 17.8886 17.0413 17.748C17.3349 17.4581 17.3349 16.9862 17.0413 16.6962Z'/%3E%3Cpath d='M9.20086 5.4402L10.2003 8.10871L11.1997 5.4402L13.9006 4.45279L11.1997 3.46533L10.2003 0.796875L9.20086 3.46533L6.5 4.45279L9.20086 5.4402Z'/%3E%3Cpath d='M7.96505 5.69141L7.60884 6.64216L6.64648 6.99404L7.60884 7.34586L7.96499 8.29667L8.32109 7.34586L9.28345 6.99404L8.32109 6.64216L7.96505 5.69141Z'/%3E%3Cpath d='M12.9603 3.15476L13.2281 2.43967L13.9519 2.17507L13.2281 1.91052L12.9603 1.19531L12.6925 1.91046L11.9688 2.17507L12.6925 2.43967L12.9603 3.15476Z'/%3E%3C/svg%3E") no-repeat center / contain;
}



/* Make header a container */
.sbamobilenav .wp-block-navigation__responsive-container {
  container-type: inline-size;
}

/* <= 310px */
@container (max-width: 645px) {
  .sbamobilenav .has-modal-open.is-menu-open {
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

/* <= 310px */
@container (max-width: 545px) {
  .sbamobilenav .has-modal-open.is-menu-open {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@container (max-width: 445px) {
  .sbamobilenav .has-modal-open.is-menu-open {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}


.sba-mainnav .wp-block-buttons {
  display: none;
}


@media (max-width: 450px) {
  .wp-block-group:has(.sba-custom-header) {
    padding-right: 1rem;
    padding-left: 1rem;
  } 
}

@media (min-width: 451px) {
  .wp-block-group:has(.sba-custom-header) {
    padding-right: 2rem;
    padding-left: 2rem;
  } 
}

.sba-custom-header .wp-block-image  img {
  max-width: 6rem;
}



/* mobile menu */

.sbamobilenav
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content
.wp-block-navigation-item__content {
  padding-left: 1rem;
}

@media (max-width: 782px) {
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  .sbamobilenav
  .wp-block-navigation-item {
    flex-direction: row;
  }

  .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .sbamobilenav {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0.5rem 0 1rem;
    background: #fff;
    list-style: none;
  }

  .sbamobilenav,
  .sbamobilenav ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .sbamobilenav .wp-block-navigation__container .wp-block-navigation-item,
  .sbamobilenav .wp-block-navigation__submenu-container .wp-block-navigation-item {
    width: 100%;
    border-bottom: 1px solid #dfe5ef;
  }

  .sbamobilenav .wp-block-navigation__submenu-container > .wp-block-navigation-item:last-child {
    border-bottom: none;
  }

  .sbamobilenav li:has(> a + button + ul) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .sbamobilenav li:has(> a + button + ul) > a {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    min-height: 3.25rem;
    padding: 0.9rem 1rem;
    color: #1b1b1b;
    text-decoration: none;
    background: #fff;
  }

  .sbamobilenav li:has(> a + button + ul) > button {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    margin-left: auto;
    margin-right: 0.75rem;
    display: grid !important;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 1px solid #dfe5ef;
    border-radius: 999px;
    background: #fff;
    color: #002e6d;
    cursor: pointer;
  }

  .sbamobilenav li:has(> a + button + ul) > ul {
    flex-basis: 100%;
    width: 100%;
  }

  .sbamobilenav .wp-block-navigation-item__content {
    display: flex;
    align-items: center;
    min-height: 3.25rem;
    padding: 0.9rem 1rem;
    color: #1b1b1b;
    line-height: 1.25;
    text-decoration: none;
    background: #fff;
  }

  .sbamobilenav > .wp-block-navigation-item > .wp-block-navigation-item__content {
    color: #001b3f;
    /* font-size: 1.08rem; */
    font-weight: 700;
  }

  .sbamobilenav .wp-block-navigation-item__content:hover,
  .sbamobilenav .wp-block-navigation-item__content:focus-visible {
    background: #f5f5f5;
    box-shadow: inset 4px 0 0 #d83933;
    outline: none;
  }

  .sbamobilenav .wp-block-navigation__submenu-icon svg {
    position: relative;
    z-index: 3;
    width: 0.875rem;
    height: 0.875rem;
    stroke: currentColor;
    pointer-events: none;
    transition: transform 160ms ease;
  }

  .sbamobilenav .wp-block-navigation__submenu-icon[aria-expanded="true"] {
    background: #002e6d;
    border-color: #002e6d;
    color: #fff;
  }

  .sbamobilenav .wp-block-navigation__submenu-icon[aria-expanded="true"] svg {
    transform: rotate(180deg);
  }

  .sbamobilenav .wp-block-navigation__submenu-container {
    position: relative;
    z-index: 1;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0.25rem 0 0.5rem;
    background: #f8fafd;
    border: 0;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
  }

  .sbamobilenav
    .wp-block-navigation__submenu-container
    .wp-block-navigation__submenu-container {
    margin: 0.15rem 0.85rem 0.55rem 1.2rem;
    padding: 0.35rem 0;
    background: #fff;
    border-left: 3px solid #d83933;
    border-radius: 0 12px 12px 0;
  }

}

.sbamobilenav
  .wp-block-navigation-submenu__toggle[aria-expanded="false"]
  ~ .wp-block-navigation__submenu-container {
  display: none;
}

.sbamobilenav
  .wp-block-navigation-submenu__toggle[aria-expanded="true"]
  ~ .wp-block-navigation__submenu-container {
  display: block; /* or flex */
}

header.wp-block-template-part {
  margin-top: 0;
}