body { position: relative; padding: 0 40px; }
#testata { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 2; }

#st-portale { padding-top: 40px; }

#colonna0, #colonna1, #colonna2, #colonna3, #colonna4 { margin-bottom: 45px; }
#colonna4 { padding: 0 20px; text-align: center; }

#colonna0 { position: relative; height: 450px; }
#colonna0 .st-box-notizia { position: absolute; top: 0; left: 0; right: 0; height: 450px; box-shadow: 0 10px 15px rgb(0 0 0 / 33%); }
#colonna0 .st-box-notizia:nth-child(n+2) { display: none; }
#colonna0 .st-box-notizia .st-immagine1 { height: 450px; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; }
#colonna0 .st-box-notizia .st-immagine1:after { content: ''; display: block; background-image: url(/images/bkg-hero.png); height: 450px; width: 100%; background-position: left bottom; background-size: contain; background-repeat: no-repeat; opacity: .85; }
#colonna0 .st-box-notizia time { color: var(--colore1-2); position: relative; margin-top: 230px; margin-left: 60px; font-size: .8em; font-weight: 700; display: inline-block; }
#colonna0 .st-box-notizia h2 { text-shadow: 2px 2px 2px rgb(0 0 0 / 90%); color: var(--colore1-1o); position: relative; padding: 20px 0 20px 80px; font-size: 1.7em; font-weight: 700; max-width: 23em; text-transform: none; }
#colonna0 .st-box-notizia .st-argomento { color: var(--colore1-2); position: relative; margin-left: 60px; font-size: .8em; font-weight: 700; display: inline-block; }
#colonna0 .st-box-notizia .st-testo,
#colonna0 .st-box-notizia .st-immagine2 { display: none }
#colonna0 .st-box-notizia.st-notizia-classe2 .st-immagine1:after { content: normal; }
#colonna0 .st-box-notizia.st-notizia-classe2 time,
#colonna0 .st-box-notizia.st-notizia-classe2 .st-argomento { color: var(--colore1-1o); background-color: var(--colore1-1); padding: 2px 4px; }

#punti { position: absolute; z-index: 10; bottom: 0; width: 100%; text-align: center; }
#punti > div { width: 1em; height: 1em; display: inline-block; margin: .7em; cursor: pointer; background-color: var(--colore1-1o); border: 1px solid var(--colore1-1); border-radius: 1em; }
#punti > div.attivo { background-color: var(--colore1-1); border: 1px solid var(--colore1-1o); }

#colonna1 { padding: 0 0px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; }
#colonna1 .st-box-notizia { width: 100%; }
#colonna1 .st-box-notizia h2 { font-size: 1.2em; font-weight: 700; text-transform: none; height: 5em; }
#colonna1 .st-box-notizia h2:before { content: ''; display: block; width: 3rem; height: .3rem; background-color: var(--colore1-1); margin: 0 0 1em 0; }
#colonna1 .st-box-notizia .st-immagine1 { display: none }
#colonna1 .st-box-notizia .st-immagine2 { box-shadow: 0px 0px 14px 3px rgb(0 0 0 / 19%); height: 200px; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 1em 0; }
#colonna1 .st-box-notizia .st-argomento { display: inline-block; color: var(--colore1-1); font-size: .7em; font-weight: 500; margin-bottom: .5em; }
#colonna1 .st-box-notizia .st-argomento:after { content: ' | '; display: inline-block; margin-left: .5em; margin-right: .5em; color: var(--body-txtcolor); opacity: .4; }
#colonna1 .st-box-notizia time { display: inline-block; opacity: .8; font-size: .7em; font-weight: 500; margin-bottom: .5em; }
#colonna1 .st-box-notizia .st-testo { font-size: .85em; font-weight: 500; }

#colonna1 .st-box-notizia.st-notizia-classe2 { --bgcol: rgb(255 106 106 / 90%); box-shadow: 0px 0px 14px 3px rgb(0 0 0 / 19%); width: 100%; position: relative; min-height: 350px; }
#colonna1 .st-box-notizia.st-notizia-classe2 .st-immagine1 { display: block; height: 100%; width: 100%; position: absolute; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0; }
#colonna1 .st-box-notizia.st-notizia-classe2 h2 {
	border-top-right-radius: 30px;
	position: absolute;
	bottom: 130px;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: none;
	height: auto;
	background-color: var(--bgcol);
	padding: 15px;
	margin-right: 40px;
	overflow: hidden;
	width: calc(100% - 40px);
	text-transform: uppercase;
}
#colonna1 .st-box-notizia.st-notizia-classe2 .st-immagine2, #colonna1 .st-box-notizia.st-notizia-classe2 .st-argomento { display: none }
#colonna1 .st-box-notizia.st-notizia-classe2 time {
	opacity: 1;
	position: absolute;
	bottom: 130px;
	height: 17px;
	font-size: .7em;
	font-weight: 500;
	margin-bottom: 0em;
	display: block;
	background-color: var(--bgcol);
	padding: 0 15px;
	margin-right: 40px;
	width: calc(100% - 40px);
	color: transparent;
	display: none;
}
#colonna1 .st-box-notizia.st-notizia-classe2 .st-testo {
	position: absolute;
	bottom: 0;
	height: 130px;
	font-size: .8em;
	font-weight: 500;
	background-color: var(--bgcol);
	padding: 15px;
	padding-top: 7px;
	margin-right: 40px;
	overflow: hidden;
}

