/* =============================================================================
   Structure of mobile menu (do not edit)

   There should be no need to edit this file. It is simply changing the menu styling
   so that menu items will appear properly (in a vertical list), instead of the 
   standard horizontal styling of a menu.

   If you wish to make changes or override this code, copy the file to a folder 
   named 'it-mobilenav' in your child theme folder, and change the styling in that stylesheet.
   ============================================================================= */

.builder-module-outer-wrapper .builder-module-navigation.it-mobile-nav {
    padding: 0;
}

.it-mobile-nav .it-mobile-nav-menu.click-to-open .sub-menu {
    display: none;
}

.it-mobile-nav .it-mobile-nav-menu.click-to-open li.menu-item-has-children > a:after {
    margin-left: 5px;
    content: '\25BA';
}

.it-mobile-nav-menu-header {
     background: #ffffff none repeat scroll 0% 0%;
     border-bottom: 0px none;
     color: black;
     cursor: pointer;
     font-size: 1.25em;
     width: 100%;
}

.it-mobile-nav-menu-header .it-mobile-nav-menu-btn {
    background: transparent url("images/icon-menu.svg") no-repeat scroll center center;
    padding-left: 1em;
    margin: 0 0.5em;
}

/* reset all sorts */
.builder-module-navigation.it-mobile-nav li,
.builder-module-navigation.it-mobile-nav li ul,
.builder-module-navigation.it-mobile-nav li ul ul,
.builder-module-navigation.it-mobile-nav li li,
.builder-module-navigation.it-mobile-nav li li li,
.builder-module-navigation.it-mobile-nav li li li li,
.builder-module-navigation.it-mobile-nav li a,
.builder-module-navigation.it-mobile-nav li li a,
.builder-module-navigation.it-mobile-nav li li li a,
.builder-module-navigation.it-mobile-nav li li li li a,
.builder-module-navigation.it-mobile-nav li:hover ul ul, 
.builder-module-navigation.it-mobile-nav li:hover ul ul ul, 
.builder-module-navigation.it-mobile-nav li:hover ul ul ul ul,
.builder-module-navigation.it-mobile-nav li:hover ul ul ul ul ul {
    width: 100%;
    position: relative;
    left: 0;
    border: none;
    border-radius: 0;
    opacity: 1;
    margin: 0;
    transition: none;
    z-index: 1;
}

/* Sub levels */
.builder-module-navigation.it-mobile-nav li a {
    padding: .5em 0 .5em .5em;
}

.builder-module-navigation.it-mobile-nav li li a {
    padding-left: 2em;
}

.builder-module-navigation.it-mobile-nav li li li a {
    padding-left: 4em;
}