@import url("/themes/custom/ltv_2021/assets/css/fonts/raleway.css");
@import url("/themes/custom/ltv_2021/assets/css/fonts/montserrat.css");
@import url("/themes/custom/ltv_2021/assets/css/fonts/material-icons.css");
@import url("/themes/custom/ltv_2021/assets/css/fonts/bootstrap-icons.css");

/* Impostazioni generali e ridimensionamenti responsive */
body,
html {
    background: #121212;
    color: #FFFFFF;
    font-family: 'Montserrat', Arial, sans-serif, system-ui, -apple-system;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

#loading {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #121212;
  z-index: 999;
  transition: top 1s ease;
  -webkit-transition: top 1s ease;
}
#loading-image {
  z-index: 1000;
  width: 50px;
  height: 50px;
  margin-top: 60px;
}


/*
@media screen and (min-width: 0) and (max-width: 480px) and (max-aspect-ratio: 4/3) {
    body,
    html {
        font-size: 1.5vw;
    }
}
@media screen and (min-width: 481px) and (max-width: 840px) and (max-aspect-ratio: 4/3) {
    body,
    html {
        font-size: 1vw;
    }
}
@media screen and (min-width: 841px) and (max-width: 1280px) and (max-aspect-ratio: 4/3) {
    body,
    html {
        font-size: 0.75vw;
    }
}
@media screen and (min-width: 1281px) and (max-width: 1600px) and (max-aspect-ratio: 4/3) {
    body,
    html {
        font-size: 0.75vw;
    }
}
@media screen and (min-width: 1601px) and (max-width: 1920px) and (max-aspect-ratio: 4/3) {
    body,
    html {
        font-size: 0.75vw;
    }
}
@media screen and (min-width: 1921px) and (max-aspect-ratio: 4/3) {
    body,
    html {
        font-size: 0.75rem;
    }
}
@media screen and (max-width: 480px) and (orientation: landscape) {
    body,
    html {
        font-size: 1.5vw;
    }
}
@media screen and (min-width: 481px) and (max-width: 840px) and (orientation: landscape) {
    body,
    html {
        font-size: 1.2vw;
    }
}
@media screen and (min-width: 841px) and (max-width: 1280px) and (orientation: landscape) {
    body,
    html {
        font-size: 0.85vw;
    }
}
@media screen and (min-width: 1281px) and (max-width: 1600px) and (orientation: landscape) {
    body,
    html {
        font-size: 0.75vw;
    }
}
@media screen and (min-width: 1601px) and (max-width: 1920px) and (orientation: landscape) {
    body,
    html {
        font-size: 0.75vw;
    }
}
@media screen and (min-width: 1921px) and (orientation: landscape) {
    body,
    html {
        font-size: 0.875rem;
    }
}
*/

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: 'Raleway';
}

h1, .h1 {
  font-size: 1.75rem;
  font-weight: 700;
}

@media screen and (max-width: 62rem) {
	h1.page-title {
		line-height: 1 !important;
	}
}



a {
    color: #FFFFFF;
    text-decoration: underline;
}
a:hover {
    color: #CDCDCD;
}

#block-ltv-2021-content > article > div.node__content > div > div > div > div.col-lg-3.col-md-12.col-12 {
    padding-bottom: 1rem;
}


.bg-topnav-red {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-topnav-bg-rgb), var(--bs-bg-opacity)) !important;
}
.region.region-nav-branding {
    margin-left: -0.75rem;
}
.navbar {
    padding-top: 0; 
    padding-bottom: 0;
}
.navbar-brand {
    padding-top: 11px;
    padding-right: 20px;
    padding-bottom: 11px;
    padding-left: 20px;
    background-color: #313A40;   
}
.navbar-brand img {
    height: 38px;
    margin: 0;
    width: auto;
}
.navbar-collapse {
    padding-right: 0.5rem;
}
.navbar-toggler-icon {
    width: 1.4rem;
    height: 1.4rem;
}
.navbar-dark .navbar-nav .nav-link {
    color: #FFFFFF;
    font-weight: 700;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #FFFFFF;
    text-decoration: underline 2px;
}
a.nav-item.nav-link.active.is-active {
    color: #FFFFFF;
    text-decoration: underline 2px;
}


