/* 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: #51CC3F;
	--colore1-1o: white;
	--colore1-2: #2E6D25;
	--colore1-2o: white;
	--colore1-3: #E1FFBC;
	--colore1-3o: black;
	--body-bgcolor: #fff;
	--body-txtcolor: #000000;
	--menu-bgcolor: #ffffff;
	--menu-txtcolor: #d17605;
	--zebra: rgba(125,125,125,.1);
	--popup-bgcolor: rgba(0,0,0,.95);
	--popup-txtcolor: #fff;
	--thead-bgcolor: #7b4502;
	--thead-txtcolor: #f8f8f8;
	--footer-bgcolor: white;
	--footer-txtcolor: black;
	--footer-titlecolor: #f67d36;
	--colore-sportrentino: #ff9900;
	--colore-calcio: #178b0d;
	--colore-volley: #cc66cc;
	--colore-basket: #ff6e04;
	--colore-ciclismo: #7acdff;
	--colore-calcioa5: #33999b;
	--colore-motori: #ee2829;
	--colore-tennis: #51CC3F;
}

.st-nomesito { font-size: 160px; letter-spacing: 40px; padding-left: 40px; }
.st-nomesito:after{ content: 'TENNIS'; }

.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; text-align: center; }
#colonna2 { grid-area: col2; }
#colonna3 { grid-area: col3; text-align: center; }
#colonna4 { grid-area: col4; }
#colonna5 { grid-area: col5; text-align: center; }
#colonna6 { grid-area: col6; }
#colonna7 { grid-area: col7; }
#colonna8 { grid-area: col8; }
#colonna9 { grid-area: col9; }

/* schermo small (inferiore ai 768 pixel) */
@media all and (max-width: 768px) {
	:root { --sfondo-image-1: url(//tennis.sportrentino.it/grafica/foto_02_small.jpg); }
  #st-portale {
    display: grid;
    grid-template-areas:
      'col9'
      'col0'
      'col1'
      'col7'
      'col2'
      'col4'
      'col5'
      'col6';
    grid-gap: 30px;
    grid-template-columns: 1fr;
  }
  .st-portali-interne { 
    display: grid;
    grid-template-areas:
      'col5'
      'col0'
      'col1'
      'col2'
      'col3'
      'col4';
    grid-gap: 30px;
    grid-template-columns: 1fr;
  }
  #st-intestazione .st-nomesito { font-size: 24vw; letter-spacing: 5vw; padding-left: 5vw; }
  /* 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; }
  #colonna1 .st-box-html a, #colonna3 a, #colonna2 a { margin-top: 30px; display: inline-block; width: 100%; }
  #colonna1 .st-box-html a:nth-child(2), #colonna3 a:first-child, #colonna2 a:first-child { margin-top: 0; }
}

/* schermo medium (tra i 769 e 1024 pixel) */
@media all and (max-width: 1024px) and (min-width: 769px) {
	:root { --sfondo-image-1: url(//tennis.sportrentino.it/grafica/foto_02.jpg); }
	#st-portale {
    display: grid;
    grid-template-areas:
      'col9 col9'
      'col0 col0'
      'col1 col1'
      'col7 col7'
      'col2 col2'
      'col4 col5'
      'col6 col6';
    grid-gap: 30px;
    grid-template-columns: 2fr 1fr;
  }
  .st-portali-interne { 
    display: grid;
    grid-template-areas:
      'col5 col5 col5'
      'col0 col0 col0'
			'col1 col2 col3'
			'col4 col4 col4';
    grid-gap: 40px;
    grid-template-columns: repeat(3, 1fr);
  }
  /*#colonna1 .st-box-html a, */
  #colonna3 a { margin-top: 40px; display: inline-block; width: 100%; }
  #colonna1 .st-box-html a:nth-child(2), #colonna2 a:first-child { margin-left: 0; }
  #colonna3 a:first-child { margin-top: 0; }
}

/* schermo large (sopra i 1025 pixel) */
@media all and (min-width: 1025px) {
	:root { --sfondo-image-1: url(//tennis.sportrentino.it/grafica/foto_02.jpg); }
  #st-portale {
    display: grid;
    grid-template-areas:
      'col9 col9'
      'col0 col0'
      'col1 col1'
      'col7 col7'
      'col2 col2'
      'col4 col5'
      'col6 col6';
    grid-gap: 40px;
    grid-template-columns: 2fr 1fr;
  }
  .st-portali-interne { 
    display: grid;
    grid-template-areas:
      'col5 col5 col5'
      'col0 col0 col0'
			'col3 col3 col3'
			'col4 col4 col4'
			'col1 col2 col2';
    grid-gap: 40px;
    grid-template-columns: repeat(3, 1fr);
  }
  /*#colonna1 .st-box-html a, */
  #colonna3 a { margin-top: 40px; display: inline-block; width: 100%; }
  #colonna1 .st-box-html a:nth-child(2), #colonna2 a:first-child { margin-left: 0; }
  #colonna3 a:first-child { margin-top: 0; }
  #st-portali-tipo-1 #colonna3 a { width: auto; margin: 0; }

}