/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.irs--flat .irs-bar,
.irs--flat .irs-handle > i:first-child,
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    background-color: #bf1522;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
    border-top-color: #bf1522;
}

.irs {
    margin: 20px 0;
}

.irs > *,
.irs-grid > * {
    font-family: "PT Sans Caption", sans-serif !important;
    font-size: 12px !important;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/

    #mm-filter-container #mm-filter-wrapper .mm-filter-row {
        height: auto !important;
        line-height: 0.8em;
        font-size: 0.7em;
    }
    #mm-filter-container #mm-filter-wrapper .mm-filter-col {
        padding-right: 0;
    }
    #mm-filter-container #mm-filter-wrapper .mm-filter-col label {
        line-height: 0;
    }
    #mm-filter-container #mm-filter-wrapper #mm-filter-col-1,
    #mm-filter-container #mm-filter-wrapper #mm-filter-col-2 {
        width: 100%;
    }
    #mm-filter-col-1-2 {
        display: flex;
        flex-flow: row wrap;
    }
    .mm-filter-row {
        flex: 0 0 50%;
    }
}