/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* open-sans-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v40-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-500 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/open-sans-v40-latin-500.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* red-hat-display-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/red-hat-display-v19-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* red-hat-display-500 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/red-hat-display-v19-latin-500.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* red-hat-display-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/red-hat-display-v19-latin-700.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body,a,p,h1,h2,h3,h4,h5,h6 {
    font-family: 'Red Hat Display' !important;
}

/* Altcha */
:root {
    --altcha-border-width: 1px;
    --altcha-border-radius: 15px;
    --altcha-color-base: #ffffff;
    --altcha-color-border: #a0a0a0;
    --altcha-color-text: #000;
    --altcha-color-border-focus: currentColor;
    --altcha-color-error-text: #f23939;
    --altcha-color-footer-bg: #f4f4f4;
    --altcha-max-width: 260px;
}

.altcha-label label {
    color: #000 !important;
    font-size: 1em !important;

}

/* Contact Form 7 Styles
---------------------------------*/

.wpcf7 {
    background-color: rgb(0, 0, 0,91);
    color: #000;
    padding: 20px;
}


.wpcf7 input[type="text"], input[type="email"], textarea  {
    -webkit-border-radius: 8;
    -moz-border-radius: 8;
    border-radius: 8px;
    font-size: 1.2em;
    padding: 5px 12px;
    font-family: 'Red Hat Display';
    color: #fff;
    background-color: #514747;
    border-radius: 10px;
    border-color: transparent;
    max-width: 95% !important;
}

/* Optimize for Tablets horizontal and small desktops */
@media all and (max-height: 900px) {
    .wpcf7 input[type="text"], input[type="email"], textarea  {
        font-size: 1em;
    }
    .wpcf7 textarea  {
        max-height: 80%;
    }
}

.wpcf7 textarea:focus {
    color: #fff;
}

.wpcf7 label {
    font-family: 'Red Hat Display';
    font-weight: bold;
    font-size: 1.2em;
    color: #fff;
}

.wpcf7-not-valid-tip {
    color: #E3232E;
    font-family: 'Red Hat Display';
    font-weight: bold;
}

.wpcf7-response-output {
    -webkit-border-radius: 8;
    -moz-border-radius: 8;
    border-radius: 8px;
    border-color: transparent;
    background-color: #E3232E;
    color: #fff;
    display: none;
}


.wpcf7-submit {
    -webkit-border-radius: 8;
    -moz-border-radius: 8;
    background-color: transparent;
    border-radius: 8px;
    font-family: 'Red Hat Display';
    font-weight: bold;
    color: #2ea3f2;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    margin-bottom: 15px;
    border: solid #2ea3f2 2px;
    text-decoration: none;
}