/*
 Theme Name:     Stefano Sgarbossa
 Theme URI:      https://www.stefanosgarbossa.it/
 Description:    Generatepress Child Theme
 Author:		 Visibilia
 Template:       generatepress
 Version:        1.0.0
*/
 
@import url("../generatepress/style.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 
/* =Theme customization starts here
------------------------------------------------------- */

.h1-40 h1{
	font-size: 40px; 
}


/*SFONDO HERO HOME*/

.fascia {
  position: relative;
  overflow: hidden;
}

.fascia::before {
  content: '';
  position: absolute;
  top: 50%; 
  left: 0;
  width: 120%;
  height: 55%; 
  background-color: #FBB800;
  transform: translateY(-50%) rotate(-13deg);
  transform-origin: center;
  left: -10%;
}

/* ELENCO PUNTATO*/
.elenco-puntato ul {
    list-style: none;
    padding-left: 0;
}

.elenco-puntato ul li {
    position: relative;
    padding-left: 30px; 
    margin-bottom: 8px;
}
ul{
	margin: 0 0 0 0;
}

.elenco-puntato ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px; 
    height: 20px;
    background-image: url('https://intravendkft.com/wp-content/uploads/2025/06/elenco-puntato.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* MODULO CONTATTO */
.modulo-contatto, .col-sx-contatto { 
    display: block;
	float: left;
    width: 49%;
}
.modulo-contatto, .col-dx-contatto { 
    display: block;
	float: right;
    width: 49%;
}
.modulo-contatto, .col-full { 
    width: 100%;
}

.modulo-contatto .col-full textarea{
	height: 120px; 
}

.modulo-contatto, input[type=text], input[type=tel], input[type=email], textarea {
    width: 100%;
}


.modulo-contatto input[type=email],
.modulo-contatto input[type=text],
.modulo-contatto input[type=tel] {
    margin-bottom: 0.8rem!important; 
}

.modulo-contatto input[type=tel], 
.modulo-contatto textarea, 
.modulo-contatto input[type=text], 
.modulo-contatto input[type=email] {
    background-color: rgba(255, 255, 255, 0.5); 
	border: none; 
    border-radius: 3px; 
    padding: 20px;
    opacity: 1; /
    color: #4D4D4C; 
	font-size: 14px; 
}

.modulo-contatto input[type=email]:focus,
.modulo-contatto input[type=tel]:focus, 
.modulo-contatto input[type=text]:focus,
.modulo-contatto textarea:focus {
    background-color: rgba(255, 255, 255, 0.5)); 
    border-radius: 5px;
    outline: none;
	font-size: 14px; 
}

.modulo-contatto input::placeholder,
.modulo-contatto textarea::placeholder {
    color: #4D4D4C!important;
    opacity: 1!important; 
    font-weight: 500; 
	font-size: 14px; 
}

.modulo-contatto input[type=email],input[type=tel],input[type=text],textarea:focus-visible{
	outline: 0px!important; 
}
.wpcf7 form.invalid .wpcf7-response-output{
	border-color: transparent; 
	color: #D40A0A; 
}
.wpcf7 form.sent .wpcf7-response-output{
	border-color: transparent; 
	color: #fff; 
}
.modulo-contatto .privacy a{
	color: #fff!important; 
	font-weight: 500!important; 
	font-size: 15px;
}
.modulo-contatto p.privacy {
	font-size: 15px;
	color: #fff!important; 
	font-weight: 500!important; 
	margin-bottom: 1rem!important;
	margin-top: 1rem!important;
	margin-left: -1rem!important; 
}


input[type="submit"]{
	float:left; 
	background-color: #FBB800!important;
	font-size: 22px; 
	text-transform: uppercase; 
	color: #fff!important; 
	font-weight: 700!important; 
	border-radius: 0px!important; 
	margin-top: 1rem!important; 
	padding-top: 1rem; 
	padding-bottom: 1rem; 
	width: 30%;
}
input[type="submit"]:hover{
	float:left; 
	background-color: #F0AF3B!important;

}

.file-upload-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
	margin-top: 1rem; 
}

