@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'Decalotype';
    src: url('../fonts/Decalotype-Regular.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Decalotype';
    src: url('../fonts/Decalotype-Bold.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@media (max-width: 900px) {
	.whatsapp-box {

	bottom: 80px !important;

}
	.esempi {
	grid-template-columns: 1fr !important;

}
	.sx h2, .dx h2 {
	font: 400 2.0em Decalotype !important;
	margin-bottom: 10px !important;

}
	.sx-img span, .dx-img span {

	font: 600 10vw Decalotype !important;

}
	.esempio-sx, .esempio-dx {
	display: table !important;
}
	.sx-img, .dx-img {

	height: auto !important;

}
	.esempio-sx,
	.esempio-dx{
		grid-template-columns:1fr;
		margin:20px 0;
	}

	.sx-img,
	.dx-img{
		height:420px;
	}

	.sx,
	.dx{
		padding:40px 25px;
	}

	.sx h2,
	.dx h2{
		font-size:2em;
	}

	.sx-img span,
	.dx-img span{
		font-size:12vw;
		letter-spacing:-2px;
		bottom:0;
	}

	/* ordine mobile */
	.esempio-sx .sx-img,
	.esempio-dx .dx-img{
		order:1;
	}

	.esempio-sx .sx,
	.esempio-dx .dx{
		order:2;
	}
	.sopra-footer {

	font: 700 20vw Decalotype !important;
	letter-spacing: -10px !important;

}
	.faq-section h2 {
	font: 400 1.6em Decalotype !important;

}
	.lista {

	padding-left: 10px !important;
}
	.esempi img {
	width: 100% !important;

}
.miomio h2 {
	padding: 0 10px !important;
	font: 400 1.8em Decalotype !important;
	text-align: center !important;
}
.article-details .article-full-image img {

	padding: 0 !important;
}
.titolino {
	font: 500 2.6em Decalotype !important;

}
	.miomio p {

	padding: 2px 10px !important;
}
	.esempi {
	margin: 0 auto !important;
	padding: 0 !important;
	text-align: center;
}
	.fields-container {

	padding: 0 10px !important;
}
	#faqque .faq-item {
	width: 95% !important;
;
	text-align: left !important;
}
	.cell {
	display: table !important;
}
}









.video-heart-label {
	font: 400 2.3em Decalotype;
	color: #8e7d5a;
	letter-spacing: -1px;
}

@keyframes heartWave{

    0%{
        opacity:0;
        transform:scale(1);
    }

    8%{
        opacity:.25;
    }

    40%{
        opacity:.12;
        transform:scale(1.35);
    }

    70%{
        opacity:0;
        transform:scale(1.8);
    }

    100%{
        opacity:0;
        transform:scale(1.8);
    }
}

@keyframes heartBeat{

    0%,75%,100%{
        transform:scale(1);
    }

    8%{
        transform:scale(1.03);
    }

    15%{
        transform:scale(.98);
    }

    22%{
        transform:scale(1.05);
    }

    30%{
        transform:scale(1);
    }
}
.video-heart-btn{

    position:relative;

    display:inline-flex;
    flex-direction:column;
    align-items:center;

    text-decoration:none;
}

.video-heart-btn img{

    width:220px;

    position:relative;
    z-index:5;

    display:block;

    animation:heartBeat 6s infinite;
}

.video-heart-btn::before, .video-heart-btn::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 10%;
	width: 220px;
	height: 220px;
	background: url("/img/video.webp") center/contain no-repeat;
	pointer-events: none;
	opacity: 0;
	z-index: 1;
	filter: grayscale(1) brightness(1.8) contrast(.6);
	animation: heartWave 6s infinite;
}

.video-heart-btn::after{
    animation-delay:1.2s;
}


