/* 
Theme Name: Fiber Surf
Theme URI: https://fibersurf.it
Description: Fiber Surf porta la fibra a casa tua
Author: Automativo
Author URI: https://automativo.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
*/


/*****************
	STICKY HEADER
*****************/

/* Slide In From The Top Option */

.header-2 {
 transform: translatey(-120px);
 -moz-transition: all .3s ease!important;
 -webkit-transition: all .3s ease!important;
 transition: all .3s ease!important;
 width: 100%!important;
}


.elementor-sticky--effects.header-2  {
 height: auto!important;
 transform: translatey(0px);
}

.elementor-sticky--effects.header-1 {
 display: none!important;
}

/* End Of Slide In From The Top Option */

.faq-counter {
	font-family: "Sora", sans-serif;
	font-weight: 600;
	color: #E11149;
}

.location_message {
	font-size: 0.9em;
}


/**************
	Promo Hero
**************/

#promo-hero {
	background-color: #F6F6F6;
	border-radius: 50px;
}

#promo-hero h1 {
	font-family:"atyp-bl-variable";
  font-variation-settings: "wght" 495;
  font-size: 2.8rem;
}

#promo-hero h3 {
	font-family:"atyp-bl-variable";
  font-variation-settings: "wght" 550;
  font-size: 2.3rem;
}

#promo-hero span {
    color: #E11149;
}

#promo-hero span.azzurro {
    color: #01D5D5;
}

#promo-hero .btn-azzurro {
	font-family:"mundial";
	background-color: #01D5D5;
}

#promo-hero .check-icon {
	font-size: 1.7rem;
	color: #e30b5d; /* Colore rosso per la spunta */
	margin-right: 10px;
	margin-top: 5px; /* Sposta leggermente l'icona per un migliore allineamento verticale */
}

ul.custom-list {
	padding: 0px;
}

#promo-hero .custom-list li {
	font-family:"atyp-bl-variable";
	font-variation-settings: "wght" 395;
	list-style: none;
	margin-bottom: 15px;
	display: flex;
	align-items: flex-start; /* Allinea l'icona con il testo */
}

#dynamic-message,
#location_message {
	color: #FFFFFF;
  font-family: "atyp-bl-variable", Sans-serif;
  font-size: 48px;
  font-weight: 600;
}


/***************************
	MODULO VERIFICA COPERTURA
***************************/
	
.form-container {

}

.form-group input,
.form-group span.select2 {
  margin-bottom: 15px !important;
  border-color: #E11149 !important; 
  font-family:"mundial";
}

.form-group label {
	display: block;
	font-family:"mundial";
}

#contactForm .select2-selection--single {
	border-color: #E11149 !important; 
	height: 44px !important;
	padding: 8px 0;
	border-radius: 100px !important;
	color: #626466 !important;
}

#contactForm .select2-selection__arrow {
	display: none !important;
}

.form-group input,
.form-group select {
/*   width: 100%; */
  border-radius: 100px;
  box-sizing: border-box;
}

#contactForm .btn-fibersurf {
	border-color: #E11149 !important; 
	color: #E11149 !important; 
	border-radius: 100px;
	font-family:"mundial";
}

#contactForm .btn-fibersurf:hover {
	color: #FFF !important;
}


/***************************
		SINGLE COMUNE
***************************/

.elenco-comuni {
	font-family: 'Sora' !important;
	text-align: center;
}