/*
Theme Name: Sonirico  Pro
Theme URI: https://example.com/hello-elementor-child/
Description: Un tema child di Hello Elementor
Author: Softweb
Author URI: https://example.com/
Template: hello-elementor
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementor-child
*/

.page-header{
    display:none
}

/*Header*/
.header-inner{
    flex-direction: row;
    justify-content: flex-start !important;
    gap: 32px;
}
.header-inner .site-navigation ul li a{
    text-decoration: none;
}
.cpel-switcher__toggle.cpel-switcher__lang .cpel-switcher__flag{
    height: 16px !important;
}
.cpel-switcher__toggle.cpel-switcher__lang .cpel-switcher__flag img{
    border-radius: 10px !important;
    box-shadow: 0 0 5px rgb(0 0 0 / 60%);
}
.cpel-switcher__nav .cpel-switcher__list .cpel-switcher__flag{
    height: 16px !important;
}
.cpel-switcher__nav .cpel-switcher__list .cpel-switcher__lang img{
    border-radius: 10px !important;
    box-shadow: 0 0 5px rgb(0 0 0 / 60%);
}
header .e-con-inner {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
/*FINE Header*/

/*Footer*/
.wpforms-container.wpforms-container-full{
    margin: 0px !important;
}
.wpforms-container.wpforms-field{
    padding: 5px 0 !important;
}
.wpforms-submit{
    font-size: 16px !important;
    padding: 0px 80px !important;
}
.wpforms-field-label{
    font-weight: 400 !important;
}
.wpforms-field-container div{
    padding: 7px 0px !important;
}
.wpforms-field-container div label{
    margin-bottom: 5px !important;
}
.powered-by {
    text-align: center;
    font-size: 13px;
}
.powered-by a{
    color: var(--e-global-color-text);
}
/*FINE Footer*/



/*HOME*/
.home .img-iniziale-hero img{
max-height: 500px;
    object-fit: cover;
    object-position: bottom;
}

/*I nostri medici del sonno*/
.professionista-card{
    border-radius: 0px;
}
/*FINE I nostri medici del sonno*/


/*sezione dei servizi*/
.card-servizi.card-attiva {
    background-color: #D4F7F7;
    background-image: none !important;
}
.card-servizi.card-attiva::before{
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%) !important;
}
.card-servizi.card-attiva .bottone-scopri .elementor-button,
.card-servizi.card-attiva .bottone-scopri .elementor-button:hover,
.card-servizi.card-attiva .bottone-scopri .elementor-button:active,
.card-servizi.card-attiva .bottone-scopri .elementor-button:focus{
    color: var(--e-global-color-accent);
    border: 1px solid transparent;
}
.card-servizi .titolo-secondario-servizi{
    display: none;
}
.card-servizi .testo-secondario-servizi{
    display: none;
}
.card-servizi.card-attiva .titolo-iniziale-servizi{
    display: none;
}
.card-servizi.card-attiva .titolo-secondario-servizi{
    display: block;
}
.card-servizi.card-attiva .testo-secondario-servizi{
    display: block;
}
/*FINE sezione dei servizi*/


/*Servizio in collaborazione con*/
.griglia-servizio-collaborazione .card-servizi.card-attiva .loghi-collaborazione{
    display: none;
}

.griglia-servizio-collaborazione .bottone-scopri .e-font-icon-svg path{
    fill: var(--e-global-color-accent);
}
.griglia-servizio-collaborazione .card-servizi.card-attiva .bottone-scopri .elementor-button,
.griglia-servizio-collaborazione .card-servizi.card-attiva .bottone-scopri .elementor-button:hover,
.griglia-servizio-collaborazione .card-servizi.card-attiva .bottone-scopri .elementor-button:active,
.griglia-servizio-collaborazione .card-servizi.card-attiva .bottone-scopri .elementor-button:focus{
    color: var(--e-global-color-accent);
    border: 0px solid transparent;
}
.griglia-servizio-collaborazione .bottone-scopri a{
    padding: 0px;
}
.griglia-servizio-collaborazione .loghi-collaborazione img{
    height: 110px;
    min-width: fit-content;
    object-fit: cover;
    max-width: fit-content !important;
}
/*FINE Servizio in collaborazione con*/

/*FINE HOME*/

