/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/css2/icofont/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('/css2/icofont/montserrat-v26-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/css2/icofont/montserrat-v26-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('/css2/icofont/montserrat-v26-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/css2/icofont/montserrat-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('/css2/icofont/montserrat-v26-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/css2/icofont/montserrat-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('/css2/icofont/montserrat-v26-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('/css2/icofont/barlow-condensed-v12-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root{
	--colore1-1: #6a90c2;
	--colore1-1o: white;
	--colore1-2: #2e486b;
	--colore1-2o: white;
	--colore1-3: #e1e9f2;
	--colore1-3o: black;
	--body-bgcolor: #fff;
	--body-txtcolor: #000000;
	--body-titlecolor: #ff7b00;
	--menu-bgcolor: #ffffff;
	--menu-txtcolor: #d17605;
	--zebra: rgba(125,125,125,.1);
	--popup-bgcolor: rgba(46,72,107,1);
	--popup-txtcolor: #fff;
	--thead-bgcolor: #7b4502;
	--thead-txtcolor: #f8f8f8;
	--footer-bgcolor: white;
	--footer-txtcolor: black;
	--footer-titlecolor: #ff7b00;
	--colore-sportrentino: #ff7b00;
	--colore-calcio: #178b0d;
	--colore-volley: #cc66cc;
	--colore-basket: #ff6e04;
	--colore-ciclismo: #7acdff;
	--colore-calcioa5: #33999b;
	--colore-motori: #ee2829;
	--colore-tennis: #51CC3F;
}

/* reset */
* { box-sizing: border-box; margin: 0; padding: 0; font: inherit; color: inherit; text-decoration: none; list-style: none; vertical-align: inherit; }
*:after, *:before { box-sizing: border-box; }
html { font: 400 normal normal .9rem/1.5 'Montserrat', sans-serif; background-color: var(--footer-bgcolor); min-height: 100vh; min-width: 300px; vertical-align: middle; }
body { background-color: var(--body-bgcolor); color: var(--body-txtcolor); height: 100%; display: block; position: relative; margin-bottom: 100px; }
img { max-width: 100%; max-height: 100vh; }
table { border-spacing: 0; border-collapse: collapse; caption-side: top; empty-cells: show; table-layout: auto; }
strong, b { font-weight: 700; }
em, i { font-style: italic; }

body > header,
#st-portale { max-width: 1024px; width: 100%; margin: 0 auto; }

.stit-testata-colore { background-color: var(--colore1-2); color: var(--colore1-2o); padding: 0 30px; border-top: 3px solid var(--body-bgcolor); border-bottom: 5px solid var(--body-bgcolor); background-size: cover; background-blend-mode: soft-light; }
.stit-testata-colore.stid-sfondo-1 { background-image: url(//www.sportrentino.it/immagini/testata_1.jpg); }
.stit-testata-colore.stid-sfondo-2 { background-image: url(//www.sportrentino.it/immagini/testata_2.jpg); }
.stit-testata-colore.stid-sfondo-3 { background-image: url(//www.sportrentino.it/immagini/testata_3.jpg); }
#stit-barrasmartphone { z-index: 2; position: fixed; top: 0px; left: 0px; right: 0px; padding: 0; border-top: 3px none var(--body-bgcolor); border-bottom: 5px solid var(--body-bgcolor); background-size: cover; background-image: url(//cms.pegasomedia.it/grafica/stit-sfondo.jpg); background-blend-mode: color-burn; display: grid; grid-template-columns: 40px auto 40px; grid-template-rows: 60px; align-items: center; justify-items: center; }
#stit-logo-small { display: block; text-align: center; width: 100%; height: 80%; }
#stit-logo-small img { max-height: 100%; }

#stit-riga-1 { display: block; margin-top: -3px; border-top: 3px solid var(--colore-sportrentino); background-color: rgba(255, 255, 255, .07); }
#stit-menu-sportrentino { display: inline-block; width: 60%; padding-left: 30px; }
#stit-menu-sportrentino li { display: inline-block; font-size: 10px; line-height: 30px; height: 30px; }
#stit-menu-sportrentino li:hover { color: var(--colore-sportrentino); }
#stit-menu-sportrentino li:before { content: '/'; display: inline-block; color: var(--colore-sportrentino); margin-left: .5em; margin-right: .5em; }
#stit-menu-sportrentino li:first-child:before { display: none; }
#stit-pulsanti-social { display: inline-block; width: 39%; padding-right: 30px; text-align: right; }
#stit-pulsanti-social a { display: inline-block; font-size: 14px; line-height: 30px; height: 30px; width: 30px; margin-left: 5px; border-radius: 15px; text-align: center; }
#stit-pulsanti-social a.icofont-facebook:hover { background-color: #43629b; }
#stit-pulsanti-social a.icofont-youtube:hover { background-color: #c72027; }
#stit-pulsanti-social a.icofont-twitter:hover { background-color: #2ea7de; }
#stit-pulsanti-social a.icofont-ui-rss:hover { background-color: #df8222; }

#stit-riga-2 { margin: 1.5em 0; display: grid; grid-template-columns: 260px auto 90px; grid-template-rows: 130px; grid-gap: 6px; align-items: center; }
#stit-riga-2 form { width: 100%; text-align: center; }
#stit-riga-2 [type='text'] { width: 60%; border: none; background-color: rgba(255, 255, 255, .1); padding: 10px; display: inline-block; color: var(--colore-sportrentino); font-size: 10px; }
#stit-riga-2 [type='text']::placeholder { color: var(--body-bgcolor); opacity: .5; }
#stit-riga-2 [type='submit'] { border: none; background-color: var(--colore-sportrentino); padding: 10px; display: inline-block; color: var(--body-bgcolor); font-size: 10px; text-transform: uppercase; }

#stit-riga-3 { display: block; background-color: rgba(0, 0, 0, .44); text-align: center; }
#stit-menu-sezioni { margin-bottom: -5px; border-bottom: 5px solid #dddddd; display: grid; grid-template-columns: repeat(12, max-content); justify-content: center; }
#stit-menu-sezioni li { display: inline-block; text-transform: uppercase; font-size: 9px; height: 4em; line-height: 4em; }
#stit-menu-sezioni a { display: inline-block; padding-left: 1em; padding-right: 1em; }
#stit-menu-sezioni a:hover { background-color: var(--colore-sportrentino); color: var(--body-bgcolor); }
#stit-menu-sezioni .st-link-attivo { background-color: var(--colore-sportrentino); color: var(--body-bgcolor); }

#stit-link-sponsor { font-size: 11px; line-height: 1; font-weight: 700; text-align: center; border-width: 2px 0px 2px 0px; border-style: solid; border-color: #cccccc; padding: 10px 30px; background-color: rgb(253 231 160 / 16%); }
#stit-link-sponsor h2 { font-size: .8em; text-align: left; opacity: .5; margin-bottom: 1em; }
#stit-link-sponsor ul { display: grid; /*grid-auto-flow: column;*/ grid-gap: 10px; justify-items: stretch; align-items: center; grid-template-columns: 1fr 1fr 1fr 1fr; }

/* footer */

body > footer { font-size: 10px; font-weight: 700; max-width: 1024px; width: 100%; margin: 30px auto; display: grid; grid-template-columns: 20px auto repeat(3, 140px) max-content 20px; grid-gap: 1em 2em; align-items: start; grid-template-areas: 'logo logo logo logo logo logo logo' 'barra barra barra barra barra barra barra' '. infost sport magazine portale pegasomedia .' '. infopm sport magazine portale pegasomedia .' '. social sport magazine portale pegasomedia .'; }
body > footer h3 { color: var(--footer-titlecolor); letter-spacing: 2px; margin-bottom: 1em; font-size: 1.2em; font-weight: 700; }
body > footer p { font-weight: 400; font-size: 1.2em; }
body > footer a:hover { border-bottom: 1px dotted var(--footer-titlecolor); }
body > footer li { line-height: 1.8em; }
body > footer li a { display: block; }

#stit-footer-logost { grid-area: logo; max-width: 350px; justify-self: center; width: 80%; }
#stit-footer-barra { grid-area: barra; height: 3px; background-color: #eaeaea; margin: 1em 0; }
#stit-footer-infost { grid-area: infost; }
#stit-footer-infopm { grid-area: infopm; }
#stit-footer-pulsanti-social { grid-area: social; }
#stit-footer-pulsanti-social a { display: inline-block; font-size: 16px; line-height: 32px; margin-right: 10px; height: 32px; width: 32px; text-align: center; border-radius: 16px; color: white; background-color: #ff7b00; }
#stit-footer-pulsanti-social a.icofont-facebook { background-color: #43629b; }
#stit-footer-pulsanti-social a.icofont-youtube { background-color: #c72027; }
#stit-footer-pulsanti-social a.icofont-twitter { background-color: #2ea7de; }
#stit-footer-pulsanti-social a.icofont-ui-rss { background-color: #df8222; }
#stit-footer-sport { grid-area: sport; }
#stit-footer-magazine { grid-area: magazine; }
#stit-footer-magazine li { color: var(--footer-titlecolor); font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 1px; }
#stit-footer-portale { grid-area: portale; }
#stit-footer-pegasomedia { grid-area: pegasomedia; }
#stit-footer-bottoni { grid-area: bottoni; }
#stit-footer-bottoni li { line-height: 2.5em; }

/* popup */

.st-popup { display: block; position: fixed; right: 100vw; bottom: 100vh; height: 0; left: 0; text-align: center; background-color: var(--popup-bgcolor); color: var(--popup-txtcolor); padding: 25px 3vw 3vw; overflow: auto; background-size: cover; background-image: url(//cms.pegasomedia.it/grafica/stit-sfondo.jpg); background-blend-mode: color-burn; }
.st-popup h3, #st-elenco-argomenti p { text-align: center; font-size: 1.5em; margin: .5em 0; color: var(--body-titlecolor); font-weight: 700; }
.st-popup .stit-voce-menu, #st-elenco-argomenti ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); grid-gap: .5em; max-width: 800px; margin: auto; }
.st-popup .stit-voce-menu li, #st-elenco-argomenti li { text-align: center; margin: 0; border: 1px solid var(--popup-txtcolor); border-radius: .5em; font-size: .9rem; font-weight: 700; width: 100%; overflow: hidden; line-height: 1; position: relative; }
.st-popup .stit-voce-menu li:before, #st-elenco-argomenti li:before { content: ''; margin-bottom: 50%; display: block; }
.st-popup .st-icone-sportrentino li:before { content: ''; margin-bottom: 100%; display: block; }
.st-popup .stit-voce-menu li a, #st-elenco-argomenti li a { padding: .3em; display: grid; grid-template-columns: 100%; grid-template-rows: 100%; justify-items: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; }
.st-popup:target { top: 0; bottom: 0; right: 0; left: 0; height: auto; z-index: 2; }
.st-popup-chiudi { position: absolute; top: 0; right: 0; height: 40px; width: 40px; display: block; font-size: 25px; line-height: 40px; text-align: center; text-decoration: none !important; opacity: .5; }
.st-popup-chiudi:hover { opacity: 1; }
.st-popup:target .st-popup-chiudi { position: fixed; }
.st-popup-chiudi:after { content: '\2715'; }
.st-popup li a:hover { background-color: var(--popup-txtcolor); color: var(--popup-bgcolor); }
.st-popup .stit-logo-sportrentino { margin: 0 auto 10px; width: 75%; max-width: 300px; }
.st-icone-sportrentino li.st-icona-sito a { padding: 0; display: grid; grid-template-columns: 1fr; grid-template-rows: calc(100% - 1.4em) 1.4em; justify-items: center; align-items: center; width: 100%; height: 100%; }
.st-icone-sportrentino li.st-icona-sito a img { max-height: 85%; max-width: 80%; }
.st-icone-sportrentino li.st-icona-sito a span { font-size: .85em; line-height: 1; font-weight: 700; }

/* colore punteggi */
.st-punti-0 { color: #ffffff; background: #d00000; }
.st-punti-1 { color: #000000; background: #f8b73f; }
.st-punti-2 { color: #333333; background: #ccffbb; }
.st-punti-3 { color: #ffffff; background: #33cc00; }
/* punteggi del basket */
.st-sport-8 .st-punti-2 { color: #ffffff; background: #33cc00; }

#colonna0 { grid-area: col0; }
#colonna1 { grid-area: col1; }
#colonna2 { grid-area: col2; }
#colonna3 { grid-area: col3; }
#colonna4 { grid-area: col4; }
#colonna5 { grid-area: col5; }
#colonna6 { grid-area: col6; }
#colonna7 { grid-area: col7; }
#colonna8 { grid-area: col8; }
#colonna9 { grid-area: col9; }

.st-portali-interne { max-width: 1024px; margin: 0 auto; display: grid; grid-template-areas: 'col0' 'col1' 'col2'; grid-gap: 30px; grid-template-columns: 1fr; }
 
/* schermo small (inferiore ai 768 pixel) */
@media all and (max-width: 768px) {
  .s-hide { display: none !important; }
	body > footer { text-align: center; display: grid; grid-template-columns: auto minmax(200px, 300px) auto; grid-gap: 1em 2em; align-items: start; grid-template-areas: 'logo logo logo' 'barra barra barra' '. infost .' '. infopm .' '. bottoni .' '. social .'; }
	body { padding-top: 67px; }
	#stit-link-sponsor { padding: 10px; }
	#stit-link-sponsor ul { grid-template-columns: 1fr 1fr; grid-auto-flow: initial; }

  /* classifiche di pallavolo */
  .st-classifica.st-sport-7 thead tr:nth-child(1) th:nth-child(n + 4),
  .st-classifica.st-sport-7 thead tr:nth-child(2) th:nth-child(n + 1),
  .st-classifica.st-sport-7 tbody tr td:nth-child(n + 5) { visibility: hidden; display: none; }
  .st-classifica.st-sport-7 thead tr:nth-child(1) th:nth-child(n + 6),
  .st-classifica.st-sport-7 thead tr:nth-child(2) th:nth-child(n + 7),
  .st-classifica.st-sport-7 tbody tr td:nth-child(n + 11) { visibility: visible; display: table-cell; }
  .st-classifica.st-sport-7 thead tr:nth-child(1) th:nth-child(n + 10),
  .st-classifica.st-sport-7 tbody tr td:nth-child(n + 18) { visibility: hidden; display: none; }
  /* classifiche di calcio */
  .st-classifica.st-sport-6 thead tr:nth-child(1) th:nth-child(n + 5),
  .st-classifica.st-sport-6 thead tr:nth-child(2) th:nth-child(n + 6),
  .st-classifica.st-sport-6 tbody tr td:nth-child(n + 10) { visibility: hidden; display: none; }
  /* classifiche di basket */
  .st-classifica.st-sport-8 thead tr:nth-child(1) th:nth-child(n + 5),
  .st-classifica.st-sport-8 thead tr:nth-child(2) th:nth-child(n + 6),
  .st-classifica.st-sport-8 tbody tr td:nth-child(n + 10) { visibility: hidden; display: none; }
}

/* schermo medium (tra i 769 e 1024 pixel) */
@media all and (max-width: 1024px) and (min-width: 769px) {
  .m-hide { display: none !important; }
  #stit-menu-portali img { display: none; }
  body > footer { display: grid; grid-template-columns: 3vw repeat(3, 1fr) 3vw; grid-template-areas: 'logo logo logo logo logo' 'barra barra barra barra barra' '. infost sport magazine .' '. infopm sport magazine .' '. social portale pegasomedia .'; }
	#stit-link-sponsor ul { grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-flow: initial; }
}

/* schermo large (sopra i 1025 pixel) */
@media all and (min-width: 1025px) {
  .l-hide { display: none !important; }
}