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

/* POSIZIONE BLOCCHI */
.rightcolumn {grid-column: span 1 / -1; grid-row: 1;}
.com-content-article__body {grid-column: 1; grid-row: 1;}


.rowcontentarticle .rightcolumn {height: min-content; display: grid; grid-template: min-content / 100%; grid-gap: 1em;}
.rowcontentarticle .boxrightcolumn {padding: 1em; display: grid; grid-template: auto / 100%; grid-gap: 1em;}
.rowcontentarticle .boxlatestarticles {border: dashed 1px var(--brown); background: var(--griginoino);}
.rowcontentarticle .boxmenusottosezioni {background: var(--marroncino);}

.rowcontentarticle .boxrightcolumn h2 {margin: 0; color: var(--text); font-weight: 300;}
.rowcontentarticle .boxrightcolumn ul {margin: 1em 0 0 0; padding: 0; list-style: none;}
.rowcontentarticle .boxlatestarticles ul li::before {content: url(../images/articleicon.svg);}
.rowcontentarticle .boxrightcolumn ul li {border-bottom: dashed 1px var(--brown); padding: .2em; display: flex; gap:.2em;}
.rowcontentarticle .boxrightcolumn ul li:last-child {border-bottom: 0;}
.rowcontentarticle .boxmenusottosezioni ul li:nth-child(odd) {background: var(--marroncinoino);}
.rowcontentarticle .boxrightcolumn ul h4 {font-size: 1em; font-weight: 200; margin: 0;}
.rowcontentarticle .boxrightcolumn ul a {display: block; text-align: left; text-decoration: none; padding: .2em; font-size: 1.2em;}
.rowcontentarticle .boxrightcolumn ul a:hover {background: var(--orange); color: var(--white);}


.com-content-article__body {padding-right: 1em;}
.com-content-article__body h1.articletitle {color: var(--orange); padding: 0 0 .5em 0; font-weight: normal; font-size: 2em; border-bottom: dotted 2px var(--orange);}



@media (max-width: 800px) {
	.rightcolumn {grid-column: 1 / -1; grid-row: 1;}
	.com-content-article__body {grid-column: 1 / -1; grid-row: 1;}
	.rowcontentarticle .rightcolumn {grid-column: 1 / -1; grid-row: 2; grid-template: min-content / 1fr 1fr;}
	.rowcontentarticle .boxrightcolumn {font-size: .8em; grid-gap: 0; grid-template: min-content / 100%;}
	.bannerdi140 {grid-row: 1; grid-column: 1;}
	.bannerdi141 {grid-row: 1; grid-column: 2;}
}

@media (max-width: 500px) {
	.rowcontentarticle .rightcolumn {grid-template: min-content / 100%;}
	.rowcontentarticle .boxrightcolumn {font-size: 1.2em;}
	.bannerdi140 {grid-row: 1; grid-column: 1;}
	.bannerdi141 {grid-row: 3; grid-column: 1;}