@charset "utf-8";
/* CSS Document */
/*
Theme Name: Astra Child
Theme URI: http://example.com/
Description: Tema Child per il tema astra
Author: Sara Iaccino Edouard Quint
Author URI: http://example.com/about/
Template: astra
Version: 0.1.0
*/


/* menu sottolineato header*/
.main-header-menu li a:hover {
    text-decoration: underline;
    text-underline-offset: 20px;
    /* sarebbe la distanza tra testo e linea */
    text-decoration-thickness: 1px;
    /* spessore linea */
}


/* mobile senza bordo bianco open and close */
.ast-mobile-popup-drawer .menu-toggle-close:focus,
.ast-mobile-popup-drawer .menu-toggle-close,
.menu-toggle.main-header-menu-toggle:focus,
.menu-toggle.main-header-menu-toggle {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}




/* titolo scritta vision nella homepage */
.titolohome h1 {
    font-weight: 400 !important;
    line-height: 48px !important;


}


/* media query perchè nel mobile c'era troppa interlinea*/
/* @media (max-width: 544px) {
    .titolohome h1 {
        line-height: 1.2 !important;
    }
} */


/* interlinea scritta The Frame Vision, where Digital Art takes shape:
Customizable Frames, Made in Italy nella homepage*/
.interlinea h2,
span {
    line-height: 40px !important;
}


/* titolo h2 in homepage uppercase */
.uppercase h2 {
    /* font-weight: 400 !important; */
    line-height: 40px !important;
}


/* titolo span in homepage scritta who it's for */
.homespan span {
    font-family: 'Karla', sans-serif;
    font-weight: 700 !important;
    font-size: 38px !important;
    color: #ffffff;
}


/* titolo span in about us */
.aboutus span {
    font-family: 'Karla', sans-serif;
    font-weight: 700 !important;
    font-size: 38px !important;

}


/* mobile interlinea */
@media (max-width: 544px) {

    .interlinea h2,
    .interlinea span,
    .uppercase h2,
    .homespan span,
    .aboutus span,
    .titolohome h1 {
        line-height: 1.2 !important;
    }
}




/* media query che fa si che gli h2 stiano a quella grandezza nel mobile */
@media (max-width: 544px) {

    .uagb-block-adv-heading h2,
    .uagb-block-adv-heading .uagb-heading-text,
    .interlinea h2,
    .interlinea span {
        font-size: 30px !important;
        line-height: 1.2 !important;
    }


    .aboutus span {
        font-size: 30px !important;

    }

    .homespan span {
        font-size: 30px !important;
        line-height: 1.2 !important;
    }
}



/* Contact Form - section support */
.contactform label {
    color: white;
    font-family: 'Montserrat', sans-serif;
}



.contactform input[type="text"],
.contactform input[type="email"],
.contactform textarea {
    border: 2px solid #002142;
    border-radius: 5px;
    color: black !important;
    font-family: 'Montserrat', sans-serif;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    background: white;
}

/* Contact Form - button submit */
.contactform input[type="submit"] {
    background-color: #002142;
    color: #D2E800 !important;
    font-family: 'Montserrat', sans-serif;
    border: none;
    padding: 12px 24px;
    cursor: pointer;
    transition: all 0.3s ease;
}


/* Riduci lo spazio tra label e input */
.contactform-custom input,
.contactform-custom select,
.contactform-custom textarea {
    margin-top: 10px;
}

/* Contact Form - button submit hover*/
.contactform input[type="submit"]:hover {
    background-color: #D2E800;
    color: #002142 !important;

}

/* Font più leggero per "Read our privacy policy" */
.contactform-custom a[href*="privacy-policy"] {
    font-weight: 400;
    font-size: 16px;
    color: #002142;
    text-decoration: underline;
}





/* contact form customize your frame */
.contactform-custom {
    max-width: 700px;
    margin-left: 0;
    margin-right: auto;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #002142;

}

/* nome singoli campi*/
.contactform-custom label {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #002142;

}

.contactform-custom input,
.contactform-custom select,
.contactform-custom textarea {
    width: 100%;
    padding: 8px 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    color: #002142;
}

.contactform-custom input::placeholder,
.contactform-custom textarea::placeholder {
    color: #999;
}

.contactform-custom .form-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.contactform-custom .form-half {
    flex: 1;
    min-width: 280px;
}

/* Checkbox */
.contactform-custom input[type="checkbox"] {
    /* margin-right: 8px; */
    accent-color: #002142;
}