.titolotto {
	text-align: center;
	margin: 10px auto 30px;
	/* max-width: 900px; */
}
.titolotto p {
	font: italic 600 1.0em raleway;
	/* color: #7f7f7f; */
}
.titolotto h2 {
	color: #8e7d5a;
	font: 400 3.0em Decalotype;
	letter-spacing: -2px;
	margin: 5px 0 0 0;
}
.miomio p strong {
	font: 600 1.0em raleway;
}
.whatsapp-box {
	position: fixed;
	bottom: 20px;
	left: 20px;
	background: #08993e;
	color: #fff;
	border-radius: 30px;
	padding: 10px 15px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: Arial, sans-serif;
	text-decoration: none;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
	z-index: 9999;
	transition: transform 0.2s ease;
}
.link-nascosto { display: none !important}
.logo-contatti img {
	margin: 0 auto;
}

.esempio-sx.beige, .esempio-dx.beige {
	background: #ededed90;
}
.sx-img span, .dx-img span {
	position: absolute;
	bottom: -2%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	text-align: center;
	pointer-events: none;
	font: 600 4vw Decalotype;
	text-transform: uppercase;
	background: linear-gradient( to bottom, rgba(255,255,255,0.95) 20%, rgba(255,255,255,0.2) 100% );
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: -5px;
	line-height: 0.9em;
	width: 90%;
	white-space: normal;
	word-break: break-word;
}

.bottone{
	margin:25px 0 0 0;
}

.bottone a{
	background:#8e7d5a;
	padding:10px 34px;
	color:#fff;
	font:300 0.8em Decalotype;
	display:inline-block;
	text-decoration:none;
	transition:0.3s;
}

.bottone a:hover{
	transform:translateY(-2px);
}

/* CONTENITORI */
.esempio-sx, .esempio-dx {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
	background: #ededed90;
	overflow: hidden;
}

/* immagini */
.sx-img,
.dx-img{
	position:relative;
	height:700px;
	overflow:hidden;
}

/* immagini perfettamente simmetriche */
.sx-img img,
.dx-img img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

/* testo */
.sx, .dx {
	padding: 2% 6%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: justify;

}

.sx h2, .dx h2 {
	font: 400 2.8em Decalotype;
	margin-bottom: 25px;
	line-height: 1em;
	text-align: left;
	letter-spacing: -1px;
}



.sp-scroll-up::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-left: 1.8px solid currentColor;
	border-top: 1.8px solid currentColor;
	transform: rotate(45deg);
	margin: 14px;
}


body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
	right: 0px;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span::after,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler::after {

    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 5px 0 0 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
}
#sp-header {
	margin: 0 auto !important;
}
.article-details .article-full-image img {
	border-radius: 0;

}
.sp-megamenu-parent > li.active > a {
	font-weight: 300;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {

	padding: 15px 15px;

}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
	font: 100 1.0em Decalotype;
	line-height: 1;
	display: inline-block;
	padding: 12px 10px;
	cursor: pointer;
	text-transform: uppercase;

	width: 100%;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	font: 100 1.0em Decalotype;
	text-transform: uppercase;
	letter-spacing: 0;
}

#sp-header { box-shadow: none !important}
#sp-header.header-sticky {
box-shadow: none !important;
	right: 0;
}
.fields-container {
    list-style: none;
    padding-left: 0;
}
/* submenu */


.sp-megamenu-parent > li:last-child > a {
	padding: 15px;
}
.sp-has-child{
    position:relative;
}

.sp-has-child > .sp-dropdown{
    position:absolute;
    top:100%;
    left:0;

    min-width:260px;
    background:#fff;

    padding:0;

    z-index:999999;

    display:none;
}

/* apertura */
.sp-has-child:hover > .sp-dropdown{
    display:block;
}

/* links */
.sp-dropdown a{
    display:block;
    padding:12px 24px;
    white-space:nowrap;
}

.sp-dropdown a:hover{
    background:#f5f5f5;
}
.esempi {
	margin: 10px auto;
	padding: 0 40px;
}

.esempi img {
	width: 49%;
	display: inline-grid;
	text-align: center;
	padding: 15px;
}

