/*
 Theme Name:   TCI Trucks Child
 Theme URI:    https://cardealer.potenzaglobalsolutions.com/
 Description:  Car Dealer - Child Theme.
 Author:       TeamWP @Potenza Global Solutions
 Author URI:   http://www.potenzaglobalsolutions.com
 Template:     cardealer
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, rtl-language-support, threaded-comments, translation-ready, e-commerce, blog, grid-layout
 Text Domain:  tci-trucks-child
*/

.widget.cars_filters .cars-total-vehicles {
    margin-bottom: 15px
}

.widget.cars_filters .range-slider-value-wrapper {
    display: flex;
    align-self: center
}

.widget.cars_filters .range-slider-value-wrapper label {
    margin: 0;
    padding-right: 5px;
    font-size: 13px
}

.widget.cars_filters .range-slider-value-wrapper input {
    background: 0 0;
    border: 0;
    font-size: 13px;
    color: #323232;
    font-weight: 700;
    padding: 0;
    width: 100%;
    padding-right: 10px
}

.widget.cars_filters .year-range-slide .range-slide-slider {
    background: #cfcfcf
}

.widget.cars_filters .listing_sort .year-range-slider-wrapper {
    width: 100% !important
}

.widget.cars_filters .year-range-slider-wrapper .range-btn-wrapper {
    margin-top: 15px;
    margin-bottom: 25px
}

.widget.cars_filters .listing_sort .select2-container {
    margin-bottom: 10px
}

.widget.cars_filters .listing_sort .select2-container .select2-selection--single {
    height: 33px
}

.widget.cars_filters .listing_sort .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 33px
}

.widget.cars_filters .listing_sort .select2-container .select2-selection--single .select2-selection__arrow {
    height: 33px
}

.cars_filters .cars-total-vehicles .stripe-item,
.cdhl-vehicle-filters .cars-total-vehicles .stripe-item {
    margin: 0;
    padding: 0;
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    gap: 5px
}

.cars_filters .cars-total-vehicles .stripe-item li,
.cdhl-vehicle-filters .cars-total-vehicles .stripe-item li {
    width: auto;
    padding: 3px 10px;
    font-weight: 600;
    color: #323232;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 25px;
    background: #fff;
    transition: all .2s ease-out 0s
}

.cars_filters .cars-total-vehicles .stripe-item li:hover,
.cdhl-vehicle-filters .cars-total-vehicles .stripe-item li:hover {
    background: #010101;
    color: #fff;
    border-color: #010101
}

/* WAIRE */
/**–– CALCULATOR TWEAKS ––**/
.d-flex {
    display: flex;
}

#waire-calculator {
    max-width: 350px;
}

#waire-calculator .step .icon {
    border-radius: 50%;
    display: inline-block;
    background: #ED1C24;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;

}

#waire-calculator .step .hd {
    align-items: start;
    margin-bottom: -13px;
}

#waire-calculator .step .bd {
    color: #0a0a0a;
    margin-left: 55px;
}

#waire-calculator .step h3 {
    display: inline-block;
    font-family: 'Barlow Semi Condensed',
        sans-serif !important;
    font-size: 26px;
    font-style: italic;
    text-transform: italic;
    padding-top: 10px !important;
    margin-left: 10px;
    width: calc(100% - 52px);
    letter-spacing: -1px;
}

#waire-calculator .step label {
    color: #0a0a0a;
    margin-bottom: 0;
    line-height: normal;
    text-transform: none !important;
}

#waire-calculator .step .d-flex {
    justify-content: space-between;

}

#waire-calculator .step .d-flex>.form-group {
    flex-basis: 47%;
}

#waire-calculator .response {
    margin-bottom: 5px;
}

#waire-calculator .response .value {
    text-align: right;
}

#waire-calculator .mitigation-value {
    background: #ED1C24;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding-right: 20px;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    margin-top: 20px;
}

#waire-calculator .form-group {
    margin-bottom: 0 !important;
}

#waire-calculator .stringency-value {
    visibility: hidden;
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    margin-top: -7px;
}

#waire-calculator .stringency-value .value {
    font-size: 20px;
    font-weight: bold;
}

#waire-calculator select,
#waire-calculator input {
    border: 1px solid #ccc;
    background: #fff;
}

#waire-calculator .reset {
    /* color: #ED1C24; */
    color: #0a0a0a;
    display: block;
    margin-top: 5px;
    text-align: right;
    text-transform: uppercase;
    text-decoration: underline !important;
}

@media screen and (max-width: 400px) {
    #waire-calculator .mitigation-value {
        width: 120%;
        padding-right: 20%;
    }
}

#waire-calculator {
    margin: 10px !important;
    max-width: 100% !important;
}

#waire-calculator .step label {
    color: #0a0a0a;
    margin-bottom: 6px;
    line-height: normal;
    text-transform: none !important;
}

#waire-calculator .step h3 {
    letter-spacing: 0px;
}

#waire-1 {
    margin-top: 20px;
}

#waire-3 {
    margin-top: 20px;
}

.fa-twitter:before {
    content: '' !important;
    background: url('x-twitter.svg');
    display: block;
    width: 10.5px;
    height: 10px;
    top: 1px;
    position: relative;
}

.cd-social-footer .fa-twitter:before {
    width: 22px;
    height: 22px;
}
@media screen and (min-width:991px) {
    .cd-social-footer .fa-twitter:before {
        position: relative;
        top: 20px;
    }
}