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

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

.absolute-footer{display:none!important}

/* COLORI E SPAZIATURE */
.verde{color:#26B4B0}
.sfondo-verde{background-color:#26B4B0}
.grigio-scuro{color:#25282A}
.sfondo-grigio-scuro{background-color:#25282A}
.sfondo-grigio-chiaro{background-color:rgba(37, 40, 42, 0.05)}
.bianco, .bianco p{color:#ffffff}
.sfondo-bianco{background-color:#ffffff}

.mbm-mul, .mbm-mul .section-bg-overlay{mix-blend-mode:multiply}
.mbot-zero, .mbot-zero > *{margin-bottom:0}
.pbot-zero, .pbot-zero > *{padding-bottom:0}
.lh-min, .lh-min > *{line-height:1}
.gallery-col .box-text{padding-bottom:0}
/* FINE COLORI E SPAZIATURE */

/* FONT */
.ff-acumin-pro-condensed, .ff-acumin-pro-condensed > p{font-family: "acumin-pro-condensed", sans-serif;}
p,ul, .button{font-family: "acumin-pro", sans-serif;font-weight: 300;font-style: normal;}
nav, .nav{font-family: "acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;}
h1,h2,h3,h4,h5{font-family: "acumin-pro-condensed", sans-serif;font-style: normal;}
.nav>li>a{font-family: "acumin-pro-condensed", sans-serif;font-size:18px;font-weight: 700;font-style: normal;}

p,ul{font-size:18px;line-height:1.3;}

.h1, .titolo-slide, .h1 p{font-size:110px;line-height:0.8}
.sottotitolo-slide, .sottotitolo-slide p{font-size:26px;font-weight:300;line-height:1.2}
.sottotitolo-bold, .sottotitolo-bold p{font-size:26px;font-weight:700;line-height:1.2}
/* .h2, .h2 > h2, .h2 p{font-size:90px;font-weight:bold;line-height:1} */
.h2, .h2 > h2, .h2 p{font-size:65px;line-height:1}
.h3, .h3 > h3, .h3-sottotitolo > p{font-size:55px;line-height:1}
.titolo-small h2{font-size:42px;line-height:1}
.h4{}

.fw-light, .fw-light > *{font-weight:300;}
.fw-regular, .fw-regular > *{font-weight:400;}
.fw-medium, .fw-medium > *{font-weight:500;}
b,strong, .fw-bold, .fw-bold > *{font-weight:700;}
.fw-black, .fw-black > *{font-weight:800;}
.fw-ublack, .fw-ublack > *{font-weight:900;}
/* FINE FONT */

/* MENU STICKY */
.icon-menu:before{color:#26B4B0}
.header-nav.nav-left{justify-content:flex-end;padding-right:50px}
header #masthead .header-button .button:hover{color:#fff;background-color:#26B4B0}
header .stuck #masthead{background-color:rgba(37,40,42,1);}
header .stuck #masthead .header-button .button{color:#fff}
header .stuck #masthead .header-button .button:hover{color:#fff;background-color:#26B4B0}
.header:not(.transparent) .stuck .header-nav-main.nav > li > a:hover, .header:not(.transparent) .stuck .header-nav-main.nav > li.active > a, .header:not(.transparent) .stuck .header-nav-main.nav > li.current > a, .header:not(.transparent) .stuck .header-nav-main.nav > li > a.active, .header:not(.transparent) .stuck .header-nav-main.nav > li > a.current{color:#fff}
/* FINE MENU STICKY */

/* ELEMENTI CUSTOM */
.video-embed {  position: relative;  padding-bottom: 56.25%;  height: 0;}
.video-embed iframe {  position: absolute;  width: 100%;  height: 100%;}
.sottotitolo-slide{max-width:50%}
.paragrafo-rientro-sx{padding-left:8%}
.bottone-rientro-sx{margin-left:8%}
.paragrafo-corto{max-width:600px}

.elenco-con-frecce-verdi > ul {  list-style: none;  padding: 0;  margin: 0;}
.elenco-con-frecce-verdi > ul li {  position: relative;  padding-left: 18px;  margin-bottom: 8px;margin-left:0;}
.elenco-con-frecce-verdi > ul li::before {  content: ">";  position: absolute;  left: 0;  top: 0;  color: #26B4B0;  font-weight: bold;}

.elenco-con-frecce-bianche > ul {  list-style: none;  padding: 0;  margin: 0;}
.elenco-con-frecce-bianche > ul li {  position: relative;  padding-left: 18px;  margin-bottom: 8px;margin-left:0;}
.elenco-con-frecce-bianche > ul li::before {  content: ">";  position: absolute;  left: 0;  top: 0;  color: #ffffff;  font-weight: bold;}

.icona-titolo img{height:51px;width:auto;}
:focus {  outline: 2px solid #00bcd4;  outline-offset: 2px;}

.immagine-soluzioni-absolute{position:absolute;right:0;top:-550px}
.immagine-6-margine-negativo{margin-top:-535px}
.bottone-assistenza > span{line-height: 1;    padding: 20px;    font-size: 65px;    font-weight: 700;}

.immagine-ruota-swit{max-width:120%;width: 120%!important;    position: absolute;    z-index: 999999;    top: 0;    right: -25%;}
.immagine-ruota-swit img{}
.sezione-cta-fondo-pagina{padding-top:90px!important}
.sezione-cta-fondo-pagina img{margin-bottom: -50px;}

.section-faq .faq-item .col{padding-bottom:0;}
.section-faq .domanda-faq {  cursor: pointer;}
.section-faq .risposta-faq {  display: none;  overflow: hidden;}
.section-faq .freccia-faq {  transition: transform .25s ease;  transform-origin: center;}
.section-faq .faq-item.faq-open .freccia-faq {  transform: rotate(90deg);}

/* FINE ELEMENTI CUSTOM */

/* BOTTONI LATERALI */
.floating-side-buttons{	position: fixed;	right: 0;	top: 50%;	transform: translateY(-50%);	z-index: 9999;	display: flex;	flex-direction: column;	align-items: flex-end;	gap: 12px;	pointer-events: none;}
.floating-side-buttons .side-btn{	pointer-events: auto;	display: flex;	align-items: center;	justify-content: center;	width: 42px;	height: 160px;	text-decoration: none;
	border-radius: 20px 0 0 20px;	box-shadow: 0 4px 20px rgba(0,0,0,0.18);	overflow: hidden;	transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;}
.floating-side-buttons .side-btn span{	display: block;	transform: rotate(-90deg);	transform-origin: center;	white-space: nowrap;	font-size: 13px;	font-weight: 700;	letter-spacing: 0;	line-height: 1;}
.floating-side-buttons .side-btn-light{	background: #ffffff;	border: 1px solid #25282A;}
.floating-side-buttons .side-btn-light span{	color: #25282A;}
.floating-side-buttons .side-btn-accent{	background: #26B4B0;	border: 1px solid #26B4B0;}
.floating-side-buttons .side-btn-accent span{	color: #ffffff;}
.floating-side-buttons .side-btn:hover{	transform: translateX(-4px);	box-shadow: 0 6px 18px rgba(0,0,0,0.22);}
/* FINE BOTTONI LATERALI */

/* BOTTONI */
.primary.is-outline.btn-scritta-bianca{color:#fff;}
.primary.is-outline.btn-scritta-bianca:hover{color:#26B4B0;background-color:#ffffff}
.primary.is-outline.btn-scritta-nera{color:#25282a;}
.primary.is-outline.btn-scritta-nera:hover{color:#ffffff;background-color:#000000;border-color:#000000}
.primary.is-outline.active{color:#ffffff;background-color:#26B4B0}
/* FINE BOTTONI */

.menu-footer-manuale .ux-menu-link__link{min-height:10px;padding-top:0;padding-bottom:0}
.menu-footer-manuale > .ux-menu-link {  position: relative;  padding-left: 18px;  margin-bottom: 8px;margin-left:0;}
.menu-footer-manuale > .ux-menu-link::before {  content: ">";  position: absolute;  left: 0;  top: 0;  color: #ffffff;  font-weight: bold;}

/* CASO STUDIO */
.cs-logo-cliente{max-width:300px}
.cs-immagine-soluzione-implementata{}
.cs-immagine-evoluzione-progetto{}
.cs-icona-settore,.cs-icona-esigenze{max-width:150px}
.cs-icona-soluzione{}
.cs-colonna-punto-processo{}
.cs-numero-punto-processo{}
.cs-descrizione-punto-processo{}
.cs-process-timeline-wrap {  margin-top: 70px;  overflow-x: auto;  overflow-y: hidden;  padding-bottom: 20px;}
.cs-process-timeline {  display: flex;  align-items: flex-start; }
.cs-process-step {  position: relative;  flex: 1 0 140px;  text-align: center;  padding: 0 14px;}
.cs-process-number {  position: relative;  z-index: 2;  display: inline-flex;  align-items: center;  justify-content: center;     /* background: rgba(37, 40, 42, 0.05);/  padding: 0 14px;*/}
.cs-process-line {  position: absolute;  top: 30px;  left: 66%;  right: -35%;  height: 2px;  background: #26B4B0;  z-index: 1;}
.cs-process-step:last-child .cs-process-line {  display: none;}
.cs-process-vertical {  width: 2px;  height: 55px;  background: #26B4B0;  margin: 18px auto 40px;}
.cs-process-text {  max-width: 150px;  margin: 0 auto;  line-height: 1.15;}
.cs-process-text p {  margin: 0;}
.cs-process-text strong {  font-weight: 700;}
@media (max-width: 849px) {
  .cs-process-timeline-wrap {    margin-top: 40px;  }
  .cs-process-timeline {    min-width: 760px;  }
  .cs-process-number {    font-size: 42px;  }
  .cs-process-step {    flex-basis: 120px;  }
}


/* ANIMAZIONI */
[data-animate] {
  will-change: opacity, transform;
}

[data-animate][data-animate-transition="true"] {
  transition-duration: 0.6s !important;
  transition-delay: 0s !important;
  transition-timing-function: ease-out !important;
}

[data-animate][data-animate-transform="true"] {
  animation-duration: 0.4s !important;
  animation-delay: 0s !important;
  animation-timing-function: ease-out !important;
}
[data-animate]:nth-child(1) { transition-delay: 0s !important; }
[data-animate]:nth-child(2) { transition-delay: 0.05s !important; }
[data-animate]:nth-child(3) { transition-delay: 0.1s !important; }
[data-animate]:nth-child(4) { transition-delay: 0.15s !important; }
@media (prefers-reduced-motion: reduce) {
  [data-animate] {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}

/* BLOG */
.blog-archive-grid{padding-top:60px;padding-bottom:60px}
.blog-card {  height: 100%;}
.blog-card__link {  /* display: block; */  height: 100%;  text-decoration: none;}
.blog-card__bg {  position: relative;  display: flex;  /* min-height: 520px;*/  height: 100%;  overflow: hidden;  border-radius: 20px;  background-color: #d9d9d9;  background-position: center;
  background-repeat: no-repeat;  background-size: cover;}
.blog-card__overlay {  position: absolute;  inset: 0;  background: rgba(38, 180, 176, 0.79);  z-index: 1;}
.blog-card__content {  position: relative;  z-index: 2;  display: flex;  flex-direction: column;  justify-content: flex-end;  width: 100%;  padding: 32px;  color: #fff;}
.blog-card__title {  margin: 0 0 16px;  color: #fff;  font-size: 2rem;  line-height: 1.05;}
.blog-card__excerpt {  margin-bottom: 24px;}
.blog-card__excerpt p {  margin: 0;  color: #fff;}
.blog-card__button {  margin-top: auto;}

/* Bottone Flatsome dentro la card */
.blog-card__button .button {  margin-bottom: 0;  border-color: #fff !important;  color: #fff !important;  background: transparent !important;}
.blog-card__button .button:hover,
.blog-card__button .button:focus {  background: #fff !important;  color: #26B4B0 !important;  border-color: #fff !important;}

/* Focus accessibile */
.blog-card__link:focus-visible {  outline: 3px solid #fff;  outline-offset: 4px;  border-radius: 20px;}

@media (max-width: 849px) {
  .blog-card__bg {    min-height: 10px;  }
  .blog-card__content {    padding: 24px;  }
  .blog-card__title {    font-size: 1.6rem;  }
}

/* SINGLE BLOG */
.single-blog-custom {  padding-top: 60px;}
.single-blog-custom__content-wrap {  padding-bottom: 60px;	padding-top:60px;}
.single-blog-custom__gallery {  display: flex;  flex-direction: column;  gap: 30px;}
.video-articolo {  margin-bottom: 30px;}
.single-blog-custom__gallery-item {  /*overflow: hidden;  border-radius: 20px;*/}
.single-blog-custom__image {  display: block;  width: 100%;  height: auto;}
.single-blog-custom__article {  height: 100%;	position: sticky;  top: 120px;}
.single-blog-custom__title {  margin: 0 0 30px;}
.single-blog-custom__body {  margin-bottom: 30px;}
.single-blog-custom__conclusion {  margin-bottom: 40px;}
.single-blog-custom__nav {  display: flex;  justify-content: space-between;  gap: 20px;  padding-top: 30px;  border-top: 1px solid rgba(0,0,0,.12);}
.single-blog-custom__nav a {  text-decoration: none;}
.single-blog-custom__bottom-block {  padding-bottom: 0;}
.row-collapse>.col.colonna-blog-contenuto{padding-left:90px!important;padding-top:90px!important}


@media (max-width: 849px) {
  .single-blog-custom {    padding-top: 30px;  }
  .single-blog-custom__content-wrap {    padding-bottom: 30px;  }
  .single-blog-custom__nav {    flex-direction: row;  }
}

/* SINGLE PRODUCT */
.prodotto-colonna-contenuto .product-breadcrumb-custom{margin-top:30px}
.prodotto-colonna-contenuto .titolo-prodotto-custom{margin-top:30px;margin-bottom:30px}
.prodotto-colonna-contenuto .product-short-description-custom{padding-right:8%}
.prodotto-colonna-immagine{}

/* LOOP PRODUCT */
.woocommerce-loop-product__title, .woocommerce-loop-product__title a{color:#26B4B0;font-weight:700}

/* PRODUCT CATEGORY */
.category-description-custom{max-width:70%;margin-bottom:60px}

@media all and (max-width: 768px){
	
.h1, .titolo-slide, .h1 p{font-size:60px;}
.sottotitolo-slide, .sottotitolo-slide p{font-size:20px;}
.sottotitolo-bold, .sottotitolo-bold p{font-size:20px;}
.h2, .h2 > h2, .h2 p{font-size:35px;}
.h3, .h3 > h3, .h3-sottotitolo > p{font-size:30px;}
.titolo-small h2{font-size:30px;}
.h4{}
p,ul{font-size:16px;}
	.bottone-assistenza > span{  font-size: 35px;    font-weight: 700;}
	.sottotitolo-slide{max-width:100%}
	.immagine-ruota-swit,.html.header-button-1 {display:none;}	
	.immagine-6-margine-negativo{margin-top:0}
	.immagine-soluzioni-absolute{display:none}
	.sezione-cta-fondo-pagina{padding-top:30px!important}
	.floating-side-buttons{transform: translateY(0);        top: unset;        bottom: 0;        left: 0;        width: 100%;        right: unset;flex-direction:row; align-items:center;justify-content:center;}
	.floating-side-buttons .side-btn{width: 50%;max-width:150px; height: 34px;border-radius:20px 20px 0 0;}
	.floating-side-buttons .side-btn span{transform:none;}
	.stuck .icon-menu:before{color:#fff}
	.single-blog-custom__content-wrap{padding-top:0;}
	.colonna-blog-immagini{order:2;}
	.row-collapse>.col.colonna-blog-contenuto{padding-left:18px!important;padding-right:18px!important;padding-top:30px!important;order:1}
}

/* HS */
--hsf-infoalert__font-size{font-size:1em}

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


}