/*******************************************************

    ██╗  ██╗███████╗ █████╗ ██████╗ ███████╗██████╗
    ██║  ██║██╔════╝██╔══██╗██╔══██╗██╔════╝██╔══██╗
    ███████║█████╗  ███████║██║  ██║█████╗  ██████╔╝
    ██╔══██║██╔══╝  ██╔══██║██║  ██║██╔══╝  ██╔══██╗
    ██║  ██║███████╗██║  ██║██████╔╝███████╗██║  ██║
    ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝

 *******************************************************/



    /* The page header. */

    .main-header {
        transition-property: padding, background;
        transition-delay: 0s;
        transition-timing-function: ease-in-out;
        transition-duration: 0.3s;
    }

    .responsiville-stickymenu-enabled {
        position: absolute;
    }

    .main-header.responsiville-stickymenu-active {
        position: fixed;
        animation: header_slideDown 0.6s ease forwards;
        z-index: 9;
    }



    /* @keyframes header_slideDown {
        from {
            transform: translateY(-100%);

        }
        to {
            transform: translateY(0);

        }
    } */



    .main-header:not(.responsiville-stickymenu-active) .show-when-sticky, 
    .main-header.responsiville-stickymenu-active .hide-when-sticky {
        display: none;
    }

    .small .main-header {
        padding: 10px 0;
    }
    
    .laptop .main-header {
        padding: 30px 0;
    }

    .main-header.responsiville-stickymenu-active {
        /*padding: 10px 0 !important;
        background: var(--nvm-color-white);
        border-bottom: 1px solid var(--nvm-color-gray-2);
        box-shadow: 0 0 5px 0px var(--nvm-color-gray-2);*/
        background: var(--brand-color-pale-blue);
    }

    .hovered-menu-item.main-header {
        background: var(--brand-color-pale-blue);
    }

    /* Logo */

    .main-header-logo a,
    .main-header-logo h1 {
        line-height: 1;
        font-size: 20px;
        padding: 0 !important;
        margin: 0 !important;
    }

        .main-header-logo img {
            display: block;
            height: 54px !important;
            width: auto;
            transition-property: max-height;
        }

        .small .main-header.responsiville-stickymenu-active .main-header-logo img {
            height: 40px !important;
        }

        .tablet .main-header.responsiville-stickymenu-active .main-header-logo img {
            height: 54px !important;
        }

        .laptop .main-header.responsiville-stickymenu-active .main-header-logo img {
            height: 54px !important;
        }

        .desktop .main-header.responsiville-stickymenu-active .main-header-logo img {
            height: 44px !important;
        }

        .large .main-header.responsiville-stickymenu-active .main-header-logo img {
            height: 54px !important;
        }

        .main-header-logo h1 {
            line-height: 0;
        }
    
    /* Main menu */

    .main-header-navigation {
        flex-grow: 1;
    }

        .main-header-navigation .main-navigation {
            justify-content: flex-end;
        }


    /* Second header row with logo */
    .main-header-logo-row {
        margin-top: 30px;
    }

    /* Search */
    
    .main-header-search {

    }

        .main-header-search a.open-search-button {
            color: var(--nvm-color-white) !important;
            width: 29px;
            height: 29px;
            border: 1px solid var(--nvm-color-white);
            border-radius: 50%;
            text-align: center;
        }

        .main-header-search a.open-search-button svg {
            width: 17.6px;
            height: 17.6px;
        }


        .small .main-header-search nav {
            margin-right: 15px;
        }

        .tablet .main-header-search nav {
            margin-right: 2em;
        }