/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/


:root {
    --text--color: #333333;
    --text--color-link: #333333;
    --text--color-link-hover: #333333; /*#333333*/
    --background--color: #FFFFFF; /*#EBEBEB*/
    --darksections-background--color: #D5B8BE; /*#D5B8BE*/
    --footer-text--color: #EBEBEB; /* #FFFFFF */
}

body:not(.home) .entry-title{ font-family: "Playfair Display", Sans-serif; line-height: 1.3em; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #000000; border-radius: 0px 0px 0px 0px; padding: .5em 0; display: block;}
.single .entry-title{ font-size: 2.5rem; font-weight: 500; margin-top: .5rem; margin-bottom: 1rem;}
.single h1{ font-weight: 600;}

body:not(.home) main{ padding-bottom: 2em;}

h2.elementor-heading-title{
/*    border-bottom: 3px solid #FC7C38;*/
    display: inline-flex;
    padding-bottom: 2px;
    background: rgb(244,238,237);
    background: linear-gradient(0deg, rgba(244,238,237,1) 40%, rgba(0,0,0,0) 40%);
}

.dark-section h2.elementor-heading-title{
    border-bottom-color: #FAA167;
}

#calltoaction-mobile {
    position: fixed;
    z-index: 9999;
    width: 100%;
    bottom: 0px;
    left: 0px;
}

@media (max-width: 767px) {
    .elementor-page-356.elementor-kit-124 a {font-size: 1em;}
}

body{ background-color: var(--background--color);}
body, body p{ color: var(--text--color);}

.dark-section, .dark-section{ background: var(--darksections-background--color)!important;}

a, a:visited{ color: var(--text--color-link);} a:hover, a:hover{ color: var(--text--color-link-hover);}

.elementor-section .elementor-container {display: flex; margin-right: auto; margin-left: auto; position: relative;}

.elementor-kit-124 h2.elementor-heading-title{ background: none; display: flex; font-family: 'Playfair Display', serif; font-size: 4em; line-height: 1; width: 100%; text-align: right; flex-direction: row; justify-content: flex-end; border-bottom: 1px solid var(--text--color); color: var(--text--color); padding-bottom: .5em; }
.elementor-kit-124 .dark-section h2{ color: var(--footer-text--color); border-bottom-color: var(--footer-text--color);}
.elementor-kit-124 h3{ font-weight: 400; text-transform: uppercase; font-size: 1.2em; margin: 2em 0 1.5em; color: var(--text--color);}
.elementor-widget-text-editor h4, .elementor-kit-124 h4{ font-size: 1em; font-weight: 700; margin-bottom: 0; color: var(--text--color);}

.pre-header{ height: 30px; width: 100%; background: var(--darksections-background--color);}

.elementor-page-356.elementor-kit-124 .dark-section h2{ text-shadow: 0px 0px 9px rgba(0,0,0,.1);}

.site-header{ display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 1rem; padding-bottom: 1rem; flex-direction: column; justify-content: space-between; align-items: center;}
.site-header > div{ min-width: 100%; flex-grow: 1; text-align: center;}
.site-header .main-calltoaction{ display: none;}

.site-header nav ul, .elementor-page-356 .site-header ul.social-icons{ margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row;}
.site-branding{ max-width: none;}
.site-title{ font-family: "Playfair Display", Sans-serif; font-size: 3.5em; line-height: 1em; font-weight: bold;}
.site-description{ font-size: 1.5em; letter-spacing: 0.05em;}

