#testata, #st-portale, #piede { width: 90rem; max-width: 100%; margin: 0 auto; }

#testata { margin-bottom: -5px; }
#menu-superiore { margin: 0 3vw; display: grid; grid-template-columns: 30% 1fr 2rem; grid-template-rows: 2.5rem 2rem; grid-gap: 0 1em; align-items: center; align-content: center; grid-template-areas: 'logo social lente' 'logo principale lente'; background-color: white; }
#logo-fin-tn { grid-area: logo; padding-left: 1em; max-height: 90%; height: 100%; display: block; }
#logo-fin-tn img { max-height: 100%; }
#menu-social { justify-self: end; grid-area: social; }
#menu-social li { display: inline-block; }
#menu-social img { height: 1.8em; }
#menu-principale { justify-self: end; grid-area: principale; line-height: 1; vertical-align: top; }
#menu-principale li { display: inline-block; height: 1em; }
#menu-principale a { letter-spacing: .1em; display: inline-block; font-weight: 700; text-transform: uppercase; padding: 0 1em; font-size: .7rem; }
#st-cerca { grid-area: cerca; display: none; text-align: center; }
#st-cerca [type='text'] { width: 80%; }
#menu-superiore.cerca { grid-template-areas: 'logo cerca lente' 'logo cerca lente'; }
#menu-superiore.cerca #menu-social { display: none; }
#menu-superiore.cerca #menu-principale { display: none; }
#menu-superiore.cerca #st-cerca { display: block; width: 100%; }
#bottone-lente { cursor: pointer; grid-area: lente; background-color: #dadada; text-align: center; height: 100%; width: 100%; display: block; font-size: 1.5rem; line-height: 4.5rem; }
#bottone-lente:hover { background-color: var(--colore1-1); color: var(--colore1-1o); }

#slide-testata { vertical-align: top; position: relative; overflow: hidden; width: 100%; aspect-ratio: 1600 / 500; }
#slide-testata:after { content: ''; display: block; position: absolute; height: 100%; width: 100%; background-image: url(//www.fintrentino.it/grafica/sfondo-sfumatura-testata.png); background-position: center center; background-repeat: no-repeat; background-size: calc((100% - 12vw) / 3); bottom: 0; opacity: 1; }
#slide-testata img { width: 100%; position: absolute; top: 0px; opacity: 0; transition: opacity 1000ms; }
#slide-testata img.attiva { opacity: 1; }

#menu-discipline { display: flex; flex-wrap: nowrap; justify-content: space-evenly; align-items: stretch; padding: 0 3vw; }
#menu-discipline li { flex: auto; border-bottom: 5px solid rgb(0 0 0 / 20%); margin-bottom: -4px; }
#menu-discipline a { display: block; letter-spacing: .15em; background-color: var(--menu-bgcolor); color: var(--menu-txtcolor); line-height: 4em; font-size: .7rem; text-transform: uppercase; text-align: center; font-weight: bold; transition: background-color 100ms 0ms; }
#menu-discipline li:hover a { background-color: var(--colore1-1o); color: var(--colore1-1); text-shadow: 0px 1px 0 #ccc; }
#menu-discipline li:hover span[class^='icona-']:before { background-color: var(--colore1-1); }
#menu-discipline.con-menu-disciplina li { background-color: var(--menu-bgcolor); flex: auto; border-bottom: 5px solid rgb(0 0 0); margin-bottom: 0; }
#menu-discipline.con-menu-disciplina a { margin-bottom: -1px; }
#menu-discipline li.voce-attiva { border-bottom: 5px solid var(--colore1-1); margin-bottom: 0; }
#menu-discipline li.voce-attiva a { background-color: var(--colore1-1); color: var(--colore1-1o); }
#menu-discipline li.voce-attiva:hover a { background-color: var(--colore1-1o); color: var(--colore1-1); }
#menu-discipline li.voce-attiva span[class^='icona-']:before { background-color: var(--colore1-1o); }
#menu-discipline li.voce-attiva:hover span[class^='icona-']:before { background-color: var(--colore1-1); }

