.attivitaheadblock ul.tags {list-style: none; margin: 0 0 .5em 0; padding: 0; display: flex; flex-flow: row wrap; gap:.7em;}
.attivitaheadblock ul.tags a {display: inline-block; padding: .2em .4em; border-radius: 5px; background: var(--marroncino); color: var(--text); text-decoration: none; transition: all 0.2s ease;}
.attivitaheadblock ul.tags a:hover {text-decoration: underline; background: var(--bkg);}
span.localitaattivita {display: inline-block; padding: .2em .4em; background: var(--orange); color: var(--white); font-size: 1.3em; margin: 0 0 1em 0;}


.schedaattivita .rowcontentarticle {grid-template: min-content / 100%;}
.schedaattivita .rowcontentarticle .contenuto {column-count:2; column-gap: 4em; column-rule: 1px solid var(--grigino); margin-top: 2em;}
.schedaattivita .rowcontentarticle .contenuto p {margin: 0 0 .8em 0;}

@media (max-width: 750px) {
	.schedaattivita .rowcontentarticle .contenuto {column-count:1;}
}

/**** INFO Scheda */
div.attivitainfo div a,
div.attivitainfo address a {font-style: normal; color:var(--text); text-decoration: none; font-size: 1em; font-weight: 400;}
div.attivitainfo div a:hover,
div.attivitainfo address a:hover {color:var(--orange); text-decoration: underline;}
div.attivitainfo div svg,
div.attivitainfo address svg {fill: var(--text); transition: all 0.2s ease; margin-right: .3em;}
div.attivitainfo div.telefonibox svg {transform: rotate(45deg)}
div.attivitainfo div p:hover svg,
div.attivitainfo address:hover svg {transform: scale(1.3); transform-origin: center center; fill:var(--orange);}
div.attivitainfo div.telefonibox p:hover svg  {transform: scale(1.2);}
.emailbox a, .emailbox a {font-size: .8em;}
div.attivitainfo div:nth-last-child(2) p {border-bottom: solid 1px var(--orange);}

div.attivitainfo div.emailbox a,
div.attivitainfo div.sitebox a {font-size: 1em;}

div.attivitainfo div p, div.attivitainfo address p {margin: 0; padding: .5em 0; border-top: solid 1px var(--grigione); display: flex; align-items: center;}

/* social scheda */
.socialbox {display: flex; gap:1em; margin-top: 1em;}
.socialbox a, .socialbox a span {display: block; width: 2em; height: 2em;}
.socialbox svg {width: 2em; height: 2em;}
div.attivitainfo:hover .socialbox svg {transform: none;}
div.attivitainfo .socialbox a{transition: all 0.2s ease;}
div.attivitainfo .socialbox a:hover {transform: translateY(-.2em);}
div.attivitainfo .socialbox a:hover svg path {fill:var(--orange);}


/* blocco elenco servizi */
.serviziattivita {margin: 3em 0; padding: 1em; background: var(--white);}
.serviziattivita p {margin: 0; text-wrap: nowrap;}
ul.listaservizi {list-style: none; margin: 0; padding: 0; display: flex; flex-flow: row wrap; gap:.5em;}
ul.listaservizi li.titolettoservizi {width: auto; font-size: 1.5em; color:var(--text);}
ul.listaservizi li {position: relative; width: 50px; height: 50px; display: flex; align-items: center;}

ul.listaservizi li span {display: none; position: absolute; left: 0; top: -50%; width: auto; text-wrap: nowrap; padding: .2em .3em; background:var(--orange); color: var(--white);}
ul.listaservizi li:hover span {display: inline-block;}