.st-box-multimedia { grid-column: 1 / -1; }
.st-box-multimedia h2 { text-transform: uppercase; letter-spacing: 1px; text-align: center; font-size: .9em; }
.st-box-multimedia h2:after { content: ''; display: block; width: 3rem; height: .3rem; background-color: var(--colore1-1); margin: .3em auto 0 auto; }
.st-box-multimedia .st-box-contenuto { margin-top: 1em; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; grid-gap: 40px; }
.st-box-multimedia .st-box-contenuto a { box-shadow: 0px 0px 14px 3px rgb(0 0 0 / 19%); display: block; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; }
.st-box-multimedia .st-box-contenuto a:before { content: ''; display: block; width: 100%; padding-bottom: 60%; }
.st-box-multimedia .st-box-contenuto .st-descrizione { position: absolute; width: 100%; bottom: 0; padding: 1em .3em .3em; line-height: 1.2; font-size: .7em; text-align: center; color: var(--colore1-1o); overflow: hidden; font-weight: 700; background: -moz-linear-gradient(bottom, var(--colore1-1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(bottom, var(--colore1-1) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to top, var(--colore1-1) 0%, rgba(0,0,0,0) 100%); }

.st-box-campionato { width: 100%; margin-bottom: 20px; }
.st-box-campionato thead,
.st-box-campionato tbody  { font-family: var(--font-family-2); }
.st-box-campionato h2 { font-size: 1.2em; font-weight: 700; text-transform: none; height: 5em;  }
.st-box-campionato h2:before { content: ''; display: block; width: 3rem; height: .3rem; background-color: var(--colore1-1); margin: 0 0 1em 0; }
.st-box-campionato table { width: 100%; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; overflow: hidden; border-spacing: 0; border-collapse: collapse; }
.st-box-campionato table ~ table { margin-top: .5em; }
.st-box-campionato table caption { width: 100%; font-weight: 600; font-size: .8em; padding: 4px; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.1); -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; background-color: var(--colore1-1); color: var(--colore1-1o); }
.st-box-campionato table a:hover { text-decoration: underline; }
.st-box-campionato table tbody a { display: inline-block; }
.st-box-campionato table tbody td,
.st-box-campionato table thead th { font-size: .9em; padding: 4px; border-right: 1px solid rgba(0,0,0,0.1); text-align: center; vertical-align: middle; }
.st-box-campionato table thead th { background-color: var(--colore1-1); color: var(--colore1-1o); }
.st-box-campionato table tbody tr { background-color: rgba(0,0,0,0.1); }
.st-box-campionato table tbody tr:nth-child(odd) { background-color: rgba(0,0,0,0.15); }
.st-box-campionato table tbody tr.st-evidenzia-riga { background-color: var(--colore1-3); color: var(--colore1-3o); }
.st-box-campionato table thead th:last-child { border-right: none; }
.st-box-campionato table tbody td:first-child { text-align: left; }
.st-box-campionato table.st-selezionate tbody td:first-child { min-width: 55px; text-align: center; }
.st-box-campionato table.st-selezionate tbody td:last-child { min-width: 40px; text-align: center; }
a.st-url-live img { vertical-align: text-bottom; margin-left: 0.2em; width: auto; height: 1em; }

#colonna5 { padding: 20px; }
#colonna5 .banner-in-basso { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; grid-gap: 40px; }
#colonna5 .banner-in-basso img { box-shadow: 0px 0px 14px 3px rgb(0 0 0 / 19%);  }

#box-sponsor { display: grid; grid-auto-flow: column; justify-content: space-between; grid-gap: 6px; margin-bottom: 40px; }

@media (max-width: 1200px) and (min-width: 768px) {
	body { padding: 0 calc((9.593vw - 65px)); }
	#testata { padding: 0 calc(40px + ((100vw - 768px) / 10.8)); }
	#colonna4 { grid-gap: 40px calc(40px + ((100vw - 768px) / 10.8)); }
}

@media (max-width: 768px) {
	body { padding: 0 2vw; }
	#st-portale { padding-top: 5px; }
	#colonna0, #colonna1, #colonna2, #colonna3, #colonna4 { margin-bottom: 30px; }
	#colonna5 { padding: 10px; }
	
	#colonna0, #colonna1, #colonna4, #colonna5 .banner-in-basso { grid-template-columns: 1fr; grid-gap: 30px; }
	.st-box-multimedia .st-box-contenuto { grid-template-columns: 1fr; grid-gap: 20px; }
	
	#colonna0,
	#colonna0 .st-box-notizia,
	#colonna0 .st-box-notizia .st-immagine1,
	#colonna0 .st-box-notizia .st-immagine1:after { height: 300px; }
	#colonna0 .st-box-notizia time { margin-top: 140px; }
	#colonna0 .st-box-notizia time,
	#colonna0 .st-box-notizia .st-argomento { margin-left: 10px; color: var(--colore1-1o); background-color: var(--colore1-1); padding: 2px 10px; }
	#colonna0 .st-box-notizia h2 { width: auto; padding: 10px; line-height: 1.1; }
	#colonna1 .st-box-notizia h2 { height: auto; }
	.st-box-campionato h2 { height: auto; margin-bottom: 1em; }
	#colonna1 .st-box-notizia .st-immagine2 { height: 64vw; }

	#box-sponsor { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(auto-fill, min-content); justify-content: space-between; justify-items: center; grid-gap: 20px 40px; grid-auto-flow: unset; margin-bottom: 40px; }
	
}