.page-title {
    border-bottom: 2px solid #FFFFFF;
    line-height: 0.75; 
}
.block-title {
    border-bottom: 2px solid #FFFFFF;
    line-height: 0.75; 
}


a img.icon {
    fill: #FFFFFF;
    width: auto;
    height: 3.625rem;
    margin-right: 0.5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
a img.logo-1 {
    width: auto;
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0, auto;
    padding-right: 0.75rem;
}
a img.logo-2 {
    width: auto;
    max-height: 58px;
    max-width: 100%;
    display: block;
    margin: 0, auto;
}
a .brand-text h3 {
    font-size: 0.85rem;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: normal;
    line-height: 1.25;
    color: #FFFFFF;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 1.0);
    border-color: rgba(255, 255, 255, 1.0);
}
.navbar-toggler {
    padding: 0.25rem 0.5rem;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar-toggler-icon {
    width: 1.9rem;
    height: 1.4rem;
}
.navbar-toggler-icon {
    background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

/* Footer */

/* pre-footer */

.region-pre-footer {
    display: flex;
    flex-direction: column;
    padding: 0 0.5rem;
}
.pre-footer-light {
    color: #0F171E;
    background-color: #FFFFFF;
    border-top: 5px solid #CB1D15;
}
.pre-footer-light h3 {
    color: #CB1D15;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}
.pre-footer-light span,
.pre-footer-light p {
    color: #0F171E;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: normal;
    line-height: 1.25;
}
.pre-footer-light a {
    color: #CB1D15;
}
.pre-footer-light a:hover {
    color: #BA0C04;
}

.brand-text {
    position: relative;
    width: 100%;
}
.brand-text .lep-soc,
.brand-text .lep-sede {
    margin-top: 0;
    margin-bottom: 0.325rem;
    width: 100%;
}
.brand-text .lep-lic {
    margin: 0;
    width: 100%;
}

.footer-social h3 {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.0;
    color: #FFFFFF;
    margin-bottom: 0;
}
.footer-social p {
    font-size: 2.065rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.0;
    color: #FFFFFF;
    margin-top: 0.8745rem;
    padding-top: 0.8745rem;
    border-top: 1px solid #FFFFFF;
    margin-bottom: 0;
    height: 1.5rem;
    display: inline-block !important;
}
.footer-social a {
    color: #FFFFFF !important;
}
.footer-social a:hover {
    color: #AAAAAA !important;
}

.social-menu-container {
    position: relative;
}
.footer-menu p {
    font-family: 'Raleway';
    font-size: 0.85rem;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: normal;
    line-height: 1.25;
    color: #FFFFFF;
}
.footer-menu a {
    color: #FFFFFF !important;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}
.footer-menu a:nth-child(1) {
    color: #FFFFFF !important;
    margin-right: 0.5rem;
    margin-left: 0;
}
.footer-menu a:last-of-type {
    color: #FFFFFF !important;
    margin-right: 0;
    margin-left: 0.5rem;
}
.footer-menu a:hover,
.footer-menu a:active {
    text-decoration: none !important;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF !important;
}
.footer-menu span {
    color: #FFFFFF !important;
    font-weight: 500;
    margin-right: 0.05rem;
    margin-left: 0.05rem;
}


.region-footer-link-utili {
    height: 100% !important;
}


#block-ltv-2021-local-tasks > nav > nav > ul > li.nav-item > a.nav-link {
    background-color: #AAAAAA !important;
    border-color: #999999 !important;
    color: #820000;
}
#block-ltv-2021-local-tasks > nav > nav > ul > li.nav-item > a.nav-link:hover {
    background-color: #FFFFFF !important;
    border-color: #AAAAAA !important;
    font-weight: 400;
    text-decoration: underline;   
}
#block-ltv-2021-local-tasks > nav > nav > ul > li.nav-item.nav-link.active > a.active.is-active {
    background-color: #FFFFFF;
    border-color: #AAAAAA;
    color: #820000;
    font-weight: 500 !important;
    text-decoration: underline;
}


@media screen and (min-width: 87.5rem) {
	.brand-text h3,
	.footer-menu p {
		font-size: 0.85rem !important;
	}
}
@media screen and (min-width: 75rem) and (max-width: 87.438rem) {
	.brand-text h3,
	.footer-menu p {
		font-size: calc(0.71rem + 0.14 * ((100vw - 75rem) / 12.438)) !important;
	}
}
@media screen and (min-width: 62rem) and (max-width: 74.998rem) {
	.brand-text h3,
	.footer-menu p {
		font-size: calc(0.56rem + 0.15 * ((100vw - 62rem) / 12.998)) !important;
	}
}
@media screen and (min-width: 48rem) and (max-width: 61.998rem) {
	.brand-text h3,
	.footer-menu p {
		font-size: calc(0.56rem + 0.225 * ((100vw - 48rem) / 13.998)) !important;
	}
}
@media screen and (min-width: 36rem) and (max-width: 47.998rem) {
	.brand-text h3,
	.footer-menu p {
		font-size: calc(0.725rem + 0.2 * ((100vw - 36rem) / 11.998)) !important;
	}
}
@media screen and (min-width: 20rem) and (max-width: 35.998rem) {
	.brand-text h3,
	.footer-menu p {
		font-size: calc(0.55rem + 0.15 * ((100vw - 20rem) / 15.998)) !important;
	}
}

@media screen and (min-width: 48rem) {
   .region-pre-footer,
   .region-footer {
		flex-direction: row !important;
	}
   .region-pre-footer #region_2,
	.region-footer #region_2 {
		text-align: right;
	}
   .footer-menu {
      margin-top: 1rem;
   }
   #region_logo_1 {
      justify-content: flex-start;
      margin-bottom: 4rem;
   }
   #region_logo_2 {
      justify-content: flex-end;
      margin-bottom: 4rem;
   }
}

