{# ### header layout ### #}
.site-header__wrapper {
    --bz-gutter: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    margin-right: calc(-0.5 * var(--bz-gutter));
	margin-left: calc(-0.5 * var(--bz-gutter));
}
.site-header__wrapper > * {
	box-sizing: border-box;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bz-gutter) * 0.5);
	padding-left: calc(var(--bz-gutter) * 0.5);
}

.site-header__logo {
    max-width: calc(100% / (12 / 6));
}
@media (min-width: 1024px) {
    .site-header__wrapper {
        align-items: center; {# to bottom align menu items, change 'center' to 'flex-end' #}
    }
    .site-header__logo {
        max-width: calc(100% / (12 / 2));
    }
    .site-header__menu {
        display: flex;
        flex: 1;
        align-items: flex-end;
        justify-content: space-between;
    }
    .site-header__extras {
        display: none;
    }
}


{# ### menu styles ### #}
.site-header__menu .hs-menu__nav .hs-menu__list,
.site-header__menu ul.hs-item__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.site-header__menu .hs-menu__nav .hs-menu__list li,
.site-header__menu ul.hs-item__list li {
    font-size: inherit;
    margin: 0;
}
.site-header__menu .hs-menu__nav .hs-menu__link {
	display: inline-block;
    white-space: nowrap;
    color: inherit !important;
}
@media (min-width: 1024px) {
    .site-header__menu .hs-menu__nav .hs-menu__list {
        display: flex;
        align-items: center;
        gap: 1.5rem;
        font-size: 15px;
    }
    .site-header__menu .hs-menu__nav .hs-menu__link.active-branch,
    .site-header__menu .hs-menu__nav .hs-menu__link:hover {
        color: var(--bz-primary) !important;
    }
    .site-header__menu .hs-menu__nav .hs-menu__list .hs-menu__item.hs-item__has-children > .hs-menu__link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }
    .site-header__menu .hs-menu__nav .hs-menu__list .hs-menu__item.hs-item__has-children > .hs-menu__link:after {
        content: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7.5 7L14 1' stroke='%23141414' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        rotate: -90deg;
        scale: 0.8;
    }
    .site-header__menu .hs-menu__nav .hs-menu__list .hs-menu__item.hs-menu__depth-1.hs-item__has-children > .hs-menu__link:after {
        content: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7.5 7L14 1' stroke='%23141414' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        rotate: 0deg;
        scale: 0.95;
    }
    .site-header__menu .hs-menu__nav .hs-menu__item.hs-item__has-children {
        position: relative;
    }
    .site-header__menu .hs-item__child-wrapper {
        position: absolute;
        z-index: 1024;
        top: 0;
        left: 100%;

        visibility: hidden;
        opacity: 0;

        padding: 1rem;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        transform: translateY(-1rem);
    }
    .site-header__menu .hs-menu__nav .hs-menu__item.hs-menu__depth-1.hs-item__has-children > .hs-item__child-wrapper {
        top: 100%;
        left: 0;
        transform: translateY(0);
    }
    .site-header__menu .hs-menu__nav .hs-menu__item.hs-item__has-children:hover > .hs-item__child-wrapper {
        opacity: 1;
        visibility: unset;
    }

    .site-header__menu .hs-item__child-wrapper .hs-item__list {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
    .site-header__menu .hs-item__child-wrapper .hs-menu__link {
        min-width: 180px;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .site-header__menu .hs-menu__nav .hs-menu__list {
        font-size: 14px;
        gap: 1.25rem;
    }
    .site-header__menu .hs-menu__nav .hs-menu__list .hs-menu__item.hs-menu__depth-1.hs-item__has-children > .hs-menu__link:after {
        scale: 0.9;
    }
}

{# ### header cta styles ### #}
.site-header__cta { 
    display: flex;
    align-items: center;
    gap: 1rem;
}
.site-header__cta .hs-button {
    margin: 0 !important;
}
.site-header__cta .hs-button.btn--header.link {
    padding: 2px 0;
    background: transparent;
    border: 0;
    font-size: 1rem;
    font-weight: 600;
    color: inherit;
    opacity: 0.75;
}
.site-header__cta .hs-button.btn--header.link.arrow {
    display: flex;
    align-items: center;
    gap: 0.125rem;
}
.site-header__cta .hs-button.btn--header.link.arrow:after {
    content: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7.5 7L14 1' stroke='%23141414' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    rotate: -90deg;
    scale: 0.8;
    transition: all 0.25s ease-in-out;
}
.site-header__cta .hs-button.btn--header.link:hover {
    opacity: 1;
}
.site-header__cta .hs-button.btn--header.link.arrow:hover:after {
    transform: translateY(2px);
}
@media (min-width: 1024px) {
    .site-header__cta .hs-button {
        font-size: 1rem !important;
        line-height: 1.125rem !important;
        padding: 0.25rem 1rem !important;
    }
    .site-header__cta .hs-button.btn--header.link {
        font-size: 15px;
    }
    .site-header__hamburger {
        display: none;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .site-header__cta .hs-button {
        font-size: 15px !important;
    }
    .site-header__cta .hs-button.btn--header.link {
        font-size: 14px;
    }
    .site-header__cta .hs-button.btn--header.link.arrow:after {
        scale: 0.75;
    }
}

{# ### responsive header ### #}
@media (max-width: 767px) {
    .site-header__extras .site-header__cta {
        display: none;
    }
}
@media (max-width: 1023px) {
    .site-header__menu {
    }
    .site-header__menu .hs-menu__nav .hs-menu__list .hs-menu__item.hs-menu__depth-1 + .hs-menu__item.hs-menu__depth-1 {
        border-top: 1px solid var(--bz-mgrey);
    }
    .site-header__menu .hs-menu__nav .hs-menu__link {
        display: block;
        padding: 0.5rem;
    }
    .site-header__menu .hs-menu__nav .hs-menu__list .hs-menu__item.hs-item__has-children > .hs-menu__link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }
    .site-header__menu .hs-menu__nav .hs-menu__list .hs-menu__item.hs-item__has-children > .hs-menu__link:after {
        content: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7.5 7L14 1' stroke='%23141414' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        rotate: -90deg;
        scale: 0.8;
    }
    .site-header__menu .hs-item__child-wrapper {
        margin-left: 1rem;
    }

    .site-header__menu .hs-menu__nav .hs-menu__item.hs-item__has-children > .hs-item__child-wrapper {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.35s;
    } 
    .site-header__menu .hs-menu__nav .hs-menu__item.hs-item__has-children.in > .hs-item__child-wrapper {
        max-height: 999em;
    }
    .site-header__menu .hs-menu__nav .hs-menu__item.hs-item__has-children.in > .hs-menu__link:after {
        rotate: 0deg;
    }

    .site-header__extras {
        max-width: calc(100% / (12 / 6));
        display: flex;
        gap: 1rem;
        align-items: center;
        justify-content: flex-end;
    }
    .site-header__hamburger .site-header__toggle {
        display: block;
        height: 2.25rem;
        width: 2.25rem;
        border-radius: 4px;
        position: relative;

        background-color: var(--bz-primary);
    }
    .site-header__hamburger .site-header__toggle i {
        color: inherit;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 1.25rem;
        line-height: 1;
        color: var(--bz-white);
    }
    .site-header__menu {
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 1024;
        width: 95vw;
        height: 100vh;
        overflow: scroll;
        background-color: rgba(255, 255, 255, 0.98);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);

        padding: 3rem 1.75rem 1rem 1rem;
        transition: all 0.4s ease-in-out;
    }
    .site-header__menu .site-header__toggle {
        display: flex;
        gap: 0.5rem;
        align-items: center;

        position: absolute;
        top: 0.75rem;
        right: 1.75rem;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 0.85rem;
    }
    .site-header__menu .site-header__cta {
        margin-top: 1.5rem;
    }
    .section--site-header.menu-open .site-header__menu {
        right: 0;
    }
    body.menu-open {
        overflow: hidden;
    }
}
@media (min-width: 1024px) {
    .site-header__menu .site-header__toggle {
        display: none;
    }
}