/* FAQ */
#faqque {
	width: 100%;
	margin: 0px auto;
	background: #fff;
}

#faqque .faq-section {
	width: 100%;
	padding: 10px 10px 20px;
}
#faqque .faq-item {
	width: 48%;
	display: inline-block;

}
.galleria .field-label {
	font: 400 2.3em Decalotype;
	margin: 20px auto 10px;
	display: table;
	color: #8e7d5a;
	letter-spacing: -1px;
}


#faqque .faq-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* gap: 20px; */
	padding: 10px 20px;
	cursor: pointer;
	font-size: 0.9em;
	font-weight: 500;
	line-height: 1.4;
	transition: 0.3s;
	background: #e9e9e9;
	color: #6b5f47;
	text-align: left;
}
.faq-section h2 {
	font: 400 1.6em Decalotype !important;
	margin: 10px auto 20px;
	display: table;
	color: #8e7d5a;
	letter-spacing: -1px;
}
.article-full-image{
    position:relative;
    overflow:hidden;
}






/* immagine */

.article-full-image img{
	display:block;
	width:100%;
	position:relative;
	z-index:1;
}


/* collina dietro */

.article-full-image::before{

	content:"";

	position:absolute;

	left:0;
	bottom:0;

	width:100%;
	height:260px;

	z-index:20;

	opacity:.35;

	pointer-events:none;

	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:bottom;

	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 260' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,260 C340,180 620,240 920,190 C1180,150 1320,170 1440,200 L1440,260 Z'/%3E%3C/svg%3E");

}



/* collina davanti */

.hill-front{

	position:absolute;

	left:0;
	bottom:0;

	width:100%;
	height:150px;

	z-index:21;

	pointer-events:none;

	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:bottom;

	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 150' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,150 C260,110 540,165 860,135 C1120,110 1280,95 1440,115 L1440,150 Z'/%3E%3C/svg%3E");

}


/* scroll */

.scroll-indicator{
	position:absolute;
	left:50%;
	bottom:30px;

	transform:translateX(-50%);

	z-index:30;
}
/* scroll indicator */

.scroll-indicator{
	position:absolute;
	left:50%;
	bottom:30px;

	transform:translateX(-50%);

	z-index:5;
}
.mouse-icon{
    width:34px;
    height:50px;

    fill:none;
    stroke:#fff;
    stroke-width:1.7;
    opacity:.9;
}
#faqque .faq-question:hover{
    opacity:0.8;
}

#faqque .faq-icon {
	font-size: 20px;
	line-height: 1;
	transition: 0.3s;
	flex-shrink: 0;
}

#faqque .faq-answer{
    max-height:0;
    overflow:hidden;
    opacity:0;
    transition:
        max-height 0.4s ease,
        opacity 0.3s ease,
        padding 0.3s ease;
    padding:0 0;
    font-size:17px;
    line-height:1.7;
}
/* contenitore */

.sx-img,
.dx-img {

    position: relative;
    overflow: hidden;

}


/* immagine */

.sx-img img,
.dx-img img {

    display: block;
    width: 100%;

    transition:
        transform .9s cubic-bezier(.2,.65,.3,1),
        filter .9s cubic-bezier(.2,.65,.3,1);

    transform: scale(1);

    filter:
        brightness(.97)
        contrast(1);

}


/* hover */

.sx-img:hover img,
.dx-img:hover img {

    transform: scale(1.025);

    filter:
        brightness(1.08)
        contrast(1.03)
        saturate(1.03);

}


.sx-img::after,
.dx-img::after {

    content: "";

    position: absolute;

    top: -50%;
    left: -120%;

    width: 70%;
    height: 220%;

    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.03) 25%,
        rgba(255,255,255,.18) 50%,
        rgba(255,255,255,.03) 75%,
        rgba(255,255,255,0) 100%
    );

    transform: rotate(18deg);

    transition: left 1.2s cubic-bezier(.2,.65,.3,1);

    pointer-events: none;

    z-index: 2;

}