@media screen and (max-width: 47.99rem) {
   footer.footer-dark {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
   }
   .region-pre-footer #region_1 {
      text-align: center;
      padding-bottom: 1rem;
      margin-bottom: 1rem;
      border-bottom: 1px solid #CB1D15;
   }
   .region-pre-footer #region_2 {
      text-align: center;
   }
   #region_logo_1 {
      justify-content: center;
      margin-bottom: 1rem;
   }
   #region_logo_2 {
      justify-content: center;
      margin-bottom: 0;
   }
   .region-footer #region_1 {
      text-align: center;
   }
   .region-footer #region_2 {
      text-align: center;
      padding-bottom: 1rem;
      margin-bottom: 1rem;
      border-bottom: 1px solid #FFFFFF;
   }
   a img.logo-1 {
      padding-right: 0;
   }
   .footer-menu {
      margin-top: 1rem;
   }
}

@media screen and (max-width: 27.49rem) {
   a img.logo-1,
   a img.logo-2 {
      height: calc( 100vw / 7.63 );
   }
}


.region.region-breadcrumb {
    padding: 0 0.5rem;
    margin: 1rem 0;
}

.block-local-tasks-block {
    background-color: #FFFFFF;
    border-radius: 0.25rem;
}
.block-local-tasks-block li {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 1px solid transparent;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #343A40;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #343A40;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.block-local-tasks-block li.active {
    background-color: #343A40;
    border-color: #343A40;
    border-radius: 0.25rem;
    border: 1px solid transparent;
}
.block-local-tasks-block li.active a {
    color: #FFFFFF;
}
.block-local-tasks-block li.active:hover {
    background-color: #2E373D;
}
.block-local-tasks-block li:hover {
    border-color:  #2E373D;
    border-radius: 0.25rem;
    border: 1px solid #2E373D;
}
.tabs a.is-active {
    background-color: transparent;
}
.tabs a:focus,
.tabs a:hover {
    background-color: transparent;
}
.tabs a {
    display: block;
    padding: 0.2rem 1rem;
    text-decoration: none;
}

/* ---------------------------------------------------------------------------*/
/* MOBILE FIRST - drupal/module/_alert-message.scss                           */
/* ---------------------------------------------------------------------------*/
#toolbar-administration,
#toolbar-bar {
  z-index: 1021;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media only screen and (min-width: 62rem) {
  .toolbar-horizontal header.sticky-top,
  .toolbar-vertical.toolbar-tray-open header.sticky-top,
  .toolbar-horizontal header.fixed-top,
  .toolbar-vertical.toolbar-tray-open header.fixed-top {
    top: 39px;
  }
  .toolbar-horizontal.toolbar-tray-open header.sticky-top,
  .toolbar-horizontal.toolbar-tray-open header.fixed-top {
    top: 78px;
    z-index: 1020;
  }
  main.main-container {
    margin-top: 60px;
  }
 
}

