/*** Forms CSS ***/

.wpcf7-spinner {
    display: none !important;
}

.submit-container {
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
}



select2 .select2-results__options {
    padding-left: 0;
}
/*** CF7 Specific ***/

.wpcf7-list-item {
    margin: 0;
}

input:focus,
textarea:focus,
select:focus {
    outline: none!important;
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea,
select {
    background-color: #FFFFFF!important;
    border-radius: 10px!important;
    border: 1px solid #C3CBE6 !important;
    padding: 10px 17px;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    color: var(--global-dark-grey);
    max-width: 100%;
    width: 100%;
    margin-top: 5px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    -o-text-overflow: '';
    text-overflow: '';
    background-image: url('../img/dropdown_arrow.svg');
    background-repeat: no-repeat;
    background-size: 14px 8px;
    background-position: right 15px center;
}

@media(max-width: 1199.98px) {
    input[type="email"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="url"],
    textarea,
    select {
        font-size: 16px;
        line-height: 22px;
        margin-top: 3px;
    }
}

@media(max-width: 575px) {
    input[type="email"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="url"],
    textarea,
    select {
        font-size: 15px;
    }
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
textarea:focus {

}

form label {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: var(--global-dark-grey);
    font-weight: 200;
    margin-top: 15px;
}

@media(max-width: 1199.98px) {
    form label {
        font-size: 16px;
        line-height: 22px;
    }
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #7A8199;
    opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #7A8199;
    opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #7A8199;
    opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
    color: #7A8199;
    opacity: 1;
}

span.error {
    color: #ED1C24;
    display: block;
}
span.success {
    display: block;
    border: 1px solid green;
    margin-top: 30px;
    padding: 10px;
}
span.success:empty {
    display: none;
}

/* hide arrows for input[type="number"] */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


/*** Consent Message ***/


.consent-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.consent-message label {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.consent-message p.consent-paragraph {
    margin-top: 45px;
    margin-left: -50px;
}

@media(max-width: 1199.98px) {
    .consent-message input[type="checkbox"] {
        margin-top: 10px;
    }
}

/*** WPCF7 Submit Button ***/
.wpcf7 button:disabled {
    opacity: 0.4;
}
.wpcf7 button:disabled:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-color: var(--brand-blue);
}