#menu-disciplina li { flex: auto; border-bottom: 6px solid rgb(0 0 0 / 20%); margin-bottom: -6px; }
#menu-disciplina a { display: block; letter-spacing: .15em; color: var(--colore1-1o); line-height: 4em; font-size: .7rem; text-transform: uppercase; text-align: center; font-weight: bold; transition: background-color 100ms 0ms; background-color: var(--colore1-1); margin-bottom: -1px; }
#menu-disciplina li:hover a { background-color: var(--colore1-2o); color: var(--colore1-2); text-shadow: 0px 1px 0 #ccc; }
#menu-disciplina img { height: 1.5em; margin-right: .7em; vertical-align: sub; }
#menu-disciplina { display: flex; flex-wrap: nowrap; justify-content: space-evenly; align-items: stretch; padding: 0 3vw; }

#st-portale { margin: 0 auto; padding: 3vw 0 0 0; background-image: url(//www.fintrentino.it/grafica/sfondo-barra-centrale.jpg); background-position: center; background-repeat: repeat-y; background-size: calc((100% - 12vw) / 3); }

#colonna0 { padding: 0 3vw; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 4vw 3vw; }

#colonna0 .st-box-notizia { display: grid; grid-template-columns: 1rem max-content 1fr 1rem; grid-template-rows: 1.6rem 4rem .7rem min-content 1.6rem; grid-gap: 0; }
#colonna0 .st-box-notizia:before { content: ''; width: 100%; height: 100%; margin: 0; padding: 0; background-position: left top; background-repeat: no-repeat; background-size: contain; grid-column: 1 / 4; grid-row: 3 / 4; background-image: url(//www.fintrentino.it/grafica/barra-news-fin.png); }
#colonna0 .st-immagine1 { display: none; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; margin: 0; }
#colonna0 .st-immagine2 { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; aspect-ratio: 450 / 250; margin: 0; grid-column: 1 / 5; grid-row: 4 / 5; }
#colonna0 time { font-size: .6rem; font-weight: 700; display: block; width: 100%; height: 100%; margin: 0; grid-column: 2 / 4; grid-row: 1 / 2; }
#colonna0 h2 { font-size: 1rem; font-weight: 700; line-height: 1.1; width: 100%; height: 100%; margin: 0; grid-column: 2 / 4; grid-row: 2 / 3; }
#colonna0 .st-sito ,
#colonna0 .st-argomento { font-size: .6rem; font-weight: 700; text-transform: uppercase; color: var(--colore1-1); width: 100%; margin: 0; align-self: end; }
#colonna0 .st-argomento { grid-column: 3 / 4; grid-row: -2 / -1; }
#colonna0 .st-sito { grid-column: 2 / 3; grid-row: -2 / -1; }
#colonna0 .st-sito:after { content: '\2771'; display: inline-block; margin-left: .3em; margin-right: .3em; }
#colonna0 .st-testo { display: none }