/* Submit button */
.contactform-custom input[type="submit"] {
    background-color: #002142;
    color: #D2E800;
    font-weight: 600;
    padding: 12px 30px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: auto;
    /* Non a tutta larghezza */
    display: inline-block;
    /*  Non blocco intero */
    margin-top: 10px;
}


.contactform-custom input[type="submit"]:hover {
    background-color: #D2E800;
    color: #002142;
}


/* Checkbox "I accept..." */
.contactform-custom .wpcf7-acceptance label {
    font-weight: 400 !important;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #002142;
}

/* Link privacy policy */
.contactform-custom p a {
    font-size: 16px;
    font-weight: 400;
    color: #002142;
    text-decoration: underline;
}

.privacy {
    font-size: 16px;
    font-weight: 400;
    color: #002142;
    /* text-decoration: underline; */
}






/* Blocco contenitore card custom postype eventi*/
/* .custom-event-card .pt-cv-content-item {
    width: 378px;
    min-height: 641px;
    margin: auto;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #002142;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
} */

/* gestione dell'immagine */
/* .custom-event-card .pt-cv-thumb-wrapper {
    position: relative;
    height: 439px;
    overflow: hidden;
} */

/* .custom-event-card .pt-cv-thumb-wrapper img {
    object-fit: cover;
    width: 100%;
    height: 100%;
} */



/* Blocco contenitore card custom postype eventi*/

/* title h4 boston blockchain e sfumatura*/
/* .custom-event-card .pt-cv-title {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 16px;
    font-weight: 700;
    font-size: 32px;
    background: linear-gradient(to bottom, rgba(0, 33, 66, 0.85), transparent);
    z-index: 2;
} */



/* titolo principale */
.pt-cv-title a {
    color: white;
    font-size: 32px;
    padding-top: 10px;

    /* background: linear-gradient(to bottom, rgba(0, 33, 66, 0.85), transparent); */
}



/* background dei custom fields */
.pt-cv-ifield {
    background-color: #002142;
}

/* spazio sopra e sotto il bottone */
.pt-cv-rmwrap {
    margin-top: -20px;
    margin-bottom: 20px;
}

/* Stile base pulsante eventi */
.pt-cv-readmore {
    padding: 10px 25px;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    color: #002142 !important;
    background-color: #D2E800 !important;
    border-radius: 37px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    text-align: center;
}

/* Hover */
.pt-cv-readmore:hover {
    background-color: #002142 !important;
    color: #D2E800 !important;
    border: 2px solid #D2E800 !important;
}


/* sarebbe l'interlinea tra i 3 campi personalizzati*/
.pt-cv-ctf-list {
    line-height: 20px;
    /* margin-top: 20px; */
}

/* la data in bold*/
.pt-cv-ctf-data {
    font-weight: 700;
}


/* media query custom postype*/
@media screen and (max-width: 768px) {
    .custom-event-card .pt-cv-content-item {
        width: 100% !important;
        /* padding-left: 16px;
        padding-right: 16px; */
        box-sizing: border-box;
    }

    .pt-cv-colsys {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .pt-cv-title {
        font-size: 24px !important;
        line-height: 6px;
    }

    .pt-cv-field {
        padding-left: 4px;
        padding-right: 4px;
    }
}



/* vecchia soluzione per impostare la foto che si vede nei custompostype */
/* #slide {
    height: 600px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
} */



/* aspect-ratio mantiene proporzioni senza altezza fissa */
#slide {
    width: 100%;
    aspect-ratio: 16/9;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}




/* pagina che si apre del custom post type con container che contiene i testi e lo sfondo blu*/
.contenitore {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    background-color: #002142;
}

.contenitore h4 {
    color: #ffffff;
    font-size: 32px;
    font-weight: 700;

}


.sinistra {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #ffffff;
    width: 50%;
    padding-left: 40px;
    padding-top: 30px;
}


.sinistra h4 {
    padding-bottom: 20px;
}

.fa-regular.fa-calendar,
.fa-regular.fa-clock,
.fa-regular.fa-map {
    margin-right: 15px;
}

.destra {
    width: 40%;
    color: #ffffff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
    /* padding-left: 80px; */
}



@media screen and (max-width: 768px) {
    .contenitore {
        flex-direction: column;
        padding: 20px;
        gap: 20px;
        /* distanza tra le sezioni */
    }

    .sinistra,
    .destra {
        width: 100%;
        padding: 0;
    }

    .sinistra {
        padding-top: 20px;
    }
}


/* footer */
@media (max-width: 768px) {
    .newsletter-footer-widget {
        padding: 18px 16px 24px 16px;
        /* adatta questi valori come preferisci */
        box-sizing: border-box;
    }
}