.elementor-button{ display: inline-block; line-height: 1; background-color: #69727d; font-size: 15px; border-radius: 3px; color: #fff; fill: #fff; text-align: center; transition: all .3s;}
button, input[type="button"], input[type="submit"], .elementor-button{ font-size: 1.3em; font-weight: 500; text-transform: uppercase; color: #333333; background-color: #F4F4F400; border-style: solid; border-width: 3px 3px 3px 3px; border-radius: 0px 0px 0px 0px;}
.elementor-button{ color: var(--text--color); border-color: var(--text--color);}
.elementor-button, .elementor-page-356 #menu-menu-interno-home li a{ padding: .5em 1.2em!important;}

.elementor-page-356  #menu-menu-interno-home{ margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; text-transform: uppercase;}
.elementor-page-356  #menu-menu-interno-home li{ margin: 0.5em 1em; width: 100%;}
.elementor-page-356  #menu-menu-interno-home li:first-child{ margin-top: 0;}
.elementor-page-356  #menu-menu-interno-home li:last-child{ margin-bottom: 0;}
.elementor-page-356  #menu-menu-interno-home li a{ font-size: 1.3em; line-height: 1; font-weight: 500; text-transform: uppercase; border: 3px solid var(--text--color); padding: .3em 1.2em; text-align: center; transition: all .3s; display: block;}

#approccioterapeutico .elementor-column.elementor-col-100 > div section:nth-child(2){ order: 1;}
#approccioterapeutico .elementor-column.elementor-col-100 > div section:first-child{ order: 2;}

.section-002 > .elementor-containe.elementor-column-gap-default, .elementor-section.elementor-section-boxed.section-002 > .elementor-container{ max-width: none;}

footer{ padding: 6em 0 3em 0; background-color: var(--darksections-background--color); color: var(--footer-text--color);}
footer a, footer a:visited, footer a, footer a:visited{ color: var(--footer-text--color);} footer a:hover, footer a:hover{ color: var(--footer-text--color)!important;}
.footer-container{ display: flex; flex-direction: column; align-items: center; text-align: center;}
.footer-container a[href^='mailto'], .footer-container a[href^='tel']{ display: block; margin-left: -2.5em;}
.footer-container a[href^='mailto']:before, .footer-container a[href^='tel']:before{ content: ""; display: block; width: 2em; height: 2em; margin-right: .5em;  float: left; background-size: 85%; background-repeat: no-repeat; background-position: center center;}
.footer-container a[href^='mailto']:before{ background-image: url(img/mail.svg);}
.footer-container a[href^='tel']:before{ background-image: url(img/phone.svg);}

.footer-container .site-branding{ margin-bottom: 2em;}
.footer-container .site-contacts{ display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center;}
.footer-container .site-contacts p, .footer-container .site-contacts a, .footer-container .site-contacts a:visited{ font-family: 'Playfair Display', serif; font-size: 1.5em; line-height: 1.5em; color: var(--footer-text--color); font-weight: 400;}
/*.elementor-page-356 .footer-container .site-contacts a{ line-height: 2em;}*/

/*
.elementor-page-356 #contatti{ max-height: 0;}
.elementor-page-356 #contatti *{ display: none;}
.elementor-page-356 #contatti .elementor-element-populated{ padding: 0; margin: 0; height: 0;}
*/


/* -------------------------------- */
/*            EVENTI                */
/* -------------------------------- */

.home .eventi-elementor-section{ overflow: hidden;}
.home .eventi-elementor-section .elementor-widget-wrap.elementor-element-populated{ padding: 2em;}
.eventi-archive{ margin: 0 -2em; display: flex; flex-direction: column;}
.eventi-archive article{ padding: 0 2em 2em 2em; width: 100%;}

.home .eventi-container{ padding-bottom: 2em;}
.home .eventi-loop{ margin: 0 -2em; display: flex; flex-direction: column;}
.home .eventi-loop article{ padding: 2em; width: 100%;}
.home .eventi-loop article .eventi-thumbnail{ margin-bottom: 1em;}

.evento-passato{ opacity: 0.5; filter: saturate(0);}

@media screen and (min-width: 768px) {
    #calltoaction-mobile  .elementor-button { width: 100%;}
    .home .eventi-container.slider .eventi-loop{ flex-direction: row;}
    
/*    #approccioterapeutico .elementor-column.elementor-col-33, #approccioterapeutico .elementor-column[data-col="33"]{ width: 50%;}*/
}

@media screen and (min-width: 1140px) {
    
    .site-header{ flex-direction: row; }
    .site-header > div{ min-width: 25%; }
    .site-branding{ flex-grow: 2; width: 50%; display: flex; flex-direction: column; text-align: center;}
    .site-header .social-links{ text-align: left;}
    .site-header .main-calltoaction{ text-align: right; display: block;}
    
    .elementor-page-356  #menu-menu-interno-home{ flex-direction: row; }
    .elementor-page-356  #menu-menu-interno-home li{ width: auto; margin: 0 1em;}
    
    .elementor-page-356 .section-001 img{ max-width: none; width: calc(100% + (100vw - 1140px )/2);}
    .elementor-page-356 .section-001 .elementor-column{ display: flex; flex-direction: column; justify-content: center;}
    .elementor-page-356 .section-001 .elementor-container.elementor-column-gap-default > div:nth-child(2) > .elementor-element-populated{ padding: 0;}
    
    .section-002 > .elementor-containe.elementor-column-gap-default, .elementor-section.elementor-section-boxed.section-002 > .elementor-container{ max-width: 1140px;}
    
    /* ----------------------------------- */
    /*          1140px EVENTI              */
    /* ----------------------------------- */

    .eventi-archive{ flex-direction: row; flex-wrap: wrap;}
    .eventi-archive article{ width: 33.333333%;}
    
    .home .eventi-container.boxed{ width: 70vw; margin: 0 auto;}
    .home .eventi-container.boxed .eventi-loop{ flex-direction: row;}

}

@media screen and (min-width: 1200px) {
    
    .elementor-page-356 .section-002 .elementor-container.elementor-column-gap-default{ flex-direction: row; align-items: stretch;}
    .elementor-page-356 .section-002 .elementor-container.elementor-column-gap-default > div:first-child > div{ position: absolute; top: 0; height: 100%; right: 0; width: calc( 100% + (100vw - 1140px)/2); }
    .elementor-page-356 .section-002 .elementor-container.elementor-column-gap-default > div:nth-child(1) > div div{ width: 100%; height: 100%; max-height: 100%;}
    .elementor-page-356 .section-002 img{ width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
    
    #approccioterapeutico{ padding-top: 9em;}
    #approccioterapeutico .elementor-column.elementor-col-100 > div section:nth-child(2){ order: 2; position: absolute; z-index: 500; bottom: 0;}
    #approccioterapeutico .elementor-column.elementor-col-100 > div section:first-child{ order: 1;}
    #approccioterapeutico .elementor-column.elementor-col-100 > div section:nth-child(2) h2.elementor-heading-title{ justify-content: flex-start;}
    #approccioterapeutico .elementor-column.elementor-col-100 > div section:nth-child(2) h2{ margin-bottom: 1em;}

    #approccioterapeutico .elementor-column >.elementor-element-populated .elementor-widget-text-editor:nth-child(2) p{ margin-bottom: 11em; padding-right: 3em;}
    #approccioterapeutico .elementor-column.elementor-col-33, #approccioterapeutico .elementor-column[data-col="33"]{ width: 61.8%;}
    /*#approccioterapeutico .elementor-column.elementor-col-66, #approccioterapeutico .elementor-column[data-col="66"]{ width: 38.2%;}*/
    
}

@media screen and (min-width: 1600px) {
    .elementor-section.elementor-section-boxed > .elementor-container, .elementor-section.elementor-section-boxed > .elementor-container, .site-header, body.elementor-page-356:not([class*=elementor-page-]) .site-main{ max-width: 70vw!important;}
    body{ font-size: 1vw;}
}