/*----------------------------------------------------------------------------
    TABLE OF CONTENTS:
------------------------------------------------------------------------------
	# Dark
		## Default
        ## Logo
        ## Small Area
        ## Header
        ## Menu
        ## Sub Menu
        ## Mega Menu
        ## Sticky Header
        ## Sticky Top Area
        ## Sticky Bottom Area
        ## Sticky Sub Menu
        ## Sticky Mega Menu
        ## Sub Header
        ## Footer
        ## Footer Bottom
        ## Dot Navigation
    # Light
        ## Default
        ## Logo
        ## Header
        ## Menu
        ## Mega Menu
        ## Sticky Header
        ## Sticky Top Area
        ## Sticky Bottom Area
        ## Sticky Sub Menu
        ## Sticky Mega Menu
        ## Footer
        ## Footer Bottom

------------------------------------------------------------------------------ */





/* ---------------------------------------------------------------------------
 * Dark
------------------------------------------------------------------------------ */


/* Default ------------------------------------------------------------------- */

.kc_row.dark *,
.kc_row_inner.dark *,
.kc_column.dark *,
.kc_column_inner.dark * {
    color: var( --extra-light-color ); 
}


/* Logo ---------------------------------------------------------------------- */

.header-dark .logo .custom-logo,
.header-overlay-dark .overlay-header .logo .custom-logo,
.header-dark .stuck .logo .light-logo {
    display: none;
}

.header-dark .logo .light-logo,
.header-overlay-dark .overlay-header .logo .light-logo,
.sticky-header-dark .stuck .sticky-light-logo {
    display: inline-block;
}


/* Small Area ---------------------------------------------------------------- */

.top-area-dark:not(.transparent-top-area) .top-area {
    background: var( --darken-background-color );
}

.top-area-dark .top-area p,
.top-area-dark .top-area li,
.top-area-dark .top-area a {
    color: var( --lighten-color );
}

.bottom-area-dark:not(.transparent-bottom-area) .bottom-area {
    background: #100d0c;
}

.bottom-area-dark .bottom-area p,
.bottom-area-dark .bottom-area li,
.bottom-area-dark .bottom-area a {
    color: #fff;
}


/* Header -------------------------------------------------------------------- */

.header-dark .header-container {
    background: #100d0c;
}

.transparent-header.header-dark .header-container {
    background: none;
}

.header-dark .header-container p,
.header-dark .header-container li,
.header-dark .header-container a {
    color: #fff;
}

.header-dark.header-overlay-center-menu.burger-left-side .header-inner {
    background: #100d0c;
}

.transparent-header.header-dark.header-overlay-center-menu.burger-left-side .header-inner {
    background: none;
}

.header-overlay-dark .ovelay-header-close {
    color: #fff;
}


/* Menu ---------------------------------------------------------------------- */

.header-dark .header-container p,
.header-dark .header-container li,
.header-dark .header-container .menu-link {
    color: #fff;
}


/* Sub Menu ------------------------------------------------------------------ */

.sub-menu-dark .no-megamenu .sub-menu {
    background: var( --darken-background-color );
    border: 1px solid var( --dark-border-color );
    box-shadow: 0 1px 1px rgba( 69, 69, 69, 0.25 );
}

.sub-menu-dark .no-megamenu ul.sub-menu > li > .menu-link,
.sub-menu-dark .no-megamenu ul.sub-menu .widget-title {
    color: #fff;	
}


/* Mega Menu ----------------------------------------------------------------- */

.mega-menu-dark .megamenu > .sub-menu {
    background: var( --darken-background-color );
    border: 1px solid var( --dark-border-color );
    box-shadow: 0 1px 1px rgba( 69, 69, 69, 0.25 );
}

.mega-menu-dark .main-menu .megamenu ul.sub-menu > li > .menu-link,
.mega-menu-dark .main-menu .megamenu ul.sub-menu .widget-title {
    color: #fff;	
}


/* Sticky Header ------------------------------------------------------------- */

.sticky-header-dark .stuck .header-container {
    background: #100d0c;
}

.sticky-header-dark .stuck .header-container p,
.sticky-header-dark .stuck .header-container li,
.sticky-header-dark .stuck .header-container a {
    color: #fff;
}


