/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


html, body {
    overflow-x: hidden;
    height: auto;
}

strong {
    font-weight: 500;
}

#home-box-4, #home-box-ext-4 {
    padding:0px;
}

.fas {
    color: var(--e-global-color-a2c0d56);
}

/* inizio form */


#richiedi-info .etichetta-label {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    margin-top: 5px;
}    


#richiedi-info form label {
    width: 100%;
    width: 100%;
    margin-bottom: 20px;
}

#richiedi-info form label input {
    padding: 8px 15px;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: initial;
    font-family: var(--e-global-typography-e039f31-font-family);
}

#richiedi-info form select {
    border-color: #BFB9AA;
    border-radius: 0px;
}

#richiedi-info form label textarea {
    border-radius: 0px;
    font-family: var(--e-global-typography-e039f31-font-family);
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.10em;
    max-height: 180px;
}

#richiedi-info form .wpcf7-submit {
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    background-color: var(--e-global-color-a2c0d56);
    padding: 15px;
    font-size: 16px;
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
}

form .wpcf7-acceptance input[type="checkbox"] {
    width: 22px;
    height: 22px;
}

form .wpcf7-acceptance label {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    column-gap: 8px;
    font-family: var(--e-global-typography-e039f31-font-family);
    font-size: 13px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

#richiedi-info form .wpcf7-acceptance a {
    color: #000;
    text-decoration: underline;
}

#richiedi-info form .wpcf7-submit:hover {
    background-color: var(--e-global-color-1246de7);
    color: #fff; 
    border: 2px solid var(--e-global-color-76372fc);   
}

#richiedi-info form .wpcf7-acceptance a {
    text-decoration: underline;
}

#richiedi-info {
    column-gap: 30px;
}

/* fine form */


/*blocco contatti inizio*/

.s-box-contenuto-contatti ul {
    padding: 0px !important;
    list-style: none;
    margin-bottom: -6%;
}

.s-box-contenuto-contatti ul li a {
    color: var(--e-global-color-a36e03f);
    text-transform: none;
}

.s-box-contenuto-contatti ul li span p {
    margin-bottom: 0px;
}

.s-box-contenuto-contatti ul li a:hover, #pagina-contatti .s-box-contenuto-contatti ul li a:hover {
    color: var(--e-global-color-primary);
}

#pagina-contatti .s-box-contenuto-contatti ul {
    padding: 0px !important;
    text-align: center;
}

#pagina-contatti .s-box-contenuto-contatti ul li span {
    color: var(--e-global-color-a36e03f);
}

.link-interni-atelier a {
    font-family: var(--e-global-typography-1f2afaa-font-family) !important;
}

/*ripetitore sezione dipartimenti*/

.sezione-dipartimenti-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.dipartimento-box {
    flex: 20%; 
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    text-align: center;
    height: 150px;
    margin-bottom: 3%;
}

.dipartimento-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

h3.dipartimento-titolo {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
}

.dipartimento-sottotitolo {
    font-size: 14px;
    margin: 0;
    color: #555;
}


h3.dipartimento-titolo {
    font-family: var( --e-global-typography-7044a64-font-family ), Sans-serif !important;
    font-size: var( --e-global-typography-7044a64-font-size ) !important;
    font-weight: var( --e-global-typography-7044a64-font-weight ) !important;
    line-height: var( --e-global-typography-7044a64-line-height ) !important;
    color: var( --e-global-color-a2c0d56 ) !important;
}


.dipartimento-sottotitolo {
    color: var( --e-global-color-text );
    font-family: var( --e-global-typography-69c152f-font-family ), Sans-serif;
    font-size: var( --e-global-typography-69c152f-font-size );
    font-weight: var( --e-global-typography-69c152f-font-weight );
    line-height: var( --e-global-typography-69c152f-line-height );
}

/* Inizio sezione esperienze */
.sezione-esperienze {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 0px;
}