/* animazione */

.sx-img:hover::after,
.dx-img:hover::after {

    left: 170%;

}



.esempi{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;

}


/* wrapper */

.esempi .foto{

    position:relative;
    overflow:hidden;
    isolation:isolate;

    width:100%;

}


/* immagine */

.esempi .foto img {
	width: 100%;
	display: block;
	transition: transform .8s cubic-bezier(.2,.65,.3,1), filter .8s cubic-bezier(.2,.65,.3,1);
	padding: 20px;
	background: #fff8;
}


/* luce */

.esempi .foto::after{

    content:"";

    position:absolute;

    top:-60%;
    left:-150%;

    width:70%;
    height:240%;

    opacity:0;

    background:linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.04) 25%,
        rgba(255,255,255,.12) 45%,
        rgba(255,255,255,.35) 50%,
        rgba(255,255,255,.12) 55%,
        rgba(255,255,255,.04) 75%,
        rgba(255,255,255,0) 100%
    );

    transform:rotate(16deg);

    transition:
        left 1.2s cubic-bezier(.2,.65,.3,1),
        opacity .2s ease;

    pointer-events:none;

}


/* hover */

.esempi .foto:hover img{

    transform:scale(1.02);

    filter:
        brightness(1.10)
        contrast(1.04)
        saturate(1.05);

}


/* animazione luce */

.esempi .foto:hover::after{

    opacity:1;
    left:180%;

}


/* HERO */

.article-full-image{

    position:relative;
    overflow:hidden;

}


/* immagine */

.article-full-image img{

    width:100%;
    display:block;

    transition:
        transform 1.2s cubic-bezier(.2,.65,.3,1),
        filter 1.2s cubic-bezier(.2,.65,.3,1);

}


/* hover */

.article-full-image:hover img{

    transform:scale(1.015);

    filter:
        brightness(1.08)
        contrast(1.03)
        saturate(1.03);

}
/* collina lontana */

.article-full-image::before{

	content:"";

	position:absolute;

	left:0;
	bottom:-1px;

	width:100%;
	height:220px;

	z-index:20;

	pointer-events:none;

	opacity:.55;

	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom;

	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,230 C220,160 420,280 680,235 C980,185 1160,130 1440,210 L1440,320 L0,320 Z'/%3E%3C/svg%3E");

}



/* collina davanti */

.hill-front{

	content:"";

	position:absolute;

	left:0;
	bottom:-1px;

	width:100%;
	height:150px;

	z-index:21;

	pointer-events:none;

	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom;

	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 260' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,195 C180,140 360,230 560,200 C760,165 980,110 1440,185 L1440,260 L0,260 Z'/%3E%3C/svg%3E");

}

/* animazione */

.article-full-image:hover::after{

    opacity:1;
    left:180%;

}




#cf_1 {
	margin: 0 auto;
}
#contatto {
	display: table;
	margin: 40px auto 0;
	padding: 40px 0 0;
	/* width: 100%; */
}
.forme h2 {
	color: #fff;
	text-shadow: 0 1px 2px #000;
}
.contatti {
	text-align: center;
	background: url("../../../img/tuscany-contatti.webp");
	background-size: cover;
}
.forme {
	padding: 20px;

	margin: 20px auto;
}
.footer_nav li {
	display: inline-block;
	padding: 10px;
}
/* FAQ aperta */
#faqque .faq-item.active .faq-answer {
	max-height: 500px;
	opacity: 1;
	padding: 10px 0 10px 10px;
	text-align: left;
}

#faqque .faq-item.active .faq-icon{
    transform:rotate(45deg);
}


.article-full-image{
    position:relative;
    overflow:hidden;
}

.article-full-image img{
    display:block;
    width:100%;
}
.fields-container {
	max-width: 1600px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}