@media only screen and (max-width: 61.998rem) and (min-width: 48rem) {
  .toolbar-vertical header.sticky-top,
  .toolbar-vertical.toolbar-tray-open header.sticky-top,
  .toolbar-vertical header.fixed-top,
  .toolbar-vertical.toolbar-tray-open header.fixed-top {
    top: 39px;
    z-index: 1020;
  }
  .toolbar-horizontal.toolbar-tray-open header.sticky-top,
  .toolbar-horizontal.toolbar-tray-open header.fixed-top {
    top: 39px;
    z-index: 1020;
  }
  main.main-container {
    margin-top: calc(3.125rem + 0.625 * ((100vw - 48rem) / 13.998));
  }
 
}

@media only screen and (max-width: 47.998rem) {
  .toolbar-vertical header.sticky-top,
  .toolbar-vertical.toolbar-tray-open header.sticky-top,
  .toolbar-vertical header.fixed-top,
  .toolbar-vertical.toolbar-tray-open header.fixed-top {
    top: 39px;
    z-index: 1020;
  }
  .toolbar-horizontal.toolbar-tray-open header.sticky-top,
  .toolbar-horizontal.toolbar-tray-open header.fixed-top {
    top: 39px;
    z-index: 1020;
  }
  #toolbar-bar {
    position: fixed;
  }
  main.main-container {
    margin-top: 50px;
  }
 
}

.node__content .img-fluid {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}


.error-page {
  background: url('../img/error_page_background.jpg');
  background-size: cover;
}

