/**
 * Description: Controls the basics color for all elements created by LoftBuilder.
 */

/**
 * Table of Contents:
 *
 * 1.0 - Inherit Color
 * 
 * 2.0 - Main Content
 *    2.1 - Main Content Background
 *    2.2 - Main Content Text
 * 
 * 3.0 - Icon & Button
 * 
 * 4.0 - Progress Bar
 *    
 * 5.0 - Post Grid
 */


/* ==========================================================================
   1.0 Inherit Color
   ========================================================================== */

#loftbuilder-page-content h1,
#loftbuilder-page-content h2,
#loftbuilder-page-content h3,
#loftbuilder-page-content h4,
#loftbuilder-page-content h5,
#loftbuilder-page-content h6,
#loftbuilder-page-content p,
#loftbuilder-page-content ul,
#loftbuilder-page-content ol {
    color: inherit;
}


/* ==========================================================================
   2.0 Main Content
   ========================================================================== */

/* 2.1 Main Content Background
   ========================================================================== */

.dark-color-scheme,
.dark-page-header,
.loft-section.tabs.dark-color-scheme .tab {
    background-color: #222;
}

.light-color-scheme,
.light-page-header,
.loft-section.tabs.light-color-scheme .tab {
    background-color: #FFF;
}


/* 2.2 Main Content Text
   ========================================================================== */

.loft-column.dark-color-scheme p,
.loft-column.dark-color-scheme .loft-module.text li {
    color: #EEE;
}

.loft-column.light-color-scheme p,
.loft-column.light-color-scheme .loft-module.text li {
    color: #333;
}

.dark-color-scheme,
.dark-page-header,
.loft-column.dark-color-scheme .loft-module.icon-list ul li span {
    color: #FFF;
}

.light-color-scheme,
.light-page-header,
.loft-column.light-color-scheme .loft-module.icon-list ul li span {
    color: #222;
}


/* ==========================================================================
   3.0 Icon & Button
   ========================================================================== */

.loft-column.dark-color-scheme .loft-module.icon .with-bg i,
.loft-column.light-color-scheme .loft-module.loft-button a.with-bg.button-wrapper,
.loft-column.dark-color-scheme .loft-module.loft-button .with-bg span.button-content,
.no-touch .loft-column.dark-color-scheme .loft-module.loft-button a.with-border:hover span.button-content,
.loft-column.dark-color-scheme .loft-module.loft-button a.with-border:focus span.button-content,
.no-touch .loft-column.dark-color-scheme  .loft-module.icon > a:hover .icon.with-border i,
.loft-column.dark-color-scheme  .loft-module.icon > a:focus .icon.with-border i,
.loft-column.dark-color-scheme .loft-module.icon-with-text.with-bg > *:not(.loft-toolbar) i:before {
    color: #222;
}

.loft-column.light-color-scheme .loft-module.icon .with-bg i,
.loft-column.dark-color-scheme .loft-module.loft-button a.with-bg.button-wrapper,
.loft-column.light-color-scheme .loft-module.loft-button .with-bg span.button-content,
.no-touch .loft-column.light-color-scheme .loft-module.loft-button a.with-border:hover span.button-content,
.loft-column.light-color-scheme .loft-module.loft-button a.with-border:focus span.button-content,
.no-touch .loft-column.light-color-scheme  .loft-module.icon > a:hover .icon.with-border i,
.loft-column.light-color-scheme  .loft-module.icon > a:focus .icon.with-border i,
.loft-column.light-color-scheme .loft-module.icon-with-text.with-bg > *:not(.loft-toolbar) i:before {
    color: #FFF;
}


/* ==========================================================================
   4.0 Progress Bar
   ========================================================================== */

.loft-column.dark-color-scheme .progress-bar {
    background: rgba(255, 255, 255, 0.1);
}

.loft-column.dark-color-scheme .progress-bar span {
    background: #FFF;
}