/*mappa icone servizi*/
ul.listaservizi li {background-repeat: no-repeat; background-position: center center; background-size: contain;}
.iconacucinadelterritorio {background-image: url(../images/iconeservizi/cucina_territorio.png);}
.iconalocaleclimatizzato {background-image: url(../images/iconeservizi/locale_climatizzato.png);}
.iconaparcheggio {background-image: url(../images/iconeservizi/parcheggio.png);}
.iconaaccessodisabili {background-image: url(../images/iconeservizi/disabili.png);}
.iconagiardinoestivo {background-image: url(../images/iconeservizi/giardino_estivo.png);}
.iconafumatori {background-image: url(../images/iconeservizi/fumatori.png);}
.iconapernottamento {background-image: url(../images/iconeservizi/pernottamento.png);}
.iconatickets {background-image: url(../images/iconeservizi/ticket.png);}
.iconaareabimbi {background-image: url(../images/iconeservizi/area_bimbi.png);}
.iconamenudilavoro {background-image: url(../images/iconeservizi/menu_lavoro.png);}
.iconaceliaci {background-image: url(../images/iconeservizi/no-glutine.png);}
.iconaanimaliammessi {background-image: url(../images/iconeservizi/animali_ammessi.png);}
.iconawifi {background-image: url(../images/iconeservizi/wi_fi.png);}
.iconabancomat {background-image: url(../images/iconeservizi/bancomat.png);}
.iconavisa {background-image: url(../images/iconeservizi/visa.png);}
.iconamastercard {background-image: url(../images/iconeservizi/mastercard.png);}
.iconaamex {background-image: url(../images/iconeservizi/american_express.png);}
.iconavisnart {background-image: url(../images/iconeservizi/isnart.png);}
.iconastradadelgusto {background-image: url(../images/iconeservizi/strada_del_gusto.png);}


/* blocco specialità della casa e cucina della casa */
.specialitadellacasa, .cucinadellacasa {display: grid; grid-template: auto / 5em auto; grid-gap: .5em; grid-column-gap: 2em; padding: 1em;}
.specialitadellacasa {background: var(--marroncino);}
.cucinadellacasa {background: var(--orange); color:var(--white);}
span.iconacucina {grid-column: 1; grid-row: 1;}
span.titolettospecialita {grid-column: 1; grid-row: 2;}
span.specialitadata, span.cucinadata  {grid-column: 2; grid-row: 1 / span 2;}

span.iconacucina {display: flex; align-items: flex-end;}
.specialitadellacasa span.iconacucina, .specialitadellacasa span.titolettospecialita {display: flex; justify-content: center; text-transform: uppercase; color: var(--orange);}
.cucinadellacasa span.iconacucina, .cucinadellacasa span.titolettospecialita {display: flex; justify-content: center; text-transform: uppercase; color: var(--white);}
span.iconacucina svg {width: 3em; height: auto;}
.specialitadellacasa span.iconacucina svg {fill: var(--orange);}
.cucinadellacasa span.iconacucina svg {fill: var(--white);}
span.specialitadata, span.cucinadata {font-size: 1.3em; display: flex; align-items: center;}
@media (max-width: 450px) {
	.specialitadellacasa, .cucinadellacasa {grid-template: auto / 4em auto;}
	span.iconacucina svg {width: 2em;}
	span.titolettospecialita {font-size: .8em;}
	span.specialitadata, span.cucinadata {font-size: 1em;}
}


/* GALLERIA IMMAGINI e VIDEO */
.imageandvideogallery {margin-top: 5em; padding: 1em;}
.imageandvideogallery ul {list-style:none; margin:0; padding:0; display:flex; flex-flow: row wrap; justify-content: space-between; gap:1em;}
.imageandvideogallery li {width: 31%; position: relative; border: solid 1em var(--orange); box-sizing: border-box;}
.imageandvideogallery img {width:100%; height:100%; object-fit:cover;}
.imageandvideogallery a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.imageandvideogallery a:before {content:""; position:absolute; width:0; height:0; background:var(--orange); opacity:0;z-index: 100;transition: all 0.2s ease;}
.imageandvideogallery a:hover:before {width:80%; height:80%; background:var(--orange); opacity:0.5; border: dashed 1px var(--white);}
.video-preview-wrapper {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
span.play-icon {position:absolute; width: 30%; aspect-ratio: 1/1;}
.svgplay {fill:var(--white); opacity:.8; width: 100%; height: 100%; position: absolute; z-index: 101;}

@media (max-width: 600px) { .imageandvideogallery li {width: 48%; position: relative;} }
@media (max-width: 464px) { .imageandvideogallery li {width: 47%; position: relative;} }
@media (max-width: 331px) { .imageandvideogallery li {width: 46%; position: relative;} }
@media (max-width: 264px) { .imageandvideogallery li {width: 100%; position: relative;} }