.video-container {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.block-palinsesto-block {
   background-color: #343A40;
   max-width: 100%;
   padding: calc(var(--bs-gutter-x) * 0.5);
}



/* Generic Cards */

.card {
  margin: 0;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
  border-radius: 0.25rem;
  background-color: #313A40;
}
.card.sensibile:hover {
  box-shadow: 0px 0px 10px 5px rgb(60 60 60 / 60%);
}

@media screen and (min-width: 48rem) {
	.descrizione-mobile-home,
   .descrizione-mobile-serie,
   .descrizione-mobile {
		display: none;
	}
   .card.descrizione:hover .descrizione-overlay {
      visibility: visible;
      opacity: 0.90;
      -webkit-transition: opacity 800ms, visibility 800ms;
      transition: opacity 800ms, visibility 800ms;
   }
   .card.descrizione:hover .durata-label {
      visibility: hidden;
      opacity: 0;
      -webkit-transition: opacity 400ms, visibility 400ms;
      transition: opacity 400ms, visibility 400ms;
   }
}

.img-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding-top: 56.25%;
}
.img-wrapper > img {
  border-radius: 0.25rem 0.25rem 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  display: block;
  transform: translate(-50%, -50%);
}
.durata-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 3.75rem .625rem .625rem .625rem;
  background-image: linear-gradient(to bottom, rgba(20, 20, 20, 0), rgba(20, 20, 20, 0.9));
}
.durata-destra {
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  justify-content: flex-end;
}
.durata-label {
  width: auto;
  flex: 0 0 auto;
  font-size: .625rem;
  min-width: 3.125rem !important;
  opacity: .9;
  font-weight: 500;
  color: #FFFFFF;
  padding: .25rem .5rem;
  border: 0.5px solid #666666;
  border-radius: .25rem;
  background-color: #141414;
  text-align: center;
}
.descrizione-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: .625rem 0 .625rem 0;
  background-color: #142634;
  visibility: hidden;
}
.descrizione-centro-overlay {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 .625rem 0 .625rem;
}
.descrizione-testo-overlay {
  width: auto;
  flex: 0 0 auto;
  font-size: .625rem;
  min-width: 3.125rem !important;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
}
.card-body {
  padding: 0.625rem 0.625rem 0 0.625rem;
}
.card-body.serie {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.card-body.serie-lista,
.card-body.categoria-lista,
.card-body.carousel {
  padding: 0;
}
a.stretched-link {
  text-decoration: none;
}
.contenuto-card {
  padding: 0.625rem 0.625rem 0 0.625rem;
}
.title-section,
.title-section-home {
  height: 4.5rem;
}
.card-title {
  font-family: 'Raleway';
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.325;
  margin: 0;
  display: block;
}
.descrizione-mobile,
.descrizione-mobile-serie,
.descrizione-mobile-carousel,
.descrizione-mobile-home {
  width: 100%;
  padding: .5rem 0 0 0;
}
.descrizione-altosinistra-mobile {
  padding: 0 .625rem 0 .625rem;
}
.descrizione-carousel-mobile,
.descrizione-categoria-mobile,
.descrizione-serie-mobile {
  padding: 0;
}
.descrizione-mobile,
.descrizione-mobile,
.descrizione-mobile-home,
.descrizione-mobile-serie {
  width: auto;
  height: 3.25rem;
  flex: 0 0 auto;
  font-size: .625rem;
  min-width: 3.125rem !important;
  font-weight: 400;
  color: #FFFFFF;
}
.card-footer {
  padding: 0rem 0.625rem 0.625rem 0.625rem;
  background-color: rgba(0, 0, 0, 0);
  border-top: none;
}
.card-footer.serie-carousel {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.card-footer > a {
  font-weight: 500;
}
.card-footer.serie-carousel > a,
.card-footer.serie-lista > a {
  padding: 0.3rem 0.6rem 0.3rem 0.3rem;
  font-weight: 500;
}
.btn-default {
    color: #333333;
    background-color: #FFFFFF;
    border-color: #CCCCCC;
}
.btn-default:hover,
.btn-default:active {
    color: #333333;
    background-color: #E6E6E6;
    border-color: #ADADAD;
}
.btn-default:active:hover {
    color: #333333;
    background-color: #D4D4D4;
    border-color: #8C8C8C;
}
.btn-circle {
  width: 33.6px;
  height: 33.6px;
  padding: 0 0;
  border: 0;
  border-radius: 16.8px;
  text-align: center;
  font-size: 28px;
  line-height: 33.6px;
}


/* Serie Cards */
.title-serie-home,
.title-serie {
  height: 4.5rem;
}
.format-tv .btn-view,
.format-tv .btn-view:active {
  margin-left: 0;
  color: #0F171E;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.format-tv .btn-view:hover {
  margin-left: 0;
  color: #000000;
  background-color: #CDCDCD;
  border-color: #CDCDCD;
}
.card-footer.format-list > a {
  padding: 0.3rem 0.6rem 0.3rem 0.6rem;
  font-weight: 500;
}
.bi-caret-right-fill::before {
  font-weight: 700;
  font-size: 1.25rem;
  vertical-align: -0.32rem !important;
}

@media screen and (min-width: 120rem) {
   .title-section-home {
     height: 4.5rem !important;
   }
   .title-section {
     height: 4.5rem !important;
   }
   .title-serie-home {
     height: 4.5rem !important;
   }
   .title-serie {
     height: 3.25rem !important;
   }
   .card-title {
     font-size: 1.125rem;
     font-weight: 600;
   }
}
@media screen and (min-width: 87.5rem) and (max-width: 119.938rem) {
   .title-section-home {
     height: calc(4.5rem - 0.15 * ((100vw - 87.5rem) / 32.438)) !important;
   }
   .title-section {
     height: calc(3.85rem + 0.65 * ((100vw - 87.5rem) / 32.438)) !important;
   }
   .title-serie-home {
     height: calc(4rem - 0.75 * ((100vw - 87.5rem) / 32.438)) !important;
   }
   .title-serie {
     height: calc(4rem - 2.0 * ((100vw - 87.5rem) / 32.438)) !important;
   }
   .card-title {
     font-size: calc(0.975rem + 0.15 * ((100vw - 87.5rem) / 32.438)) !important;
     font-weight: 600;
   }
}
@media screen and (min-width: 75rem) and (max-width: 87.438rem) {
   .title-section-home {
     height: calc(4rem + 0.5 * ((100vw - 75rem) / 32.438)) !important;
   }
   .title-section {
     height: calc(3.75rem + 0.75 * ((100vw - 75rem) / 32.438)) !important;
   }
   .title-serie-home {
     height: calc(4rem + 0.5 * ((100vw - 75rem) / 32.438)) !important;
   }
   .title-serie {
     height: calc(2.5rem + 0.35 * ((100vw - 75rem) / 32.438)) !important;
   }
   .card-title {
     font-size: calc(0.975rem + 0.15 * ((100vw - 75rem) / 32.438)) !important;
     font-weight: 600;
   }
}
@media screen and (min-width: 62rem) and (max-width: 74.998rem) {
   .title-section-home {
     height: calc(4.5rem - 0.625 * ((100vw - 62rem) / 12.998)) !important;
   }
   .title-section {
     height: calc(4.5rem - 2.0 * ((100vw - 62rem) / 12.998)) !important;
   }
   .title-serie-home {
     height: calc(4.5rem - 0.625 * ((100vw - 62rem) / 12.998)) !important;
   }
   .title-serie {
     height: calc(4.5rem - 2.0 * ((100vw - 62rem) / 12.998)) !important;
   }
   .card-title {
     font-size: calc(1.125rem - 0.15 * ((100vw - 62rem) / 12.998)) !important;
     font-weight: 600;
   }
}
@media screen and (min-width: 48rem) and (max-width: 61.998rem) {
   .title-section-home {
     height: calc(4.5rem - 0.15 * ((100vw - 48rem) / 13.998)) !important;
   }
   .title-section {
     height: calc(4.45rem - 0.15 * ((100vw - 48rem) / 13.998)) !important;
   }
   .title-serie-home {
     height: calc(4.5rem - 0.15 * ((100vw - 48rem) / 13.998)) !important;
   }
   .title-serie {
     height: calc(3.75rem + 0.55 * ((100vw - 48rem) / 13.998)) !important;
   }
   .card-title {
     font-size: calc(0.875rem + 0.25 * ((100vw - 48rem) / 13.998)) !important;
     font-weight: 600;
   }
}
@media screen and (min-width: 36rem) and (max-width: 47.998rem) {
   .title-section-home {
     height: calc(4rem - 0.5 * ((100vw - 36rem) / 11.998)) !important;
   }
   .title-section {
     height: calc(3.5rem + 0.625 * ((100vw - 36rem) / 11.998)) !important;
   }
   .title-serie-home {
     height: calc(4rem - 0.5 * ((100vw - 36rem) / 11.998)) !important;
   }
   .title-serie {
     height: calc(2.5rem - 0.05 * ((100vw - 36rem) / 11.998)) !important;
   }
   .card-title {
     font-size: calc(0.875rem + 0.125 * ((100vw - 36rem) / 11.998)) !important;
     font-weight: 600;
   }
   .descrizione-mobile-home {
     height: calc(4.1rem - 1.2 * ((100vw - 36rem) / 11.998)) !important;
   }
   .descrizione-mobile,
   .descrizione-mobile-serie {
     height: calc(3.5rem - 0.80 * ((100vw - 36rem) / 11.998)) !important;
   }
}
@media screen and (min-width: 20rem) and (max-width: 35.998rem) {
   .title-section-home {
     height: calc(4.25rem - 1.25 * ((100vw - 20rem) / 15.998)) !important;
   }
   .title-section {
     height: calc(3.5rem - 0.75 * ((100vw - 20rem) / 15.998)) !important;
   }
   .title-serie-home {
     height: calc(4.25rem - 1.25 * ((100vw - 20rem) / 15.998)) !important;
   }
   .title-serie {
     height: calc(2.5rem - 1.0 * ((100vw - 20rem) / 15.998)) !important;
   }
   .card-title {
     font-size: calc(0.850rem + 0.075 * ((100vw - 20rem) / 15.998)) !important;
     font-weight: 600;
   }
   .descrizione-mobile-home {
     height: calc(4.75rem - 2.50 * ((100vw - 20rem) / 15.998)) !important;
   }
   .descrizione-mobile {
     height: calc(2.825rem - 0.825 * ((100vw - 20rem) / 15.998)) !important;
   }
   .descrizione-mobile-serie {
     height: calc(3.5rem - 1.0 * ((100vw - 20rem) / 15.998)) !important;
   }
   .pagination > .page-item {
     font-size: calc(0.5rem + 0.5 * ((100vw - 20rem) / 15.998)) !important;
   }
   .btn-doc {
     height: 27px !important;
     width: 124px !important;
     margin-top: 11px;
   }
}


/* LTV Live page */
h2.titolo_pal {
  font-size: 1.5rem;
  font-weight: 700;
}
td.orario_pal,
td.video_pal {
  vertical-align: top;
  padding-bottom: 0.625rem;
}
td.orario_pal {
  font-weight: 500;
  text-align: right;
}
td.video_pal {
  font-weight: 400;
  padding-left: 0.625rem;
}
td.video_pal a {
  color: #FFFFFF;
  text-decoration: none;
}
td.video_pal a:hover {
  color: #AAAAAA;
  text-decoration: none;
  font-weight: 500
}


/* Video page */
h2.sottotitolo {
  font-size: 1.5rem;
}
h2.info {
  font-size: 1.2rem;
  font-weight: 700;
}



/* Pager */
.page-link {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #313A40;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-item.active .page-link {
    z-index: 3;
    color: #141414;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
@media screen and (max-width: 47.998rem) {
   li.page-item {
		display: none;
	}
   li.page-item.is-active.active,
   li.page-item.pager__item--first,
   li.page-item.pager__item--previous,
   li.page-item.pager__item--next,
   li.page-item.pager__item--last {
		display: list-item;
	}
}


/* Testate pagine Format */
.banner-container {
  width: 100%;
  background-color: #142334;
  background-size: contain;
  background-position-x: right;
  background-repeat: no-repeat;
  border-radius: 0.25rem;
  position: relative;
  min-height: 5.5rem;
}
.banner-container::before {
  padding-top: 20%;
  display: block;
  content: "";
}
.banner-container > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/sfumatura-banner.png');
  background-size: contain;
  background-repeat: repeat-y;
}
.serie-intro {
  padding: 0.625rem;
}
h2.titolo-format {
  font-size: 1.5rem;
  font-weight: 700;
}
@media only screen and (max-width: 74.998rem) and (min-width: 62rem) {
    .serie-intro {
      background-color: rgba(10, 10, 10, 0.6);
	}
    h2.titolo-format {
      font-size: calc(1.35rem + 0.2 * ((100vw - 62rem) / 12.998)) !important;
      margin-bottom: 0.75rem !important;
	}
   p.serie-desc {
      font-size: calc(0.825rem + 0.2 * ((100vw - 62rem) / 12.998)) !important;
      margin-bottom: 0.75rem !important;
	}
   p.serie-hash {
      font-size: calc(0.825rem + 0.2 * ((100vw - 62rem) / 12.998)) !important;
      margin-bottom: 0 !important;
	}
}
@media only screen and (max-width: 61.998rem) and (min-width: 48rem) {
    .serie-intro {
      background-color: rgba(10, 10, 10, 0.6);
	}
    h2.titolo-format {
      font-size: calc(1.15rem + 0.2 * ((100vw - 48rem) / 13.998)) !important;
      margin-bottom: 0.75rem !important;
	}
   p.serie-desc {
      font-size: calc(0.625rem + 0.2 * ((100vw - 48rem) / 13.998)) !important;
      margin-bottom: 0.75rem !important;
	}
   p.serie-hash {
      font-size: calc(0.625rem + 0.2 * ((100vw - 48rem) / 13.998)) !important;
      margin-bottom: 0 !important;
	}
}
@media screen and (max-width: 47.998rem) {
   .serie-intro {
      background: none
	}
   h2.titolo-format {
	  font-size: 1.2rem;
      margin-bottom: 0.5rem !important;
	}
   p.serie-desc {
	  font-size: 0.75rem;
      margin-bottom: 0.5rem !important;
	}
   p.serie-hash {
	  font-size: 0.75rem;
      margin-bottom: 0 !important;
	}
/* }
@media screen and (max-width: 35.998rem) { */
   .banner-container {
      padding: 0.625rem;
	}
   .banner-container {
      background-image: none !important;
   }
   .banner-container::before {
	  padding-top: 0;
	}
   .banner-container > div {
	  position: relative;
      background-image: none
	}
   .row-serie-elenco {
      --bs-gutter-y: 0 !important;
	}
   .row-serie-elenco > * {
	  padding-right: 0;
	}
   .serie-elenco-testo {
	  margin-bottom: 0 !important;
	}
   h2.titolo-format {
	  font-size: 1rem;
      margin-bottom: 0.25rem !important;
	}
   p.serie-desc {
	  font-size: 0.625rem;
      margin-bottom: 0.25rem !important;
	}
   p.serie-hash {
	  font-size: 0.625rem;
      margin-bottom: 0 !important;
	}
}


/* Pagina video singolo */

.video-contenitore {
  background-image: linear-gradient(to bottom, rgba(0, 22, 35, 0), rgba(0, 22, 35, 0.4) 50%, #142634);
}

.video-titolo {
  font-size: 1.5rem;
  font-weight: 700;
}
.mb-n2, .my-n2 {
  margin-bottom: -.25rem !important;
}
dt.video-info {
  margin-bottom: 0.5rem;
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
  font-weight: 600;
}
dd.video-info {
  margin-bottom: 0.5rem;
  padding-left: 0 !important;
  margin-top: auto !important;
  padding-right: 0;
}


.btn-primary {
    color: #FFFFFF !important;
    text-decoration: none;
    background-color: #313A40 !important;
    border: 1px solid #313A40 !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary:hover {
    color: #313A40!important;
    background-color: #FFFFFF !important;
    border-color: #313A40 !important;
}

.details-wrapper.card-body {
  background-color: #142634;
  background-image: linear-gradient(to bottom, rgba(0, 22, 35, 0), rgba(0, 22, 35, 0.4) 50%, #142634);
  
}

.social-sharing-buttons {
  justify-content: left !important;
  margin: 0 !important;
}
.social-sharing-buttons svg {
  fill: #FFFFFF;
  width: 40px !important;
  height: 40px !important;
}

.search-help-link {
  display: block;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.search-advanced {
  margin-bottom: 1rem;
}

.search-result__title {
  font-family: 'Montserrat';
  font-size: 1rem;
  font-weight: 500;
}

.feed-icons {
  display: none;
}
.tag-list {
  margin-bottom: 0.5rem;
}
.view-content {
  margin-bottom: 1rem;
}

.btn-doc {
  background-color: transparent;
  border: none;
  background-image: url(../img/documentando.png);
  background-size: cover;
  height: 41px;
  width: 180px;
}
.btn-doc:hover {
  background-color: #CDCDCD;
  border-color: #CDCDCD;
}

.eu-cookie-compliance-content {
    max-width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
}
.eu-cookie-compliance-message h1, .eu-cookie-compliance-message h2, .eu-cookie-compliance-message h3, .eu-cookie-compliance-message p {
    font-weight: normal;
}
.eu-cookie-compliance-category {
    margin-bottom: 0.25rem;
}
.eu-cookie-compliance-categories label {
    font-size: 0.8125rem !important;
    font-weight: 600;
}
.eu-cookie-compliance-category-description {
    font-size: 0.75rem !important;
}
.disagree-button.eu-cookie-compliance-more-button, .eu-cookie-compliance-agree-button, .eu-cookie-compliance-default-button, .eu-cookie-compliance-hide-button, .eu-cookie-compliance-more-button-thank-you, .eu-cookie-withdraw-button, .eu-cookie-compliance-save-preferences-button {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #FFFFFF;
    background-image: none;
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    border: 1px solid #FFFFFF;
    color: #1D1D1D;
    font-family: 'Montserrat', Arial, sans-serif, system-ui, -apple-system;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: none;
}
.sliding-popup-bottom .eu-cookie-withdraw-tab {
    border-width: 0;
    border-radius: 0.25rem 0.25rem 0 0;
}
.eu-cookie-compliance-categories-buttons {
  display: inline;
  float: none;
}
.eu-cookie-compliance-buttons {
  margin-top: 0 !important;
}

@media screen and (max-width: 600px) {
  .eu-cookie-compliance-content {
    max-width: 95%;
  }
  .eu-cookie-compliance-categories,
  .eu-cookie-compliance-message {
    max-width: 100%;
  }
  .eu-cookie-compliance-buttons {
    clear: both;
    float: none;
    max-width: 40%;
    margin: 0 0 1em 0;
  }
  .eu-cookie-compliance-buttons.eu-cookie-compliance-has-categories {
    float: right;
  }
}

.video-demand-form .btn,
.video-demand-form .button {
  margin: 0;
}