html,
 body {
   font-family: "Commissioner", sans-serif;
   --bulma-link-dark: #234280;
 }

 main {
   background-color: var(--bulma-scheme-main);
 }

 footer.footer{
  border-top: 10px solid  #ef5a30;
  margin-top:200px;
 }

 video {
   width: 100%;
 }

 a {
   color: var(--bulma-text---bulma-content-heading-color) !important;
 }

 a.navbar-burger {
   color: white !important;
 }

 a:hover {
   color: var(--bulma-warning) !important;
 }

 .title {
   font-weight: var(--bulma-weight-semibold) !important;
   --bulma-title-line-height: 130% !important;
   /*font-size: clamp(17px, 1.4vw, 19px) !important;*/
 }

 .stretched-link::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   content: "";
 }

 #corpo-articolo a {
   border-bottom: 1px dashed #939393;
   display: inline;
 }

 .is-opacity {
   opacity: 0.60 !important;
 }

 .button.is-fullwidth {
   display: flex;
   width: 100%
 }

 .icon-text {
   padding: 10px 10px;
   /* --bulma-icon-text-spacing: 0.55em;*/
 }

 .icon-text:hover {
   border-radius: 20px;
 }

 .h-100 {
   height: 100%;
 }

 .title-border:after {
   content: "";
   height: 1px;
   width: 100%;
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
   border-bottom: 1px dashed #939393;
   z-index: -1
 }

 .title-border.primo-piano {
   width: 98% !important;
 }

 .title-border.primo-piano-sport {
   margin-top: -60px !important;
 }

 img {
   border-radius: 5px;
 }

 .is-bordered {
   border: 1px solid hsl(0, 0%, 15%);
 }

 .is-borderless {
   border: none !important;
 }

 .is-radius {
   border-radius: 8px;
 }

 .is-radius-25 {
   border-radius: 25px;
 }

 .is-cover {
   object-fit: cover;
 }

 .is-contain {
   object-fit: contain;
 }

 .is-borderless {
   border: none !important;
 }

 .title-border {
   position: relative;
   z-index: 1
 }

 .title-border span {
   background-color: var(--bulma-scheme-main);
 }

 #testata {
   position: fixed;
   top: 41px;
   left: 0;
   width: 100%;
   z-index: 1000;
 }

 #testata-up #social .icon:nth-child(2n+1) {
   margin: 0 0.6rem !important;
 }

 #testata,
 #testata .navbar {
   background-color: var(--bulma-link-dark);
 }


 #testata #navbarMenu a.navbar-link {
   color: #fff !important;
 }


 #testata .navbar-link:hover,
 #testata .navbar-item:hover {
   --bulma-navbar-item-background-a: 0 !important;
 }

 #testata .icon-text:not(#live-icon):hover,
 #testata .icon-text:not(#live-icon):active,
 #testata .icon-text:not(#live-icon):focus {
   background-color: var(--bulma-black-ter);
 }

 .submenu {
   background-color: var(--bulma-navbar-dropdown-background-color);
   box-shadow: 15px 8px 15px #222;
   border-top:10px solid #ef5a30;
 }


 .is-fixed-fullwidth {
   position: fixed;
   top: 130px;
   left: 0;
   right: 0;
   height: 50vh;
 }

 #testata.is-fixed .is-fixed-fullwidth{
   top: 90px;
 }

 /*
 #corpo {
   padding-top: 68px !important;
 }
*/
 .articolo-video::after {
   font-family: 'Font Awesome 7 Free';
   font-weight: 900;
   position: absolute;
   content: "\f144";
   bottom: 8px;
   right: 8px;
   font-size: 2.5rem;
   z-index: 2;
   /* background: radial-gradient(hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l)) 35%, transparent 40%);
   color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l)) !important;*/
   background: radial-gradient(circle, rgba(20, 22, 26, 1) 30%, rgba(255, 255, 255, 0) 62%);
   color: hsl(42.1, 88.2%, 50%) !important;
 }

 .altri-articoli .articolo-video::after,
 .vpv .articolo-video::after {
   display: none;
 }

 .fa-play-circle {
   /*
   background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l)) !important;
   color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l)) !important;
   border-radius: 50%;
   */
   color: hsl(42.1, 88.2%, 50%) !important;
 }

 .dropdown-trigger .button {
   border-radius: 20px;
   padding-top: 10px;
   padding-bottom: 10px;
 }


 .cell-programma:hover {
   border-radius: 12px;
 }

 .cell-programma:hover img {
   border-radius: 0px !important;
 }

 .has-hover:hover {
   background-color: var(--bulma-black-ter);
 }

 .entry {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 70%;
   background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   padding: 20px 20px 65px 20px;
   box-sizing: border-box;
 }


 .videojs-ads-info {
   display: none;
   /* Nascosto di base */
   position: absolute;
   bottom: 50px;
   width: 100%;
   justify-content: space-between;
   padding: 0 20px;
   box-sizing: border-box;
   z-index: 10;
 }

 .videojs-ads-info.enabled {
   display: flex;
 }

 .vjs-discover-more,
 .vjs-skip-button {
   background: rgba(0, 0, 0, 0.7);
   color: white;
   padding: 8px 15px;
   text-decoration: none;
   border-radius: 4px;
   font-family: Arial, sans-serif;
 }

 .vjs-skip-button:not(.enabled) {
   cursor: default;
   opacity: 0.8;
 }

 .vjs-skip-button.enabled {
   cursor: pointer;
   background: rgba(0, 0, 0, 0.9);
   border: 1px solid white;
 }

 .slider-navigation-previous,
 .slider-navigation-next {
   opacity: 0.8;
   background: rgba(255, 255, 255, 0.5) !important;
   border-radius: 50%;
 }

 .column.is-half,
 .column {
   min-width: 1px;
 }

 .carousel {
   overflow: hidden;
   margin: 0 auto;
   display: block !important;
   width: 100%;
   visibility: visible;
   opacity: 1;
   min-height: 100px;
 }


 .diretta-streaming {
   color: #fff;
   background: red;
   height: 24px;
   border-radius: 20px;
 }

 .diretta-streaming::before {
   content: "";
   width: 10px;
   height: 10px;
   background-color: #fff;
   border-radius: 50%;
   display: inline-block;
   animation: blink 1.5s infinite;
   margin-right: 5px;
 }

 @keyframes blink {
   0% {
     opacity: 1;
   }

   50% {
     opacity: 0.5;
   }

   100% {
     opacity: 1;
   }
 }

 .is-fixed-mobile {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 1000;
 }

 header {
   height: 130px;
 }

 .is-portrait {
   width: 50% !important;
   height: auto !important;
   object-fit: cover !important;
   margin: 0 auto;
 }

 .sidebar.is-order-3-tablet.is-order-3-desktop {
   margin-top: 60px;
 }

 #descrizione-categoria p {
   margin-bottom: 0.85rem !important;
 }

  p.sommario{
    padding-left:10px;
  }

  .header-width img{
    width: 1344px;
  }
 @media screen and (max-width: 1023px) {
   .navbar-menu.is-active {
     max-height: calc(100vh - 52px);
     overflow-y: auto;
     display: block;
   }

   .title{ --bulma-title-line-height: 150% !important;}
 }

 @media screen and (min-width: 1024px) {

  .navbar-item img{
    max-height:2rem;
  }
   .title-border.primo-piano {
     width: 75% !important;
   }

   .has-adsfondo .wrap-content {
     min-height: 65vh;
   }

   .is-order-1-desktop {
     order: 1;
   }

   .is-order-2-desktop {
     order: 2;
   }

   .is-order-3-desktop {
     order: 3;
   }

   .py-4-desktop {
     padding: 1rem 1rem;
   }

   .px-0-desktop {
     padding-left: 0 !important;
     padding-right: 0 !important;
   }

   .px-2-desktop {
     padding-left: 0.5rem !important;
     padding-right: 0.5rem !important;
   }

   .px-5-desktop {
     padding-left: 1.5rem !important;
     padding-right: 1.5rem !important;
   }

   #navbarMobileMenu {
     display: none;
   }

   .navbar-start>div.navbar-item {
     padding: .5rem .15rem !important;
   }

   /*
   #corpo {
     padding-top: 92px !important;
   }
*/
   .col {
     position: relative;
   }

   .bordo-laterale {
     position: relative;
     height: 70vh;
   }

   .bordo-laterale-sx::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     border-left: 1px solid hsl(0, 0%, 15%);
   }

   .bordo-laterale-dx::after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     border-right: 1px solid hsl(0, 0%, 15%);
   }

   #overlay .modal-content {
     width: 800px !important;
   }

   .sidebar {
     position: relative;
   }

   .sidebar::before {
     content: "";
     position: absolute;
     top: 15px;
     left: 0;
     height: 98%;
     border-left: 1px solid hsl(0, 0%, 15%);
   }

   .is-sticky {
     position: sticky;
     display: inline-block;
     vertical-align: top;
     max-height: 100vh;
     overflow-y: auto;
     top: 0;
     bottom: 0;
   }

   .column.is-6 .blocco-categoria .altri-articoli .columns .column:first-child {
     display: none !important;
   }

   iframe#video {
     width: 100%;
     height: 650px;
   }

   #testata-up #social .icon:nth-child(2n+1) {
     margin: 0 0.1rem !important;
   }

   .videojs-ads-info #skip-button {
     margin-right: 20px;
     width: 10%;
   }

   .videojs-ads-info #visit-page {
     margin-left: 20px;
     width: 15%;
   }

   .sidebar.is-order-3-tablet.is-order-3-desktop {
     margin-top: 0px;
   }

   [data-theme=light],
   .theme-light {
     .sidebar::before {
       border-left: 1px solid var(--bulma-background-active);
     }

   }

 }
 @media screen and (min-width: 1500px) {
    .navbar-item img{
    max-height:3rem;
  }
 }
 @media screen and (min-width: 769px) and (max-width: 1023px) {

   .is-order-1-tablet {
     order: 1;
   }

   .is-order-2-tablet {
     order: 2;
   }

   .is-order-3-tablet {
     order: 3;
   }

 }

 [data-theme=dark],
 .theme-dark {
   body p::selection {
     background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l));
     color: #131313;
   }

   .submenu .navbar-item:hover {
     color: var(--bulma-warning) !important;
   }

   section#transport {
     .title-border span {
       background-color: var(--bulma-black-ter) !important;
     }
   }

   .occhiello,
   .occhiello-articolo {
     color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l));
   }

   p.sommario{
    border-left:5px solid hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l));
  }

   .cell-programma:hover a {
     color: var(--bulma-warning) !important;
   }

   #corpo-articolo {
     font-weight: 300 !important;
   }

   ul.is-striped li:nth-child(2n) {
     background-color: #181B20;
   }

 }


 [data-theme=light],
 .theme-light {

   body p::selection {
     background-color: #234280;
     color: #fff;
   }

   #testata .navbar .navbar-dropdown a {
     color: #131313 !important;
   }

   p.sommario{
    border-left:5px solid #ef5a30;
  }
   /*
   #testata .navbar-link:hover {
     color: #131313 !important;
   }

   #testata .icon-text:hover {
     background-color: transparent !important;
     border-radius: none;
   }
*/
   #corpo a:hover {
     color: #234280 !important;
   }

   .cell-programma:hover a {
     color: #234280 !important;
   }

   .submenu .navbar-item:hover {
     color: #234280 !important;
   }

   section#transport {
     .title-border span {
       background-color: var(--bulma-white-ter) !important;
     }
   }

   .occhiello,
   .occhiello-articolo {
     color: #ef5a30;
   }

   .cell-programma img {
     border: 1px solid var(--bulma-white-ter) !important;
   }

   .cell-programma:hover {
     background-color: var(--bulma-white-ter) !important;
   }

   .pagination-link.is-current {
     border: 1px solid var(--bulma-black-ter) !important;
     background-color: var(--bulma-white-ter) !important;
   }

   .has-hover:hover {
     background-color: var(--bulma-white-ter);
   }

   ul.is-striped li:nth-child(2n) {
     background-color: #F9FAFB;
   }

   .fa-play-circle::before{
    color:#ef5a30 !important;
   }
   .articolo-video::after{
    background: radial-gradient(circle, rgb(249, 249, 249) 30%, rgba(255, 255, 255, 0) 62%);
    color:#ef5a30 !important;
   }

 }