#colonna0 .st_riquadro1 { display: grid; grid-template-columns: 1rem max-content 1fr 1rem; grid-template-rows: 1.6rem 1fr 2.2rem min-content 1.6rem; grid-gap: 0; min-height: 17rem; }
#colonna0 .st_riquadro2 { display: grid; grid-template-columns: 1rem max-content 1fr calc((100% + 3vw + 2rem) / 2); grid-template-rows: 1.6rem 1fr 2.6rem 6rem 1.6rem; grid-gap: 0; grid-column: span 2; min-height: 17rem; }
#colonna0 .st_riquadro1:before { content: 'TOP NEWS'; font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; background-color: transparent; color: var(--body-txtcolor); width: 100%; height: 100%; margin: 0; padding: 0; grid-column: 2 / 4; grid-row: 1 / 2; background-image: none; }
#colonna0 .st_riquadro2:before { content: ''; background-image: none; }
#colonna0 .st_riquadro1 .st-immagine1 { display: block; grid-column: 1 / 5; grid-row: 2 / 5; }
#colonna0 .st_riquadro2 .st-immagine1 { display: block; grid-column: 1 / -1; grid-row: 1 / 5; }
#colonna0 .st_riquadro1 .st-immagine2 { display: none; }
#colonna0 .st_riquadro2 .st-immagine2 { display: none; }
#colonna0 .st_riquadro1 time,
#colonna0 .st_riquadro2 time { background-color: var(--colore1-2); color: var(--colore1-2o); padding: 1rem 0 0 1rem; grid-column: 2 / 4; grid-row: 3 / 4; }
#colonna0 .st_riquadro1 h2,
#colonna0 .st_riquadro2 h2 { font-weight: 400; font-size: 1.1rem; line-height: 1.2; background-color: var(--colore1-2); color: var(--colore1-2o); padding: 0 1rem 1rem 1rem; grid-column: 2 / 4; grid-row: 4 / 5; }
#colonna0 .st_riquadro1 .st-sito ,
#colonna0 .st_riquadro1 .st-argomento,
#colonna0 .st_riquadro2 .st-sito ,
#colonna0 .st_riquadro2 .st-argomento { background-color: var(--colore1-2); color: var(--colore1-2o); height: 100%; padding-left: .2rem; grid-column: 3 / 4; grid-row: 5 / 6; }
#colonna0 .st_riquadro1 .st-sito,
#colonna0 .st_riquadro2 .st-sito { grid-column: 2 / 3; padding-left: 1rem; }

#colonna1 { padding: 4vw; }
#colonna1 .banner-promozione { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; grid-gap: 4vw; justify-items: center; }
#colonna1 .banner-promozione img { box-shadow: 0px 0px 14px 3px rgb(0 0 0 / 19%); max-width: 430px; }

#colonna2 .st-box-contenuto { padding: 2vw; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 2vw; background-color: white; }
#colonna2 .st-notizia { position: relative; }
#colonna2 .st-notizia:nth-child(n+2):after { content: ''; display: block; position: absolute; width: 2px; top: -1vw; bottom: -1vw; left: -1vw; border-left: 1px dashed #999999; }
#colonna2 time { font-size: .6rem; font-weight: 700; margin-bottom: 1rem; display: block; }
#colonna2 h3 { margin-bottom: 1rem; font-size: .85rem; font-weight: 700; color: var(--colore1-1); height: 3em; }
#colonna2 .st-sito ,
#colonna2 .st-argomento { font-size: .6rem; text-transform: uppercase; display: inline-block; font-weight: 700; }
#colonna2 .st-sito { margin-left: 0rem; }
#colonna2 .st-sito:after { content: '\2771'; display: inline-block; margin-left: .3em; margin-right: .3em; color: var(--colore1-1); font-size: 1.2em; }

#colonna3 { margin-top: 3rem; background-color: rgb(255 255 255 / 100%); text-align: center; padding: 1em 0; }

#piede { padding-top: 3rem; padding-bottom: 5vw; text-align: center; font-size: .7rem; font-weight: 500; color: var(--footer-txtcolor); background-image: url(//www.fintrentino.it/grafica/sfondo-barra-piede.png); background-position: top center; background-repeat: no-repeat; background-size: calc((100% - 12vw) / 3); }
#piede img { max-height: 3rem; }
#piede p { margin: 1em auto; }
#piede .menu-social li { display: inline-block; }
#piede .menu-social img { height: 2.5em; }
#piede .barra-fin { height: 4rem; background-image: url(//www.fintrentino.it/grafica/barra-fin.png); background-position: center; background-repeat: no-repeat; background-size: contain; }
#piede #piede-elenchi { display: grid; grid-template-columns: repeat( auto-fit, minmax(5em, 1fr) ); grid-template-rows: 1fr; grid-gap: 1vw; font-size: .9em; text-align: left; padding: 0 3vw; }
#piede #piede-elenchi h3 { text-transform: uppercase; font-weight: 900; margin-bottom: 1em; letter-spacing: .1em; }
#piede #piede-elenchi ul li { margin: .3em 0; }
#piede #piede-elenchi a:hover { color: black; text-decoration: underline; }