.testo {
    margin: 0;
    font-size: 15px; 
	color: #fff;
}
.wpcf7 p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Personalizzazione del pulsante file */
.custom-file-upload {
    display: inline-block;
    padding: 8px 16px;
    background-color: #FBB800!important;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

.custom-file-upload:hover {
    background-color: #F0AF3B;
}

.custom-file-upload input[type="file"] {
    display: none;
}

.file-upload-container br {
    display: none !important;
}

.wpcf7 br {
    display: none !important;
}

/* Mantieni il blu originale ma rimuovi il verde all'hover */
.cky-btn-revisit-wrapper {
    background-color: #0056A7 !important;
}

.cky-btn-revisit-wrapper:hover {
    background-color: #0056A7 !important; 
    background: #0056A7 !important;
}

/* Rimuovi eventuali effetti hover da elementi figli */
.cky-btn-revisit-wrapper:hover *,
.cky-btn-revisit:hover,
.cky-btn-revisit:hover * {
    background-color: transparent !important;
    background: none !important;
    border-color: transparent !important;
}

/* Se il verde deriva da filtri sull'immagine */
.cky-btn-revisit-wrapper:hover img {
    filter: none !important;
}



/* RESPONSIVE */

@media only screen and (max-width: 40em) {
	/*SFONDO HERO HOME*/

  .fascia {
  position: relative;
  overflow: hidden;
  }

  .fascia::before {
  content: '';
  position: absolute;
  top: 50%; 
  left: 0;
  width: 200%;
  height: 30%; 
  background-color: #FBB800;
  transform: translateY(-50%) rotate(-13deg);
  transform-origin: center;
  left: -14%;
  }

	
	/*FULL WIDTH MENU*/
	/* Menu container quando è attivo */
	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    background-color: #fff !important;
	}

	/* Lista del menu */
	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] .hfe-nav-menu {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
	}

	/* Voci del menu */
	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] .hfe-nav-menu li {
    margin: 20px 0 !important;
    text-align: center !important;
	}

	/* Link del menu */
	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] .hfe-nav-menu a {
    font-size: 18px !important;
    text-decoration: none !important;
    font-weight: 500 !important; 
    padding: 15px 30px !important;
    display: inline-block !important;
    background-color: transparent !important; 
    transition: all 0.3s ease !important;
	}
	
	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] .hfe-pointer__underline .menu-item a.hfe-menu-item::after,
	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] .menu-item a.hfe-menu-item::after {
    height: 1px !important;
    width: 100% !important;
    left: 0 !important;
    right: auto !important;
    position: absolute !important;
    bottom: 0 !important;
    transform: scaleX(1) !important;
	}

	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] .menu-item a.hfe-menu-item {
    position: relative !important;
	}

	/* Icona di chiusura menu in primo piano */
	.hfe-nav-menu__toggle[aria-expanded="true"] {
    position: fixed !important;
    top: 20px !important;
    right: 0px !important;
    z-index: 10000 !important;
    padding: 10px !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    border-radius: 50% !important;
	}

	/* Icona SVG dentro il toggle */
	.hfe-nav-menu__toggle[aria-expanded="true"] .hfe-nav-menu-icon svg {
    width: 20px !important;
    height: 20px !important;
	}

	/* Prevenire scroll del body quando il menu è aperto */
	body:has(.hfe-nav-menu__toggle[aria-expanded="true"]) {
    overflow: hidden !important;
	}
	.elementor-131 .elementor-element.elementor-element-5e43077 nav.hfe-dropdown li.menu-item:not(:last-child){
		border-bottom: none; 
	}
	
	.h1-40 h1{
	font-size: 28px; 
	}
	/* MODULO CONTATTO */
	.modulo-contatto, .col-sx-contatto { 
    display: block;
	float: left;
    width: 100%;
	}
	.modulo-contatto, .col-dx-contatto { 
    display: block;
	float: right;
    width: 100%;
	}
	.modulo-contatto, .col-full { 
    width: 100%;
	}
	
	input[type="submit"]{
	width: 100%;
	}
	
	.wpcf7-form p.privacy {
    text-indent: -9px;
    padding-left: 20px;
	margin-left: 0px !important;
	}

	.wpcf7-form p.privacy input[type="checkbox"] {
    margin-right: 8px;
	}
	
	
	.file-upload-container {
    display: block;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
	margin-top: 1rem; 
	}

	.testo {
    margin: 0;
    font-size: 15px; 
	color: #fff;
	}
	.wpcf7 p {
    margin: 0 !important;
    padding: 0 !important;
	}

	/* Personalizzazione del pulsante file */
	.custom-file-upload {
    display: inline-block;
    padding: 8px 16px;
	width: 100%;
	text-align: center; 
    background-color: orange;
    color: white;
    border-radius: 4px;
    cursor: pointer;
	margin-top: 1rem; 
    font-weight: bold;
	}


}

@media only screen and (min-width: 40.063em) and (max-width: 64em) { /* medium only */
	/*FULL WIDTH MENU*/
	/* Menu container quando è attivo */
	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    background-color: #fff !important;
	}

	/* Lista del menu */
	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] .hfe-nav-menu {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
	}

	/* Voci del menu */
	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] .hfe-nav-menu li {
    margin: 20px 0 !important;
    text-align: center !important;
	}

	/* Link del menu */
	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] .hfe-nav-menu a {
    font-size: 18px !important;
    text-decoration: none !important;
    font-weight: 500 !important; 
    padding: 15px 30px !important;
    display: inline-block !important;
    background-color: transparent !important; 
    transition: all 0.3s ease !important;
	}
	
	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] .hfe-pointer__underline .menu-item a.hfe-menu-item::after,
	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] .menu-item a.hfe-menu-item::after {
    height: 1px !important;
    width: 100% !important;
    left: 0 !important;
    right: auto !important;
    position: absolute !important;
    bottom: 0 !important;
    transform: scaleX(1) !important;
	}

	.hfe-nav-menu__layout-horizontal.hfe-dropdown[data-full-width="yes"] .menu-item a.hfe-menu-item {
    position: relative !important;
	}

	/* Icona di chiusura menu in primo piano */
	.hfe-nav-menu__toggle[aria-expanded="true"] {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 10000 !important;
    padding: 10px !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    border-radius: 50% !important;
	}

	/* Icona SVG dentro il toggle */
	.hfe-nav-menu__toggle[aria-expanded="true"] .hfe-nav-menu-icon svg {
    width: 20px !important;
    height: 20px !important;
	}

	/* Prevenire scroll del body quando il menu è aperto */
	body:has(.hfe-nav-menu__toggle[aria-expanded="true"]) {
    overflow: hidden !important;
	}
	.elementor-131 .elementor-element.elementor-element-5e43077 nav.hfe-dropdown li.menu-item:not(:last-child){
		border-bottom: none; 
	}

}