/*
Theme Name: Indaweb Child
Template: Divi
Theme URI: https://indaweb.it
Author: Indaweb
Author URI: https://indaweb.it
Description: Flexible Multi-Purpose Responsive WordPress Theme
Version: 1.0
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready

/* Below you can write your style */
.page-template-page-noheader-fw header{
	display: none !important;
}
.page-template-page-noheader-fw .et_pb_section_0{
	padding-top: 0 !important;
}
@media screen and (max-width: 980px) {
    .reverse {
        display: flex!important;
        flex-direction: column-reverse!important;
    }
} 
@media screen and (min-width:981px){
	.has-categoria-logo.categoria-pagina_5 img{
		max-width:180px!important;
	}
}
.otgs-development-site-front-end{
	display:none!important;
}
.wpcf7-submit{
	border-radius:50px!important;
	color: #ffffff !important;
    border: 1px solid #fff !important;
    border: #ffffff;
    background-image: linear-gradient(45deg, #26d07c 0%, #34657f 50%, #06415b 100%);
}
/*Home*/
.carosello-servizi img{
	height: 650px;
    object-fit: cover;
    object-position: center;
}
body .carosello-servizi .dipl_image_card_content_wrapper{
	position:absolute!important;
	z-index: 10;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    background-color: rgba(177, 177, 177, 0.3);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 10px;
	width:40%!important;
	padding:2.5%!important;
}
.carosello-servizi .et_pb_button{
	color: #ffffff !important;
    border-width: 1px !important;
    border-color: #ffffff;
    border-radius: 50px;
	transition: all 800ms ease 0ms;
	margin-top:100px!important;
}
.carosello-servizi .et_pb_button:after{
	font-family: ETmodules !important;
    font-weight: 400 !important;
	content:'\26'!important;
}
.carosello-servizi .et_pb_button:hover{
	color: #26D07C !important;
    border-color: #8ADFB1 !important;
    border-width: 1px !important;
    background-image: initial;
    background-color: transparent;
	transform: scaleX(1.05) scaleY(1.05) !important;
	box-shadow: 0px 0px 15px 0px #8ADFB1;
	border-radius: 50px!important;
}
.carosello-servizi .dipl_image_card_content_wrapper h4{
	color:#fff!important;
	font-size:3em!important;
}
.carosello-servizi .dipl_image_card_content_wrapper p{
	color:#fff!important;
	font-size:20px!important;
}
@media screen and (max-width:980px){
	body .carosello-servizi .dipl_image_card_content_wrapper{
    top: 65%;
	width:80%!important;
	padding:5%!important;
	}
	.carosello-servizi .dipl_image_card_content_wrapper h4{
	font-size:1.5em!important;
	}
	.carosello-servizi .et_pb_button{
		width:100%!important;
		text-align:center!important;
		margin-top:50px!important;
	}
}

/* Animazione della striscia */
@keyframes slide-overlay {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}


/*Contatti*/
body p, .wpcf7-form input{
	letter-spacing:1px!important;
}
.colonna-form{
	border-radius:20px!important;
}
@media screen and (min-width:981px){
.colonna-form .one-half{
		display:flex;
		flex-direction:row;
		width:100%;
		max-width:100%;
		column-gap:20px;
	}
	.colonna-form .one-half div{
		width:100%;
		max-width:100%;
	}
}
/*Servizi*/
.ditty-item__content{
	color:#ffffff59!important;
	font-family: 'Konnect - Bold', Helvetica, Arial, Lucida, sans-serif!important;
	font-size:8em!important;
	text-transform:uppercase!important;
}
@media screen and (max-width:980px){
	.ditty-item__content{
	font-size:3em!important;
	}
}
.ditty-ticker:after{
	content:'';
	background-image: linear-gradient(90deg, #282a2e, transparent);
    width: 10vw;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}
.ditty-ticker:before{
	content:'';
    background-image: linear-gradient(270deg, #282a2e, transparent);
    width: 10vw;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
	z-index:1!important;
}
#titolo-animato-progetti .ditty-item__elements{
	max-width:100%!important;
	width:100%!important;
}
/*Mobilità Sostenibile*/
.box-s-parking{
	background-color: #2424244d!important;
    backdrop-filter: blur(20px)!important;
}
.box-s-parking a{
	color: #ffffff !important;
    border: #fff 1px solid;
    border-radius: 50px;
    transition: all 800ms ease 0ms;
	font-size: 20px;
    font-weight: 500;
    padding: .5em 1em;
    line-height: 1.7em !important;
    background-color: transparent;
	margin-top:100px!important;
}
/*Pubblica amministrazione*/
.amministrazione-dati .percent-value{
	font-size:48px!important;
}
@media screen and (max-width:980px){
	.amministrazione-dati .percent-value{
	font-size:45px!important;
}
}
/* STILE BASE */
.highlight {
  position: relative;
  display: inline-block;
  z-index: 1;
  padding: 0 2px;
}

/* Evidenziatore base */
.highlight::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0.1em;
  width: 100%;
  height: 0.6em;
  background: #26D07C; /* colore evidenziatore */
  z-index: -1;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease-out;
  border-radius: 3px;
}

/* Attiva animazione evidenziatore */
.highlight.scrolled::before {
  transform: scaleX(1);
}
/*Lavora con noi*/
.modulo-cv .wpcf7-radio{
	display: grid!important;
    grid-template-columns: 1fr 1fr 1fr!important;
}
.modulo-cv .wpcf7-checkbox{
	display: grid!important;
    grid-template-columns: 1fr 1fr 1fr!important;
}
.selezioni-opzioni{
	margin-top:50px!important;
}
@media screen and (max-width:980px){
	.modulo-cv .wpcf7-radio, .modulo-cv .wpcf7-checkbox{
	display: flex!important;
    flex-direction:column!important;
	}
	.modulo-cv .wpcf7-list-item{
		margin-left:0px!important;
		padding-left:0px!important;
	}
}
/*Servizi Smart City*/
body .carosello-servizi.smart .dipl_image_card_content_wrapper{
	position:absolute!important;
	z-index: 10;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    background-color: #2424244d;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 10px;
	width:70%!important;
	padding:5%!important;
}

.carosello-servizi.smart .dipl_image_card_content_wrapper h4{
	color:#fff!important;
	font-size:40px!important;
}
.carosello-servizi.smart .dipl_image_card_content_wrapper p{
	color:#fff!important;
	font-size:16px!important;
}
@media screen and (max-width:980px){
	.carosello-servizi.smart .dipl_image_card_content_wrapper h4{
	font-size:28px!important;
	}
	body .carosello-servizi.smart .dipl_image_card_content_wrapper{
		width:80%!important;
	}
}
/*Lumagest*/
.scroll-image .dipl_horizontal_scrolling_card_content_wrapper{
	display:none!important;
}
/*Termotecnica*/
body .termotecnica .wpcf7-submit{
	background-image: linear-gradient(45deg, #c22121 0%, #5a5555 50%, #252525 100%)!important;
}
@media screen and (min-width: 981px){
	.termotecnica-timeline .dipl_swiper_navigation{
		display:none!important;
	}
	.termotecnica-numeri .percent-value{
		font-size:50px!important;
	}
}
/*Smart Parking Systems*/
.timeline-smartparking img{
	height: 250px!important;
    object-fit: cover!important;
	border-radius:15px!important;
}
/*Fornitori*/
.modulo-fornitori .wpcf7 form.sent .wpcf7-response-output, .modulo-cgl .wpcf7 form.sent .wpcf7-response-output{
	display:none!important;
}
/*Offerte di lavoro*/
@media screen and (min-width: 768px){
	.single-job{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.single-job h4{
		padding-bottom: 0;
	}
	.job-title{
		width: 50%;
	}
}
@media screen and (max-width: 767px){
	.single-job .button-container{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-top: 20px;
	}
	.job-meta{
		position: absolute;
    	bottom: 10%;
	}
	.single-job{
		margin-bottom: 30px;
		background: #f5f5f5;
		padding: 3%;
		position: relative;
}
	.single-job h4{
		font-size: 16px;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px){
	.single-job{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.single-job h4{
		padding-bottom: 0;
	}
	.job-title{
		width: 50%;
	}
}
.single-job{
	background: #f5f5f5;
    padding: 1em 1em;
    border-radius: 5px;
	margin-bottom:15px;
}
.single-job h4{
	font-size:18px;
	text-transform:uppercase;
}
.single-job .job_button{
	color: #ffffff !important;
    border-width: 1px !important;
    border-color: #ffffff;
    border-radius: 50px;
    font-size: 18px;
    background-image: linear-gradient(45deg, #26d07c 0%, #34657f 50%, #06415b 100%);
	padding:.3em 1em;
}
.single-job .job_button:hover:after{
	display:none;
}
.single-job .job_button:hover{
	border-radius: 50px;
	padding:.3em 1em;
	border-width: 1px !important;
    border-color: #ffffff;
}
.negative {
  background: linear-gradient(to right, #43b175 100%, transparent 0%);
  background-size: 0% 100%;
  background-repeat: no-repeat;
  transition: background-size 1s ease-out;
}

.negative.active {
  background-size: 100% 100%;
	color:#fff;
}
.negative.active .et-pb-icon{
	color:#fff;
}

/* FILTRI BLOG */
.indaweb-filter-bar {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 8px 0;
  margin-bottom: 16px;
  scrollbar-width: thin;
}
.indaweb-filter-pill {
  white-space: nowrap;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 999px;
  background: #ffffff42;
  cursor: pointer;
  font-size: 14px;
  transition: all .2s ease;
	color:#fff;
}
.indaweb-filter-pill[aria-pressed="true"] {
  background: #26d07c;
  color: #fff;
  border-color: #26d07c;
}
.indaweb-filter-select-wrap {
  margin: 0 0 12px 0;
  display: none;
}
@media (max-width: 480px){
  .indaweb-filter-select-wrap { display:block; }
  .indaweb-filter-bar { display:none; }
}
@media screen and (max-width:980px){
	#indaweb-filter-select{
		background: #26d07c;
    	color: #fff;
    	border-color: #26d07c;
		text-align:center;
		font-weight:600;
		padding:.5em;
		border-radius:30px;
	}
}
/* GRID RESPONSIVE */
.indaweb-article-grid {
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:30px;
}
@media (max-width: 980px){
  .indaweb-article-grid { grid-template-columns: repeat(2, 1fr); gap:20px; }
}
@media (max-width: 600px){
  .indaweb-article-grid { grid-template-columns: 1fr; gap:16px; }
}
.grid-item h3 { margin:8px 0 6px 0; font-size:18px; }
.grid-item p { margin:0; font-size:14px; line-height:1.5; }

/*GRIGLIA BLOG*/
.indaweb-article-grid img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}
.indaweb-featured-article{
	align-items:center;
	column-gap:55px!important;
}
.indaweb-featured-article img{
	border-radius: 6px;
}
.indaweb-featured-article h2{
	font-size:50px;
	line-height:1.2em;
	color:#fff;
}
.indaweb-featured-article p{
	font-size:16px;
	color:#fff;
}
.indaweb-featured-article .et_pb_button:after, #indaweb-load-more.et_pb_button:after{
	display:none;
}
.indaweb-featured-article .et_pb_button, #indaweb-load-more.et_pb_button{
	border-radius: 50px !important;
    color: #ffffff !important;
    border: #ffffff;
    background-image: linear-gradient(45deg, #26d07c 0%, #34657f 50%, #06415b 100%);
	letter-spacing:1px;
	padding:.3em 1em!important;
}
.indaweb-featured-article .et_pb_button:hover, #indaweb-load-more.et_pb_button:hover{
	border-radius: 50px !important;
    color: #ffffff !important;
    border: #ffffff;
    background-image: linear-gradient(45deg, #26d07c 0%, #34657f 50%, #06415b 100%);
	letter-spacing:1px;
	padding:.3em 1em!important;
	cursor:pointer!important;
}
.indaweb-featured-article .et_pb_button:hover:after, #indaweb-load-more.et_pb_button:hover:after{
	display:none!important;
}
.indaweb-featured-article .data-articolo{
	margin-bottom:40px;
	color:#26d07c!important;
}
.grid-item h3 {
    margin-top: 10px;
}
.grid-item p {
    font-size: 0.95em;
    color: #555;
}
.indaweb-article-grid h3{
	font-size:18px!important;
	color:#fff;
	text-transform:uppercase;
}
.indaweb-article-grid p {
	color:#fff;
}
.indaweb-article-grid img{
	height:300px;
	object-fit:cover;
}

@media screen and (max-width:980px){
	.indaweb-featured-article, .indaweb-article-grid{
		display:block!important;
	}
	.indaweb-featured-article h2{
	font-size:22px;
	line-height:1.1em;
	}
	.indaweb-article-grid img{
		margin-top:50px!important;
	}
}
/* Pag Contenuti Multimedia*/
.iw-cm-wrap { width: 100%; }

.iw-cm-item {
  padding: 50px 0;
  border-bottom: 1px solid #fff;
}

.iw-cm-grid{
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.iw-cm-left{ flex: 0 0 50%; }
.iw-cm-right{ 
	flex: 1; }

.iw-cm-title{
  margin: 0 0 10px 0;
	color:#fff;
	font-size:35px;
}

.iw-cm-desc{
  margin-bottom: 14px;
	color:#fff;
	font-size: 14px;
    line-height: 1.5em;
}

.iw-cm-video{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(0,0,0,0.04);
}

.iw-cm-video iframe,
.iw-cm-video embed,
.iw-cm-video object,
.iw-cm-video video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.iw-cm-video-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 12px;
  text-align:center;
}

.iw-cm-cta{
  margin-top: 30px;
  padding: 14px;
  border-radius: 10px;
  background: rgba(255 255 255 / 10%);
}

.iw-cm-cta-text{
  margin: 0 0 10px 0;
	color: #fff;
    font-size: 25px;
    font-family: 'Konnect - Bold', Helvetica, Arial, Lucida, sans-serif;
}

.iw-cm-cta-btn{
  display: inline-block;
  padding: 10px 14px;
  text-decoration: none;
	border-radius: 50px !important;
    color: #ffffff !important;
    background-image: linear-gradient(45deg, #26d07c 0%, #34657f 50%, #06415b 100%);
	    padding: .5em 3em;
}

.iw-cm-pagination ul{
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.iw-cm-pagination a,
.iw-cm-pagination span{
  display: inline-block;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.12);
  text-decoration: none;
}

.iw-cm-pagination .current{
  font-weight: 700;
}

/* Responsive */
@media screen and (max-width: 980px){
  .iw-cm-grid{
    flex-direction: column;
  }
  .iw-cm-left{
    flex: 1 1 auto;
	  width:100%!important;
  }
	.iw-cm-title{
		font-size:25px;
	}
}