.header {height: 300px;}}
.banneritem img {width: 100%; height: auto;}

/* Primo blocco */
.blockhomeuno {display: grid; grid-template: min-content / 2fr 1fr; grid-gap: 3em;}
/* posizioni */
.moduloricercapertag {grid-row: 1 / span 2; grid-column: 1;}
.modulocercapernome {grid-row: 1 / span 1; grid-column: span / -1;}
.ultimieventihome {grid-row: 3 / span 2; grid-column: 1;}
.bannerdi122 {grid-row:span 2;}
.bannerdi126 {grid-row: 4; grid-column: span 1 / -1;}
.bannerdi128 {margin: 2em 0;}


@media (max-width: 840px) { 
.blockhomeuno {grid-template: auto / 100%;}
.moduloricercapertag {grid-row: 1 / span 1; grid-column: 1;}
.modulocercapernome {grid-row: 2 / span 1; grid-column: 1;}
.bannerdi126 {grid-row: 3; grid-column: span 1;}
.ultimieventihome {grid-row: 4; grid-column: 1;}
}

.ultimieventihome {display: grid; grid-template: auto / 1fr 1fr; grid-gap: 1em;background: var(--white);}
.ultimieventihome img {width: 100%; height: 100%; object-fit: cover;}
.ultimieventihome ul.modulenews117 {list-style: none; margin: 0; padding: .8em; display: flex; flex-direction: column; justify-content: space-between;}
.ultimieventihome .articolo-item a {display: block; color: var(--text); text-decoration: none; padding: .3em; border-bottom: dotted 2px var(--grigino); transition: all 0.2s ease;}
.ultimieventihome .articolo-item a:hover {background: var(--bkg); transform: translateY(-.4em);}
.ultimieventihome .articolo-item a h2 {font-style: italic; font-size: 1.2em; font-weight: normal; margin: 0 0 .5em 0}
.eventi-meta {display: flex; flex-direction: column; align-items: flex-start; gap:.5em;}
.eventi-meta .dove {display: inline;  padding: .2em .3em; background: var(--darkorange); color: var(--white);}
.eventi-meta .quando {display: flex; flex-wrap: nowrap; align-items: center; gap:.5em;}
.eventi-meta .quando svg.calendaricon {display: inline; width: 1em;}
.eventi-lastitem a {display: flex; align-items: center; gap:.5em; background: var(--orange); color: var(--white); text-decoration: none; text-transform: uppercase; justify-content: center; padding: .5em; transition: all 0.2s ease;}
.eventi-lastitem svg.proseguieventi {display: inline; width: 1.7em; fill: var(--white); transition: all 0.2s ease;}
.eventi-lastitem a:hover {background: var(--bkg); color: var(--orange);} .eventi-lastitem a:hover svg.proseguieventi {fill: var(--orange);}





/* moduli ricerca */
.bannerdi127 {margin-top: .5em; max-height: 100px;} .bannerdi127 img {width: 100%; height: 100px; object-fit: cover;}
.moduloricerca {background: var(--yellow); padding: .5em 1em;}
.modulocercapernome {font-size: 1.3em;}

.headercercalocale,
.headercercalocalepernome {display: flex; align-items: center; gap:.5em; margin-bottom: .3em;}
.headercercalocale {padding-bottom: .5em;}
.moduloricercapertag h2 {font-weight: 200; margin: 0; font-size: 1.7em;}
.modulocercapernome h2 {font-weight: 200; margin: 0; font-size: .8em;}
.moduloricerca .loghinoaat,
.headercercalocalepernome .iconasearch {width: 1.5em; height: auto;}
.moduloricerca .loghinoaat .linee{fill:none;stroke:var(--orange);stroke-linejoin:round;stroke-width:2px;}
.btn-cerca {margin-left: auto;}

.moduloricerca #form-ricerca-home {display: flex; gap:1.5em; flex-wrap: wrap; border-bottom: dotted 3px var(--darkorange); padding-bottom: 1.5em;}

.modulocercapernome .choices {font-size: 1em; display: block; width: 100%; box-sizing: border-box;}
.choices {position: relative; padding: var(--formpadding); font-size: var(--formfontsize);border: solid 1px var(--grigino); background: var(--white); width: 6em;}
.choices__list--dropdown {display: none; position: absolute; z-index: 100; left:-.3em; background: var(--light); padding: var(--formpadding);} /* display: none; */
.choices__list.is-active {display: flex; flex-direction: column; gap:var(--formpadding); padding: var(--formpadding);}
.choices__list.is-active .choices__list {display: flex; flex-direction: column; gap:var(--formpadding); overflow-y: auto; max-height: 50vh;}
.choices__list--dropdown .choices__item {border-bottom: dotted 1px var(--grigione); font-size: .8em; padding: var(--formpadding);}
.choices__list--dropdown .choices__item:hover {background: var(--yellow); cursor:pointer;}

