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

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

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



    /* General */

    .small .header-main {
        padding: 1rem 0;
    }

    .desktop .header-main {
        padding: 3rem 0;
    }

        .header-main .panel {
            max-width: none;
        }



    /* Logo */

    .header-logo h1 {
        line-height: 1;
        font-size: 2rem;
        padding: 0 !important;
        margin: 0 !important;
    }

        .header-logo img {
            transition-property: max-height;
            height: 8rem !important;
        }

        .responsiville-scrollmenu-wrapper .header-logo img {
            height: 4rem !important;
        }

    
    
    /* Mobile logo */

    .mobile-logo img {
        margin-left: 1em;    
    }
    
        .mobile-logo img {
            height: 6rem !important;
        }



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

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

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



    /* General */

    .header-main a {
        color: var(--color-white);
        font-size: 1.4rem;
        text-transform: uppercase;
        font-weight: 700;
    }

    .header-main a:hover, 
    .header-main .responsiville-megamenu-active, 
    .header-main .current-menu-item > a,
    .header-main .current-menu-ancestor > a,
    .language-current a {
        color: var(--color-orange);
    } 



    /* Main menu */

    .main-navigation {
        text-align: left;
        position: relative;
    }

        .main-navigation li {
            position: relative;
        }

            .main-navigation li li {
                display: block;
                float: none;
                min-width: 10em;
            }

            .main-navigation a {
                margin: 0;
                padding: 0 1rem;
                display: block;
                line-height: 2;
                border-radius: 0.3rem;
                white-space: nowrap;
            }

    .menu-item-has-children > a::after {
        display: inline-block;
        font-family: var(--font-icons);
        content: '\e846';
        font-size: 100%;
        margin-left: 5px;
        position: relative;
        top: 0;
    }



    /* Language switcher */

    .responsiville-mobimenu-enabled .vanilla-language-switcher {
        left: 0;
        padding: 0;
    }

    .responsiville-mobimenu-open .header-language {
        display: block;
    }

        .header-language {
            background-color: var(--color-gray-7);
            padding: 1.0rem 2.5rem 1.5rem 2.5rem;
        }

            .header-language ul,
            .header-language li {
                display: inline-block !important;
            }
            
            .header-language li:not(:last-child):after {
                content: '|';
                color: var(--color-white);
                display: inline-block;
                font-size: 80%;
            }

                .header-language a {
                    margin: 0 0.5rem;
                }
    

        /* Search button */

        .open-search-button {
            text-transform: lowercase !important;
        }



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

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

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



    .responsiville-megamenu + ul {
        display: none;
        background-color: var(--color-black);
    }

        .responsiville-megamenu-element {
            top: 100%;
            left: -1.5rem;
            padding: 1.5rem;
            border-radius: 0.3rem;
            box-shadow: 0 0 0 1px var(--color-gray-light-x);
            z-index: 2;
        }



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

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

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



    /* The original scrollmenu element. */ 

    .wrapper .responsiville-scrollmenu {
        opacity: 1;
        transition: opacity 0.3s ease-in 0.3s;
    }

    .responsiville-scrollmenu-active-body .wrapper .responsiville-scrollmenu {
        opacity: 0;
        transition: opacity 0.3s ease-in 0s;
    }



    /* The cloned scrollmenu element. */

    .responsiville-scrollmenu-wrapper {
        opacity: 0;
        transform: translateY(-100%);
        transition: transform 0s linear 0.3s, opacity 0.3s ease-in 0s;
    }

    .responsiville-scrollmenu-wrapper.responsiville-scrollmenu-active {
        opacity: 1;
        transform: translateY(0);
        transition: transform 0s linear 0s, opacity 0.3s ease-in 0s;
    }

        .responsiville-scrollmenu-wrapper .responsiville-scrollmenu {
            padding: 0.5rem 0 !important;
            background-color: var(--color-black);
        }

            .responsiville-scrollmenu-wrapper .header-language {
                display: none;
            }



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

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

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



    /* Positioning and layout */

    .responsiville-mobimenu-open {
        background-color: var(--color-black);
    }

    .responsiville-mobimenu-open .header-main-menu {
        display: block;
    }

    .responsiville-mobimenu-open .responsiville-mobimenu-wrapper {
        position: relative;
        z-index: 2000;
        width: 100%;
    }

    .responsiville-mobimenu-wrapper.responsiville-mobimenu-wrapper-clone {
        position: fixed;
    }

    .responsiville-mobimenu {
        display: table !important;
    }

        .responsiville-mobimenu-enabled {
            text-align: center;
        }

        .responsiville-mobimenu [class*="column"] {
            display: table-cell;
            float: none;
            vertical-align: middle;
        }

            .small .responsiville-mobimenu-enabled .responsiville-mobimenu {
                display: none !important;
            }

            .desktop .responsiville-mobimenu-enabled .responsiville-mobimenu {
                display: none !important;
            }

            .small .responsiville-mobimenu-wrapper-clone .responsiville-mobimenu {
                display: block !important;
            }

            .responsiville-mobimenu-enabled ul {
                border-width: inherit;
                background: none;
            }

            .responsiville-mobimenu-enabled {
                text-align: right;
                padding-right: 1em;
            }

    .responsiville-mobimenu-open .column-left,
    .responsiville-mobimenu-open .column-right {
        display: block;
        width: 100%;
        text-align: left;
    }



    /* Close button */
    
    .responsiville-mobimenu-close,
    .responsiville-mobimenu-close:focus,
    .responsiville-mobimenu-close:hover {
        top: 1rem;
        right: 1rem;
        font-size: 4rem;
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
    }
        
        .responsiville-mobimenu-close span {
            display: none;
        }

        .responsiville-mobimenu-close:before {
            display: inline-block;
            font-family: var(--font-icons);
            content: "\E824";
            font-size: 3rem;
            font-weight: 100;
        }



    /* Burger menu styling */

    .responsiville-mobimenu-enabled .responsiville-mobimenu-burger {
        display: inline;
    }

    .responsiville-mobimenu-burger::before {
        content: "\E869";
        font-size: 3.5rem;
    }

    .responsiville-mobimenu-burger span {
        display: none !important;
    }



    /* Logo */

    .responsiville-mobimenu-open .header-logo {
        display: block;
        text-align: center;
        margin: calc(2*var(--text-rhythm)) 0 var(--text-rhythm) 0;
    }
    

    /* Search */

    .responsiville-mobimenu-open .header-search {
        margin-bottom: var(--vertical-rhythm);
    }



    /* Menu items */

    .responsiville-mobimenu-wrapper-clone:not(.responsiville-mobimenu-unstyled) {
        padding: 0 2rem;
    }

    .responsiville-mobimenu-wrapper-clone:not(.responsiville-mobimenu-unstyled) ul,
    .responsiville-mobimenu-wrapper-clone:not(.responsiville-mobimenu-unstyled) ul li {
        display: block;
        min-width: auto;
        margin-bottom: 0.5em;
        text-align: left;
    }

    .responsiville-mobimenu-wrapper-clone:not(.responsiville-mobimenu-unstyled) ul ul {
        text-align: left;
        padding: 1em 0;
    }

        .responsiville-mobimenu-wrapper-clone:not(.responsiville-mobimenu-unstyled) ul ul li {
            display: block;
            text-align: left;
            margin-bottom: 0;
        }

        .responsiville-mobimenu-wrapper-clone:not(.responsiville-mobimenu-unstyled) .main-navigation a {
            font-size: 2.5rem;
            line-height: 1.5;
            padding: 0 0 0.25em 0.25em;
            border-bottom: 1px solid var(--color-white);
            border-radius: 0;
            background: transparent;
        }

            .responsiville-mobimenu-wrapper-clone:not(.responsiville-mobimenu-unstyled) .main-navigation ul a {
                font-size: 2rem;
                border-bottom: none;
                padding: 0 0.5em 0 0.5em;
            }

            .responsiville-mobimenu-wrapper-clone:not(.responsiville-mobimenu-unstyled) .main-navigation .menu-item-has-children > a::after {
                display: none;
            }
    
    
     /* Language switcer */

    .responsiville-mobimenu-open .header-language {
        margin-bottom: var(--vertical-rhythm);
        background-color: var(--color-gray-9);
        margin-top: var(--text-rhythm);
        padding: 2rem 0;
        text-align: center;
    }

        .responsiville-mobimenu-open .header-language *,
        .responsiville-mobimenu-open .header-language *:after {
            font-size: 2rem !important;
            line-height: 1.5 !important;
            padding: 0 !important;
            margin: 0 !important;
            display: inline-block;
        }
        
        .responsiville-mobimenu-open .header-language a {
            margin: 0 1rem !important;
            padding: 0.5rem;
            font-weight: 700;
        }

        .responsiville-mobimenu-open .header-language .language-current a {
            color: var(--color-orange-light);
        }