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

#yith_wcaf_dashboard_coupons_table .copy-trigger.help_tip {
    color: #fff;
}

#yith_wcaf_dashboard_coupons_table .copy-trigger.help_tip::before {
    filter: invert(1);
}

/* LE Page */
.color_red {
    color: #BF341F;
}

.le-top-banner {
    align-items: flex-start;
}

.breadcrumbs-le a {
    text-decoration: underline;
}

.law-enforcement-section .col {
    padding: 35px 15px 0 15px;
}

.law-enforcement-section a:hover {
    color: #812315;
}

.must-work-text {
    margin: 15px 0;
}

.discount-banner {
    border-bottom: 2px solid #9E2416;
    border-left: 2px solid #9E2416;
}

.discount-banner h2 {
    font-size: 28px;
}

.section-jumpingover .col {
    padding-bottom: 0 !important;
}

.section-jumpingover .accordion .accordion-title,
.section-jumpingover .accordion-inner p  {
    color: #171617;
}

.section-jumpingover .accordion .accordion-title {
    border-color: #BF341F;
}

.section-jumpingover .accordion .accordion-item:first-child .accordion-title {
    border-top: 0;
}

.top-agencies-wrapper {
    display: grid;
    gap: 15px;
    margin-bottom: 25px;
    @media (min-width: 768px) {
        grid-template-columns: repeat(3, 1fr);
    }
}

.top-agencies-wrapper h3 {
    margin-bottom: 0;
}

.agency-panels-wrapper {
    gap: 15px;
    margin-bottom: 15px;
    @media (min-width: 500px) {
        grid-template-columns: 1fr 1fr;
        display: grid;
    }/*
    @media (max-width: 500px) {
        grid-template-columns: repeat(4, 100%);
    }*/
}

div.popup.courses .popup-content {
    max-height: 60vh;
    overflow-y: auto;
}

.panel-item {
    background: #fff;
    padding: 20px;
}

.panel-item h3, 
.panel-item p {
    color: #000;
}

.panel-item h3 {
    display: inline-block;
    border-bottom: 1px solid #EF4444;
}

.slick-dots li button:before {
    opacity: 1;
    color: #656565;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #ffffff;
}


.agency-item {
    background: #450A0A80;
    border-radius: 10px;
    padding: 10px 20px;
    border-left: 4px solid #EF4444;
}

.agency-item p {
    margin: 0;
    font-size: 16px;
}

.discount-banner::before {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, #000000c2 40%, #00000000);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.form-le-page-wrapper label {
    font-size: 18px !important;
    color: #171617;
}

.form-le-page-wrapper .forminator-row-last .forminator-field {
    text-align: center;
}

.form-le-page-wrapper form.forminator-custom-form .forminator-field button.forminator-button-submit {
    background-color: #BF341F;
    color: #fff;
    font-size: 24px !important;
    padding: 10px 30px 7px 30px;
    text-transform: capitalize;
    transition: all .15s;
}

.form-le-page-wrapper form.forminator-custom-form .forminator-field button.forminator-button-submit:hover {
    background-color: #9E2416;
}

.forminator-button {
    background: #d9d9d9;
}

.forminator-file-upload {
    color: #171617;
}

.forminator-field input,
.forminator-field textarea {
    background-color: #EFEFEF;
}


body.page-id-120329 .text *,
body.page-id-120329 {
    font-family: 'Open Sans', sans-serif !important;
}

body.page-id-120329 .bigt, 
body.page-id-120329 h1, 
body.page-id-120329 h2 {
    text-transform: unset !important;
}


@media (max-width: 768px) {
    .break-mobile {
        flex-direction: column;
    }

    .break-mobile > .col {
        width: 100%;
        max-width: unset;
    }

    .discount-banner .text-box {
        left: unset;
        padding: 0 15px;
        width: 100% !important;
    }
}