header {height: 200px;}

.attivitaheadblock {display: grid; grid-template: auto / 2fr 1fr; grid-gap: 1em; background: var(--white);}
@media (max-width: 600px) {
	.attivitaheadblock {grid-template: auto / 100%;}
}
.introimage{position: relative;}
.introimage figure, .introimage img {width: 100%; height: 100%; object-fit: cover;}

.attivitainfo {padding: 1em;}
.attivitaheadblock h1 {color: var(--brown); margin: 0 0 .5em 0; padding:  0 0 .5em 0; font-weight: normal; font-size: 2em; border-bottom: dotted 2px var(--orange);}

/* CONTENUTO ARTICOLO */
.rowcontentarticle {display: grid; grid-template: auto / 2fr 1fr; grid-gap: 1em;}
.rowcontentarticle {margin-bottom:2em; font-weight: 200; text-align:justify; line-height:1.5em;}
.rowcontentarticle h1 {text-align: left; line-height: 1em;}
.rowcontentarticle .contenuto {font-size:1.3em; line-height: 1.5em; padding: 0 1em;}
.rowcontentarticle h2 {font-weight: 400; color: var(--orange);}
.rowcontentarticle h3 {font-weight: 400;}
.rowcontentarticle p {}
.rowcontentarticle a {color: var(--orange);}
.rowcontentarticle img {width: 100%; height: auto;}
.rowcontentarticle li::marker {color:var(--orange);}

.rowcontentarticle blockquote p:nth-child(1):before {content: "\201C"; font-size: 6em; line-height: 1;  height: .4em; display: block; float: left; margin-right: 0.1em; margin-top: -0.1em; color: var(--orange);}
.rowcontentarticle blockquote p:nth-last-child(1):after {content:"\201D"; font-size: 6em; line-height: 1; height: .4em; display: block; float: right; margin-left: 0.1em; color: var(--orange);}
.rowcontentarticle blockquote {margin: 2em 1em;}



.com-content-article__body a {color: var(--orange); text-decoration: none;}
.com-content-article__body a:hover {text-decoration: underline;}

/* campi aggiuntivi */
ul.fields-container {list-style: none; margin: 0; padding: 0;}
ul.fields-container li.eventi-quando {margin-bottom: 1em;}
ul.fields-container li.eventi-quando span:before {content:url(../images/calendar.svg); display: inline-block;; width: 1em; margin-right: .2em;}
ul.fields-container li.eventi-quando span {font-size: 1.3em;}
ul.fields-container li.eventi-dove span {padding: .2em .5em; background: var(--orange); color: var(--bkg); font-size: 1.5em;}

.provenienza-prodotti {position: relative; display: flex; gap:.6em;}
.provenienza-prodotti .field-suffix {order: 1;}
.provenienza-prodotti .field-value {order: 2;}