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

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
    /*--kwprimary: #36c9d9;*/
	--kwprimary: #4ABDD0;
    --kwsecondary: #07463c;
	--kwtext: #333;
}
body{
	font-size: 18px !important;
}
p, form, button{
	margin-bottom: 0;
}
h1, h2, h3{
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
#masthead .header-nav-main a {
    font-size: 0.9em;
	/*color: #333;*/
}
#masthead .nav>li {
    margin: 0 12px !important;
}
#masthead .header-inner{
	padding-right: 0;
/*	padding-left: 0;*/
}
.nav-dark .nav>li>a{
	color:white;
}
.has-dropdown .icon-angle-down{
	opacity: 1
}
.nav-dropdown-has-border .nav-dropdown {
    border-top: 2px solid var(--kwprimary);
}
.banner h1 {
    font-size: 4em;
}
.title-h2{
	font-size: 1.6em;
	font-weight: 700;
	font-style: normal;
	margin-bottom: 0;
}
.title-h2 + p{
	margin-bottom: 0;
	margin-top: 20px;
}
p + p{
	margin-top: 20px;
}
h1 + p, h2 + p, p + .button, p + .button + .button{
	margin-top: 20px !important;
	margin-bottom: 0px !important;
}
p + p{
	margin-top: 20px;
}
h1, h2, .banner h1{
	margin-bottom: 0;
	margin-top: 0;
}
.section{
	padding-bottom: 100px !important;
	padding-top: 100px !important;
}
.section-numeri,
.section-footer{
	padding-bottom: 80px !important;
	padding-top: 80px !important;	
}
.sub-menu .section{
	padding-bottom: 30px !important;
	padding-top: 30px !important;
}
.servizi-slider .section{
	padding: 50px 10px 0 !important;
}
.flickity-prev-next-button .arrow,
.flickity-prev-next-button svg {
    fill: var(--kwprimary);
}
.flickity-prev-next-button {
    color: var(--kwprimary);
}
.btn-black{
	color: var(--kwtext) !important;
	border-color:  var(--kwtext) !important;
	margin-top: 25px;
}
.btn-black:hover{
	background-color: var(--kwtext) !important;
	color: white !important;
}
.mt-0 .btn-black{
	margin-top: 0;
}
.button{
	margin-bottom: 0;
}
.flickity-page-dots .dot{
	border-color: var(--kwprimary);
}
.flickity-page-dots .dot.is-selected{
	background-color: var(--kwprimary);
}
.flickity-page-dots{
	position: initial !important;
}
.numeri{
	color: var(--kwprimary) !important;
    font-size: 2.5rem;
    font-weight: 600;
}
#footer{
	font-size:15px;
}
h3 + a{
	margin-top: 5px !important;
	font-size: 16px;
}
.social-icons .button.icon:not(.is-outline) {
    background-color: var(--kwprimary) !important;
    border-color: var(--kwprimary) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0 .25rem;
}
#form-contatto {
    margin-top: 32px;
}
.wpcf7-form #form-contatto .flex-row .flex-col,
.wpcf7-form .flex-row .flex-col {
    margin-bottom: 25px;
}
.nopaddingtop{
	padding-top: 0 !important;
}
.col-icon-box .col-inner{
	display: grid;
	gap: 10px;
}
.col-icon-box .icon-box{
	align-items: center;
}
.certification-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.05rem;
    font-size: 1rem;
}
.certification-row a {
    margin-left: auto;
    text-decoration: underline;
}
.padding_bottom0{
	padding-bottom: 0 !important;
}
.form_p_contatti #form-contatto{
	margin-top: 0 !important;
}
#post-762 .entry-image img{
	width: 600px !important;
}
#post-762 .entry-image{
	text-align: center;
}
.grid-progetti .button{
	margin-top: 0 !important;
}
.box-push .box-text{
	box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}
article:not(.category-news) .badge-square,
article:not(.category-news) .navigation-post{
	display: none;
}
.accordion .accordion-item .icon-angle-down:before {
    content: "+";
    color: var(--kwprimary);
    opacity: 1;
}
.wpcf7-form #form-contatto .flex-row .flex-col,
.wpcf7-form .flex-row .flex-col {
    margin-bottom: 10px;
}
.form-cv .wpcf7-submit{
	margin-bottom: 0;
}
#cmplz-manage-consent .cmplz-manage-consent {
     display: none; 
}
.grecaptcha-badge{
	display: none !important;
}
.row-progetti .ux-relay__control--bottom{
	padding-bottom: 0 !important;
}
.row-progetti .ux-relay__control--bottom .ux-relay__load-more-button{
	margin-top: 30px;
}
.custom-post-status {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  gap: 8px;
  font-size: 16px;
}

.status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
}
.pulse .pulse-dot {
  background-color: #3ecf4d;
  box-shadow: 0 0 0 0 rgba(62, 207, 77, 0.7);
  animation: pulse 1.5s infinite;
}
.green{
	color: #3ecf4d;
}
.red{
	color: red;
}
.section-title-normal span,
.section-title-normal{
	border-bottom: hidden;
}
#form-contatto label,
#form-contatto p,
#form-contatto .wpcf7-form-control-wrap{
	text-align: left !important;
}
#form-contatto .btn-black{
	margin-top: 0;
}
body.home h1{
	text-shadow: 1px 1px 2px #000000;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	body{
		font-size: 16px !important;
	}
	.banner h1 {
		font-size: 3.5em;
	}
	.servizi-slider .section {
		padding: 0 !important;
	}
	.section{
		padding-bottom: 60px !important;
		padding-top: 60px !important;
	}
	.nopaddingtop{
		padding-top: 0 !important;
	}	
	.margin-top30{
		margin-top: 30px !important;
	}
	.post {
		margin-bottom: 0;
	}
	.nopadding-bottom .col,
	.entry-content,
	.nopaddingbottom,
	.padding_bottom0{
		padding-bottom: 0 !important;
	}
	.certification-row a img{
		display: none;
	}
	#post-762 .entry-image img{
		width: 100% !important;
	}
	.grid-progetti .col.post-item:last-child,
	.row-progetti > .col,
	.blognews .col.post-item:last-child{
		padding-bottom: 0 !important; /* o margin-bottom: 0, se è un margine il problema */
	}	

}
@media screen and (min-width: 850px) {
    .col {
      padding-bottom: 0 !important;
    }
	.row + .row{
		margin-top: 80px;
	}
	.timeline-chisiamo .row{
		margin-top: 0 !important;
	}
    .wpcf7-form .flex-row:not(.single) .flex-col:nth-child(1) {
        margin-right: 10px;
    }
	.blognews .post-item{
		display: flex;
	}	
	.grid-progetti .col.post-item:nth-child(n+4),
	.blognews .col.post-item:nth-child(n+4){
	  margin-top: 30px; /* o quanto ti serve */
	}
	.grid-progetti .col-inner{
		height: 100%;
	}
}


@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(62, 207, 77, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(62, 207, 77, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(62, 207, 77, 0);
  }
}