/* GENERAL */

body{
  padding-top: 0;
}

.main_nav,
footer{
  display: none;
}

.side_sponsor_box a{
  pointer-events: none!important;
}

/* /GENERAL */

/* REVAMP 2025 */

/* l'header revamp (nav desktop, nav mobile, ricerca e menu mobile) sta tutto
   dentro .navbar_container; il footer usa il tag <footer>, gia' nascosto sopra */
.navbar_container{
  display: none;
}

/* .navbar_container e' position: fixed e il body compensa con padding-top:
   senza header l'offset va azzerato (body{padding-top:0} sopra) e con esso
   gli offset degli elementi sticky di programma e media archive */
.content_header_timeline{
  top: 0;
}

main:has(.program_list),
main:has(.media_archives_container){
  top: 0;
}

/* /REVAMP 2025 */

/* HEADER BACK */

.event_template{
  padding-top: 54px;
}

.header_back{
  width: 100%;
  height: 54px;
  padding: 15px 15px 12px 15px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #f7f5f5;
  -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
}

.header_back a,
.header_back a:hover,
.header_back a:focus,
.header_back a:active,
.header_back a:visited{
  color: #000000;
}

.header_back a{
  color: #000000;
}

.header_back a>i{
  font-size: 24px;
  line-height: 24px;
}

/* /HEADER BACK */

/* TAG */

.tag{
  padding: 3px 4px;
  line-height: 12px;
  font-size: 12px;
}

/* /TAG */

/* COVER */

.section_cover .tag{
  pointer-events: none;
}

/* /COVER */

/* PRAGAM */

.program_template {
  padding-top: 74px;
}

.section_program_filters {
  background-color: #F7F6F6;
  -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);

}

.filter_col_dropdown {
  background-color: #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}

.btn_main_filter_collpase,
.btn_main_filter_collpase:hover,
.section_program_filters .form-control,
.filter_col_cancel .btn_lac,
.section_program_filters .input-group-text{
  color: #000;
}

.section_program_filters .input-group-append button {
  color: #000;
  background-color: #eaeaea;
}

.btn_filter_app .row{
  margin-right: -22px;
  margin-left: -22px;
}

.btn_filter_app .row .col-4{
  padding-left: 7px;
  padding-right: 7px;
}

.btn_filter_app .btn_lac{
  height: 30px;
  display: block;
  text-align: center;
  line-height: 30px;
  margin-bottom: 15px;
  width: 100%;
  border-color: #fff;
  background-color: #F8F7F7;
  color: #000;
}

.btn_filter_app .btn_lac.active{
  border-color: #fff;
  background-color: #fff;
  color: #da291c;
}

/* /PRAGAM */

/* PROGRAM BOX */

.program_box_tag .tag {
  padding: 3px 4px;
  line-height: 12px;
  font-size: 12px;
}

/* /PROGRAM BOX */

/* ==================================================================== MEDIA QUERIES ==================================================================== */

@media screen and (max-width: 767px) {

  /* PRAGAM */

  .program_template .section_program_filters {
    position: fixed!important;
    /* top: 0;
    padding-bottom: 0;
    margin-bottom: 0; */
  }

  .section_program_filters.secondary_nav_fixed{
    top: 0!important;
  }

  /* /PRAGAM */

}

@media screen and (max-width: 874px) {

}

@media screen and (max-width: 767px) {


}

@media screen and (max-width: 575px) {

  /* EVENT CAROUSEL */

  .section_event_carousel{
    background: #fff!important;
    padding-bottom: 0;
  }

  .section_event_carousel .col-12{
    padding-left: 14px;
    padding-right: 14px;
  }

  .section_event_carousel_title{
    font-size: 24px;
  }

  .section_event_carousel .swiper-slide {
    width: 170px;
    padding-left: 7px;
    padding-right: 7px;
  }

  .section_event_carousel .link_box_tag,
  .section_event_carousel .swiper-pagination,
  .section_event_carousel .swiper-button-next,
  .section_event_carousel .swiper-button-prev,
  .section_event_carousel .link_box p{
    display: none;
  }

  .section_event_carousel .link_box_tag .tag{
    pointer-events: none;
  }

  .section_event_carousel .swiper-container {
    padding-top: 1px;
    width: 100%;
  }

  .section_event_carousel .swiper-wrapper{
    padding-left: 7px;
  }

  .section_event_carousel .link_box_image{
    margin-bottom: 7px;
  }

  .section_event_carousel .link_box h2,
  .section_event_carousel .link_box h3 {
    font-size: 14px;
    line-height: 15px;
  }

  .section_event_carousel p.link_box_date{
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    padding-top: 1px;
  }

  /* /EVENT CAROUSEL */

}