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

/*************** ADD CUSTOM CSS HERE.   ***************/


body {line-height: 1.5em;}

h1, h2, h3, h4, h5 {  color: #42444D; margin-bottom: 20px}

h1 {font-size: 64px; line-height: 1.1em}
.hero h1 h1 {font-size: 74px; line-height: 1.1em}
h2 {font-size: 50px; line-height: 1.1em}
h3 {font-size: 30px; line-height: 1.2em;}



.sopra {z-index: 20}

/*.nav-small.nav > li.html {font-size: 18px;}*/

/*Header*/

/*.header-main{border-bottom: 1px solid #f4f4f4}*/
.header.transparent .header-wrapper {background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0) 100%) !important;}

.breadcrumb span {font-size: 0.9em}


.header-top a, .header-top .nav > li > a, .header-top li{font-size: 16px !important; color: #fff;margin: 0px 3px }

.nav-uppercase > li > a {font-weight: bolder;letter-spacing: 0em;text-transform: none;}
.header-nav > li > a {font-size: 20px;}
.logo  {margin-top: -44px;}

.nav > li > a {color: #fff;transition: all .2s;}

.widget > ul > li.has-child, ul.menu > li.has-child {display: contents !important;}

#header .stuck #logo img {max-height: 75px !important;}

p.lead {font-size: 30px; line-height: 1.25em}
p.lead2 {font-size: 40px; line-height: 1.3em}
.busti img {height: 800px; width: auto;filter: drop-shadow(-20px 40px 30px rgba(0,0,0,0.8)) saturate(.8) brightness(.92);}

.off-canvas-center .nav-vertical > li > a {font-size: 1.2em;}
.off-canvas .nav-vertical > li > a { padding-bottom: 10px;padding-top: 10px;}

.busti-servizi img {height: 410px; width: auto}
.alt-font h2, .alt-font h3 {font-weight: 200}
.alt-font p {font-size: 24px}

/*.hero .bg {filter:saturate(.6) }*/

.blog-post-inner .post-title {font-weight: 500; font-size: 28px}
.post-item .from_the_blog_excerpt  {font-size: 18px !important;}

.is-link, .is-underline {color: #fff;}

/*Lingue*/

.wpml-ls-menu-item .sub-menu {background-color: #f4f4f4 !important;box-shadow: 1px 1px 15px rgba(0,0,0,0) !important;width: auto   !important;padding: 0px !important;min-width: inherit !important; right: -8px !important;}
.wpml-ls-menu-item .sub-menu .wpml-ls-flag {width: 30px !important; max-width: inherit !important}

li.wpml-ls-menu-item::before, li.wpml-ls-menu-item::after {  border: none !important; content: none !important}


/*Home*/

.number {font-size: 100px;line-height: 100px}
.number p {margin-bottom: 10px !important;}

.localita .text{margin-left: -4px}

sup {font-size: 0.7em; line-height: 0.5em}

.col-box-hp .img {margin-bottom: 0px !important}
.box-hp .lead {font-size: 25px; font-weight: 500}
.box-hp  {padding: 20px 20px 0px 20px; background: #E4F0F0; transition: background-color 0.4s ease;}

.box-hp:hover  {background:#42444D }
.box-hp:hover .lead {color: #fff !important}
.box-hp:hover svg {color: #fff }

.col-dx {background-color: rgb(228, 240, 240);}
.col-dx p.lead {margin-top: 20px}

.introducer .icon-box-img svg {height: 90%; width: 90%;}
.introducer .lead {margin-bottom: 1em}

.hero .col-inner{background-color: rgba(0, 0, 0, 0) ;}



/*Box Home*/
.col.box1 .col-inner{position:relative;overflow:hidden;background-size:cover;background-position:center;background-image:url('/wp-content/themes/flatsome-child/assets/img/box1.jpg');height:767px;display:flex;flex-direction:column;justify-content:flex-end;padding:10% 20%;}
.col.box2 .col-inner{position:relative;overflow:hidden;background-size:cover;background-position:center;background-image:url('/wp-content/themes/flatsome-child/assets/img/box2.jpg');height:767px;display:flex;flex-direction:column;justify-content:flex-end;padding:10% 20%;}
.col.box3 .col-inner{position:relative;overflow:hidden;background-size:cover;background-position:center;background-image:url('/wp-content/themes/flatsome-child/assets/img/box3.jpg');height:767px;display:flex;flex-direction:column;justify-content:flex-end;padding:10% 20%;}
.col.box1 .col-inner::after,.col.box2 .col-inner::after,.col.box3 .col-inner::after{content:"";position:absolute;inset:0;background:#42444D;opacity:0;transition:opacity 0.6s ease;pointer-events:none;}

.col.box1:hover .col-inner::after,.col.box1:focus-within .col-inner::after,.col.box2:hover .col-inner::after,.col.box2:focus-within .col-inner::after,.col.box3:hover .col-inner::after,.col.box3:focus-within .col-inner::after{opacity:.85;}
.col.box1 .icon-box,.col.box2 .icon-box,.col.box3 .icon-box{position:relative;z-index:1;width:100%;}
.col.box1 .icon-box-img,.col.box1 .icon-box-text h3,.col.box2 .icon-box-img,.col.box2 .icon-box-text h3,.col.box3 .icon-box-img,.col.box3 .icon-box-text h3{transform:translateY(0);transition:transform .6s ease,opacity .6s ease;will-change:transform;}
.col.box1:hover .icon-box-img,.col.box1:focus-within .icon-box-img,.col.box1:hover .icon-box-text h3,.col.box1:focus-within .icon-box-text h3,.col.box2:hover .icon-box-img,.col.box2:focus-within .icon-box-img,.col.box2:hover .icon-box-text h3,.col.box2:focus-within .icon-box-text h3,.col.box3:hover .icon-box-img,.col.box3:focus-within .icon-box-img,.col.box3:hover .icon-box-text h3,.col.box3:focus-within .icon-box-text h3{transform:translateY(-40px);}
.col.box1 .box-testo,.col.box2 .box-testo,.col.box3 .box-testo{opacity:0;transform:translateY(10px);max-height:0;overflow:hidden;transition:opacity .6s ease,transform .6s ease,max-height .6s ease;}

.col.box1:hover .box-testo,.col.box1:focus-within .box-testo,.col.box2:hover .box-testo,.col.box2:focus-within .box-testo,.col.box3:hover .box-testo,.col.box3:focus-within .box-testo{opacity:1;transform:translateY(0);max-height:300px;}

.col.box1 a.button,.col.box2 a.button,.col.box3 a.button{display:inline-block;margin-top:16px;position:relative;z-index:1;}
.col.box1 .icon-box-text h3,.col.box1 .box-testo p,.col.box2 .icon-box-text h3,.col.box2 .box-testo p,.col.box3 .icon-box-text h3,.col.box3 .box-testo p{color:#fff;}
@media (prefers-reduced-motion:reduce){.col.box1 .col-inner::after,.col.box1 .icon-box-img,.col.box1 .icon-box-text h3,.col.box1 .box-testo,.col.box2 .col-inner::after,.col.box2 .icon-box-img,.col.box2 .icon-box-text h3,.col.box2 .box-testo,.col.box3 .col-inner::after,.col.box3 .icon-box-img,.col.box3 .icon-box-text h3,.col.box3 .box-testo{transition:none!important;}}

.col.box1 a.button,.col.box2 a.button,.col.box3 a.button{display:inline-flex;align-items:center;gap:8px;color:#fff;position:relative;z-index:1;}
.col.box1 a.button .icon-angle-right,.col.box2 a.button .icon-angle-right,.col.box3 a.button .icon-angle-right{transition:transform .6s ease,color .6s ease;transform:translateX(0);color:#fff;}
.col.box1:hover a.button,.col.box1:hover a.button span,.col.box1:hover a.button .icon-angle-right,.col.box2:hover a.button,.col.box2:hover a.button span,.col.box2:hover a.button .icon-angle-right,.col.box3:hover a.button,.col.box3:hover a.button span,.col.box3:hover a.button .icon-angle-right{color:#fff!important;}
.col.box1:hover a.button .icon-angle-right,.col.box2:hover a.button .icon-angle-right,.col.box3:hover a.button .icon-angle-right{transform:translateX(10px);}
.button i, button i {top: 0px;}

/* Rendere l’intero box cliccabile usando il link del bottone */
.col.box1 .col-inner{position:relative;} 
.col.box2 .col-inner{position:relative;} 
.col.box3 .col-inner{position:relative;} 
.col.box1 .col-inner::before{content:"";position:absolute;inset:0;z-index:5;cursor:pointer;} 
.col.box2 .col-inner::before{content:"";position:absolute;inset:0;z-index:5;cursor:pointer;} 
.col.box3 .col-inner::before{content:"";position:absolute;inset:0;z-index:5;cursor:pointer;} 
.col.box1 a.button{position:relative;z-index:10;} 
.col.box2 a.button{position:relative;z-index:10;} 
.col.box3 a.button{position:relative;z-index:10;}



/*FAQ*/

.faq .accordion-title {padding: .6em 0em;}
.faq .accordion-inner {padding: 1em 0em;}

.faq .toggle {
  right: 0 !important;
  left: auto;
  top: 0em;
}
.faq .toggle {
  opacity: 1;
}

.faq .toggle .icon-angle-down::before {
  content: "";
  background-image: url('/wp-content/themes/flatsome-child/assets/img/apri.png');
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  display: inline-block;
  transition: transform .3s ease-in-out;
  
}

.faq .active .toggle .icon-angle-down::before {
  content: "";
  background-image: url('/wp-content/themes/flatsome-child/assets/img/chiudi.png');
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  display: inline-block;
  transition: transform .3s ease-in-out;
  transform: rotate(0deg) !important;
}

.active > .toggle {
  transform: rotate(0deg) !important;
}

.accordion-title.active {
  background-color: transparent;
  border-color: var(--fs-color-primary);
  color: var(--fs-color-primary);
  font-weight: 700;
}
.faq .accordion-item:first-child .accordion-title {
  border-top: none !important;
}




/*Bottoni*/  

.button {letter-spacing: 0em;}
.button:hover, .dark .button.is-form:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  box-shadow: inset 0 0 0 100px rgba(0,0,0,0); color: #fff;  opacity: 1;}
  
.btn-white { background-color: transparent !important; border-color: #fff !important; color: #fff !important;}
.btn-white:hover {  background-color: #fff !important;color: #161518 !important;}

body .button.is-link, .button.is-underline {padding: 0em;  padding-right: 0em; font-size: 18px !important; font-weight: 300;  text-decoration: underline }

/*.button.is-link span, .button.is-underline span {text-decoration: underline !important}*/


.button.is-link:hover, .button.is-underline:hover { box-shadow: none; color: #fff;text-decoration: none}
.button.is-link span {text-decoration:underline;} 
.button.is-link:hover span {text-decoration:none;}

.button {text-transform: none; font-size: 20px !important; font-weight: bold; padding:0.4em 1.5em}
.back-to-top  { padding:0}

.nav-dark .nav > li > a {color: hsla(0,0%,100%,1);}

.wpml-ls-item-en > a::after {content:"|"; margin-left:12px; margin-right:2px;}

.has-dropdown .icon-angle-down {font-size: 18px; opacity: 1;}

.social-icons .button.is-outline {border: 0px}

.nav-previous a, .nav-next a {font-size: 0.8em}

/*Footer*/

.footer-payoff p{font-size: 26px; font-weight: 300; text-transform: uppercase}

#footer {font-size: 18px}
.absolute-footer {display: none}
.footer-block { color: #fff}
.footer-block a {color: #fff; }
.footer-block a:hover {}
.footer-block .section-bg img{right: -100px;width: 65%; height: auto; left: auto; top:3%; }

.logo-footer img {height: auto !important; width: 129px !important}

#menu-privacy li, .menu-footer li {display: inline-block;margin-left: 25px; font-size: 18px; margin-right: -15px} 
.menu-footer li {margin-right: 5px !important;} 
#menu-privacy  {} 
#menu-privacy li {line-height: 1em;} 
#menu-footer a, #menu-privacy a { text-decoration: none; color: white; transition: color 0.3s ease; } 
#menu-footer a:hover, #menu-privacy a:hover { color: #fff; }

#nav_menu-2,#nav_menu-3 {padding: 0px}

.mfp-container, .mfp-wrap {background-color: rgb(22, 21, 24);}
.mfp-close {mix-blend-mode: normal; opacity: 1 !important;width: 100%;text-align: center;}
.mfp-close svg {margin: 20px; width: 40px;height: 40px;}
.nav > li > a > i.icon-menu {font-size: 2.4em;}

.footer-block .icon-linkedin{margin-left: 8px}

ul.menu > li + li {border-top: none;}

#menu-footer-1 a, #menu-footer-3 a, .widget-title {font-weight: 700; font-family: "DM Sans", sans-serif !important; color: #fff; font-size: 18px}

.widget-title {margin-top: 6px}

#menu-menu-ita-1 {display:flex; flex-wrap:wrap; align-items:center; gap:18px;row-gap:6px;}
#menu-menu-ita-1 > li {display:flex; align-items:center;}
#menu-menu-ita-1 > li.menu-item-has-children {display:contents;}
#menu-menu-ita-1 > li.menu-item-has-children > a, #menu-menu-ita-1 > li.menu-item-has-children > .toggle {display:none !important;}
#menu-menu-ita-1 > li.menu-item-has-children > ul.sub-menu {display:contents !important; position:static !important; padding:0 !important; margin:0 !important; background:transparent !important; box-shadow:none !important;}
#menu-menu-ita-1 > li.menu-item-has-children > ul.sub-menu > li {display:flex; align-items:center;}
.widget > ul > li li > a, ul.menu > li li > a {font-size: 1em;}

@media only screen and (max-width: 1400px) {

.busti img {height: 560px; width: auto}


}

@media only screen and (max-width: 1399px) {
.people .slider-nav-circle .previous { margin-right: auto;top: 100%;left:20px; }
.people .slider-nav-circle .next { margin-right: auto; left:auto; top: 100%;}
}

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

.box-hp  {padding: 20px 10px 0px 10px; }

h1 {font-size: 45px; line-height: 1.1em}
h2 {font-size: 35px; line-height: 1.2em}
h3 {font-size: 30px; line-height: 1.2em;}

p.lead {font-size: 22px; line-height: 1.2em}
p.lead2 {font-size: 30px; line-height: 1.3em}

/*Box Home*/
.col.box1 .col-inner{height:567px;padding:10% ;}
.col.box2 .col-inner{height:567px;padding:10% ;}
.col.box3 .col-inner{height:567px;padding:10% ;}

.col.box1 .col-inner::after,.col.box2 .col-inner::after,.col.box3 .col-inner::after{opacity:.45;}.col.box1 .box-testo,.col.box2 .box-testo,.col.box3 .box-testo{opacity:1;transform:translateY(0);max-height:none;}

.wpml-ls-item.has-child {display: none !important; }
.header-block-block-1 {width: 100% !important; margin: 0px 0px 40px 0px !important}
.button i, button i {top: -10px;}

.busti  {height: 500px !important; width: auto}
.busti img {height: 500px !important; width: auto}
.overlay-busti {z-index: 999}

.button {width: 100%;margin: 0px auto !important;display: block;  text-align: center;}

.logo {margin-top: 0px;}

.blog-post-inner  .button {width: auto !important;margin-top: 30px  !important;display: inline-block;  text-align: center;}

}


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


.footer-block .text-right{text-align: left !important}
#menu-policy li {display:block;margin-left: 0px; margin-right: 20px} 


.borse-di-studio .row {margin-left: 0px !important;}
.borse-di-studio .slider {height: 700px}


}

@media screen and (max-width: 549px) {
.slider-wrapper .flickity-prev-next-button {display: block;top: 100%;}
.no-border .is-border {border: none !important}
.hero .overlay-busti .col-inner {background-color: rgba(0, 0, 0, 0.6) !important;}

.wpml-ls-item-en > a::after {content:none;}
#menu-privacy li, .menu-footer li { margin-left: -5px; margin-right: 20px;}

}