/*------------------------------------*\
    
    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

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


/* 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 */
.wpcf7-not-valid-tip {}

/* Entire form error message */
.wpcf7-response-output {}

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

.contact-left h3 {
    padding-bottom: 12px
}

.contact-left p {
    padding-bottom: 12px
}

/*Contact page*/

.contact-width-sidebar {
    position: relative;
    overflow: hidden;
}

.contact-left p {
    padding-bottom: 20px;
}

.contact-review {
    color: #003264;
}

.contact-review span {
    display: block;
    padding-top: 5px;
}

.contact-review span a.google-reviews {
    color: #003264;
    font-weight: 400;
}

.contact-review span a.google-reviews:hover {
    color: #F37121;
}

.contact-right {
    background-color: #F8F8F8;
    padding: 25px;
    margin-top: 30px;
}

.contact-right ul {
    margin: 0;
    padding: 0;
}

.contact-right ul li {
    margin: 0;
    padding: 0 0 0 28px;
    margin-bottom: 20px;
}

.contact-right ul li::before {
    display: none;
}

.contact-right ul li i {
    color: #B2C8DC;
    position: absolute;
    left: 0;
    font-size: 20px;
    top: 4px;
}

.contact-right ul li span {
    display: block;
    color: #231F20;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.contact-right ul li .btn {
    margin-top: 10px;
}

.contact-right ul li:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.contact-right ul li div {
    width: 50%;
}

.contact-right ul li a {
    background: none;
    color: #535559;
    font-weight: 400;
    word-break: break-all;
}

.contact-right ul li div a {
    font-weight: 700;
    color: #F37121;
}

.contact-right ul li a.btn-blue {
    font-weight: 700;
    color: #003264;
}

.contact-right__address p {
    padding-bottom: 0;
}

.contact-right__email a {
    color: #F37121 !important;
}

.contact-right__email a:hover {
    color: #F37121 !important;
    text-decoration: underline;
}

@media (min-width: 768px) {

    .contact-review {
        padding-top: 12px;
    }

    .contact-review span {
        display: inline-block;
        padding-left: 10px;
        padding-top: 2px;
    }
}

@media (min-width: 1200px) {
    .contact-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 20px;
    }

    .contact-right {
        width: 452px;
        margin-top: 0;
        position: relative;
        padding: 45px 40px 278px 40px;
    }

    .contact-left {
        width: calc(100% - 452px);
        padding-right: 80px;
    }

    .contact-right img {
        position: absolute;
        left: -64px;
        width: 555px;
        max-width: inherit;
        bottom: -120px;
    }

    .contact-left .form-col {
        padding-bottom: 30px;
    }

    .contact-right ul li a.btn-blue:hover,
    .contact-right ul li a:hover {
        color: #7187AA;
    }

}

/* CF7 Block */
.contact-card__form-wrap {
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    border-top: 5px solid #F37121;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .15);
    margin-top: 20px;
}

.contact-card__top {
    padding: 30px 16px 0 16px;
}

@media (min-width: 1200px) {
    .contact-card__top {
        padding: 40px 40px 0 40px;
    }
}

.contact-card__bttm {
    background-color: #F0F0F0;
    border-radius: 0 0 3px 3px;
    padding: 14px 0;
}