.loft-column.light-color-scheme .progress-bar {
    background: rgba(0, 0, 0, 0.1);
}

.loft-column.light-color-scheme .progress-bar span {
    background: #000;
}


/* ==========================================================================
   5.0 Post Grid
   ========================================================================== */

.loft-section.post-grid.dark-color-scheme .post {
    background: #333;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
}

.loft-section.post-grid.light-color-scheme .post {
    background: #FFF;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width : 641px) and (max-width : 1024px) {    
    .loft-section.post-grid.dark-color-scheme:not(.layout-column-one):not(.with-space) .post:nth-of-type(2n+3):last-of-type {
        box-shadow: inset -1px 0 1px -1px rgba(255, 255, 255, 0.25), inset 0 -1px 1px -1px rgba(255, 255, 255, 0.25), -1px 0 1px -1px rgba(255, 255, 255, 0.25);
    }
    
    .loft-section.post-grid.light-color-scheme:not(.layout-column-one):not(.with-space) .post:nth-of-type(2n+3):last-of-type {
        box-shadow: inset -1px 0 1px -1px rgba(0, 0, 0, 0.25), inset 0 -1px 1px -1px rgba(0, 0, 0, 0.25), -1px 0 1px -1px rgba(0, 0, 0, 0.25);
    }
}

@media screen and (min-width : 1025px) {
    .loft-section.post-grid.dark-color-scheme.layout-column-two:not(.with-space) .post:nth-of-type(2n+3):last-of-type,
    .loft-section.post-grid.dark-color-scheme.layout-column-three:not(.with-space) .post:nth-of-type(3n+4):nth-last-of-type(-n+2),
    .loft-section.post-grid.dark-color-scheme.layout-column-four:not(.with-space) .post:nth-of-type(4n+5):nth-last-of-type(-n+3) {
        box-shadow: inset -1px 0 1px -1px rgba(255, 255, 255, 0.25), inset 0 -1px 1px -1px rgba(255, 255, 255, 0.25), -1px 0 1px -1px rgba(255, 255, 255, 0.25);
    }
    
    .loft-section.post-grid.dark-color-scheme.layout-column-three:not(.with-space) .post:nth-of-type(3n+4):nth-last-of-type(-n+2) ~ .post,
    .loft-section.post-grid.dark-color-scheme.layout-column-four:not(.with-space) .post:nth-of-type(4n+5):nth-last-of-type(-n+3) ~ .post {
        box-shadow: inset -1px 0 1px -1px rgba(255, 255, 255, 0.25), inset 0 -1px 1px -1px rgba(255, 255, 255, 0.25);
    }
    
    .loft-section.post-grid.light-color-scheme.layout-column-two:not(.with-space) .post:nth-of-type(2n+3):last-of-type,
    .loft-section.post-grid.light-color-scheme.layout-column-three:not(.with-space) .post:nth-of-type(3n+4):nth-last-of-type(-n+2),
    .loft-section.post-grid.light-color-scheme.layout-column-four:not(.with-space) .post:nth-of-type(4n+5):nth-last-of-type(-n+3) {
        box-shadow: inset -1px 0 1px -1px rgba(0, 0, 0, 0.25), inset 0 -1px 1px -1px rgba(0, 0, 0, 0.25), -1px 0 1px -1px rgba(0, 0, 0, 0.25);
    }
    
    .loft-section.post-grid.light-color-scheme.layout-column-three:not(.with-space) .post:nth-of-type(3n+4):nth-last-of-type(-n+2) ~ .post,
    .loft-section.post-grid.light-color-scheme.layout-column-four:not(.with-space) .post:nth-of-type(4n+5):nth-last-of-type(-n+3) ~ .post {
        box-shadow: inset -1px 0 1px -1px rgba(0, 0, 0, 0.25), inset 0 -1px 1px -1px rgba(0, 0, 0, 0.25);
    }
}