/* Sticky Top Area ----------------------------------------------------------- */

.sticky-top-area-dark .stuck .top-area {
    background: var( --darken-background-color );
}

.sticky-top-area-dark .stuck .top-area p,
.sticky-top-area-dark .stuck .top-area li,
.sticky-top-area-dark .stuck .top-area a {
    color: var( --lighten-color );
}


/* Sticky Bottom Area -------------------------------------------------------- */

.sticky-bottom-area-dark .stuck .bottom-area {
    background: #100d0c;
}

.sticky-bottom-area-dark .stuck .bottom-area p,
.sticky-bottom-area-dark .stuck .bottom-area li,
.sticky-bottom-area-dark .stuck .bottom-area a {
    color: #fff;
}


/* Sticky Sub Menu ----------------------------------------------------------- */

.sticky-sub-menu-dark .stuck .no-megamenu .sub-menu {
    background: #100d0c;
}

.sticky-sub-menu-dark .stuck .no-megamenu .sub-menu p,
.sticky-sub-menu-dark .stuck .no-megamenu .sub-menu .menu-link {
    color: #fff;
}


/* Sticky Mega Menu ---------------------------------------------------------- */

.sticky-mega-menu-dark .stuck .megamenu > .sub-menu {
    background: #100d0c;
}

.sticky-mega-menu-dark .stuck .main-menu .megamenu ul.sub-menu > li > .menu-link,
.sticky-mega-menu-dark .stuck .main-menu .megamenu ul.sub-menu .widget-title {
    color: #fff;	
}


/* Sub Header ---------------------------------------------------------------- */

.sub-header-dark .subheader {
    background: #100d0c;
}

.sub-header-dark .subheader .title,
.sub-header-dark .subheader p,
.sub-header-dark .subheader li,
.sub-header-dark .subheader a,
.sub-header-dark .subheader span {
    color: #fff;
}


/* Footer -------------------------------------------------------------------- */

.footer-dark .footer-widget-area {
    background: #100d0c;
}

.footer-dark .widget-title {
   color: #e7e7e7; 
}

.footer-dark .footer-widget-area p,
.footer-dark .footer-widget-area li,
.footer-dark .footer-widget-area a {
    color: var( --dark-color );
}


/* Footer Bottom ------------------------------------------------------------- */

.footer-bottom-dark .footer-small-area-cover {
    border-top: 1px solid rgba( 69, 69, 69, 0.15 );
    background: #100d0c;
}

.footer-bottom-dark .footer-small-area-cover p,
.footer-bottom-dark .footer-small-area-cover li,
.footer-bottom-dark .footer-small-area-cover a {
    color: var( --dark-color );
}


/* Dot Navigation ------------------------------------------------------------ */

.dark .scroll-nav__link,
.dark .scroll-nav__link:hover,
.dark .scroll-nav__link:active,
.dark .scroll-nav__link:link,
.dark .scroll-nav__link:visited {
    background: #fff;
}



/* ---------------------------------------------------------------------------
 * Light
------------------------------------------------------------------------------ */


/* Default ------------------------------------------------------------------- */

.kc_row.light *,
.kc_row_inner.light *,
.kc_column.light *,
.kc_column_inner.light * {
    /*color: var( --dark-color ); */
}

.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6 {
    color: #282727;
}


/* Logo ---------------------------------------------------------------------- */

.header-light .logo .light-logo,
.header-overlay-light .overlay-header .logo .light-logo,
.header-light .stuck .logo .custom-logo,
.header-overlay-center-menu.burger-left-top-corner .stuck .overlay-header.active .sticky-logo,
.header-overlay-center-menu.burger-left-side .stuck .overlay-header.active .sticky-logo,
.header-overlay-center-menu.burger-text .stuck .overlay-header.active .sticky-logo,
.header-overlay-center-menu.burger-left-top-corner .stuck .overlay-header.active .sticky-light-logo,
.header-overlay-center-menu.burger-left-side .stuck .overlay-header.active .sticky-light-logo,
.header-overlay-center-menu.burger-text .stuck .overlay-header.active .sticky-light-logo {
    display: none;
}