@media (min-width: 1200px) {
	.l-hide { display: none !important; }
	#colonna0 .st_riquadro1.secondo-colore:before,
	#colonna0 .secondo-colore time,
	#colonna0 .secondo-colore .st-sito, 
	#colonna0 .secondo-colore .st-argomento, 
	#colonna0 .secondo-colore h2 { color: var(--colore1-1o); }
}

@media (max-width: 1200px) and (min-width: 769px) {
	.m-hide { display: none !important; }
	#menu-principale a { letter-spacing: 0; padding: 0 .5em; }
	#menu-discipline a { letter-spacing: 0; }
	#menu-discipline img { margin-right: .3em; }
	#colonna0 .st_riquadro1.secondo-colore:before,
	#colonna0 .secondo-colore time,
	#colonna0 .secondo-colore .st-sito, 
	#colonna0 .secondo-colore .st-argomento, 
	#colonna0 .secondo-colore h2 { color: var(--colore1-1o); }
}

@media (max-width: 768px) {
	.s-hide { display: none !important; }
	#menu-superiore { margin: 0; grid-template-columns: 40% 1fr 2rem; grid-template-rows: 3rem 3rem; grid-template-areas: 'logo social lente' 'principale principale principale'; }
	#menu-superiore.cerca { grid-template-areas: 'cerca cerca lente' 'principale principale principale'; }
	#menu-superiore.cerca #logo-fin-tn { display: none; }
	#menu-principale { justify-self: center; }
	#menu-superiore.cerca #menu-principale { display: flex; }
	#menu-principale { justify-self: center; display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-items: center; align-content: center; }
	#menu-principale a, #menu-disciplina a { font-family: 'BenchNine', sans-serif; letter-spacing: .5px; padding: 0; font-size: calc(0.5rem + 2vw); display: block; text-align: center; }
	#menu-social img { height: 2rem; }
	#bottone-lente { line-height: 3rem; }
	
	#menu-discipline { padding: 0; }
	#menu-discipline a { line-height: 3rem; font-size: 1rem; }
	#menu-discipline img { margin-right: 0; height: 1.6rem; vertical-align: middle; }
	
	#menu-disciplina { flex-wrap: wrap; padding: 0; }
	#menu-disciplina a { line-height: 3em; padding-left: .1em; padding-right: .1em; }
	
	#colonna0 { padding: 1rem 27vw 0 3vw; display: grid; grid-template-columns: 1fr; grid-gap: 2rem; }
	#colonna0 .st-box-notizia { grid-template-rows: 1.6rem max-content .7rem 11.3rem 1.6rem; }
	#colonna0 .st_riquadro1 { grid-template-columns: 3vw max-content 1fr 8vw; grid-template-rows: 1.6rem 1fr 2.2rem min-content 1.6rem; }
	#colonna0 .st_riquadro2 { grid-template-columns: 1rem max-content 1fr 29vw; grid-template-rows: 1.6rem 1fr 2.6rem 6rem 1.6rem; grid-column: span 1; margin-right: -21vw; }
	#colonna0 h2 { padding-bottom: .6rem; }
	
	#colonna1 .banner-promozione { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; grid-gap: 5vw; padding: 3vw 10vw; }
	#colonna1 .banner-promozione img { max-width: 100%; }
	
	#colonna2 .st-box-contenuto { grid-template-columns: 1fr; grid-gap: 2rem; padding: 2rem 2vw; }
	#colonna2 .st-notizia { position: relative; padding: 0 5vw; }
	#colonna2 .st-notizia:nth-child(n+2):after { top: -1rem; left: 0; right: 0; width: auto; bottom: auto; border-top: 1px dashed #999999; border-left: none; }
	#colonna2 time { margin-bottom: .7rem; }
	#colonna2 h3 { margin-bottom: .6rem; height: auto; }

	#piede #piede-elenchi { grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); grid-template-rows: 1fr; grid-gap: 1rem; font-size: .8rem; }
	
	#piede,
	#st-portale,
	#slide-testata:after { background-position-x: 97%; background-size: calc((100% - 12vw) / 3); }
}

@media (max-width: 270px) {
	* { display: none; }
}