body b, body strong, body .bold {
    font-family: 'Titillium web' !important;
}

.grecaptcha-badge {
    transform: scale(0.6);
}

.container-aquiloni,
.container-aquiloni > .e-con-inner {
    position: relative !important;
    overflow: hidden !important;
}

.container-aquiloni::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 25% !important;
    width: 40vw !important;
    height: 150% !important;
    background: rgb(255, 255, 255) !important;
    transform: translate(-50%, -50%) rotate(20deg) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* STILE PER LA PAGINA BUONOPASTO NEW*/
.page-id-6381 p, .page-id-6546 p, .page-id-6630 p, .page-id-6677, .page-id-7067 p{
	padding-bottom:0px !important;
}
div.nuovo_menu {
    z-index: 100;
}

#info-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
    transition: transform 0.4s ease-in-out;
    z-index: 1000;
}

#info-footer.visible {
    transform: translateY(0);
}

.fascia {
	flex: 1 !important;
  display: flex !important;
}

.diagonale {
  background: #fafafa;
  clip-path: polygon(0 0, 100% 0, 100% 60%, 0 75%);
}
.img_atf {
	margin-top:-70px !important;
}

.primo-container {
	/*	aspect-ratio: clamp(1, 19/10, 2); /* varia tra 1:1 e 2:1 
    aspect-ratio: 19/10; */ /* Cambia con il rapporto della tua immagine */
    background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
    background-size: 100% 100% !important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title {
	justify-content: space-between !important;
}


/* STILE PER IL MODULO DI CONTATTO PER LA PAGINA BUONOPASTO NEW*/
/* Stile per il bottone submit del form specifico */
/*#wpcf7-f6873-p6369-o1 input[type="submit"], 
#wpcf7-f6873-p6369-o2 input[type="submit"],
#wpcf7-f5910-o3 input[type="submit"] 

.form-container input.wpcf7-submit{
    width: 95% !important;
    background-color: #fcbe00 !important;
    font-family: 'Titillium Web', sans-serif !important;
		font-size:18px !important;
		font-weight:400 !important;
    color: #3d3c3c !important;
    border: none;
    padding: 12px 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
		border-radius:2px !important;
		margin-top:10px !important;
}*/

.form-container input.wpcf7-submit{
    width: fit-content !important;
    background-color: #147385 !important;
    font-family: 'Titillium Web', sans-serif !important;
	font-size:18px !important;
	font-weight:400 !important;
    color: #fff !important;
    border: none;
    padding: 12px 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
	border-radius:2px !important;
	margin-top:10px !important;
}
.wpcf7-submit {
    padding-left: 60px !important;
    padding-right: 20px !important;
    background-image: url('/wp-content/uploads/2026/01/cuffie-bianco.svg') !important; 
    background-repeat: no-repeat !important;
    background-position: calc(0% + 10px) center !important; /* regola il valore per centrare */
    background-size: 20px 20px !important;
    text-align: center !important;
    text-indent: -20px !important; /* sposta il testo leggermente a sinistra */
}


a.link-privacy{
	color:#3d3d3c;
	text-decoration:underline !important;
}

.bottone-acquista a {
    width: 100% !important;
}

/* Hover effect opzionale */
#wpcf7-f145517-o1 input[type="submit"]:hover {
    background-color: #e6a800 !important;
}



.wpcf7 label {
    color: #3d3c3c;
    font-size: 14px;
    font-weight: 600;
    padding-left: 7px;
    position: relative;
    top: 4px;
		font-family: 'Titillium web' !important;
}




#wpcf7-f6873-p6369-o1 .form-container p span,
#wpcf7-f6873-p6369-o1 .form-container label span,
#wpcf7-f6873-p6369-o2 .form-container p span,
#wpcf7-f6873-p6369-o2 .form-container label span,
#wpcf7-f5910-o3 .form-container p span,
#wpcf7-f5910-o3 .form-container label span {
	color:#3d3c3c !important;
}
#wpcf7-f6873-p6369-o1 .form-container span.wpcf7-list-item-label a,
#wpcf7-f6873-p6369-o2 .form-container span.wpcf7-list-item-label a,
#wpcf7-f5910-o3 .form-container span.wpcf7-list-item-label a {
	color:#3d3c3c !important;
}
#wpcf7-f6873-p6369-o1 .form-container span.wpcf7-list-item-label a:hover,
#wpcf7-f6873-p6369-o2 .form-container span.wpcf7-list-item-label a:hover,
#wpcf7-f5910-o3 .form-container span.wpcf7-list-item-label a:hover {
	color:#555 !important;
}

#wpcf7-f145517-o1 span.wpcf7-list-item-label,
#wpcf7-f145517-o2 span.wpcf7-list-item-label,
#wpcf7-f5910-o3 span.wpcf7-list-item-label {
	color:#3d3c3c !important;
}

a.mbp {
	color:#fff;
}
a.mbp:hover {
	color:#fcbe00;
}


@media only screen and (max-width: 767px) {
	.diagonale {
  background: #fafafa;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 0 90%);
}
	.img_atf {
		margin-top:-30px !important;
	}
.primo-container {
    aspect-ratio: 9/19; /* Cambia con il rapporto della tua immagine */
    background-size: cover;
    background-position: center;
		background-size: 100% 100% !important;
}	

span.wpcf7-form-control.wpcf7-acceptance {
	position:relative;
	top:20px;
}
.vc_col-sm-12.wpb_column.column_container.vc_column_container,.vc_col-sm-6.wpb_column.column_container.vc_column_container {
	margin-left:7px !important;
}
}

/* Tablet verticale (portrait) */
@media screen and (min-width: 600px) and (max-width: 900px) and (orientation: portrait) {
	.primo-container {
			aspect-ratio: 9/12; /* Cambia con il rapporto della tua immagine */
			background-size: cover;
			background-position: center;
			background-size: 100% 100% !important;
	}
	.diagonale {
		background: #fafafa;
		clip-path: polygon(0 0, 100% 0, 100% 70%, 0 90%);
	}	
}

/* Tablet orizzontale (landscape) */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.primo-container {
			aspect-ratio: 9/7; /* Cambia con il rapporto della tua immagine */
			background-size: cover;
			background-position: center;
			background-size: 100% 100% !important;
	}
	.diagonale {
		background: #fafafa;
		clip-path: polygon(0 0, 100% 0, 100% 70%, 0 90%);
	}	
}






