/**
 *  CSS file for Webspark Panels Styles module.
 */


/* =Background colors on rows
-------------------------------------------------------------- */

.row.darkgraybg .column,
.row.lightgraybg .column {
    padding: 42px 0;
}

.js-darkgraybg,
.darkgraybg {
    background-color: #353535;
    color: #fff;
}

.js-lightgraybg,
.lightgraybg {
    background-color: #F1F1F1;
}

.js-darkgraybg h1,
.js-darkgraybg h2,
.js-darkgraybg h3,
.js-darkgraybg h4,
.js-darkgraybg h5,
.js-darkgraybg h6,
.js-darkgraybg .h1,
.js-darkgraybg.h2,
.js-darkgraybg .h3,
.js-darkgraybg .h4,
.js-darkgraybg .h5,
.js-darkgraybg .h6,
.js-darkgraybg h1 a,
.js-darkgraybg h2 a,
.js-darkgraybg h3 a,
.js-darkgraybg h4 a,
.js-darkgraybg h5 a,
.js-darkgraybg h6 a,
.js-darkgraybg .h1 a,
.js-darkgraybg .h2 a,
.js-darkgraybg .h3 a,
.js-darkgraybg .h4 a,
.js-darkgraybg .h5 a,
.js-darkgraybg .h6 a {
    color: #fff;
}

.row-padding-top {
    padding-top: 21px !important;
}

.row-padding-bottom {
    padding-bottom: 21px !important;
}

.space-top-sm {
    padding-top: 6px;
}

.space-top-md {
    padding-top: 30px;
}

.space-bot-sm {
    padding-bottom: 6px;
}

.space-bot-md {
    padding-bottom: 30px;
}

.remove-6-above {
    margin-top: -6px !important;
}

.remove-12-above {
    margin-top: -6px !important;
}

.remove-28-above {
    margin-top: -14px !important;
}

.remove-42-above {
    margin-top: -21px !important;
}

.remove-6-below {
    margin-bottom: -6px !important;
}

.remove-12-below {
    margin-bottom: -6px !important;
}

.remove-28-below {
    margin-bottom: -14px !important;
}

.remove-42-below {
    margin-bottom: -21px !important;
}

.add-margin-12-above {
    margin-top: 6px;
}

.add-margin-28-above {
    margin-top: 14px;
}

.add-margin-42-above {
    margin-top: 21px;
}

.add-margin-12-below {
    margin-bottom: 6px;
}

.add-margin-28-below {
    margin-bottom: 14px;
}

.add-margin-42-below {
    margin-bottom: 21px;
}

@media (min-width: 768px) {
    /* Spacing on rows */
    .row-padding-top {
        padding-top: 42px !important;
    }
    .row-padding-bottom {
        padding-bottom: 42px !important;
    }
    .space-top-sm {
        padding-top: 12px;
    }
    .space-top-md {
        padding-top: 30px;
    }
    .space-bot-sm {
        padding-bottom: 12px;
    }
    .space-bot-md {
        padding-bottom: 30px;
    }
    .remove-6-above {
        margin-top: -6px !important;
    }
    .remove-12-above {
        margin-top: -12px !important;
    }
    .remove-28-above {
        margin-top: -28px !important;
    }
    .remove-42-above {
        margin-top: -42px !important;
    }
    .remove-6-below {
        margin-bottom: -6px !important;
    }
    .remove-12-below {
        margin-bottom: -12px !important;
    }
    .remove-28-below {
        margin-bottom: -28px !important;
    }
    .remove-42-below {
        margin-bottom: -42px !important;
    }
    .add-margin-12-above {
        margin-top: 12px;
    }
    .add-margin-28-above {
        margin-top: 28px;
    }
    .add-margin-42-above {
        margin-top: 42px;
    }
    .add-margin-12-below {
        margin-bottom: 12px;
    }
    .add-margin-28-below {
        margin-bottom: 28px;
    }
    .add-margin-42-below {
        margin-bottom: 42px;
    }
}
@media (min-width: 992px) {}

@media (min-width: 1200px) {}