/*
Theme Name: Max Bravin Child Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* ==========================================================================
   Font: OpenDyslexic
   Percorso: fonts/OpenDyslexic/ (relativo a style.css)
   ========================================================================== */

@font-face {
    font-family: 'OpenDyslexic';
    src: url('fonts/OpenDyslexic/OpenDyslexic-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenDyslexic';
    src: url('fonts/OpenDyslexic/OpenDyslexic-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenDyslexic';
    src: url('fonts/OpenDyslexic/OpenDyslexic-Italic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'OpenDyslexic';
    src: url('fonts/OpenDyslexic/OpenDyslexic-Bold-Italic.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/* ==========================================================================
   Applicazione dello stile font al sito
   (proprietà font, senza dimensioni)
   ========================================================================== */

body,
p,
h1, h2, h3, h4, h5, h6,
a,
li,
span {
    font-family: 'OpenDyslexic', 'Comic Sans MS', ui-serif, serif, Georgia, serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: 100%;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-optical-sizing: auto;
    font-size-adjust: none;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-emoji: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-variation-settings: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}



.icon-box .icon-box-text h6, .icon-box .icon-box-text h5{
 text-transform: unset !important;   
}
.icon-box .icon-box-text h5{
 color: var(--primary-color); 
}

/** Form di contatto **/
.custom-contact-form input, .custom-contact-form textarea{
    background-color: rgba(255,255,255, .2) !important;
    backdrop-filter: blur(20px);
    color: black !important;
    border-radius: 7px !important;
    box-shadow: unset !important;
}

.custom-contact-form input::placeholder, .custom-contact-form textarea::placeholder{

    color: black !important;

}

.custom-contact-form .form-submit{
       background-color: rgba(255,255,255, .2) !important;
    backdrop-filter: blur(20px);
    padding: .1rem 2rem !important;
    text-transform: unset !important;
    border: 1px solid white;
    border-radius: 7px;
    color: black;
    opacity: .7;
    transition: all .2s ease-in-out;
}

.custom-contact-form .form-submit:hover{
       background-color: rgba(255,255,255, .5) !important;
    opacity: 1;
}

.custom-contact-form .wpcf7-acceptance span{
    color: white;
    font-weight: 200;
    font-style: italic;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    background-color: rgb(71 71 71 / 17%);
    color: #000000;
    border-color: #f5b335 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    background-color: rgb(0 0 0 / 0%);
    color: #000000;
    border-color: #3a8a42 !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}