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

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


.wpcf7-not-valid-tip {
    display: inline-block;
    color: #D53D3D;    
    position: relative;
    font-weight: 400;
    font-family: 'Work Sans', sans-serif;
    vertical-align: middle;
}

.wpcf7-not-valid-tip:before {
    content: '';
    font-family: 'icomoon';
    position: absolute;
    left: 10px;
    top: -10px;
    color: #D53D3D;
    font-weight: normal;
    font-size: 16px;
} 

select.wpcf7-not-valid,
textarea.wpcf7-not-valid,
input.wpcf7-not-valid,
.wpcf7-not-valid .choices {
    outline: none;
    border-color: #FCF1F1;
    background: #FCF1F1;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 0.9em !important;
    font-weight: normal;
    display: block;
}

.wpcf7-checkbox label {
    display: flex;
    align-items: center;
}

.wpcf7-checkbox label [type="checkbox"] {
    margin-right: 10px;
}