/*------------------------------------*\
    
    WebFX CF7 Customizations - Global styling for all CF7 Forms

    Add custom CF7 form styling to this file if it should be applied to all CF7 forms on the site
    Otherwise, put your block-specific styles in individual block stylesheets so that various block-specific styles aren't loaded on every CF7 form

\*------------------------------------*/


.cf7-block {
    position: relative;
    padding-top: var(--section-margins);
    padding-bottom: var(--section-margins);
}

.cf7-block__container {
    position: relative;
    z-index: 2;
}

.cf7-block__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.cf7-block__bg-image img {
    position: relative;
    z-index: 2;
}

.cf7-block__bg-image:after {
    content: "";
    background: rgba(0, 0, 0, 0.76);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.cf7-block__content {
    color: #FFF;
    font-family: Hind;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: calc(var(--section-margins) * .5);
}

.cf7-block__content .masthead--innerpage__content {
    margin-bottom: 15px;
}

.cf7-block__content .breadcrumbs {
    margin-bottom: 10px;
}

.cf7-block__form {
    padding: 35px 30px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}

.cf7-block__form-title {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 26px;
}

.cf7-block__content h1,
.cf7-block__content .h1,
.cf7-block__content h2,
.cf7-block__content .h2,
.cf7-block__content h3,
.cf7-block__content .h3,
.cf7-block__content h4,
.cf7-block__content .h4,
.cf7-block__content h5,
.cf7-block__content .h5,
.cf7-block__content h6 {
    color: #FFF;
}

.cf7-block__contact-info {
    margin-left: 0;
}

.cf7-block__contact-info li {
    position: relative;
    padding-left: 36px;
    margin-bottom: 15px;
}

.cf7-block__contact-info li:before {
    content: none;
}

.cf7-block__contact-info-item {
    margin-top: 5px;
}

.cf7-block__contact-info-item:first-child {
    margin-top: 0;
}

.cf7-block__contact-info li a {
    color: #FFF;
}

.cf7-block__contact-info li i,
.cf7-block__contact-info-icon--hours {
    width: 26px;
    height: 26px;
    font-size: 16px;
    background:
  #ED1C24;
    border-radius:
  100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}

.cf7-block__contact-info li i span:before {
    color: #fff;
}

@media (min-width: 1200px) {
    .cf7-block {
        margin-top: 127px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .cf7-block__content {
        margin-bottom: 0;
        padding-top: var(--section-margins);
        padding-bottom: var(--section-margins);
    }

    .cf7-block__form {
        margin-left: 30px;
        margin-bottom: -117px;
    }

    .cf7-block__col-form {
        display: flex;
        padding-top: 65px;
        align-items: flex-end;
    }

    .cf7-block__col-text {
        display: flex;
        align-items: center;
    }
}




/* Default Radio/Checkbox Style (if using CF7) */
.wpcf7-radio .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
    /* incase items go to 2 lines */
}

.wpcf7-radio .wpcf7-list-item-label,
.wpcf7-checkbox .wpcf7-list-item-label {
    margin-left: 5px;
}

/* CF7 Validation (Remove if not using CF7) */

/* Individual field error messages */
span.wpcf7-not-valid-tip {
    color: #F50015;
    leading-trim: both;
    text-edge: cap;
    font-family: Hind;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px; /* 191.667% */
    text-transform: uppercase;
}

/* Entire form error message */
.wpcf7-response-output {
    display: none !important;
}

/* Styling for fields that have errors */
select.wpcf7-not-valid,
textarea.wpcf7-not-valid,
input.wpcf7-not-valid,
.wpcf7-not-valid .choices {
    
}

span.wpcf7-spinner {
    display: block;
    margin: 5px auto 0;
}

[type="text"].wpcf7-not-valid,
[type="date"].wpcf7-not-valid,
[type="datetime"].wpcf7-not-valid,
[type="datetime-local"].wpcf7-not-valid,
[type="email"].wpcf7-not-valid,
[type="month"].wpcf7-not-valid,
[type="number"].wpcf7-not-valid,
[type="password"].wpcf7-not-valid,
[type="search"].wpcf7-not-valid,
[type="tel"].wpcf7-not-valid,
[type="url"].wpcf7-not-valid,
[type="week"].wpcf7-not-valid,
[type="date"].wpcf7-not-valid,
textarea.wpcf7-not-valid {
    border: 1px solid #ED1C24;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M15.2141 11.2249L9.72228 1.11453C9.30778 0.416744 8.57572 0 7.76407 0C6.95242 0 6.22036 0.416744 5.80586 1.11453C5.80273 1.11987 5.8001 1.12521 5.79697 1.13055L0.323369 11.2089C-0.100018 11.9214 -0.108025 12.7771 0.301561 13.4976C0.712087 14.2185 1.45167 14.6486 2.28113 14.6486H13.2167C14.0461 14.6486 14.8161 14.2185 15.2266 13.4976C15.6362 12.7771 15.6282 11.9214 15.2141 11.2249ZM6.85324 4.62935C6.85324 4.12628 7.26103 3.71852 7.76407 3.71852C8.26714 3.71852 8.6749 4.12631 8.6749 4.62935V8.2727C8.6749 8.77571 8.26711 9.18353 7.76407 9.18353C7.26103 9.18353 6.85324 8.77568 6.85324 8.2727V4.62935ZM7.76407 12.8269C7.01068 12.8269 6.39779 12.2141 6.39779 11.4606C6.39779 10.7073 7.01065 10.0944 7.76407 10.0944C8.51746 10.0944 9.13032 10.7073 9.13032 11.4606C9.13035 12.214 8.51748 12.8269 7.76407 12.8269Z' fill='%23ED1C24'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    padding-right: 30px;
}