/*
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 */
@media screen and (max-width: 980px) {
    .reverse {
        display: flex!important;
        flex-direction: column-reverse!important;
    }
} 
@media screen and (min-width:981px){
	.one-half{
		display:flex;
		flex-direction:row;
		width:100%;
		max-width:100%;
		column-gap:20px;
	}
	 .one-half div{
		width:100%;
		max-width:100%;
	}
}
/*Bottoni*/
.et_pb_button{
	padding:.7em 3em!important;
}
/*Menu*/
@media screen and (min-width:981px){
	.sub-menu li{
		margin-bottom:10px!important;
		font-size:14px;
		line-height:1.3em!important;
		padding:0 10px!important;
		width:100%!important;
	}
	.sub-menu{
		border-radius: 0 0 1rem 1rem!important;
	}
	.et-fixed-header #top-menu .sub-menu li a:hover,
	#top-menu .sub-menu li a:hover{
		background-color:#018DA8!important;
		color:#fff!important;
		opacity:1!important;
		border-radius:3px!important;
	}
}

/*Form*/
@media screen and (min-width:981px){
.half-row{
	display: flex;
    flex-direction: row;
    max-width: 100%;
    width: 100%;
    column-gap: 20px;
}
.half-row div{
	max-width: 100%;
    width: 100%;
	}
}
@media screen and (max-width:980px){
.half-row{
	display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    row-gap: 20px;
	}
}
.wpcf7-response-output{
	color:#fff;
}
/*Menu*/
.mobile_menu_bar:before{
	color:#018DA8;
}
#mobile_menu{
	border-color:#018DA8;
}
/*Servizi*/
/* Wrapper generale */
.iw-portfolio-righe {
  display: grid;
  gap: 28px; /* spazio tra le righe */
}

/* Ogni riga: 3 colonne */
.iw-portfolio-riga {
  display: grid;
  grid-template-columns: 1.2fr 1fr 0.6fr; /* img / testi / cta */
  align-items: stretch;
  gap: 60px;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 14px;
  padding: 16px;
}
@media screen and (max-width:980px){
	.iw-portfolio-riga {
      gap: 30px;
	}
	.iw-portfolio-titolo {
		font-size: 22px!important;		
		}
}
/* Colonne */
.iw-portfolio-col { display: flex; flex-direction: column; justify-content: center; }