/* Stile per ogni box */
.box-esperienza {
    flex: 1 1 calc(33.333% - 20px);
    padding: 3% 4%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    background-color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.box-esperienza:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.box-icona {
    background-color: var( --e-global-color-a2c0d56 );
    fill: var( --e-global-color-text );
    color: var( --e-global-color-text );
    border-radius: 50%;
    padding: 7% 6.5%;
    margin-right: 2%;
}

.box-header h3 {
    color: var( --e-global-color-secondary );
    font-family: var( --e-global-typography-83682a1-font-family ), Sans-serif;
    font-size: var( --e-global-typography-83682a1-font-size );
    font-weight: var( --e-global-typography-83682a1-font-weight );
    line-height: var( --e-global-typography-83682a1-line-height );
}

/* Stile per la parte superiore del box */
.box-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 11%;
    padding-bottom: 12%;
    border-bottom: 1px solid  var( --e-global-color-4d462f5 );
}

.box-header i {
    font-size: 30px;
    color: #fff;
}


/* Stile per la parte inferiore del box */
.box-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.box-body p {
    color: var(--e-global-color-primary);
    font-size: var(--e-global-typography-520c191-font-size);
    margin: 0;
}

.btn-pulsante {
    display: inline-block;
    padding: 15px;
    font-size: 14px;
    color: #fff !important;
    background-color: var(--e-global-color-a2c0d56);
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease;
    width: 50%;
    margin-top: 5%;
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-size: var( --e-global-typography-accent-font-size );
    font-weight: var( --e-global-typography-accent-font-weight );
    text-transform: var( --e-global-typography-accent-text-transform );
    line-height: var( --e-global-typography-accent-line-height );
    letter-spacing: var( --e-global-typography-accent-letter-spacing );
}

.btn-pulsante:hover {
    background-color: var(--e-global-color-1246de7);
}

/*fine sezione esperienze*/


@media (max-width: 768px) {
    .dipartimento-box {
        flex: 1 1 calc(50% - 20px); /* Due box per riga su schermi più piccoli */
    }
}

@media (max-width: 480px) {
    .dipartimento-box {
        flex: 1 1 100%; /* Un box per riga su schermi molto piccoli */
    }

    .s-box-contenuto-contatti {
        text-align: center;
    }

    .dipartimento-box {
        height: 100px;
        margin-bottom: 0px;
    }

    .box-esperienza {
        flex: 1 1 calc(100% - 20px);
        padding: 10% 12%;
    }
}

/*blocco contatti fine*/

@media only screen and (min-width: 1367px) {
    .gtranslate_wrapper {
        position: fixed;
        top: 60px;
        right: 500px;
        z-index: 10;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        /*bottom: 0px !important;*/
    }
}

@media only screen and (max-width: 1024px) {
    .elementor-button.elementor-button-link.elementor-size-sm {
        padding: 12px 24px 12px 24px !important;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .gtranslate_wrapper {
        position: fixed;
        top: 60px !important;
        right: 150px !important;
        z-index: 10 !important;
    }
}

@media only screen and (max-width: 767px) {
    #slider-home .elementor-swiper-button.elementor-swiper-button-prev, #slider-home .elementor-swiper-button.elementor-swiper-button-next {
        top: 170px !important;
    }

    #slider-home .swiper-slide .swiper-slide-inner img{
        transform: scale(1);
    }
    
    #slider-home .swiper-slide.swiper-slide-next .swiper-slide-inner img{
        transform: scale(1);
    }

    #menu-box .e-con.e-flex {
        --width: 100%;
        --flex-wrap: var(--flex-wrap);
    }

    .gtranslate_wrapper {
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 10;
    }

    .notranslate.glink.nturl.gt_raw_link-xxjexk.gt-current-lang span,
    .notranslate.glink.nturl.gt_raw_link-xxjexk span {
        display: none;
    }

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .dipartimento-box {
        padding: 0px;
    }
}