/**
 * Description: Apply these styles only when Primary Color is on.
 */


/* ==========================================================================
   Separators
   ========================================================================== */

.loft-module.separator.primary-color {
    color: #FBAB29;
}


/* ==========================================================================
   Icons
   ========================================================================== */

.loft-module.icon-list.primary-color ul li > i,
.loft-module.icon-with-text.primary-color > * > i,
.loft-module.icon .icon.primary-color {
    color: #FBAB29;
}


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

.loft-module.progress-bars .loft-progress-bar-wrapper.primary-color .progress-bar span {
    background-color: #FBAB29;
}


/* ==========================================================================
   Counters
   ========================================================================== */

.loft-module.time-counter.primary-color span.data,
.loft-module.counter-data.primary-color span.data,
.loft-module.counter-circle li.primary-color {
    color: #FBAB29;
}


/* ==========================================================================
   Color Overlay
   ========================================================================== */

.color-overlay.primary-color {
    background-color: #FBAB29;
}


/* ==========================================================================
   Button with Primary Color
   ========================================================================== */

#loftbuilder-page-content .loft-module.loft-button .primary-color {
    color: #FBAB29;
}