/*
 * SSAVE smart header.
 * Every rule is gated by the JavaScript-added class to avoid affecting other
 * Divi menus, logos, Theme Builder sections or page content.
 */
.ssave-smart-header {
    --ssave-smart-header-duration: 280ms;
    --ssave-smart-header-offset: 0px;
    --ssave-smart-header-shrink: .8;
    position: fixed !important;
    top: var(--ssave-smart-header-offset);
    right: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: var(--ssave-smart-header-expanded-height, auto);
    transform: translate3d(0, 0, 0);
    transition: height var(--ssave-smart-header-duration) ease, transform var(--ssave-smart-header-duration) cubic-bezier(.22, .61, .36, 1), box-shadow 200ms ease;
    will-change: transform;
}

.ssave-smart-header.ssave-smart-header--scrolled {
    height: var(--ssave-smart-header-collapsed-height);
    box-shadow: 0 8px 24px rgb(7 81 65 / 12%);
}



.ssave-smart-header.ssave-smart-header--scrolled:not(.ssave-smart-header--measuring) > .et_builder_inner_content,
.ssave-smart-header.ssave-smart-header--scrolled:not(.ssave-smart-header--measuring) > .et_builder_inner_content > .et_pb_section_0_tb_header,
.ssave-smart-header.ssave-smart-header--scrolled:not(.ssave-smart-header--measuring) > .et_builder_inner_content > .et_pb_section_0_tb_header > .et_pb_row_0_tb_header {
    height: 100% !important;
    min-height: 0 !important;
}

.ssave-smart-header.ssave-smart-header--scrolled:not(.ssave-smart-header--measuring) > .et_builder_inner_content > .et_pb_section_0_tb_header,
.ssave-smart-header.ssave-smart-header--scrolled:not(.ssave-smart-header--measuring) > .et_builder_inner_content > .et_pb_section_0_tb_header > .et_pb_row_0_tb_header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ssave-smart-header.ssave-smart-header--measuring {
    height: auto !important;
    transition: none !important;
}

.ssave-smart-header.ssave-smart-header--hidden {
    transform: translate3d(0, calc(-100% - var(--ssave-smart-header-offset) - 4px), 0);
    pointer-events: none;
}

.ssave-smart-header.ssave-smart-header--visible {
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
}

.ssave-smart-header .et_pb_image_0_tb_header,
.ssave-smart-header .et_pb_menu_0_tb_header .et_pb_menu__menu {
    transition: transform var(--ssave-smart-header-duration) ease;
}

.ssave-smart-header.ssave-smart-header--scrolled .et_pb_image_0_tb_header {
    transform: scale(var(--ssave-smart-header-shrink));
    transform-origin: left center;
    max-width: 90px !important;
    top:-11px !important;
}






/* Scaling the menu as one unit reduces its width, text and spacing by exactly 20%. */
@media (min-width: 981px) {
    .ssave-smart-header.ssave-smart-header--scrolled .et_pb_menu_0_tb_header .et_pb_menu__menu {
        transform: scale(var(--ssave-smart-header-shrink));
        transform-origin: right center;
    }
}

/* Keep Divi's mobile toggle and links at accessible touch sizes. */
@media (max-width: 980px) {
    .ssave-smart-header .et_pb_menu_0_tb_header .et_pb_menu__menu {
        transform: none !important;
    }
}

body.admin-bar .ssave-smart-header {
    --ssave-smart-header-offset: 32px;
}

@media (max-width: 782px) {
    body.admin-bar .ssave-smart-header {
        --ssave-smart-header-offset: 46px;
    }
}

.ssave-smart-header-spacer {
    display: block;
    width: 100%;
    min-height: 1px;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .ssave-smart-header,
    .ssave-smart-header .et_pb_image_0_tb_header,
    .ssave-smart-header .et_pb_menu_0_tb_header .et_pb_menu__menu {
        transition: none !important;
    }
}