/**************************************************************************************************
 *
 * MOBILE MENU.
 *
 */

    /**
     * Mobile menu layout.
     */

    .responsiville-mobimenu-open-body {
        overflow: hidden;
    }

    .responsiville-mobimenu-open {
        overflow: auto;
        display: block;
        position: fixed;
        width: 100%;
        min-width: 100%;
        height: 100%;
        max-height: 100%;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        background: rgba(60, 60, 60, 0.75);
        z-index: 9999;
    }

    .responsiville-mobimenu ul ul {
        display: none;
    }

    .responsiville-mobimenu-enabled ul ul {
        display: block;
    }

        .responsiville-mobimenu-burger, 
        .responsiville-mobimenu-close {
            display: none;
        }
        
        .responsiville-mobimenu-enabled li {
            display: none;
        }

        .responsiville-mobimenu-open li {
            display: block;
        }
        
        .responsiville-mobimenu-enabled .responsiville-mobimenu-burger {
            display: block;
        }

        .responsiville-mobimenu-open .responsiville-mobimenu-burger {
            display: none;
        }

        .responsiville-mobimenu-open .responsiville-mobimenu-close {
            display: block;
        }



        /**
         * Hamburger menu styling.
         */

        .responsiville-mobimenu-burger a {
            display: block;
            position: relative;
            font-size: 4rem;
        }
    
            .responsiville-mobimenu-burger a::before {
                font-family: "Responsiville Icons";
                content: "\E809";
                display: inline-block;
            }

            .mobile .responsiville-mobimenu-burger a span {
                display: none;
            }


        
        /**
         * Mobile menu open state.
         */
        
        .responsiville-mobimenu-open ul {
            margin: 0;
            padding: 5rem 1rem;
        }

            .responsiville-mobimenu-open ul ul {
                margin: 0;
                padding: 0;
                position: relative;
            }

        .responsiville-mobimenu-open ul,
        .responsiville-mobimenu-open li {
            display: block;
            float: none;
            text-align: center;
        }

        
        .responsiville-mobimenu-open ul ul li {
            display: inline-block;
        }

            .responsiville-mobimenu-open a:link,
            .responsiville-mobimenu-open a:visited {
                color: white;
                font-size: 4rem;
                margin: 0;
                padding: 1.5rem;
            }

                .responsiville-mobimenu-open ul ul a:link,
                .responsiville-mobimenu-open ul ul a:visited {
                    font-size: 2.5rem;
                    padding: 1rem;
                }
    

        
        /**
         * Mobile menu close button.
         */

        .responsiville-mobimenu-close a:link,
        .responsiville-mobimenu-close a:visited {
            position: fixed;
            top: 1rem;
            right: 1rem;
            margin: 0;
            padding: 0;
            font-size: 8rem;
            line-height: 3rem;
            font-family: Georgia, serif;
            z-index: 999;
        }

/*
 * END MOBILE MENU.
 *
 **************************************************************************************************/
 
 
/**************************************************************************************************
 *
 * FIXED TOP MENU.
 *
 */

    .responsiville-menu-fixed {
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
    }

/*
 * END FIXED TOP MENU.
 *
 **************************************************************************************************/