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

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

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



    .main-navigation {
        text-align: center;
        position: relative;
        font-family: var(--font-serif);
        width: 100%;
        background: var(--color-black);
    }

        .main-navigation li {
            position: relative;
            text-align: center;
            display: inline-block;
            float: none !important;
        }

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

            .main-navigation a {
                margin: 0 0 0 0.4rem;
                padding: 0 0.75rem;
                text-align: center;
                line-height: 2;
                font-size: 2.2rem;
                color: var(--color-white);
            }

            .main-navigation li li a {
                margin: 0.2rem 0.2rem;
                padding: 0 0.5rem;
            }

            .main-navigation a:hover,
            .main-navigation .current-menu-item > a,
            .main-navigation .current-menu-ancestor > a,
            .main-navigation .current_page_parent > a,
            .main-navigation .current_page_item > a,
            .main-navigation .post-type-archive-portfolio,
            .main-navigation .post-type-archive-stories {
                background: var(--color-yellow) !important;
                color: var(--color-black) !important;
                opacity: 1;
            }

            .post-type-archive-portfolio .main-navigation .blog-page > a,
            .post-type-archive-stories .main-navigation .blog-page > a,
            .single-portfolio .main-navigation .blog-page > a,
            .single-stories .main-navigation .blog-page > a {
                background: none !important;
            }

            .post-type-archive-portfolio .main-navigation .blog-page > a:hover,
            .post-type-archive-stories .main-navigation .blog-page > a:hover,
            .single-stories .main-navigation .blog-page > a:hover,
            .single-portfolio .main-navigation .blog-page > a:hover {
                background: var(--color-orange) !important;
                color: var(--color-white) !important;
                opacity: 1;
            }

            .post-type-archive-portfolio .main-navigation .portfolio-page > a,
            .post-type-archive-stories .main-navigation .stories-page > a,
            .single-portfolio .main-navigation .portfolio-page > a,
            .single-stories .main-navigation .stories-page > a {
                background: var(--color-orange) !important;
                color: var(--color-black) !important;
            }



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

    .laptop .header-main-menu {
        background: var(--color-black);
        z-index: 2;
        display: block;
        position: relative;
    }

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

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

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



    .responsiville-megamenu + ul {
        display: none;
    }

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



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

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

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



    /* The original scrollmenu element. */ 

    .wrapper .responsiville-scrollmenu {
        opacity: 1;
        transition: opacity 0.3s ease-in 0.3s;
        padding: var(--vertical-rhythm) 0 !important;
        border-bottom: 1px solid var(--color-gray-light);
    }

    .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;
            border-bottom: 1px solid var(--color-gray-light);
            box-shadow: 0 0 5px 0px var(--color-gray-light);
            background: var(--color-white);
        }

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

            .responsiville-scrollmenu-wrapper .panel {
                display: table;
            }

                .responsiville-scrollmenu-wrapper .header-logo,
                .responsiville-scrollmenu-wrapper .header-menus {
                    display: table-cell;
                    float: none;
                    vertical-align: middle;
                }



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

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

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



    /* Positioning and layout */

    .responsiville-mobimenu-wrapper {
        z-index: 2000;
    }

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

    header .responsiville-mobimenu-wrapper {
        display: inline-block;
        float: right;
    }

        .responsiville-mobimenu-enabled .responsiville-mobimenu {
            padding: 0;
        }

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

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

    .responsiville-mobimenu-open {
    	background: var(--color-cream);
    }
 
    /* Logo */

    .header-mobimenu-logo {
        display: none;
    }

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

        .small .responsiville-mobimenu-open .header-mobimenu-logo img {
            max-width: 70vw;
        }

        .tablet .responsiville-mobimenu-open .header-mobimenu-logo img {
            max-width: 50vw;
        }



    /* Social */

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



    /* Menu items */

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

    .responsiville-mobimenu-wrapper-clone:not(.responsiville-mobimenu-unstyled) a {
    	color: var(--color-gray);
    }

    .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;
    }

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

        .responsiville-mobimenu-wrapper-clone:not(.responsiville-mobimenu-unstyled) ul ul li {
            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.5em 0.25em 0.5em;
            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;
            }



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

        .responsiville-mobimenu-close:before {
            display: inline-block;
            font-family: var(--font-icons);
            content: '\E80C';
        }