.scroll-indicator{
    position:absolute;
    left:50%;
    bottom:20%;

    transform:translateX(-50%);

    z-index:999;

    display:flex;
    flex-direction:column;
    align-items:center;

    gap:6px;

    color:#fff;

    text-transform:uppercase;
    letter-spacing:.25em;

    font-size:12px;
    font-weight:600;

    opacity:.9;

    pointer-events:none;
}

.scroll-indicator svg{
    width:40px;
    height:40px;

    fill:none;
    stroke:#fff;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;

    animation:scrollArrow 2s ease-in-out infinite;
}

@keyframes scrollArrow{

    0%,100%{
        transform:translateY(0);
        opacity:.4;
    }

    50%{
        transform:translateY(8px);
        opacity:1;
    }
}


.lista li {
	display: inline list-item;
}
.lista {
	margin: 0px auto 10px;
	max-width: 1000px;
	padding-left: 45px;
}
.miomio h2 {
	font: 400 1.9em Decalotype;
	max-width: 1200px;
	display: table;
	margin: 10px auto 10px;
	text-align: center;
	letter-spacing: -1px;
}
.miomio p {
	margin: 0 auto;
	max-width: 900px;
	text-align: justify;
	padding: 2px 0;
	line-height: 1.4em;
}

.piva {
	color: #fff;
	text-align: center;
	padding: 20px;
	font: 400 0.8em ibm plex sans;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-shadow: 1px 1px 0 #000;
}
.piva a {	color: #fff;}
.sopra-footer {
	width: 100%;
	text-align: center;
	font: 700 15vw Decalotype;
	letter-spacing: -20px;
	line-height: 1;
	padding: 0;
	margin: 10% 0 0 0;
	background: linear-gradient(to bottom, rgba(255,255,255,0.0) 15%, rgba(255,255,255,0.6) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	pointer-events: none;
	user-select: none;
}
.titolino {
	font: 500 3.2em Decalotype;
	letter-spacing: -2px;
	margin: 0 auto;
	text-align: center;
}
.social {
	margin: 40px 0;
	text-align: center;
}
.social img {
	display: inline-table;
	text-align: center;
	margin: 0 10px;
	width: 30px;
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.8));
}
.uno img {
	width: 50px;
	margin: 0 auto;
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.8));
}


.btn-contattaci {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    background: #cc2200;
    color: #fff;
    font: 500 0.9em 'IBM Plex Sans';
    text-decoration: none;
    padding: 12px 40px;
    border-radius: 30px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
    transition: background 0.2s, transform 0.2s;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}.hero {
	position: relative;
}

.sopra-hero {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	text-align: center;
	pointer-events: none;
}

.sopra-hero .mini {
	
	font: 600 2vw Decalotype;
	letter-spacing: 8px;
	text-transform: uppercase;

	background: linear-gradient(
		to bottom,
		rgba(255,255,255,0.95) 0%,
		rgba(255,255,255,0.2) 100%
	);

	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;

	margin-bottom: 10px;
}

.sopra-hero .mega {
	font: 700 9vw Decalotype;
	letter-spacing: -10px;
	text-transform: uppercase;
	line-height: .9em;
	background: linear-gradient( to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.05) 100% );
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.btn-contattaci:hover {
    background: #ee3300;
    transform: translateX(-50%) translateY(-2px);
    color: #fff;
}
#footer {
	text-align: center;
	position: absolute;
	/* left: 50%; */
	/* right: 50%; */
	bottom: 0;
}