/* Immagine */
.iw-col-img a { display: block; height: 100%; }
.iw-portfolio-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* Testi */
.iw-portfolio-titolo {
  font-size: clamp(18px, 2.2vw, 24px);
  line-height: 1.25;
  margin: 0 0 8px 0;
}
.iw-portfolio-titolo a { text-decoration: none; }
.iw-portfolio-excerpt { margin: 0; color: #444; }

/* CTA */
.iw-col-cta { align-items: center; justify-content: center; }
.iw-portfolio-btn {
  font-size: 16px;
    background-color: #163a62;
    border-color: #163a62;
    border-radius: 54px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
	color:#fff;
	transition: all 300ms ease 0ms;
	font-family: 'Roobert - Semibold', Helvetica, Arial, Lucida, sans-serif;
	padding: .7em 3em !important;
}
.iw-portfolio-btn:hover {
	color: #163a62 !important;
    background-color: #f6d42e;
    border-color: #f6d42e !important;
    border-radius: 50px;
}

/* Responsive: sotto i 980px → layout a 2 righe (img sopra, testi + CTA sotto) */
@media (max-width: 980px) {
  .iw-portfolio-riga {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .iw-col-cta { align-items: flex-start; margin-top: 12px; }
}

/* Micro-tuning per Divi (opzionale): rimuovi spazi verticali e allinea bene */
.iw-portfolio-righe .et_pb_module, 
.iw-portfolio-righe .et_pb_row { margin: 0 !important; padding: 0 !important;
}

/*PORTFOLIO*/
.portfolio-casi-studio a.active{
	color: #f6d42e!important;
    background-color: #163a62!important;
    font-weight: 700!important;
}
.portfolio-casi-studio .et_pb_portfolio_filters li:first-child a{
    border-radius: 15px 0 0 15px!important;
}
.portfolio-casi-studio .et_pb_portfolio_filters li:last-child a  {
	 border-radius: 0px 15px 15px 0px!important;
}
.portfolio-casi-studio li a {
	border: 1px solid #163a62!important;
}
.portfolio-casi-studio .et_pb_portfolio_filters li a {
	color: #163a62;
	font-weight: 700!important;
}
@media screen and (max-width:980px){
	.portfolio-casi-studio .clearfix{
		display:none!important;
	}
}

/* MOBILE ONLY - Menu a tendina chiuso di default */
@media (max-width: 980px) {

  /* Chiudi tutti i sub-menu di default */
  #main-header .et_mobile_menu li ul,
  #main-header .et_mobile_menu li.menu-item-has-children > ul.sub-menu {
    display: none !important;
  }

  /* Mostra solo quando il LI ha la classe .submenu-open (aggiunta via JS) */
  #main-header .et_mobile_menu li.submenu-open > ul.sub-menu {
    display: block !important;
  }

  /* Imposta il contenitore principale */
  #main-header .et_mobile_menu li.menu-item-has-children {
    position: relative;
  }

  /* Aggiungi spazio per l'icona + / - */
  #main-header .et_mobile_menu li.menu-item-has-children > a {
    position: relative;
    padding-right: 50px;
  }

  /* Bottone toggle accanto alla voce (centrato verticalmente al link) */
  #main-header .et_mobile_menu .submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%; /* stessa altezza del link */
    width: 44px;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: start;
    justify-content: center;
 	padding-top:16px;
  }

  /* Icona base */
  #main-header .et_mobile_menu .submenu-toggle .plus {
    position: relative;
    width: 14px;
    height: 14px;
  }

  /* Linee + e - */
  #main-header .et_mobile_menu .submenu-toggle .plus::before,
  #main-header .et_mobile_menu .submenu-toggle .plus::after {
    content: "";
    position: absolute;
    background: currentColor;
    width: 14px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.2s ease;
  }

  /* Linea verticale per formare il "+" */
  #main-header .et_mobile_menu .submenu-toggle .plus::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  /* Quando aperto, nascondi la linea verticale (diventa "-") */
  #main-header .et_mobile_menu li.submenu-open > .submenu-toggle .plus::after {
    display: none;
  }

  /* Styling opzionale per il sottomenu (indentazione, bordi, ecc.) */
  #main-header .et_mobile_menu li ul.sub-menu {
    margin-left: 10px;
    border-left: 1px solid rgba(255,255,255,0.1);
    padding-left: 10px;
  }
}
/*NEWS*/
.griglia-news a.more-link{
	color: #fff !important;
    border-width: 1px !important;
    border-color: #a7d060!important;
    background-color: #a7d060!important;
	font-size: 18px;
    border-radius: 54px;
	padding: .7em 3em !important;
	text-transform: uppercase;
	font-weight:600;
}
.griglia-news .post-content-inner{
	margin-bottom:25px!important;
}
.griglia-news a.more-link:hover{
	color: #fff !important;
    border-width: 1px !important;
    border-color: #008ca7!important;
    background-color: #008ca7!important;
	font-size: 18px;
    border-radius: 54px;
	padding: .7em 3em !important;
	text-transform: uppercase;
	font-weight:600;
}
/*SMART CITY*/
/* Sezione con overlay */
.overlay-bg {
  position: relative;         /* crea il contesto per il ::before */
  z-index: 0;                 /* base */
}

/* Overlay nero semi-trasparente */
.overlay-bg::before {
  content: "";
  position: absolute;
  inset: 0;                   /* top:0; right:0; bottom:0; left:0; */
  background: rgba(0, 0, 0, 0.8); /* #000 con opacità 0.5 */
  z-index: 1;                 /* rimane sotto alle righe */
  pointer-events: none;       /* non blocca i click */
}

/* Righe di Divi sopra l’overlay */
.overlay-bg .et_pb_row {
  position: relative;
  z-index: 1;
}
.account-link a{
  padding: 8px 15px !important;
  border-radius: 50px !important;
  border: 2px solid #001530 !important;
  display: flex !important;
  align-items: center;
}
.account-link a span:before {
    content: ' ';
    display: inline-block;
    margin-right: 6px;
    background-image: url(/wp-content/uploads/2025/11/profile.svg);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}
.et_header_style_left #et-top-navigation{
  padding-top: 23px !important;
}
/*Metodo*/
.metodo-timeline .dipl_item_content_inner{
	border-radius:1rem!important;
	box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3)!important;
}
/*Piattaforma*/
.dipl-hover-list-cursor{
	z-index:40!important;
}
/*LP - Aziende Macchinari*/
.overlay-bg {
    position: relative;
    overflow: hidden;
}
.overlay-bg::before {
    content: "";
    position: absolute;
    inset: 0; 
    background-color: #000000a6;
    z-index: 2;
    pointer-events: none;
}
.overlay-bg .et_pb_row {
    z-index: 3;
}