/*Pagina Servizi*/
.accordion-servizi-pag-servizio .e-n-accordion .e-n-accordion-item div{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.accordion-servizi-pag-servizio .e-n-accordion .e-n-accordion-item .elementor-widget-text-editor{
    width: 95%;
}
/*FINE Pagina Servizi*/


/*Pagina Professionisti*/
/* Animazione slideDown per il mobile servizi accordion*/
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*Timeline*/
.timeline-professionista .twae-vertical{
    padding: 0px;
}
.timeline-professionista .twae-story .twae-content{
    box-shadow: none;
    border-color: transparent;
    padding: 0px;
}
.timeline-professionista  .twae-timeline .twae-story .twae-arrow{
    display: none;
}
.timeline-professionista .twae-story:hover .twae-description, .twae-content, .twae-labels, .twae-label-big, .twae-icon, .twae-title, .twae-description {
    box-shadow: none !important;
}
.timeline-professionista .twae-timeline:before{
    width: 2px !important;
}
.timeline-professionista .twae-story .twae-icon{
    border:  none !important;
    width: 32px;
    height: 32px;
}
.timeline-professionista .twae-story .twae-icon svg{
    width: 18px;
    height: 18px;
}
.timeline-professionista .twae-start, .twae-end{
    display: none !important;
}
.timeline-professionista .twae-timeline{
    padding: 0px 0px !important;
}
.twae-wrapper{
    --tw-ibx-size:30px !important;
}

/*FINE Pagina Professionisti*/





@media (max-width: 767px) {
    /*Header*/
    header .hfe-nav-menu__toggle .hfe-nav-menu-icon svg{
        display: flex;
        align-content: center;
        align-items: center;
    }
    /*FINE Header*/


    /*HOME*/
    .home .img-iniziale-hero{
        position: static;
        margin: 0px 0px -20px 0px;
    }
    .home .contenitore-iniziale-hero{
        padding: 0px;
    }
    .home .testo-iniziale-hero{
        padding: 0px 20px;
    }
    .griglia-i-nostri-servizi .card-servizi{
        min-height: 200px;
    }
    .griglia-servizio-collaborazione .loghi-collaborazione img{
        max-height: 150px;
        object-fit: contain;
    }
    .griglia-i-nostri-servizi .card-servizi:before{
        background: rgba(0, 0, 0, 0.7) !important;
    }
    .griglia-servizio-collaborazione .loghi-collaborazione img {
        height: 88px;
    }
    /*FINE HOME*/


    /*Pagina Professionista*/


    /*Timeline*/
    .timeline-professionista .twae-story .twae-icon {
        top: 0px !important;
    }
    /*FINE Timeline*/
    /*FINE Pagina Professionista*/

    /*Recaptcha*/
    .grecaptcha-badge{
        bottom: 0px !important;
    }
    /*FINE Recaptcha*/
}
@media (min-width: 768px) and (max-width: 844px) {
    /*Timeline*/
    .timeline-professionista .twae-timeline::before {
        left: 10% !important;
    }
    .timeline-professionista .twae-timeline .twae-story{
        width: 86% !important;
    }
    /*FINE Timeline*/
}
@media (min-width: 845px) and (max-width: 1024px){
    /*Timeline*/
    .timeline-professionista .twae-timeline::before {
        left: 10.5% !important;
    }
    .timeline-professionista .twae-timeline .twae-story{
        width: 86% !important;
    }
    /*FINE Timeline*/
}
@media (min-width: 768px) and (max-width: 1024px) {
    /*HEADER*/
    header .elementor-widget-polylang-language-switcher{
        width: fit-content !important;
    }
    /*FINE HEADER*/
}
@media (min-width: 1025px) and (max-width: 1200px) {
    /*Timeline*/
    .timeline-professionista .twae-timeline:before{
        left: 23.5% !important;
    }
    .timeline-professionista .twae-timeline .twae-story{
        width: 70% !important;
    }
    /*FINE Timeline*/
}

@media (min-width: 1201px) {
    /*Timeline*/
    .timeline-professionista .twae-timeline:before{
        left: 25% !important;
    }
    .timeline-professionista .twae-timeline .twae-story{
        width: 70% !important;
    }
    /*FINE Timeline*/
}

@media (max-width: 1024px) {
    .accordion-servizi-pag-servizio .e-n-accordion .e-n-accordion-item .elementor-widget-text-editor {
        width: 100%;
        padding: 0px 10px;
    }
    .single-post .contenitore-iniziale-hero h1{
        font-size: 24px !important;
    }
}

@media (min-width: 1025px) {
    /*Header*/
    header .hfe-nav-menu a{
        padding-left: 0px !important;
    }
    /*FINE Header*/

}