.header-light .logo .custom-logo,
.header-overlay-light .overlay-header .logo .custom-logo,
.sticky-header-light .stuck .sticky-logo {
    display: inline-block;
}


/* Header -------------------------------------------------------------------- */

.header-overlay-light .overlay-header {
    background: #fff;
}

.header-overlay-light .ovelay-header-close {
    color: #282727;
}

.header-light.header-overlay-center-menu.burger-left-side .header-inner {
    background: #fff;
}


/* Menu ---------------------------------------------------------------------- */

.header-overlay-light .overlay-header .main-menu ul li a {
    color: #100d0c;
}


/* Sub Menu ------------------------------------------------------------------ */

.sub-menu-light .no-megamenu .sub-menu {
    background: #fff;
    box-shadow: 0 1px 1px #f6f6f6;
}

.sub-menu-light .no-megamenu ul.sub-menu > li > .menu-link,
.sub-menu-light .no-megamenu ul.sub-menu .widget-title {
    color: var( --extra-dark-color );
}


/* Mega Menu ----------------------------------------------------------------- */

.mega-menu-light .megamenu > .sub-menu {
    background: #fff;
    box-shadow: 0 1px 1px #f6f6f6;
}

.mega-menu-light .main-menu .megamenu ul.sub-menu > li > .menu-link,
.mega-menu-light .main-menu .megamenu ul.sub-menu .widget-title {
    color: var( --extra-dark-color );
}


/* Sticky Header ------------------------------------------------------------- */

.sticky-header-light .stuck .header-container {
    background: #fff;
}

.sticky-header-light .stuck .header-container p,
.sticky-header-light .stuck .header-container li,
.sticky-header-light .stuck .header-container a,
.sticky-header-light .stuck .header-container span {
    color: var( --extra-dark-color );
}

.sticky-header-light .stuck .header-container .header-icons .item-count {
    color: #fff;
}


/* Sticky Top Area ----------------------------------------------------------- */

.sticky-top-area-light .stuck .top-area {
    background: var( --lighten-background-color );
}

.sticky-top-area-light .stuck .top-area p,
.sticky-top-area-light .stuck .top-area li,
.sticky-top-area-light .stuck .top-area a {
    color: var( --normal-color );
}


/* Sticky Bottom Area -------------------------------------------------------- */

.sticky-bottom-area-light .stuck .bottom-area {
    background: #fff;
}

.sticky-bottom-area-light .stuck .bottom-area p,
.sticky-bottom-area-light .stuck .bottom-area li,
.sticky-bottom-area-light .stuck .bottom-area a {
    color: var( --extra-dark-color );
}


/* Sticky Sub Menu ----------------------------------------------------------- */

.sticky-sub-menu-light .stuck .no-megamenu .sub-menu {
    background-color: #fff;
    border: 1px solid #f6f6f6;
}

.sticky-sub-menu-light .stuck .no-megamenu .sub-menu p,
.sticky-sub-menu-light .stuck .no-megamenu .sub-menu li,
.sticky-sub-menu-light .stuck .no-megamenu .sub-menu .menu-link {
    color: var( --extra-dark-color );
}


/* Sticky Mega Menu ---------------------------------------------------------- */

.sticky-mega-menu-light .stuck .megamenu > .sub-menu {
    background-color: #fff;
    box-shadow: 0 1px 1px #f6f6f6;
}

.sticky-mega-menu-light .stuck .main-menu .megamenu ul.sub-menu > li > .menu-link {
    color: var( --extra-dark-color );
}

.sticky-mega-menu-light .stuck .main-menu .megamenu > ul.sub-menu > li > .menu-link,
.sticky-mega-menu-light .stuck .main-menu .megamenu ul.sub-menu .widget-title {
    color: var( --extra-dark-color );
}


/* Footer -------------------------------------------------------------------- */

.footer-light .footer-widget-area {
    background: #fafafa;
}


/* Footer Bottom ------------------------------------------------------------- */

.footer-bottom-light .footer-small-area-cover {
    background: #fafafa;
    border-top: 1px solid #f2f2f2; 
}