#uno h2 {
	width: 100%;
	text-align: center;
	font: 400 4.6em Decalotype;
	margin-bottom: 0;
	background: linear-gradient(to bottom, #ffffff 30%, #ffffff00 95%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	/* text-shadow: 0 2px 2px #000; */
	/* text-transform: uppercase; */
	letter-spacing: -2px;
}
#uno {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
}
.uno a {
	color: #fff;
}
.uno {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	width: 250px;
	background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.4) 60%);
	padding: 40px 20px 0 20px;
	text-align: center;
	/* margin: 10px; */
	height: 250px;
	vertical-align: middle;
	color: #fff;
	font: 500 1.0em ibm plex sans;
	text-shadow: 0 2px 2px #000;
}
.sitiweb a {
	display: inline-flex;
	color: #333;
}
.sitiweb img {
	width: 22px;
	margin: 0 5px;
}
.sitiweb {
	background: #f4f4f4;
	font: 300 16px Decalotype;
	padding: 15px 0 40px;
	text-align: center;
	margin: 0 auto 40px;
}
.uno span {
	font: 400 1.6em Decalotype;
	line-height: 1.0em;
	height: 5px;
}
footer{
	position:relative;
	overflow:hidden;

	background:url('../../../img/tuscany.webp') 50% 50% / cover no-repeat fixed;
}
/* collina lontana */

footer::before{

	content:"";

	position:absolute;

	top:-1px;
	left:0;

	width:100%;
	height:220px;

	z-index:1;

	pointer-events:none;

	opacity:.55;

	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;

	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,90 C220,160 420,40 680,85 C980,135 1160,190 1440,110 L1440,0 L0,0 Z'/%3E%3C/svg%3E");

}


/* collina davanti */

footer::after{

	content:"";

	position:absolute;

	top:-1px;
	left:0;

	width:100%;
	height:150px;

	z-index:2;

	pointer-events:none;

	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;

	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 260' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,65 C180,120 360,30 560,60 C760,95 980,150 1440,75 L1440,0 L0,0 Z'/%3E%3C/svg%3E");

}
.sopra-footer,
.social,
.piva{
	position:relative;
	z-index:3;}

#footer {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	gap: 16px;
	padding: 5% 20px 30px;
	min-height: inherit;
}

body {
	font: 400 1.3em raleway;
	line-height: 1.5;
	color: #333;
	max-width: 1600px;
	margin: 0 auto;
	background: url('../../../img/bg2.webp') 50% 50% / cover no-repeat fixed;
}


#sp-main-body {
	padding: 0;
}
.cell {
	display: none;
	margin: 15px;
}
.lista li {
	display: inline-block;
	border: 1px solid #c2c2c2;
	padding: 5px 10px;
	margin: 3px 2px;
	border-radius: 20px;
	background: #f5f5f5;
}
.hits {
	display: none;
}
.article-info {
	
	background:linear-gradient(to bottom, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);

	display: flex;
	flex-direction: column;
	align-items: center;
	margin: -50px auto 0 !important;
	text-align: center;
}
.article-info > span {
	font: 300 1.0em Decalotype;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 auto;
	/* display: table; */
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
	font-size: 18px;
	padding: 8px 0px;
	line-height: 18px;
	font-weight: 400;
	display: table;
}
.article-info::before {
	content: "";
	width: 3px;
	height: 45px;
	background: #cdb88d;
	margin-bottom: 25px;
	display: block;
	z-index: 1111;
}
.miomio h1 {
	position: relative;

	font: italic 500 1.2em ibm plex sans;
	margin: 10px auto 20px;
	text-align: center;
	color: #7f7f7f;
}
.miomio h1::after {
	content: "";
	display: block;
	width: 3px;
	height: 45px;
	background: #cdb88d;
	margin: 0 auto;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
	font: 600 1.2em ibm plex sans;
	padding: 10px 0px;
	position: relative;
	line-height: 18px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, .sp-megamenu-parent > li:hover > a {
	color: #9f8040;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active ul li.active > a, .offcanvas-menu .offcanvas-inner ul.menu li.active ul li.active > .nav-header, .offcanvas-menu .offcanvas-inner ul.menu li.active ul li.active > .mod-menu__heading {
	color: #9f8040;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
	color: #9f8040;
}
/* OFFCANVAS MENU SEMPRE APERTO */

.offcanvas-menu .menu-parent > .menu-child {
    display: block !important;
}

.offcanvas-menu .menu-parent {
    pointer-events: auto;
}

/* nasconde il + */
.offcanvas-menu .menu-toggler {
    display: none !important;
}