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

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


body {line-height: 1.5em;}

h1, h2, h3, h4, h5 {  color: #42444D;}

h1 {font-size: 58px; line-height: 1.1em}
h2 {font-size: 50px; line-height: 1.1em}
h3 {font-size: 30px; line-height: 1.15em;}

h4 {color: #42444D !important;font-size: 25px; line-height: 1.15em;}
h5 {color: #42444D !important;font-size: 20px; line-height: 1.15em;}

.video-hero .icon-angle-down {color: #fff !important}
.scroll-for-more:not(:hover) {opacity: 1;}

.hero h1 {font-size: 23px; line-height: 1.25em; color: #fff; }

p.lead {font-size: 23px; line-height: 1.25em; margin-bottom: 20px}
p.lead2 {font-size: 32px; line-height: 1.25em; margin-bottom: 20px}

/* Rimuove i margini e uniforma lo stile */
.hero h1,.hero .lead{display:inline;margin:0;}


/* Uniforma h1 alla classe .lead */
.hero .lead + h1 { font-size: 23px; }

/* Rimuove eventuali spazi automatici dei paragrafi */
.hero p.lead { display: inline; }

.chi-siamo .valori .section-bg {background-color: #5BAB21;}

.sopra {z-index: 20}

.testo-hero {font-size: 55px; line-height: 1.1em; color: #fff; font-weight: 700}

.rounded .col-inner,.rounded img, .rounded .video {border-radius: 12px}


.why .icon-box.icon-box-left, .why .icon-box-text {display:flex; align-items:center;}

.flickity-page-dots {bottom: 0px;}
.slider-nav-light .flickity-page-dots .is-selected {border-color: #5BAB21 !important;}
.slider-nav-light .flickity-page-dots .dot {border-color: #fff;width: 60px; opacity: 1}

.breadcrumb{color: #fff; font-size: 0.8em}

.nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover {background-color: #5BAB21;color: #fff !important;}
  
.next-prev-nav {font-size: 0.9em; line-height: 1.5em}
  
.nav-previous a{display:flex;align-items:flex-start;gap:8px;text-decoration:none;}
.nav-previous i{flex-shrink:0;margin-top:3px;}

.nav-next a{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;text-align:right;text-decoration:none;}
.nav-next i{flex-shrink:0;margin-top:3px;}


/*Table*/

.faro-table-wrapper { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:20px; }
.faro-table { width:100%; background-color:#fff; border-collapse:separate; border-spacing:0; font-size:18px; border-radius:20px; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,0.05); min-width:600px; }
.faro-table th, .faro-table td { padding:14px 22px; border-bottom:1px solid #eee; vertical-align:middle; }
.faro-table th { background-color:#5BAB21; text-transform:uppercase; font-weight:700; color:#fff; text-align:left; }
.faro-table td:first-child { font-weight:600; width:40%; }
.faro-table td:last-child { color:#333; }
.faro-table tr:last-child td { border-bottom:none; }


/*Menu*/

.header:not(.transparent) .header-nav-main.nav > li.active > a {color: #42444D !important}
.header:not(.transparent) .header-nav-main.nav > li > a { color: #42444D !important;}

.sfum {background: linear-gradient(45deg,#94c139, #4f981a);}

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

.has-dropdown .icon-angle-down {opacity: 1 !important;margin-left: .3em;}

.nav-sidebar .img .img-inner{overflow: visible !important}
.nav-sidebar .img-inner img{margin-right: -40px;}

.off-canvas-center .nav-sidebar.nav-vertical > li .toggle {top: 10px;}
/*Team*/

.team-wrap { position: relative; overflow: hidden; isolation: isolate; }
.team-card { position: relative; perspective: 1000px; cursor: pointer; touch-action: manipulation; z-index: 2; }
.team-card .box-image { transition: transform 0.7s ease; transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.team-card .box-text { transition: transform 0.7s ease; transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; padding-bottom: 1.6em; padding-top: 1em;}

.team-card .box-text p { font-size: 0.9em; line-height: 1.4em; }
.team-card .box-text p span { font-size: 1.2em; line-height: 1.4em; }
.team-card .box-image img { display: block; width: 100%; height: auto; border-radius: 10px; }

.team-back { position: absolute; inset: 0; background: #f0f0f0; border-radius: 10px; padding: 18px 18px; text-align: left; transform: rotateY(180deg); transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; transition: transform 0.7s ease, opacity 0.3s ease; overflow-y: auto; z-index: 1; pointer-events: none; }
.team-back p { font-size: 0.75em; line-height: 1.3em; margin-bottom: 10px; -webkit-column-count: unset; column-count: unset; }

/* Desktop hover */
.team-wrap:hover .team-card .box-image { transform: rotateY(180deg); }
.team-wrap:hover .team-card .box-text { transform: rotateY(180deg); }
.team-wrap:hover .team-back { transform: rotateY(0); opacity: 1; z-index: 3; pointer-events: auto; }
.team-wrap:hover .team-card .box-image a { pointer-events: none; }
.team-wrap:hover .team-card .box-text a { pointer-events: none; }

/* Mobile tap (classe .is-flipped) */
.team-wrap.is-flipped .team-card .box-image { transform: rotateY(180deg); }
.team-wrap.is-flipped .team-card .box-text { transform: rotateY(180deg); }
.team-wrap.is-flipped .team-back { transform: rotateY(0); opacity: 1; z-index: 3; pointer-events: auto; }
.team-wrap.is-flipped .team-card .box-image a { pointer-events: none; }
.team-wrap.is-flipped .team-card .box-text a { pointer-events: none; }


/*Popup

.pum-close.popmake-close {width: 28px; height: 28px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; border: none; padding: 0;}
.pum-close.popmake-close:hover {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E"); background-color: transparent;}*/

/*Header*/

.shade-top {background: linear-gradient(180deg,#000 0,transparent 100%);opacity: 0.5;}
.header-main{border-bottom: none}
.header-top a, .header-top .nav > li > a{font-size: 18px !important; color: #42444D;margin: 0px 3px }
.nav-uppercase > li > a {font-weight: bolder;letter-spacing: 0em;text-transform: none;}
.header-nav > li > a {font-size: 18px;}
#logo img {}

.nav > li > a {color: #42444D;transition: all .2s;}
.nav > li > a:hover {color: #42444D;}
.home .nav-dark .nav > li > a {  color: #fff !important;}

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

#header .stuck .nav > li > a {color: #42444D;}


/*Lingue*/

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

.nav-dropdown.nav-dropdown-bold.dark > li.wpml-ls-menu-item > a:hover, .nav-dropdown.nav-dropdown-bold > li.wpml-ls-menu-item > a:hover { background-color: transparent;}

.nav-dropdown.nav-dropdown-bold > li.wpml-ls-menu-item > a {margin: 0 10px; padding-left: 5px; padding-right: 5px;}

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; letter-spacing: -5px;}
.number p {margin-bottom: 10px !important;}

.number5, .number6, .number7 {font-size: 80px;line-height: 80px;}

.step p, .step h2 {font-size: 100px; font-weight: 700; line-height: 1.1em}

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

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

.verde {background-color: #5BAB21;}

/*News*/

.category-eventi .tag-label, .category-events .tag-label {background-color:#5bab21 !important; opacity: 1 !important;}
.category-media .tag-label, .category-media .tag-label {background-color:#192226 !important; opacity: 1 !important;}
.category-rassegna-stampa .tag-label, .category-press-review .tag-label {background-color:#efae00 !important; opacity: 1 !important;}
.category-comunicati-stampa .tag-label, .category-press-releases .tag-label {background-color:#4C5FD7 !important; opacity: 1 !important;}


.category .entry-meta {display: none}
.post-item {background: #f6f6f6; border-radius: 12px; padding: 20px 30px}

.single .contatti {margin-bottom: -30px}
.single .page-wrapper {padding-top: 0px;} 
.single .entry-title {text-align: left;   display: flex;flex-direction: column; justify-content: flex-end; min-height: 380px; padding-bottom: 30px;}

.scacchiera {display: flex;flex-wrap: wrap; gap: 20px; }
.scacchiera .col.post-item {flex: 1 1 calc(33.333% - 20px); max-width: calc(33.333% - 20px);}

/* leva i margini negativi della row e centra */
.scacchiera.row{margin-left:0 !important; margin-right:0 !important; padding:0 15px; box-sizing:border-box;}
.single .entry-divider {display: none !important}

.post-item .box-image{display: none}
.blog-featured-title {background: linear-gradient(45deg,#94c139, #4f981a); height: 410px; margin-bottom: 0px}
.title-overlay {background: transparent !important}


.scacchiera .button:hover  { background-color: #fff !important;  color: #5BAB21 !important;border-color: #5BAB21}

/*Strisce*/

.icon-box-text {/*display: flex;*/ align-items: center; font-size: 24px }


/*Box Home*/
.col.box1 .col-inner,.col.box2 .col-inner,.col.box3 .col-inner,.col.box4 .col-inner, .col.box5 .col-inner{position:relative;overflow:hidden;background-size:cover;background-position:center;height:500px;display:flex;flex-direction:column;justify-content:flex-end;padding:3% 6%;border-radius: 15px;}
.col.box1 .col-inner{background-image:url('/wp-content/themes/flatsome-child/assets/img/box1.jpg');}
.col.box2 .col-inner{background-image:url('/wp-content/themes/flatsome-child/assets/img/box2.jpg');}
.col.box3 .col-inner{background-image:url('/wp-content/themes/flatsome-child/assets/img/box3.jpg');}
.col.box4 .col-inner{background-image:url('/wp-content/themes/flatsome-child/assets/img/box4.jpg');}
.col.box5 .col-inner{background-image:url('/wp-content/themes/flatsome-child/assets/img/box5.jpg');}



.col:is(.box1,.box2,.box3,.box4,.box5) .col-inner{position:relative;}
.col:is(.box1,.box2,.box3,.box4,.box5) .col-inner::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 70%);opacity:1;transition:opacity .6s ease;pointer-events:none;z-index:1;}
.col:is(.box1,.box2,.box3,.box4,.box5) .col-inner::after{content:"";position:absolute;inset:0;background:#5BAB21;opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:2;}
.col:is(.box1,.box2,.box3,.box4,.box5):hover .col-inner::before,.col:is(.box1,.box2,.box3,.box4,.box5):focus-within .col-inner::before{opacity:0;}
.col:is(.box1,.box2,.box3,.box4,.box5):hover .col-inner::after,.col:is(.box1,.box2,.box3,.box4,.box5):focus-within .col-inner::after{opacity:.9;}
.col:is(.box1,.box2,.box3,.box4,.box5) .col-inner>*{position:relative;z-index:3;}

.col:is(.box1,.box2,.box3,.box4,.box5) .col-inner>a{position:absolute;inset:0;z-index:10;}
.col:is(.box1,.box2,.box3,.box4,.box5){cursor:pointer;}





.col.box1 -img,.col.box1 -text h3,.col.box2 -img,.col.box2 -text h3,.col.box3 -img,.col.box3 -text h3,.col.box4 -img,.col.box4 -text h3, .col.box5 -img,.col.box5 -text h3{transform:translateY(0);transition:transform .6s ease,opacity .6s ease;will-change:transform;}


.col.box1 a.button,.col.box2 a.button,.col.box3 a.button,.col.box4 a.button, .col.box5 a.button{display:inline-flex;align-items:center;gap:8px;margin-top:0px;color:#fff;position:relative;z-index:10;}
.col.box1 -text h3,.col.box1 .box-testo p,.col.box2 -text h3,.col.box2 .box-testo p,.col.box3 -text h3,.col.box3 .box-testo p,.col.box4 -text h3,.col.box4 .box-testo, .col.box5 -text h3,.col.box5 .box-testo p{color:#fff;}

@media (prefers-reduced-motion:reduce){.col.box1 .col-inner::after,.col.box1 -img,.col.box1 -text h3,.col.box1 .box-testo,.col.box2 .col-inner::after,.col.box2 -img,.col.box2 -text h3,.col.box2 .box-testo,.col.box3 .col-inner::after,.col.box3 -img,.col.box3 -text h3,.col.box3 .box-testo,.col.box4 .col-inner::after,.col.box4 -img,.col.box4 -text h3,.col.box4 .box-testo, .col.box5 .col-inner::after,.col.box5 -img,.col.box5 -text h3,.col.box5 .box-testo{transition:none!important;}}


.box1 .button:hover, .box2 .button:hover, .box3 .button:hover, .box4 .button:hover, .box5 .button:hover { background-color: transparent !important}

.col.box1 a.button .icon-angle-right,.col.box2 a.button .icon-angle-right,.col.box3 a.button .icon-angle-right,.col.box4 a.button .icon-angle-right, .col.box5 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,
.col.box4:hover a.button,.col.box4:hover a.button span,.col.box4:hover a.button .icon-angle-right,
.col.box4:hover a.button,.col.box5:hover a.button span,.col.box5: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,
.col.box4:hover a.button .icon-angle-right,
.col.box5:hover a.button .icon-angle-right
{transform:translateX(10px);}

.button i, button i {top: 0px;}

.col.box1 .text,  .col.box2 .text,  .col.box3 .text , .col.box4 .text, .col.box5 .text {z-index: 10 !important}
.col.box1 h3,  .col.box2 h3,  .col.box3 h3, .col.box4 h3, .col.box5 h3 {font-size: 32px; line-height: 1.1em;text-shadow: 0 1px 3px rgba(0,0,0,0.4); margin-bottom: 10px}

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


/*Bottoni*/  

.button {letter-spacing: 0em; color: #fff; border-radius: 8px !important;}
.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);opacity: 1;background-color: #5BAB21 !important;color: #fff !important; }
  
.btn-white { background-color: #fff !important;color: #161518 !important;border-radius: 8px !important;}
.btn-white:hover { background-color: #5BAB21 !important;  color: #fff !important; }

.btn-green { background-color: #5BAB21 !important;color: #fff !important; border-radius: 8px !important;}
.btn-green:hover { background-color: #fff !important;  color: #5BAB21 !important;border-color: #5BAB21}

.btn-black { background-color: #192226 !important;color: #fff !important; border-radius: 8px !important;}
.btn-black:hover { background-color: #fff !important;  color: #192226 !important;}

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

.button.is-link {padding-left: 0em;  padding-right: 0em;}

.btn-simple { background-color: transparent !important;border-radius: 0px !important; font-weight: normal; padding:10px 0em 0px 0px; text-align: left;  margin: 0px;}

.btn-simple span{line-height: 1.2em !important;text-decoration: underline !important}
.btn-simple:hover span{text-decoration: none !important; }

.btn-simple:hover { background-color: transparent !important;  color: #fff !important;}
/*.white:hover { background-color: transparent !important;  color: #fff !important;}*/


.icon-inner img {width: 90px !important; height: 90px !important}

/*Footer*/

footer.entry-meta {border-bottom: 0px solid #ececec;}
.next-prev-nav .flex-col + .flex-col {border-left: 0px solid #ececec;}

.aifi img {width: 400px}

.nav-spacing-xlarge > li {margin: 0 16px;}

#menu-servizio li {display: inline-block; margin-left: 25px; margin-right: -15px;}
#menu-servizio-eng li {display: inline-block; margin-left: 25px; margin-right: -15px;}


#footer {font-size: 19px !important}
.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 {width: 160px !important}

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

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

.mfp-container, .mfp-wrap {background-color: rgba(66, 68, 77, 0.7);}
.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}


/*form*/

.wpcf7 .wpcf7-not-valid-tip {background-color: #C40003; color:#fff !important; }
.wpcf7 .wpcf7-not-valid-tip::after {border: 10px solid rgba(255,255,255,0);border-bottom-color: #f1f1f1;border-bottom-color: #C40003;}

.wpcf7-form .right {width: 50%; float: left; padding: 0px 4px 0px 10px}
.wpcf7-form  .left {width: 50%; float: left; padding: 0px 10px 0px 4px}
.wpcf7-form  .tot {padding: 0px 4px;  margin: 0 auto;}
.wpcf7-form  .tot2 {width: 100%; float: left; padding: 20px 4px}

.icon-linkedin {font-size: 1.3em !important}

.wpcf7-list-item {font-weight: 300; display: block !important;  margin-bottom: 0px;}
.wpcf7-list-item-label a {color: #5BAB21 !important; text-decoration: underline}
.wpcf7-form  .accetto {border: none !important;margin-left: 0px; font-size: 110%;color: #000; }
label, legend {font-size: .9em;font-weight: 300;margin-bottom: 0px}

.button, button, input[type="button"], input[type="reset"], input[type="submit"] {font-weight: normal !important; padding: 0px 30px}

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {border-radius: 10px;}


.wpcf7 .wpcf7-form-control-wrap {display: contents;}
/*.wpcf7-response-output {color: #fff}*/
.wpcf7-file {display: block; margin:3px 0px 10px 0px}

.wpcf7-spinner{display: none !important}

input[type="submit"]:hover {box-shadow: inset 0 0 0 0px rgba(0,0,0,0);}

/*.wpcf7 form.sent .wpcf7-response-output {color: #fff !important;}
.wpcf7-response-output {color: #fff !important;}*/

input[type="checkbox"], input[type="radio"] {margin-right: 0px;}

form[data-status="init"] .wpcf7-not-valid-tip {display: none;}

@media only screen and (min-width: 1400px) {
.col-dx > .col-inner {margin-left: auto; margin-right: calc((100vw - 1400px) / 2); max-width: 700px;}

}

@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: 26px; line-height: 1.2em}


/*Box Home*/
.col.box1 .col-inner{height:450px;padding:7% ;}
.col.box2 .col-inner{height:450px;padding:7% ;}
.col.box3 .col-inner{height:450px;padding:7% ;}
.col.box4 .col-inner{height:450px;padding:7% ;}

.col.box1 .col-inner::after,.col.box2 .col-inner::after,.col.box3 .col-inner::after,.col.box4 .col-inner::after{opacity:.45;}
.col.box1 .box-testo,.col.box2 .box-testo,.col.box3 .box-testo,.col.box4 .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 {width: 100%;}

.step p, .step h2 {font-size: 50px !important; font-weight: 700; line-height: 1.1em}

.wpcf7-form  .left, .wpcf7-form  .right {width: 100%; float: left; padding: 0px 4px}
.wpcf7-form  .tot {width: 100%; float: left; padding: 0px 4px}

.scacchiera .col.post-item { flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px);}

.off-canvas .lang-inline-wrap img.wpml-ls-flag{width:28px; height:auto; vertical-align:middle;}
.wpml-ls-item.has-child {display: none !important}

 .off-canvas .lang-inline-wrap > li {display: inline-flex !important; border: 0 !important; padding: 0 !important; margin: 0 !important; width: auto !important;flex: 0 0 auto !important; }


}


@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}
#logo img {max-height: 90px !important;}
.header-main {height: 90px !important;}

}

@media screen and (max-width: 549px) {
.slider-wrapper .flickity-prev-next-button {display: block;top: 100%;}
.no-border .is-border {border: none !important}

.scacchiera .col.post-item {flex: 1 1 100%;max-width: 100%; margin: 0 15px;}

.team-back p { font-size: 0.8em; line-height: 1.4em;  }

#footer li {margin-left: 0}

#menu-servizio li {display: block; margin-left: -15px;  margin-right: 0px;}

}







/* LINK o BOTTONE disabilitato (classe .uc) */
a.uc[aria-disabled="true"],
li.uc > a[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 1; /* nessun effetto visivo */
  position: relative;
  pointer-events: auto;
  text-decoration: none !important;
}

/* Tooltip comune (sotto) */
a.uc[aria-disabled="true"]::after,
li.uc > a[aria-disabled="true"]::after {
  content: attr(data-uc-msg);
  position: absolute;
  left: 50%;
  top: 130%; /* sotto l’elemento */
  transform: translateX(-50%) translateY(-8px);
  white-space: nowrap;
  padding: .4rem .6rem;
  font-size: .85rem;
  line-height: 1;
  background: rgba(0,0,0,.9);
  color: #fff;
  border-radius: .375rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
  z-index: 9999;
}

/* Freccetta del tooltip */
a.uc[aria-disabled="true"]::before,
li.uc > a[aria-disabled="true"]::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 118%;
  transform: translateX(-50%) translateY(-8px);
  border: 6px solid transparent;
  border-bottom-color: rgba(0,0,0,.9);
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
  z-index: 9999;
}

/* Mostra tooltip su hover/focus */
a.uc[aria-disabled="true"]:hover::after,
a.uc[aria-disabled="true"]:focus::after,
a.uc[aria-disabled="true"]:hover::before,
a.uc[aria-disabled="true"]:focus::before,
li.uc > a[aria-disabled="true"]:hover::after,
li.uc > a[aria-disabled="true"]:focus::after,
li.uc > a[aria-disabled="true"]:hover::before,
li.uc > a[aria-disabled="true"]:focus::before {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}