.page-header {
    max-width: var(--page-max-width);
    margin: 0 auto;
}

.page-header-bg {
    background: #fff
}

.page-header-logo {
    max-width: 100%;
    height: 2.5rem;
    width: 100%;
}

@media (min-width: 48rem) {
    .page-header-logo {
        height: 4rem;
    }
}

@media (min-width: 62rem) {
    .page-header-logo {
        height: 5.5rem;
    }
}

.page-header-logo-link,
.page-header-logo-img {
    display: block;
    max-width: 100%;
    width: auto;
    height: 100%;
}

.page-header-searchbox {
    width: 13rem;
    position: absolute;
    top: 50%;
    right: calc(100% + .25em);
    transform: translateY(-50%);
    background: var(--bs-white);
}

.no-js .page-mobile-searchbox {
    display: none;
}

.page-mobile-searchbox ,
.page-mobile-searchbox > #searchFormMobile {
    width: 100%;
}

.page-mobile-searchbox .search-word {
    border-radius: 0;
}

@media (min-width: 75rem) {
    .page-header-searchbox-dummy {
        height: 3.375rem
    }
}

@media (min-width: 62rem) {
    .page-header-navigation {
        /*! background-color: var(--bs-gray-100) */
    }
}

.page-header-sticky {
    --min-window-height-px: 460;
    --page-header-height: 3.75rem;
    padding-top: var(--page-header-height);
}

.page-header-sticky .page-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}

.page-header-sticky .page-header-navigation {
    max-height: calc(100vh - var(--page-header-height));
    /*! overflow: auto; */
}

@media (min-width: 62rem) {
    .page-header-sticky .page-header-navigation {
        max-height: none;
        overflow: visible
    }
}

@media (min-width: 48rem) {

    .page-header {
        border-bottom: calc(var(--bs-gutter-x) * .125) solid var(--dw-secondary);
        border-bottom: .1875rem solid var(--dw-secondary);
        border-bottom: .25rem solid var(--dw-secondary);
    }

    .page-header-sticky {
        --page-header-height: 5.25rem;
        --min-window-height-px: 600
    }

    .page-header-sticky .top-menu {
        height: 2.5rem
    }

    .page-header-sticky .top-menu,
    .page-header-sticky .page-header-logo {
        transition: all .25s ease-in-out
    }

    .page-header-sticky.page-scrolled .page-header-logo {
        height: 4.5rem;
    }

    .page-header-sticky.page-scrolled .top-menu {
        height: 0;
        padding: 0;
        opacity: 0;
        overflow: hidden
    }
}

@media (min-width: 62rem) {
    .page-header-sticky {
        --page-header-height: 6.875rem;
        --page-header-height: 7.75rem;
        --min-window-height-px: 760
    }
}