.rosso10 {
  color: #FDB9B6; }

.rosso20 {
  color: #FA827F; }

.rosso30 {
  color: #F6524D; }

.rosso40 {
  color: #EE2C26; }

.rosso50 {
  color: #E31006; }

.rosso60 {
  color: #D51200; }

.rosso70 {
  color: #C31A00; }

.rosso80 {
  color: #AE2000; }

.rosso90 {
  color: #972300; }

.rosso100 {
  color: #7D2300; }

.celeste10 {
  color: #BADDF3; }

.celeste20 {
  color: #87C2EB; }

.celeste30 {
  color: #5AADE8; }

.celeste40 {
  color: #369AE3; }

.celeste50 {
  color: #1886DA; }

.celeste60 {
  color: #0375D0; }

.celeste70 {
  color: #0269C1; }

.celeste80 {
  color: #025CB1; }

.celeste90 {
  color: #004286; }

.celeste100 {
  color: #022B57; }

.turchese10 {
  color: #74E3ED; }

.turchese20 {
  color: #58CFDB; }

.turchese30 {
  color: #39B7C4; }

.turchese40 {
  color: #269EA9; }

.turchese50 {
  color: #157E88; }

.turchese60 {
  color: #0A5E66; }

.turchese70 {
  color: #08474D; }

.turchese80 {
  color: #063C41; }

.turchese90 {
  color: #031F22; }

.black10 {
  color: #E4E0E0; }

.black20 {
  color: #C9C1C0; }

.black30 {
  color: #AFA5A3; }

.black40 {
  color: #958C8B; }

.black50 {
  color: #766F6C; }

.black60 {
  color: #5A5553; }

.black70 {
  color: #413D3B; }

.black80 {
  color: #2F2C2A; }

.black90 {
  color: #191716; }

.bg-rosso10 {
  background-color: #FDB9B6; }

.bg-rosso20 {
  background-color: #FA827F; }

.bg-rosso30 {
  background-color: #F6524D; }

.bg-rosso40 {
  background-color: #EE2C26; }

.bg-rosso50 {
  background-color: #E31006; }

.bg-rosso60 {
  background-color: #D51200; }

.bg-rosso70 {
  background-color: #C31A00; }

.bg-rosso80 {
  background-color: #AE2000; }

.bg-rosso90 {
  background-color: #972300; }

.bg-rosso100 {
  background-color: #7D2300; }

.bg-celeste10 {
  background-color: #BADDF3; }

.bg-celeste20 {
  background-color: #87C2EB; }

.bg-celeste30 {
  background-color: #5AADE8; }

.bg-celeste40 {
  background-color: #369AE3; }

.bg-celeste50 {
  background-color: #1886DA; }

.bg-celeste60 {
  background-color: #0375D0; }

.bg-celeste70 {
  background-color: #0269C1; }

.bg-celeste80 {
  background-color: #025CB1; }

.bg-celeste90 {
  background-color: #004286; }

.bg-celeste100 {
  background-color: #022B57; }

.bg-turchese10 {
  background-color: #74E3ED; }

.bg-turchese20 {
  background-color: #58CFDB; }

.bg-turchese30 {
  background-color: #39B7C4; }

.bg-turchese40 {
  background-color: #269EA9; }

.bg-turchese50 {
  background-color: #157E88; }

.bg-turchese60 {
  background-color: #0A5E66; }

.bg-turchese70 {
  background-color: #08474D; }

.bg-turchese80 {
  background-color: #063C41; }

.bg-turchese90 {
  background-color: #031F22; }

.bg-black10 {
  background-color: #E4E0E0; }

.bg-black20 {
  background-color: #C9C1C0; }

.bg-black30 {
  background-color: #AFA5A3; }

.bg-black40 {
  background-color: #958C8B; }

.bg-black50 {
  background-color: #766F6C; }

.bg-black60 {
  background-color: #5A5553; }

.bg-black70 {
  background-color: #413D3B; }

.bg-black80 {
  background-color: #2F2C2A; }

.bg-black90 {
  background-color: #191716; }

.bg-celeste5 {
  background-color: #D5EBFA; }

.bg-rosso5 {
  background-color: #FED6D4; }

.bg-black {
  background-color: #000; }

.bg-white {
  background-color: #fff; }

.bg-aparole {
  background-color: #DDD2EC; }

.bg-aparole-dark {
  background-color: #6D5E80; }

.bg-base {
  background-color: #A9CCF5; }

.bg-base-dark {
  background-color: #2D66AB; }

.bg-future {
  background-color: #8AE5BD; }

.bg-future-dark {
  background-color: #4D7E67; }

.bg-internazionale {
  background-color: #F3B24A; }

.bg-internazionale-dark {
  background-color: #B2843B; }

.bg-guarda {
  background-color: #191716;
  color: #fff; }

.bg-ascolta {
  background-color: #2F2C2A;
  color: #fff; }

@media (min-width: 768px) {
  .bg-grey {
    background-color: #413D3B; } }

@media (min-width: 768px) {
  .bg-grey.grid {
    margin-top: 30px; } }

.bg-grey-light {
  background-color: #5A5553; }
  .bg-grey-light.container-video-carousel {
    border-radius: 8px;
    position: relative;
    left: -15px;
    width: calc( 100% + 15px*2); }

.white {
  color: #fff; }

.bello {
  color: #d41b39; }

/* DARK MODE */
:root {
  --white-or-black: #fff;
  --white-or-black20: #fff;
  --white-or-black-100: rgba(255,255,255,1);
  --color-bg-window: #f2f0ec;
  --black-or-white: #000;
  --black-or-white-0: rgba(255,255,255,0);
  --black5-or-black10: #F0EFEF;
  --black20-or-celeste0: #C9C1C0;
  --black50-or-white: #766F6C;
  --black60-or-white: #5A5553;
  --black60-or-black-20: #5A5553;
  --black70-or-white: #413D3B;
  --black70-or-black50: #413D3B;
  --celeste-or-celeste20: #87c4ea;
  --celeste90-or-celeste70: #004286;
  --porpora-or-white: #ea1040;
  --rosso-or-rosso50: #e50901;
  --article-preview-author: #766F6C;
  --box-direttore-bg: #D5EBFA;
  --box-direttore-nome: #413D3B;
  --bg-commenti: #D5EBFA;
  --icon-next: url(../img/next.png);
  --icon-prev: url(../img/prev.png);
  --scarica-pdf: url("../img/scarica_pdf.png"); }

@media (prefers-color-scheme: dark) {
  body.appwebview {
    --white-or-black: #000;
    --white-or-black20: #C9C1C0;
    --white-or-black-100: rgba(0,0,0,1);
    --color-bg-window: #000;
    --black-or-white: #fff;
    --black-or-white-0: rgba(0,0,0,0);
    --black5-or-black10: #E4E0E0;
    --black20-or-celeste0: #F2FAFF;
    --black50-or-white: #fff;
    --black60-or-white: #fff;
    --black60-or-black-20: #C9C1C0;
    --black70-or-white: #fff;
    --black70-or-black50: #766F6C;
    --celeste-or-celeste20: #87C2EB;
    --celeste90-or-celeste70: #0269C1;
    --porpora-or-white: #fff;
    --rosso-or-rosso50: #E31006;
    --box-direttore-bg: #0269C1;
    --box-direttore-nome: #fff;
    --article-preview-author: #C9C1C0;
    --bg-commenti: #0269C1;
    --icon-next: url(../img/next-white.png);
    --icon-prev: url(../img/prev-white.png);
    --scarica-pdf: url("../img/scarica_pdf_dark.png");
    background-color: var(--white-or-black); } }

@font-face {
  font-family: 'Schnyder M Web';
  src: url("../fonts/def/SchnyderM-BoldItalic-Web.woff2") format("woff2"), url("../fonts/def/SchnyderM-BoldItalic-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'Schnyder M Web';
  src: url("../fonts/def/SchnyderM-Bold-Web.woff2") format("woff2"), url("../fonts/def/SchnyderM-Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'Schnyder M Web';
  src: url("../fonts/def/SchnyderM-DemiItalic-Web.woff2") format("woff2"), url("../fonts/def/SchnyderM-DemiItalic-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'Schnyder M Web';
  src: url("../fonts/def/SchnyderM-Demi-Web.woff2") format("woff2"), url("../fonts/def/SchnyderM-Demi-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'Schnyder M Web';
  src: url("../fonts/def/SchnyderM-LightItalic-Web.woff2") format("woff2"), url("../fonts/def/SchnyderM-LightItalic-Web.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'Schnyder M Web';
  src: url("../fonts/def/SchnyderM-Light-Web.woff2") format("woff2"), url("../fonts/def/SchnyderM-Light-Web.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'flama_semicondensed_ultraliRg';
  src: url("../fonts/def/FlamaSemicond-Ultralight.woff2") format("woff2"), url("../fonts/def/FlamaSemicond-Ultralight.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'flama_semicondensed_basicRg';
  src: url("../fonts/def/FlamaSemicond-Basic2.woff2") format("woff2"), url("../fonts/def/FlamaSemicond-Basic2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'flama_semicondensed_blackRg';
  src: url("../fonts/def/FlamaSemicond-Black2.woff2") format("woff2"), url("../fonts/def/FlamaSemicond-Black2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'flama_semicondensed_boldRg';
  src: url("../fonts/def/FlamaSemicond-Bold2.woff2") format("woff2"), url("../fonts/def/FlamaSemicond-Bold2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'flama_semicondensed_bookRg';
  src: url("../fonts/def/FlamaSemicond-Book2.woff2") format("woff2"), url("../fonts/def/FlamaSemicond-Book2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'flama_semicondensed_extraboRg';
  src: url("../fonts/def/FlamaSemicond-Extrabold2.woff2") format("woff2"), url("../fonts/def/FlamaSemicond-Extrabold2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'flama_semicondensed_lightRg';
  src: url("../fonts/def/FlamaSemicond-Light2.woff2") format("woff2"), url("../fonts/def/FlamaSemicond-Light2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'flama_semicondensed_mediumRg';
  src: url("../fonts/def/FlamaSemicond-Medium2.woff2") format("woff2"), url("../fonts/def/FlamaSemicond-Medium2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'flama_semicondensed_semibolRg';
  src: url("../fonts/def/FlamaSemicond-Semibold2.woff2") format("woff2"), url("../fonts/def/FlamaSemicond-Semibold2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

.calendar-wrap {
  border-top: 1px solid #972300;
  border-bottom: 1px solid #972300;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 768px) {
    .calendar-wrap {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      max-width: 70%;
      margin: 30px auto;
      padding: 18px 25px;
      border: 1px solid #972300; } }
  .calendar-wrap .search-by-day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 15px;
    font-family: 'flama_semicondensed_bookRg', sans-serif;
    font-weight: normal;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: calc( 20px + 4px); }
    @media (min-width: 768px) {
      .calendar-wrap .search-by-day {
        margin-left: 15px;
        margin-top: 0;
        padding-top: 7px; } }
  .calendar-wrap .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .calendar-wrap .form-group .form-control {
      margin-top: 15px; }
  .calendar-wrap .dwl-btn {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #972300;
    -webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.1);
    border: none;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    position: relative;
    height: 3.125rem;
    border-radius: 6px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: calc( 20px + 4px);
    margin: 30px 0;
    width: 13.125rem;
    cursor: pointer; }

#ui-datepicker-div {
  z-index: 99 !important;
  background: #fff; }

#ui-datepicker-div,
#ui-datepicker {
  border: #972300;
  font-family: 'flama_semicondensed_semibolRg', sans-serif;
  font-weight: 500;
  padding: 0; }

.ui-datepicker .ui-datepicker-header {
  padding: 0; }

.calendar {
  font-family: 'flama_semicondensed_basicRg', sans-serif;
  font-weight: normal;
  font-weight: 500; }
  @media (min-width: 768px) {
    .calendar {
      min-width: 17.5rem; } }

.ui-widget-header.ui-datepicker-header {
  background: #972300;
  border: 0;
  border-radius: 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 7px 0; }

.ui-state-default,
.ui-widget-content .ui-state-default {
  background: #f2f2f2 !important;
  border: 0 !important; }

.ui-datepicker-current-day .ui-state-default,
.ui-datepicker-current-day .ui-widget-content .ui-state-default {
  background: #972300 !important;
  color: #fff !important;
  text-align: center; }

.ui-datepicker-prev {
  left: 1px !important; }
  .ui-datepicker-prev .ui-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.ui-datepicker-next {
  right: 1px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }
  .ui-datepicker-next .ui-icon {
    margin-top: 0.1875rem !important; }

.ui-datepicker-prev,
.ui-datepicker-next {
  top: 1px !important;
  width: auto !important;
  height: auto !important;
  cursor: pointer; }
  .ui-datepicker-prev:hover,
  .ui-datepicker-next:hover {
    background: none !important;
    border: 0 !important; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 4px;
  margin-top: -8px; }

.ui-state-disabled {
  opacity: 0.5; }
  .ui-state-disabled span {
    font-family: 'flama_semicondensed_bookRg', sans-serif;
    font-weight: normal; }

.ui-datepicker table {
  width: 100%;
  font-family: 'flama_semicondensed_mediumRg', sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: calc( 18px + 4px);
  border-collapse: collapse;
  margin: 0 0 10px; }

.ui-datepicker th {
  padding: 10px 4px;
  text-align: center;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }
  .ui-datepicker td span,
  .ui-datepicker td a {
    display: block;
    padding: 7px 9px;
    text-align: center;
    text-decoration: none; }

.ui-datepicker select .ui-datepicker-month,
.ui-datepicker select .ui-datepicker-year {
  width: 50%;
  color: black;
  font-size: 16px;
  font-size: 1rem;
  line-height: calc( 16px + 4px); }

.ui-datepicker-title {
  margin: 0 auto;
  line-height: normal;
  text-align: center;
  font-family: 'flama_semicondensed_mediumRg', sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: calc( 20px + 4px); }

.ui-widget-header .ui-icon {
  background: url("../img/icons/arrow-rl-white.svg") !important;
  position: relative !important;
  width: 20px;
  height: 20px;
  left: 0 !important;
  top: 4px !important;
  margin-left: 0 !important;
  text-indent: -999999px;
  background-repeat: no-repeat !important; }

#edition_date {
  background-color: #f2f2f2;
  border: 0;
  padding: 0 15px;
  position: relative;
  width: 20.625rem;
  height: 3.125rem;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: calc( 20px + 4px);
  outline: #f2f2f2; }

#calendar-error {
  display: none;
  border: 1px solid #972300;
  background-color: #972300;
  color: white;
  text-align: center;
  max-width: 100%;
  margin: 30px auto;
  padding: 30px;
  font-family: 'flama_semicondensed_basicRg', sans-serif;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: calc( 18px + 4px); }
  @media (min-width: 768px) {
    .box #calendar-error {
      width: 70%; } }
  @media (max-width: 767px) {
    .box #calendar-error {
      margin: 30px 15px; } }