/* 
    Header, Wrapper, Footer, Pages
*/

html {
    overflow-x: hidden
}

#wrapper,#main {
    background-color: #fff;
    position: relative
}

#main.dark {
    background-color: #333
}

.dark,.dark p,.dark td {
    color: #f1f1f1
}

.dark a.lead,.dark label,.dark .heading-font,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.hover-dark:hover p,.hover-dark:hover h1,.hover-dark:hover h2,.hover-dark:hover h3,.hover-dark:hover h4,.hover-dark:hover h5,.hover-dark:hover h6,.hover-dark:hover a {
    color: #fff
}

.dark .stars a+a,.dark .product-section,.dark .product-footer .woocommerce-tabs {
    border-color: rgba(255,255,255,0.2)
}

.nav-dark .is-outline,.dark .nav>li>a,.dark .nav>li.html,.dark .nav-vertical li li.menu-item-has-children>a,.dark .nav-vertical>li>ul li a,.nav-dropdown.dark>li>a,.nav-dropdown.dark .nav-column>li>a,.nav-dark .nav>li>a,.nav-dark .nav>li>button {
    color: rgba(255,255,255,0.8)
}

.dark .nav>li>a:hover,.dark .nav>li.active>a,.dark .nav>li>a.active .nav-dark .nav>li.current>a,.nav-dark .nav>li>a:hover,.nav-dark .nav>li.active>a,.nav-dropdown.dark>li>a:hover,.nav-dropdown.dark .nav-column>li>a:hover,.nav-dark a.plain:hover,.nav-dark .nav>li>a.active {
    color: #fff
}

.dark.nav-dropdown.nav-dropdown-bold>li.nav-dropdown-col,.dark.nav-dropdown.nav-dropdown-simple>li.nav-dropdown-col,.nav-dropdown.dark .nav-column>li>a,.nav-dropdown.dark>li>a,.nav-dark .nav>li.header-divider,.nav-dark .header-divider:after,.nav-dark .nav-divided>li+li>a:after {
    border-color: rgba(255,255,255,0.2)
}

.dark .nav-vertical li li.menu-item-has-children>a,.nav-dark .nav-vertical li li.menu-item-has-children>a,.nav-dark .nav>li.html,.nav-dark .header-button {
    color: #fff
}