/*
Theme Name: Smytec
Theme URI: https://www.elegantthemes.com/gallery/divi/
Description: Smytec Child Theme
Author: Elegant Themes
Author URI: https://www.elegantthemes.com
Template: Divi
Version: 1.0.0
Text Domain: smytec-child
*/

@font-face {
    font-family: 'Onest';
    src: url('assets/fonts/Onest-Regular.woff2') format('woff2'),
        url('assets/fonts/Onest-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('assets/fonts/Onest-Thin.woff2') format('woff2'),
        url('assets/fonts/Onest-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('assets/fonts/Onest-Light.woff2') format('woff2'),
        url('assets/fonts/Onest-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('assets/fonts/Onest-Bold.woff2') format('woff2'),
        url('assets/fonts/Onest-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('assets/fonts/Onest-Medium.woff2') format('woff2'),
        url('assets/fonts/Onest-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('assets/fonts/Onest-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Onest-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


/*move the labels above the form input fields*/
.pa-contact-form-labels .et_pb_contact_form_label {
    display: block !important;
}

/*hide the label in the field*/
.pa-contact-form-labels .et_pb_contact_field_options_title {
    display: none;
}

/*make the placeholder text the same color as field background*/
.pa-contact-form-labels input::placeholder,
.pa-contact-form-labels textarea::placeholder {
    color: #eee !important;
}

body {
    font-weight: 300;
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    font-family: 'Onest', sans-serif !important;
}

img {
    vertical-align: middle;
}

.button {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    font-family: 'Onest', sans-serif;
    display: inline-flex;
    border-radius: 100px;
    padding: 11px 24px;
    border: 1px solid;
    transition: all 0.3s ease-in-out;
}

body #page-container .et_pb_section .et_pb_row .et_pb_button::after {
    margin-left: 1em !important;
}

body #page-container .et_pb_section .et_pb_row .et_pb_button:hover:after {
    color: #FFF;
}

.button-primary {
    background: linear-gradient(180deg, #042B7C 0%, #046CBC 100%);
    color: #fff;
    border: 1px solid #046CBC;
}

.button-primary:hover {
    background: #FFF;
    border: 1px solid #042B7C;
    color: #042B7C;
}

.button-secondary {
    background: #FFF;
    border: 1px solid #042B7C;
    color: #042B7C;
}

.button-secondary:hover {
    background: linear-gradient(180deg, #042B7C 0%, #046CBC 100%);
    border: 1px solid #046CBC;
    color: #FFF;
}

.wpcf7-spinner {
    position: absolute !important;
}

/* Contact Form 7 - Acceptance Checkbox */
.contact-form__row p {
    white-space: initial !important;
}

.contact-form__agree p {
    margin: 0;
}

.contact-form__agree .wpcf7-list-item {
    margin: 0;
    vertical-align: top;
}

.contact-form__agree .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Onest', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    position: relative;
}

/* Hide default checkbox */
.contact-form__agree input[type="checkbox"] {
    display: none;
}

/* Terms link */
.contact-form__agree .wpcf7-list-item-label a {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.contact-form__agree .wpcf7-list-item-label a:hover {
    opacity: 0.8;
}

.contact-form__agree .wpcf7-list-item label span.wpcf7-list-item-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;

    color: #FFFFFF;
}

@media only screen and (min-width: 1300px) and (max-width: 1600px) {
    .hero-banner-section .et_pb_section_0:after {
        background-size: cover;
    }

}

@media only screen and (min-width: 1023px) and (max-width: 1299px) {
    html body .hero-banner-section .et_pb_section_0:after {
        width: 38% !important;
    }
}