.moduloricerca .btn-cerca {display: flex; align-items: center; color: var(--orange); text-transform: uppercase; font-weight: bold; border:solid 1px var(--orange); background:transparent;cursor: pointer;}
.moduloricerca .btn-cerca svg {width: 1.5em; height: auto; fill: var(--orange);}
.moduloricerca .choices__input {font-size: 1.2em;}

@media (max-width: 840px) { 
.modulocercapernome .choices {font-size: 1.7em; display: block; width: 100%; box-sizing: border-box;}
.modulocercapernome h2 {font-size: 1.7em;}
}


/* titoli blocchi */
.secondobloccohome {margin-top: 10em;}

h2.titolobloccosezione {font-weight: 400; font-size: 2em; text-align: center;}
h2.titolobloccosezione:before {content: "•"; margin: 0 .5em 0 0;}
h2.titolobloccosezione:after {content: "•"; margin: 0 0 0 .5em;}
@media (max-width: 840px) {
	h2.titolobloccosezione {font-weight: 400; font-size: clamp(12px, 5vw, 30px); text-align: center;}
}

/* secondo blocco Luoghi da visitare */
.secondobloccohome ul, .secondobloccohome li, .secondobloccohome article, .secondobloccohome a {margin:0; padding:0;}

.secondobloccohome li {position: relative;}
.secondobloccohome article, .secondobloccohome article a {position: absolute; top: 0;}
.secondobloccohome article a h2 {position:absolute; z-index: 100; bottom: 0; margin: 0; padding: .5em; background: var(--white); font-size: 1em; color:var(--orange); text-decoration: none; border-bottom: dotted 2px var(--orange);}

.secondobloccohome ul.moduleluoghi129 {list-style: none; display: grid; grid-template: auto / repeat(4, 1fr); grid-gap: 2em;}
.moduleluoghi129 li, .moduleluoghi129 article, .luoghi-item a {display: block; width: 100%; height: 100%; aspect-ratio: 1/1;}
.luoghi-item a {position: relative;}
/* posizioni */
.moduleluoghi129 li:nth-child(1) {grid-column: span 2; grid-row: span 2;}
.moduleluoghi129 li:nth-child(1) h2 {font-size: 1.6em;}


.luoghi-item figure {position: absolute; width: 100%; height: 100%; top: 0; bottom: 0;}
.luoghi-item img {width: 100%; height: 100%; object-fit: cover; box-sizing: border-box;border: solid 1em var(--white);}

.luoghi-item:hover img {border: solid 1em var(--orange);}
.luoghi-item:hover h2 {background: var(--orange); color: var(--bkg);}

.luoghi-lastitem a {display: block; width:100%; height: 100%; box-sizing: border-box; padding: .5em; background: var(--orange); color: var(--bkg); text-decoration: none; font-size: 1.5em; border:solid .5em var(--orange);}
.luoghi-lastitem a p {margin: 0; padding: 0;}
.luoghi-lastitem a:hover {border:solid .5em var(--white); text-decoration: underline;}
.luoghi-lastitem a svg {width: 2em; height: auto; fill: var(--white);}


@media (max-width: 1000px) {
.secondobloccohome ul.moduleluoghi129 {grid-template: auto / repeat(3, 1fr);}
.moduleluoghi129 li:nth-child(1) {grid-column: span 2; grid-row: span 2;}
.luoghi-lastitem a {padding: .2em; font-size: clamp(12px, 3vw, 25px);}
}

@media (max-width: 600px) {
	.secondobloccohome ul.moduleluoghi129 {grid-template: auto / repeat(2, 1fr); grid-gap: 1em;}
	.moduleluoghi129 li:nth-child(1) {grid-column: span 2; grid-row: span 2;}
	.luoghi-lastitem a {font-size: clamp(15px, 5vw, 40px);}
}
@media (max-width: 500px) {
	.secondobloccohome ul.moduleluoghi129 {grid-template: auto / 100%; }
	.moduleluoghi129 li:nth-child(1) {grid-column: span 1; grid-row: span 1;}
	.moduleluoghi129 li, .moduleluoghi129 article, .luoghi-item a {aspect-ratio: 3/1;}
	.moduleluoghi129 li:nth-child(1), .moduleluoghi129 li:nth-child(1) article, .moduleluoghi129 li:nth-child(1) a {aspect-ratio: 1/1;}
	.luoghi-lastitem {aspect-ratio: 3 / 1 !important; grid-column: 1 / -1;}
	.luoghi-lastitem a {font-size: clamp(15px, 5vw, 40px);}
}

/* terzo blocco prodotti tipici */
.terzobloccohome {margin-top: 8em; background: var(--yellow); padding: 1em 2em;}
.terzobloccohome h2.titolobloccosezione {margin-top: 0;}
.terzobloccohome div.scorrevole {width: 100%; height: auto; overflow-x: scroll; box-sizing: border-box;}
.terzobloccohome ul.articoli-list {display: grid; grid-template: auto / repeat(6, 3fr) 4fr; grid-gap:1.5em;list-style: none; margin:0; margin-bottom: 2em; padding: 0;}
.terzobloccohome li.prodotti-normalitem,
.terzobloccohome li.prodotti-normalitem article,
.terzobloccohome li.prodotti-normalitem a,
.terzobloccohome li.prodotti-normalitem figure {position: relative; aspect-ratio: 1/1; min-width: 14em;}
.terzobloccohome li.prodotti-normalitem figure:before {content: ""; display: block; position: absolute; left: 0; top:0; width: 0; height: 0; background: var(--orange); opacity: 0; transition: all 0.2s ease;}
.terzobloccohome figure img {width: 100%; height: 100%; object-fit: cover;}
.terzobloccohome li.prodotti-normalitem a h2 {position: absolute; bottom: 0; right: 0; margin: 0; padding: .2em .3em; font-size: 1em; color: var(--orange); text-decoration: none; background: var(--yellow); border-top: dotted 2px var(--orange); text-align: right;}

.terzobloccohome li.prodotti-normalitem figure:hover:before {width: 100%; height: 100%; opacity: .5; }

.terzobloccohome li.prodotti-lastitem article,
.terzobloccohome li.prodotti-lastitem a,
.terzobloccohome li.prodotti-lastitem figure {aspect-ratio: auto;}
.terzobloccohome li.prodotti-lastitem,
.terzobloccohome li.prodotti-lastitem a { display: block; box-sizing: border-box; color: var(--orange); text-decoration: none;}
.terzobloccohome li.prodotti-lastitem a {width: 8em; height: 100%;}

.terzobloccohome li.prodotti-lastitem {padding: 1em;}
.terzobloccohome li.prodotti-lastitem svg {fill: var(--orange); width: 3em;}
.terzobloccohome li.prodotti-lastitem:hover {background: var(--orange); color: var(--yellow); text-decoration: underline;}
.terzobloccohome li.prodotti-lastitem:hover a {color: var(--yellow);}
.terzobloccohome li.prodotti-lastitem:hover svg {fill: var(--yellow);}


@media (max-width: 600px) {
.terzobloccohome ul.articoli-list {grid-template: auto / repeat(2, 3fr);}
.terzobloccohome li.prodotti-normalitem,
.terzobloccohome li.prodotti-normalitem article,
.terzobloccohome li.prodotti-normalitem a,
.terzobloccohome li.prodotti-normalitem figure {min-width: 5em;}

.terzobloccohome div.scorrevole {overflow-x: visible; box-sizing: border-box;}
.terzobloccohome li.prodotti-lastitem,
.terzobloccohome li.prodotti-lastitem a {aspect-ratio: auto; min-width: 10em; min-height: auto;}
}

@media (max-width: 440px) {
.terzobloccohome div.scorrevole {width: 100%; overflow-x: scroll; box-sizing: border-box;}
.terzobloccohome ul.articoli-list {grid-template: auto / 100%;}
.terzobloccohome li.prodotti-normalitem,
.terzobloccohome li.prodotti-normalitem article,
.terzobloccohome li.prodotti-normalitem a,
.terzobloccohome li.prodotti-normalitem figure {aspect-ratio: 5/3;}
}


/* ANDIAMO A TAVOLA consiglia */
.quintobloccohome {padding: 2em; background: url(../images/bg_sugger.webp);}
.quintobloccohome ul.modulenews132 {list-style: none; margin: 0; padding: 0; display: flex; flex-flow: row nowrap; gap:2em; justify-content: space-between;}

.quintobloccohome li {background: var(--white);}
.quintobloccohome img {width:100%; height: auto; aspect-ratio: 3/2; object-fit: cover;}
.quintobloccohome h2.titolobloccosezione {color: var(--white); margin-top: 0;}
.quintobloccohome a {color: var(--text); text-decoration: none;}
.quintobloccohome a:hover {transform: translateY()}
.quintobloccohome .datiattivita {padding: 1em;}
.quintobloccohome .datiattivita h2 {margin: 0 0 .2em;}
.quintobloccohome .datiattivita h3 {margin: 0; background: var(--orange); padding: .2em .5em; font-size: 1.2em; font-weight: normal; color: var(--white); display: inline; text-align: left;}
.quintobloccohome .datiattivita p {margin: .3em 0 0 0;}
.quintobloccohome p.indirizzo:before {content: url(../images/location_pin.svg); width: 1.2em; height: 1.2em; display:inline-block; transform:translate(0, .2em);}
.quintobloccohome p.telefono:before {content: url(../images/phone.svg); width: 1.2em; height: 1.2em; display:inline-block; transform:translate(0, .3em) rotate(20deg);}
.quintobloccohome p.chiusura {font-size: .9em;}
@media (max-width: 900px) {
	.quintobloccohome ul.modulenews132 {flex-flow: column nowrap;}
}


/* blocco partners */
#mod-custom133 .partners {display: grid; grid-template: auto / repeat(4, 1fr); grid-gap: 8vw;}
#mod-custom133 .partners img {width: 100%; height: 100%; max-height: 5em; min-height: 4em; min-width: 80px; object-fit: contain;}
@media (max-width: 500px) {
	#mod-custom133 .partners {grid-template: auto / repeat(2, 1fr);}
}