/* FONTS */

@font-face {
  font-family: 'akzidenz-light';
  src: url('../fonts/AkzidGroStdLig.eot'); /* IE9 Compat Modes */
  src: url('../fonts/AkzidGroStdLig.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/AkzidGroStdLig.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/AkzidGroStdLig.woff') format('woff'), /* Pretty Modern Browsers */
  url('../fonts/AkzidGroStdLig.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/AkzidGroStdLig.svg#akzidenz-grotesk_stdlight') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'akzidenz-med';
  src: url('../fonts/AkzidGroStdMed.eot'); /* IE9 Compat Modes */
  src: url('../fonts/AkzidGroStdMed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/AkzidGroStdMed.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/AkzidGroStdMed.woff') format('woff'), /* Pretty Modern Browsers */
  url('../fonts/AkzidGroStdMed.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/AkzidGroStdMed.svg#akzidenz-grotesk_stdmedium') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'AkzidenzGroteskPro-Light';
  src: url('../fonts/AkzidenzGroteskPro-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/AkzidenzGroteskPro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/AkzidenzGroteskPro-Light.woff') format('woff'), /* Pretty Modern Browsers */
  url('../fonts/AkzidenzGroteskPro-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'AkzidenzGroteskPro-Md';
  src: url('../fonts/AkzidenzGroteskPro-Md.eot'); /* IE9 Compat Modes */
  src: url('../fonts/AkzidenzGroteskPro-Md.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/AkzidenzGroteskPro-Md.woff') format('woff'), /* Pretty Modern Browsers */
  url('../fonts/AkzidenzGroteskPro-Md.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face{
  font-family:"Swift W01 Light";
  src:url("../fonts/5539004e-b677-4159-b97c-89733f45db8f.woff2") format("woff2"),url("../fonts/dd38674f-7cfa-4862-a40d-c2b140232571.woff") format("woff");
}

@font-face{
  font-family:"Swift W01 Light Italic";
  src:url("../fonts/f5f1128e-8f41-413c-a5b6-e10737dc0ae7.woff2") format("woff2"),url("../fonts/12b10313-d73d-42b4-8dc4-f20de433e258.woff") format("woff");
}

@font-face{
  font-family:"Swift W01 Medium";
  src:url("../fonts/95c8c6e8-891f-49a2-863b-dd951ab22413.woff2") format("woff2"),url("../fonts/4e7aba23-a918-49f2-ae0f-7a56a4c7a387.woff") format("woff");
}

@font-face{
  font-family:"Swift W01 Medium Italic";
  src:url("../fonts/a9a7648c-6f44-48c1-a571-595dc09071a3.woff2") format("woff2"),url("../fonts/63d31b38-2b8f-4686-9f7b-e9ae15c81197.woff") format("woff");
}

/* /FONTS */

/* VARIABLES */

:root {

  --akzidenz_light: 'AkzidenzGroteskPro-Light', 'akzidenz-light', Helvetica, Arial, sans-serif;
  --akzidenz_medium: 'AkzidenzGroteskPro-Md', 'akzidenz-med', Helvetica, Arial, sans-serif;
  --swift_light: "Swift W01 Light",'AkzidenzGroteskPro-Light', 'akzidenz-light','AkzidenzGroteskPro-Md', 'akzidenz-med', Helvetica, Arial, sans-serif;
  --swift_light_italic: "Swift W01 Light Italic",'AkzidenzGroteskPro-Light', 'akzidenz-light','AkzidenzGroteskPro-Md', 'akzidenz-med', Helvetica, Arial, sans-serif;
  --swift_medium: "Swift W01 Medium",'AkzidenzGroteskPro-Light', 'akzidenz-light','AkzidenzGroteskPro-Md', 'akzidenz-med', Helvetica, Arial, sans-serif;
  --swift_medium_italic: "Swift W01 Medium Italic",'AkzidenzGroteskPro-Light', 'akzidenz-light','AkzidenzGroteskPro-Md', 'akzidenz-med', Helvetica, Arial, sans-serif;

  --gutter: 20px;
  --half_gutter: 10px;
  --quarter_gutter: 5px;
  --gutter_negative: -20px;
  --half_gutter_negative: -10px;
  --quarter_gutter_negative: -5px;
  --col_1: 8.333333%;
  --col_2: 16.666667%;
  --col_3: 25%;
  --col_4: 33.333333%;
  --col_5: 41.666667%;
  --col_6: 50%;
  --col_7: 58.333333%;
  --col_8: 66.666667%;
  --col_9: 75%;
  --col_10: 83.333333%;
  --col_11: 91.666667%;
  --col_12: 100%;

  --body_color:#F8F8F8;

  --red_lac: #FF3107;
  --text_gray: #A6A6A6;
  --bg_gray: rgb(217 217 217 / 30%);
  --bg_blur: blur(30px);
  --element_bg_gray: #FAFAFA;

  --link_color: #000;
  --link_color_hover: #acacac;

  --nav_col_left_w: 450px;

  --mid-gray: #F0F0F0;

}

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

  :root {

    --nav_col_left_w: 100%;

  }

}

/* /VARIABLES */

/* GENERAL */

html{

}

body{
  font-family: var(--akzidenz_light);
  font-weight: 300;
  color: #000;
  padding-top: 115px;
  background-color: var(--body_color);
}

h1,h2,h3,h4,h5,h6{
  font-family: var(--akzidenz_medium);
  font-weight: 500;
}

h1{
  font-size: 48px;
  line-height: calc(48px * 1.10);
}

h2{
  font-size: 34px;
  line-height: calc(34px * 1.10);
}

h3{
  font-size: 24px;
  line-height: calc(24px * 1.10);
}

h4{
  font-size: 17px;
  line-height: calc(17px * 1.10);
}

/* p{
  font-size: 20px;
  line-height: calc(20px * 1.10);
} */

strong,b{
  font-family: var(--akzidenz_medium);
  font-weight: 500;
}

small{
  font-size: 17px;
  line-height: calc(17px * 1.10);
}

small-2{
  font-size: 14px;
  line-height: calc(14px * 1.10);
}

small-3{
  font-size: 11px;
  line-height: calc(11px * 1.10);
}

a{
  color: var(--link_color);
}

a:hover {
  color: var(--link_color_hover);
}

article p,
article li,
article dt,
article dd{
  font-family: var(--swift_light);
}

article p strong,
article p b{
  font-family: var(--swift_medium);
}

article a {
  color: #000;
  text-decoration: underline;
}

article a:hover {
  color: var(--link_color_hover);
  text-decoration: underline
}

/* Rifeimenti media query vecchi templates */

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

}

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

}

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

}

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

}

/* /Rifeimenti media query vecchi templates */

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

  h1{
    font-size: 20px;
    line-height: calc(20px * 1.10);
  }

  h2{
    font-size: 18px;
    line-height: calc(18px * 1.10);
  }

  h3{
    font-size: 17px;
    line-height: calc(17px * 1.10);
  }

  h4{
    font-size: 15px;
    line-height: calc(15px * 1.10);
  }

  /* INSERIRE NELL'ARTICLE
    p{
      font-size: 13px;
      line-height: calc(13px * 1.10);
    }*/

  small{
    font-size: 12px;
    line-height: calc(12px * 1.10);
  }

  small-2{
    font-size: 10px;
    line-height: calc(10px * 1.10);
  }

  small-3{
    font-size: 8px;
    line-height: calc(8px * 1.10);
  }

}

/* /GENERAL */

/* GRID */

.grid_container{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
  margin-right: auto;
  margin-left: auto;
}

.column_1{
  position: relative;
  width: 100%;
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
  -ms-flex: 0 0 var(--col_1);
  flex: 0 0 var(--col_1);
  max-width: var(--col_1);
}

.column_2{
  position: relative;
  width: 100%;
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
  -ms-flex: 0 0 var(--col_2);
  flex: 0 0 var(--col_2);
  max-width: var(--col_2);
}

.column_3{
  position: relative;
  width: 100%;
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
  -ms-flex: 0 0 var(--col_3);
  flex: 0 0 var(--col_3);
  max-width: var(--col_3);
}

.column_4{
  position: relative;
  width: 100%;
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
  -ms-flex: 0 0 var(--col_4);
  flex: 0 0 var(--col_4);
  max-width: var(--col_4);
}

.column_5{
  position: relative;
  width: 100%;
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
  -ms-flex: 0 0 var(--col_5);
  flex: 0 0 var(--col_5);
  max-width: var(--col_5);
}

.column_6{
  position: relative;
  width: 100%;
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
  -ms-flex: 0 0 var(--col_6);
  flex: 0 0 var(--col_6);
  max-width: var(--col_6);
}

.column_7{
  position: relative;
  width: 100%;
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
  -ms-flex: 0 0 var(--col_7);
  flex: 0 0 var(--col_7);
  max-width: var(--col_7);
}

.column_8{
  position: relative;
  width: 100%;
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
  -ms-flex: 0 0 var(--col_8);
  flex: 0 0 var(--col_8);
  max-width: var(--col_8);
}

.column_9{
  position: relative;
  width: 100%;
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
  -ms-flex: 0 0 var(--col_9);
  flex: 0 0 var(--col_9);
  max-width: var(--col_9);
}

.column_10{
  position: relative;
  width: 100%;
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
  -ms-flex: 0 0 var(--col_10);
  flex: 0 0 var(--col_10);
  max-width: var(--col_10);
}

.column_11{
  position: relative;
  width: 100%;
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
  -ms-flex: 0 0 var(--col_11);
  flex: 0 0 var(--col_11);
  max-width: var(--col_11);
}

.column_12{
  position: relative;
  width: 100%;
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
  -ms-flex: 0 0 var(--col_12);
  flex: 0 0 var(--col_12);
  max-width: var(--col_12);
}

.grid_container .article_component,
.grid_container .section_audio_player,
.grid_container .section_collapse,
.grid_container .section_buttons,
.grid_container .simple_links,
.grid_container .swiper_slideshow_container,
.grid_container .title_component,
.grid_container .box_grid,
.grid_container .carousel_box{
  padding-left: 0;
  padding-right: 0;
}

/* /GRID */

/* ICONE */

.ico_arrow_up_right::after {
  width: 17px;
  height: 17px;
  content: "";
  background: url("../graphics/freccia-su-destra.svg");
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
}

.ico_arrow_right::after {
  width: 22px;
  height: 22px;
  content: "";
  background: url("../graphics/freccia-destra.svg");
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
}

.ico_arrow_down::after {
  width: 22px;
  height: 22px;
  content: "";
  background: url("../graphics/freccia-giu.svg");
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
}

.ico_arrow_up_right_white::after {
  width: 17px;
  height: 17px;
  content: "";
  background: url("../graphics/freccia-su-destra-bianca.svg");
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
}

.ico_arrow_right_white::after {
  width: 22px;
  height: 22px;
  content: "";
  background: url("../graphics/freccia-destra-bianca.svg");
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
}

.ico_arrow_down_white::after {
  width: 22px;
  height: 22px;
  content: "";
  background: url("../graphics/freccia-giu-bianca.svg");
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
}

.ico_piu::after {
  width: 17px;
  height: 16px;
  content: "";
  background: url("../graphics/ico_piu.svg");
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
}

.ico_meno::after {
  width: 17px;
  height: 16px;
  content: "";
  background: url("../graphics/ico_meno.svg");
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
}

/* /ICONE */

/* BANNER LANGUAGE */

.banner_lang{
  padding: 10px 20px;
  background-color: #000;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.banner_lang p{
  margin-bottom: 0;
  font-size: 14px;
  line-height: 14px;
}

.banner_lang_active{
  padding-top: 149px;
}

.banner_lang_active .navbar_container{
  top: 34px;
}

/*
.banner_lang_active .main_nav{
  top: 40px;
}

.banner_lang_active .sub-nav-container{
  top: 103px;
} */

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

  .banner_lang p{
    margin-bottom: 0;
    font-size: 8px;
    line-height: 8px;
  }

}

/* /BANNER LANGUAGE */

/* HEADER NAVIGATION */

.navbar_container{
  width: 100%;
  height: auto;
  padding: var(--gutter) 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

.navbar_container>.grid_container{
  padding-right: 0;
  padding-left: var(--half_gutter);
}

.nav_logo{
  width: 82px;
}

/* Info strip */

.info_strip{
  width:100%;
  height: 26px;
  padding: var(--quarter_gutter) var(--quarter_gutter);
  margin-left: var(--half_gutter_negative);
  margin-right: var(--half_gutter_negative);
  margin-bottom: var(--quarter_gutter);
  border-radius: var(--quarter_gutter);
  background-color: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
  overflow-x: hidden;
  position: relative;
}

.info_strip_anim_one,
.info_strip_anim_two{
  position: absolute;
  top: 5px;
  left: 100%;
  /* left: 0; */
  width: auto;
  white-space: nowrap;
}

.info_strip_anim_one{
  display: flex;
  justify-content: space-around;
  animation: info-strip-anim 20s linear infinite;
}

.info_strip_anim_two {
  animation: info-strip-anim 20s linear infinite;
  animation-delay: 10s;
}

.info_detail{
  display: block;
  float: left;
  margin-right: calc(8.333333vw - var(--gutter));
}

.info_detail p{
  font-family: var(--akzidenz_medium);
  margin: 0;
  font-size: 14px;
  line-height: 16px;
}

.info_detail_alert{
  color: var(--red_lac);
}

@keyframes info-strip-anim {
  0% {
    left: 100%;
  }

  100% {
    left: -100%;
  }
}

.info_strip_anim_one:hover,
.info_strip_anim_one:hover~.info_strip_anim_two {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

.info_strip_anim_two:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}


.info_strip:hover>.info_strip_anim_one:not(:hover) {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

.info_strip_mobile_container{
  width: 100%;
  position: fixed;
  bottom: var(--half_gutter);
  left: 0;
}

.info_strip.info_strip_mobile {
  width: 100%;
  height: 26px;
  padding: var(--quarter_gutter) var(--quarter_gutter);
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: var(--bg_blur);
  overflow-x: hidden;
  position: relative;
}

.info_strip.info_strip_mobile .info_detail {
  display: block;
  float: left;
  margin-right: var(--gutter);
}

/* Navbar */

.primary_navigation{
  width: 100%;
  margin-left: var(--half_gutter_negative);
  margin-right: var(--half_gutter_negative);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 17px;
}

.nav_col_left,
.nav_col_center,
.nav_col_right{
  height: 44px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-family: var(--akzidenz_medium);
  border-radius: var(--quarter_gutter);
  background-color: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
}

.nav_col_left{
  width: var(--nav_col_left_w);
  margin-right: var(--quarter_gutter);
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
}

.nav_col_left_half{
  width: 50%;
  height: auto;
  padding: 0 var(--half_gutter);
}

.nav_col_center{
  width: calc(100% - 450px - 122px - 10px);
  padding: 0 var(--half_gutter);
  margin-right: var(--quarter_gutter);
}

.nav_col_right{
  width: auto;
  padding-right: var(--gutter);
  padding-left: var(--gutter);
  border-radius: var(--quarter_gutter);
  background-color: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
}

.nav_col_fw{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--quarter_gutter);
  width: 100%;
  margin-top: var(--quarter_gutter);
}

.primary_navigation .nav_col_center ul{
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  list-style: none;
  align-items: center;
  display: flex;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.primary_navigation .nav_col_center ul li{
  display: contents;
}

.primary_navigation .nav_col_center ul li:first-of-type{
  display: inline-flex;
  padding-left: var(--half_gutter);
  padding-right: var(--gutter);
}

.primary_navigation .nav_col_center ul li a{
  flex-grow: 1;
  text-align: center;
  vertical-align: middle;
  color: #878787;
}

.primary_navigation .nav_col_center ul li a:hover{
  text-decoration: underline;
}

.primary_navigation .nav_col_center ul li a.active{
  text-decoration: underline;
}

a.primary_navigation_btn{
  color:#000;
  line-height: 40px;
}

a.primary_navigation_btn:hover {
  color: var(--link_color_hover);
}

a.primary_navigation_btn .ico_arrow_up_right::after {
  margin-left: var(--half_gutter);
}

.menu_mobile_open{
  display: none;
}

/* nav col box */

.nav_col_box{
  width: calc(50% - var(--quarter_gutter) / 2);
  padding: var(--gutter) var(--half_gutter) 0 var(--half_gutter);
  font-family: var(--akzidenz_medium);
  border-radius: var(--quarter_gutter);
  background-color: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
  min-height: var(--gutter);
}

.nav_col_box_half{
  width: calc(25% - var(--quarter_gutter));
}

/* /nav col box */

/* Language */

.primary_navigation .dropdown_menu_lang{
  margin-top: 0;
  /* margin-top: -3px; */
}

.dropdown_menu_lang .btn {
  background-color: rgba(255, 255, 255, 0);
  color: #000;
  border-right: 0;
  margin-bottom: 0;
  padding: 0;
  line-height: 40px;
  font-size: 17px;
}

.dropdown_menu_lang .btn:hover {
  color: var(--link_color_hover);
}

.primary_navigation .dropdown_menu_lang .dropdown-menu {
  border: 0;
  width: auto;
  min-width: auto;
  border-radius: 0;
  padding: 0 0 2px 0;
  margin-left: -17px;
  top: 11px!important;
  margin-left: -17px;
  background-color: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
}

.primary_navigation .dropdown_menu_lang .dropdown-menu:hover{
  color: var(--link_color_hover);
}

.nav_col_left{
  height: auto;
  min-height: 44px;
}

.dropdown_menu_lang_box{
  text-align: center;
  padding-left: 42px;
  padding-bottom: 7px;
  display: none;
}

.navbar_dorpdown_left.dropdown_menu_lang_box a{
  font-size: 17px!important;
  display: block;
}

/* /Language */

/* nav dropdown */

.nav_menu_dropdown{
  cursor: pointer
}

.nav_menu_dropdown.active_dp{
  color: #000!important;
}

.nav_menu_dropdown.active_dp:hover{
  color: var(--link_color_hover)!important;
}

/* nav dropdown */

/* Login */

.login{
  float: right;
  max-width: 148px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.logout_link{
  margin-top: 10px;
}

/* /Login */

/* Search */

.primary_navigation .input-group{
  margin-top: -3px;
}

.primary_navigation .input-group .form-control {
  padding: 0;
  height: 30px;
  font-size: 17px;
  line-height: 17px;
  border: 0;
  background-color: rgb(255 255 255 / 0%);
}

.primary_navigation .input-group .form-control:focus {
  color: #000;
  border-color: rgba(238, 49, 36, 0.5);
  outline: 0;
  box-shadow: 0 0 1px 2px rgba(238, 49, 36, 0);
}

input.form-control::placeholder {
  color: #000;
}

/* .input-group input:hover::placeholder {
    color: var(--link_color_hover)!important;
} */

.input_menu_search_active input.form-control::placeholder {
  color: var(--link_color_hover);
}


.primary_navigation .input-group .input-group-append>.btn{
  margin-bottom: 0;
  height: 30px;
  padding: 0 0px 0 14px;
  border: 0;
}

.primary_navigation .input-group .input-group-append>.btn:hover {
  color: var(--link_color_hover);
  background-color: rgba(0,0,0,0);
  border-color: rgba(0,0,0,0);
}

.primary_navigation .input-group .input-group-append>.btn i{
  font-size: 16px;
  line-height: 20px;
  color: black;
}

.input_menu_search_inactive{
  cursor: pointer;
}

.primary_navigation .input-group.input_menu_search_inactive .form-control,
.primary_navigation .input-group.input_menu_search_inactive .input-group-append>.btn{
  pointer-events: none;
}

.close_menu_search{
  float: right;
  display: none;
}

.dropdown_menu_search h3,
.nav_col_box h3{
  font-size: 20px;
  line-height: calc(20px * 1.10);
  padding: 0 var(--half_gutter) var(--gutter) var(--half_gutter);
  margin: 0;
}

.nav_col_left_half_search{
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/* .input_menu_search_active .dropdown_menu_search, */
.input_menu_search_active .close_menu_search{
  display: block;
}

.input_menu_search_active .nav_col_left_half{
  width: 10%;
}

.input_menu_search_active .nav_col_left_half_search{
  width: 90%;
}

.dropdown_menu_lang.hide_btn,
.primary_navigation_btn.login.hide_btn{
  display: none;
}

/* .input_menu_search_active .dropdown_menu_lang,
.input_menu_search_active .primary_navigation_btn.login{
  display: none;
} */

.box_serach_mobile{
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
  margin-bottom: calc(var(--gutter) + var(--half_gutter));
}

.box_serach_mobile .input-group .form-control {
  padding: 0;
  height: 30px;
  font-size: 20px;
  line-height: 20px;
  border: 0;
  background-color: rgb(255 255 255 / 0%);
}

.box_serach_mobile .input-group .input-group-append>.btn {
  margin-bottom: 0;
  height: 30px;
  padding: 0 0px 0 14px;
  border: 0;
}

.box_serach_mobile .input-group .input-group-append>.btn i {
  font-size: 17px;
  line-height: 20px;
  color: black;
}

.box_serach_mobile .input-group .form-control:focus {
  color: #000;
  border-color: rgba(238, 49, 36, 0.5);
  outline: 0;
  box-shadow: 0 0 1px 2px rgba(238, 49, 36, 0);
}

.box_serach_mobile .input-group .input-group-append>.btn:hover {
  color: var(--link_color_hover);
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.box_serach_mobile input.form-control::placeholder {
  color: var(--link_color_hover);
}

.box_suggested_searches{
  height: auto;
  box-sizing: border-box;
  margin-bottom: calc(var(--gutter) + var(--half_gutter));
}

.nav_col_box .box_suggested_searches{
  margin-bottom: var(--gutter);
}

.box_suggested_searches::after{
  content: '';
  display: block;
  clear: both;
}

.suggested_search{
  display: block;
  float: left;
  width: 50%;
  padding: var(--quarter_gutter) var(--half_gutter);
}

.suggested_search i{
  margin-right: var(--half_gutter);
}

.suggested_search span{
  margin-left: var(--half_gutter);
}

.suggested_search .ico_arrow_right::after{
  width: 18px;
  height: 16px;
  background-size: 18px;
}

.suggested_search .ico_arrow_up_right::after{
  width: 14px;
  height: 16px;
  background-size: 14px;
}

.suggested_search .ico_arrow_down::after{
  width: 16px;
  height: 14px;
  background-size: 17px 14px;
}

.box_suggested_tags h3{
  font-size: 20px;
  line-height: calc(20px * 1.10);
  padding: 0 var(--half_gutter) var(--gutter) var(--half_gutter);
  margin: 0;
}

.box_suggested_tags{
  height: auto;
  box-sizing: border-box;
  margin-bottom: calc(var(--gutter) + var(--half_gutter));
}

.nav_col_box .box_suggested_tags{
  margin-bottom: var(--half_gutter);
}

.suggested_tags_container{
  padding: 0 var(--half_gutter);
}

.box_suggested_events{
  padding: 0 var(--gutter);
  margin-bottom: calc(var(--gutter) + var(--half_gutter));
}

.nav_col_box .box_suggested_events{
  padding: 0 var(--half_gutter);
  margin-bottom: var(--half_gutter);
}

.box_suggested_events::after{
  content: '';
  display: block;
  clear: both;
}

.box_suggested_events h3{
  font-size: 20px;
  line-height: calc(20px * 1.10);
  padding: 0;
  margin: 0 0 var(--gutter) 0;
}

.box_suggested_media{
  padding: 0 var(--gutter) 0 var(--half_gutter);
  margin-bottom: calc(var(--gutter) + var(--half_gutter));
}

.nav_col_box .box_suggested_media{
  padding: 0 var(--half_gutter) 0 0;
  margin-bottom: var(--half_gutter);
}

.nav_col_box .carousel_box.section_event_carousel .swiper-container {
  padding-top: 56px;
  padding-bottom: var(--half_gutter);
}

.box_suggested_media::after{
  content: '';
  display: block;
  clear: both;
}

.box_suggested_media h3{
  font-size: 20px;
  line-height: calc(20px * 1.10);
  padding: 0 var(--half_gutter);
  margin: 0 0 var(--gutter) 0;
}

.box_suggested_media .swiper_gradient_r,
.box_suggested_media .swiper_gradient_l{
  background: rgba(248, 248, 248, 0);
}

.box_suggested_media .carousel_box {
  padding: 0;
}

.box_suggested_media .carousel_box.section_event_carousel .swiper-button-next {
  top: 21px;
  right: 0;
}

.box_suggested_media .carousel_box.section_event_carousel .swiper-button-prev {
  top: 21px;
  right: 50px;
}

#dropdown_search{
  display: none;
}

#dropdown_search.dropdown_search_active{
  display: inherit;
}

/* /Search */

/* Navbar dropdwon */

.navbar_dorpdown_left{
  width: 100%;
  box-sizing: border-box;
  border-bottom-left-radius: var(--quarter_gutter);
  border-bottom-right-radius: var(--quarter_gutter);
}

.nav_col_dropdown{
  display: none;
}

.nav_col_dropdown_box{
  width: 100%;
  position: relative;
  padding-top: var(--half_gutter);
  padding-bottom: var(--half_gutter);
  padding-left: calc(var(--nav_col_left_w) + var(--gutter) + var(--quarter_gutter));
  font-family: var(--akzidenz_medium);
  border-radius: var(--quarter_gutter);
  background-color: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
  min-height: var(--gutter);
}

#dropdown_menu_languages .nav_col_dropdown_box{
  padding-left: calc(var(--nav_col_left_w) / 2 + var(--half_gutter));
}

.nav_col_dropdown_box a{
  display: block;
  width: fit-content;
}

.nav_col_dropdown_box:hover a{
  color: var(--link_color_hover);
}

.nav_col_dropdown_box a:hover{
  color: #000;
}

.nav_col_dropdown_box_label{
  position: absolute;
  left: var(--gutter);
  top: var(--half_gutter);
}

.dropdown_menu_layer{
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  background-color: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
  display: none;
}

/* /Navbar dropdwon */

/* Navbar mobile */

.nav_mobile{
  width: 100%;
  height: 46px;
  position: relative;
  display: none;
}

.nav_mobile .nav_logo{
  width: 25px;
  height: auto;
  position: absolute;
  top: var(--half_gutter);
  left: var(--gutter);
}

.button_mobile_search{
  width: 33px;
  height: 30px;
  position: absolute;
  top: var(--half_gutter);
  right: calc(33px + var(--gutter) + var(--quarter_gutter));
  /* padding-left: 11px;
  padding-top: 2px; */
  padding: 0;
  border: 0;
  background-color: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
  border-radius: var(--quarter_gutter);
}

.button_mobile_search img{
  width: 13px;
  height: auto;
  vertical-align: middle;
  align-items: center;
  margin-top: -1px;
}

.button_mobile_burger_menu{
  width: 33px;
  height: 30px;
  position: absolute;
  top: var(--half_gutter);
  right: var(--gutter);
  /* padding-left: 9px;
  padding-top: 2px; */
  padding: 0;
  border: 0;
  background-color: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
  border-radius: var(--quarter_gutter);
}

.button_mobile_burger_menu img{
  width: 15px;
  height: auto;
  vertical-align: middle;
  align-items: center;
  margin-top: -3px;
}

.button_mobile_search:focus,
.button_mobile_burger_menu:focus{
  outline: 0;
}

.nav_container_mobile{
  height: 100vh;
  width: 100vw;
  box-sizing: border-box;
  background-color: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,0.2) transparent;
  font-family: var(--akzidenz_medium);
  position: fixed;
  top: 0;
  left: 0;
  /* display: none; */
}

.nav_container_mobile_header{
  height: 46px;
  width: 100%;
  position: relative;
}

.nav_container_mobile_header img{
  width: 25px;
  height: auto;
  position: absolute;
  top: var(--half_gutter);
  left: var(--gutter);
}

.close_menu_search_m{
  font-size: 27px;
  position: absolute;
  /* top: var(--half_gutter); */
  top: 5px;
  right: var(--gutter);
}

.nav_container_mobile_content{
  width: 100%;
  height: calc(100vh - 46px);
  box-sizing: border-box;
}

.dropdown_menu_search{
  padding-top: var(--gutter);
  overflow-y: scroll;
  height: 100%;
  width: 100%;
}

.nav_container_mobile::-webkit-scrollbar {
  width: 6px;
}

.nav_container_mobile::-webkit-scrollbar-track {
  background: transparent;
}

.nav_container_mobile::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 4px;
}

.nav_container_mobile::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.4);
}

.nav_container_mobile .box_suggested_searches,
.nav_container_mobile .box_suggested_tags{
  padding-left: var(--half_gutter);
  padding-right: var(--half_gutter);
}

.nav_link_head{
  width: 100%;
  padding: var(--gutter);
  font-size: 13px;
  line-height: calc(13px * 1.10);
  box-sizing: border-box;
  display: flex;               /* mette login e lang_mobile_box sulla stessa riga */
  justify-content: space-between; /* login a sinistra, lang_mobile_box a destra */
  align-items: center;
}

.lang_mobile_box{
  display: flex;               /* mette i link lingua in riga */
  gap: var(--quarter_gutter);                    /* spazio di 5px tra i link */
  justify-content: flex-end;
}

.lang_mobile_box a{
  color: var(--text_gray);
}

.lang_mobile_box a.active{
  color: var(--link_color);
}

.nav_container_mobile_link{
  height: calc(100vh - 146px);
  width: 100%;
  overflow-y: scroll;
  overflow: auto; /* o scroll */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer e Edge Legacy */
}

.nav_container_mobile_link::-webkit-scrollbar {
  display: none;
}

.nav_container_mobile_link .simple_links a{
  padding: var(--half_gutter) calc(22px + var(--half_gutter)) var(--half_gutter) 0;
  font-size: 20px;
  line-height: calc(20px * 1.10);
  color: #000;
}

.nav_container_mobile_link .simple_links a .ico_arrow_right,
.nav_container_mobile_link .simple_links a .ico_arrow_down {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -11px;
}

.nav_container_mobile_link .simple_links a .ico_arrow_up_right {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
}

.nav_container_mobile_link .simple_links a .ico_arrow_right::after{
  width: 20px;
  height: 20px;
  margin-bottom: -4px;
}

.nav_container_mobile_link .simple_links a .ico_arrow_down::after {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  margin-bottom: -5px;
}

.nav_container_mobile_link .simple_links a .ico_arrow_up_right::after{
  width: 15px;
  height: 15px;
  margin-bottom: -4px;
}

.nav_container_mobile_link .accordion>.card {
  background-color: rgba(255, 255, 255, 0);
}

.nav_container_mobile_link .section_collapse>.accordion>.card>.card-header>.btn {
  margin: 0;
  padding: var(--half_gutter) calc(22px + var(--half_gutter)) var(--half_gutter) 0;
  font-size: 20px;
  line-height: calc(20px * 1.10);
}

.nav_container_mobile_link .section_collapse>.accordion>.card>.card-header>.btn>.ico_piu {
  top: 50%;
  right: 0;
  margin-top: -12px;
}

.nav_container_mobile_link .ico_piu::after {
  width: 17px!important;
  height: 16px!important;
}

.nav_container_mobile_link .section_collapse>.accordion>.card>.card-header>.btn:hover,
.nav_container_mobile_link .section_collapse>.accordion>.card>.card-header>.btn:focus {
  color: #000;
}

.nav_container_mobile_link .section_collapse .accordion>.card .card-body {
  padding: 0 0 var(--gutter) 0;
}

.nav_container_mobile_link .simple_links .card-body a {
  padding: var(--quarter_gutter) 2px;
  font-size: 13px;
  line-height: calc(13px * 1.10);
  border: 0;
  color: #000;
}

.nav_element:first-child {
  border: none!important;
}

#dropdown_search_mobile{
  display: none;
}

#navigation_mobile{
  display: none;
}

.block_scroll{
  overflow: hidden;
}

/* /Navbar mobile */

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

  .navbar_container .column_3{
    -ms-flex: 0 0 var(--col_2);
    flex: 0 0 var(--col_2);
    max-width: var(--col_2);
  }

  .navbar_container .column_9{
    -ms-flex: 0 0 var(--col_10);
    flex: 0 0 var(--col_10);
    max-width: var(--col_10);
  }

}

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

  .navbar_container .column_3{
    -ms-flex: 0 0 var(--col_1);
    flex: 0 0 var(--col_1);
    max-width: var(--col_1);
  }

  .navbar_container .column_9{
    -ms-flex: 0 0 var(--col_11);
    flex: 0 0 var(--col_11);
    max-width: var(--col_11);
  }

}

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

  .primary_navigation .nav_col_center ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .primary_navigation .nav_col_center ul::-webkit-scrollbar {
    display: none;
  }

  .primary_navigation .nav_col_center ul li {
    flex: 0 0 auto;
    display: block;
    margin-right: var(--gutter);
  }

}

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

  .nav_logo {
    width: 100%;
  }

}

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

  .nav_desktop{
    display: none;
  }

  .nav_mobile{
    display: block;
  }

  .primary_navigation {
    font-size: 12px;
  }

  @keyframes info-strip-anim {
    0% {
      left: 100%;
    }

    100% {
      left: -155%;
    }
  }

  .info_strip_anim_one{
    display: flex;
    justify-content: space-around;
    animation: info-strip-anim 10s linear infinite;
  }

  /* .info_strip_anim_two {
    animation: info-strip-anim 10s linear infinite;
    animation-delay: 5s;
  } */

  .info_detail{
    margin-right: calc(2* var(--gutter));
  }

}

/* /HEADER NAVIGATION */

/* TAGS */

.tag_r_container{
  width: 100%;
  padding: var(--half_gutter) 0 0 var(--half_gutter);
}

.tag_r{
  padding: var(--quarter_gutter);
  margin: 0 calc(var(--quarter_gutter) - 4px) calc(var(--quarter_gutter) - 1px)  0;
  display: inline-block;
  border-radius: calc(var(--quarter_gutter) / 2);
  font-family: var(--akzidenz_medium);
  font-size: 14px;
  line-height:14px;
  background-color: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
}

.box_suggested_tags .tag_r{
  background-color: rgba(255, 255, 255, 0.5);
}

.tag_r p{
  margin: 0;
}

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

  .tag_r{
    font-size: 12px;
    line-height:12px;
  }

}

/* /TAGS */

/* CONTENT HEADER */

.content_header{
  padding-top: var(--gutter);
}

.content_header .content_header_column_secondary{
  padding: 0;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.content_header article.stendfirst p{
  font-family: var(--akzidenz_light);
}

.content_header article.stendfirst strong,
.content_header article.stendfirst b{
  font-family: var(--akzidenz_medium);
  font-weight: 500;
}

.content_header>.grid_container>.column_6 article{
  font-size: 30px;
  line-height: calc(30px * 1.10);
}

.content_header>.grid_container>.content_header_column_secondary>.column_6 article{
  font-size: 24px;
  line-height: calc(24px * 1.10);
}

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

  .content_header>.grid_container>.content_header_column_secondary>.column_6{
    -ms-flex: 0 0 var(--col_12);
    flex: 0 0 var(--col_12);
    max-width: var(--col_12);
  }


}

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

  .content_header>.grid_container>.column_6{
    -ms-flex: 0 0 var(--col_12);
    flex: 0 0 var(--col_12);
    max-width: var(--col_12);
  }

  .content_header>.grid_container>.column_6 article{
    font-size: 18px;
    line-height: calc(18px * 1.10);
  }

  .content_header>.grid_container>.content_header_column_secondary>.column_6 article{
    font-size: 13px;
    line-height: calc(13px * 1.10);
  }

}

/* /CONTENT HEADER */

/* TABS */

.link_tabs{
  padding-top: calc(2 * var(--gutter));
  padding-bottom: calc(2 * var(--gutter));
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

.link_tabs_container{
  width: auto;
  font-size: 20px;
  line-height: calc(20px * 1.10);;
  font-family: var(--akzidenz_medium);
  font-weight: 500;
}

.link_tabs .link_tabs_container ul{
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
}

.link_tabs .link_tabs_container ul::-webkit-scrollbar{
  display: none; /* Chrome, Safari */
}

.link_tabs .link_tabs_container ul li{
  flex: 0 0 auto;
  margin-right: 0;
}

.link_tabs .link_tabs_container ul li a{
  display: block;
  padding: var(--half_gutter) var(--gutter);
  color: #000;
  background-color: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
}

.link_tabs .link_tabs_container ul li a:hover{
  color: var(--link_color_hover);
}

.link_tabs .link_tabs_container ul li a.active{
  background-color: #000;
  color: #fff;
}

.link_tabs .link_tabs_container ul li:first-child a{
  border-top-left-radius:  var(--quarter_gutter);
  border-bottom-left-radius:  var(--quarter_gutter);
}

.link_tabs .link_tabs_container ul li:last-child a{
  border-top-right-radius:  var(--quarter_gutter);
  border-bottom-right-radius:  var(--quarter_gutter);
}

@media screen and (max-width: 1100px) {
  .link_tabs_container{
    width: auto;
    font-size: 13px;
    line-height: calc(13px * 1.10);;
    font-family: var(--akzidenz_medium);
    font-weight: 500;
  }
}

/* /TABS */

/* TITLE COMPONENT */

.title_component{
  width: 100%;
  padding-top: calc(3 * var(--gutter) - var(--half_gutter));
  padding-bottom: var(--gutter);
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

.title_component.border_bottom{
  border-bottom: 1px solid black;
  margin-bottom: var(--gutter);
}

.title_component h1,
.title_component h2,
.title_component h3,
.title_component h4{
  margin-bottom: 0;
}

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

  .title_component{
    padding-top: var(--gutter);
    padding-bottom: var(--half_gutter);
  }

}

/* /TITLE COMPONENT */

/* ARTICLE COMPONENT */

.article_component{
  width: 100%;
  padding-top: 0;
  padding-left: var(--gutter);
  padding-right:var(--gutter);
  padding-bottom: calc(2 * var(--gutter));
  font-size: 24px;
  line-height: calc(24px * 1.10);
}

.article_component.border_bottom{
  border-bottom: 1px solid #000;
  margin-bottom: var(--gutter);
}

.article_component p{
  margin-bottom: var(--half_gutter);
}

.article_component ul{
  margin-bottom: var(--half_gutter);
  padding-left: 25px;
}

.article_component ol{
  margin-bottom: var(--half_gutter);
  padding-left: 37px;
}

.article_component .stendfirst p{
  font-family: var(--akzidenz_medium);
  font-weight: 500;
}

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

  .article_component{
    padding-bottom: var(--gutter);
    font-size: 13px;
    line-height: calc(13px * 1.10);
  }

  .article_component ul{
    padding-left: 13px;
  }

  .article_component ol{
    padding-left: 21px;
  }

}

/* /ARTICLE COMPONENT */

/* ARTICLE TWO COL COMPONENT */

.article_two_c_component {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
}

.article_two_c_component article p,
.article_two_c_component article li,
.article_two_c_component article dt,
.article_two_c_component article dd{
  font-family: var(--akzidenz_light);
}

.article_two_c_component article p strong,
.article_two_c_component article p b{
  font-family: var(--akzidenz_medium);
}

.article_two_c_title{
  flex: 1 1 100%;
}

.article_two_c_title{
  margin-bottom: var(--half_gutter);
}

.article_two_c_col_l {
  flex: 1 1 33.3333%;
  padding-right: var(--half_gutter);
  padding-top: var(--half_gutter);
  box-sizing: border-box;
}

.article_two_c_col_r {
  flex: 1 1 66.6667%;
  padding-left: var(--half_gutter);
  padding-top: var(--half_gutter);
  box-sizing: border-box;
}

.article_border_top{
  border-top: 1px solid #000;
}

@media (max-width: 1100px) {

  .article_two_c_col_l,
  .article_two_c_col_r {
    flex: 1 1 100%;
    padding: 0
  }

  .article_two_c_col_l{
    padding-top: var(--half_gutter);
  }

  .article_two_c_col_r.article_border_top{
    border-top: 0;
    padding-top: 0;
  }

}

/* /ARTICLE TWO COL COMPONENT */

/* SIMPLE LINKS */

.simple_links{
  width: 100%;
  padding: 0 var(--gutter) calc(2 * var(--gutter)) var(--gutter);
  font-family: var(--akzidenz_medium);
}

.simple_links a{
  display: block;
  position: relative;
  padding: var(--half_gutter) calc(22px + var(--half_gutter)) var(--half_gutter) 0;
  font-size: 24px;
  line-height: calc(24px * 1.10);
  color: #000;
  border-top: 1px solid #000;
}

.simple_links a .ico_arrow_right,
.simple_links a .ico_arrow_down{
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -11px;
}

.simple_links a .ico_arrow_up_right{
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
}

.simple_links a:hover{
  color: var(--link_color_hover);
}

.simple_links h3{
  margin-bottom: var(--half_gutter);
}

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

  .simple_links a{
    font-size: 13px;
    line-height: calc(13px * 1.10);
    padding: var(--half_gutter) calc(12px + var(--half_gutter)) var(--half_gutter) 0;
  }

  .simple_links a .ico_arrow_right::after {
    width: 13px;
    height: 13px;
    margin-bottom: -7px;
  }

  .simple_links a .ico_arrow_up_right::after {
    width: 12px;
    height: 12px;
    margin-bottom: -7px;
  }

  .simple_links a .ico_arrow_down::after {
    width: 17px;
    height: 14px;
    background-size: 17px 14px;
    margin-bottom: -5px;
  }

}

/* /SIMPLE LINKS */

/* BUTTONS */

.section_buttons{
  padding-top: 0;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
  padding-bottom: calc(2 * var(--gutter) - var(--half_gutter));
}

.button_lac{
  font-size: 20px;
  line-height: calc(20px * 1.10);
  font-family: var(--akzidenz_medium);
  display: inline-block;
  padding: calc(var(--quarter_gutter) + 2px) var(--half_gutter);
  margin-right: var(--quarter_gutter);
  margin-bottom: var(--half_gutter);
  border: 0;
  border-radius: var(--quarter_gutter);
  background-color: #000;
  color: #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

button.button_lac{
  padding: calc(var(--half_gutter) + 2px) var(--gutter);
}

.button_lac:hover{
  background-color: #000;
  color: #fff;
  opacity: 0.3;
}

.button_lac:focus{
  outline: 0;
}

.button_lac .ico_arrow_up_right_white,
.button_lac .ico_arrow_right_white,
.button_lac .ico_arrow_down_white{
  margin-left: var(--gutter);
}

.button_lac_white{
  background-color: #fff;
  color: #000;
}

.button_lac_white:hover{
  background-color: #fff;
  color: #000;
  opacity: 0.3;
}

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

  .button_lac{
    font-size: 13px;
    line-height: calc(13px * 1.10);
    white-space: nowrap;
    padding: var(--half_gutter) var(--half_gutter);
  }

  .button_lac .ico_arrow_up_right_white::after {
    width: 13px;
    height: 13px;
    margin-bottom: -2px;
  }

  .button_lac .ico_arrow_down_white::after {
    width: 14px;
    height: 15px;
    margin-bottom: -1px;
  }

  button.button_lac{
    padding: var(--half_gutter) var(--half_gutter);
  }

}

/* /BUTTONS */

/* SECTION COLLAPSE */

.section_collapse{
  padding-top: 0;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
  padding-bottom: calc(2 * var(--gutter));
}

.section_collapse .card-header{
  font-family: var(--akzidenz_medium);
}

.accordion>.card{
  background-color: var(--body_color);
}

.section_collapse>.accordion>.card>.card-header>.btn{
  display: block;
  position: relative;
  margin: 0;
  padding: var(--half_gutter) calc(22px + var(--half_gutter)) var(--half_gutter) 0;
  font-size: 24px;
  line-height: calc(24px * 1.10);
  text-decoration: none;
}

.section_collapse>.accordion>.card>.card-header>.btn:hover{
  text-decoration: none;
  color: var(--link_color_hover);
}

,
.section_collapse>.accordion>.card>.card-header>.btn:focus,
.section_collapse>.accordion>.card>.card-header>.btn:active{
  color: #000;
}

.section_collapse>.accordion>.card>.card-header>.btn>.ico_piu{
  position: absolute;
  top: 50%;
  right: var(--half_gutter);
  margin-top: -12px;
}

.section_collapse>.accordion>.card>.card-header>.btn>.ico_piu::after{
  background: url("../graphics/ico_meno.svg");
  background-repeat: no-repeat;
}

.section_collapse>.accordion>.card>.card-header>.btn.collapsed>.ico_piu::after{
  background: url("../graphics/ico_piu.svg");
  background-repeat: no-repeat;
}

.section_collapse>.accordion>.card>.card-header>.btn>.btn_collapse_logo{
  height: 22px;
  display: inline-block;
  margin-left: var(--half_gutter);
  margin-top: -2px;
}

.section_collapse .accordion>.card .card-body{
  padding: var(--gutter) 0;
}

.section_collapse .accordion>.card .card-body .article_component{
  padding-left: 0;
  padding-right: 0;
}

.collapse_overflow_visible{
  overflow: visible!important;
}

.collapse_card_body_img {
  width: calc(8.333333vw - var(--gutter));
  height: auto;
  position: absolute;
  top: 0;
  right: calc(-1 * (8.333333vw + var(--gutter)));
  transform: translateX(calc(-1 * var(--gutter)));
  opacity: 0;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.card.collapse_overflow_visible .collapse_card_body_img {
  transform: translateX(0);
  opacity: 1;
}

/* variante immagine a sinistra*/
.collapse_card_body_img.collapse_card_body_img_l {
  right: auto;
  left: calc(-1 * (8.333333vw + var(--gutter)));
  transform: translateX(var(--gutter));
}

.card.collapse_overflow_visible .collapse_card_body_img.collapse_card_body_img_l {
  transform: translateX(0);
}

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

  .section_collapse>.accordion>.card>.card-header>.btn{
    display: block;
    position: relative;
    margin: 0;
    padding: var(--half_gutter) calc(22px + var(--half_gutter)) var(--half_gutter) 0;
    font-size: 13px;
    line-height: calc(13px * 1.10);
    text-decoration: none;
  }

  .section_collapse>.accordion>.card>.card-header>.btn>.ico_piu {
    margin-top: -6px;
  }

  .section_collapse>.accordion>.card>.card-header>.btn>.ico_piu::after {
    width: 13px;
    height: 13px;
  }

  .section_collapse>.accordion>.card>.card-header>.btn>.btn_collapse_logo {
    height: 16px;
  }

}

@media (max-width: 1024px) {

  .collapse_card_body_img {
    position: relative;
    padding-bottom: var(--gutter);
    width: calc(50% - var(--gutter));
    right: 0;
  }

  .collapse_card_body_img.collapse_card_body_img_l {
    left: 0;
    right: calc(-1 * (8.333333vw + var(--gutter)));
    transform: translateX(calc(-1 * var(--gutter)));
  }

}


/* /SECTION COLLAPSE */

/* BOX GRID */

.box_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: calc(2 * var(--gutter)) var(--gutter) calc(4 * var(--gutter)) var(--gutter);
}

.box_grid_column {
  display: flex;
  flex-direction: column;
  gap: var(--half_gutter);
  position: relative;
}

.box_grid_column_fW {
  grid-column: 1 / -1;
}

.box_grid_column_2c {
  grid-column: span 2;
}

.box_grid_column_3c {
  grid-column: span 3;
}

.sticky {
  position: sticky;
  top: 103px;
  align-self: start;
  z-index: 1;
}

.banner_lang_active .sticky {
  top: 149px;
}

.section_box_grid_title h2{
  margin-bottom: 0;
}

.box_grid_card {
  width: 100%;
  overflow: hidden;
}

.box_grid_card.no_img {
  border-top: 1px solid #000;
}

.box_grid_card .tag_r_container{
  padding-bottom: var(--half_gutter);
}

.box_grid_card_img_tag{
  position: relative;
}

/* .box_grid_card_img_tag .tag_r{
  background-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.5);
} */

.box_grid_card img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--quarter_gutter);
}

.tag_r_container{
  position: absolute;
  bottom: 0;
}

.box_grid_card.no_img .tag_r_container{
  position: relative;
  padding: var(--gutter) 0 0 0 ;
}

.box_grid_card_detail{
  padding: var(--half_gutter) 0 var(--gutter) 0;
}

.box_grid_card_detail h3{
  margin: 0;
}

.box_grid_card_subtitle{
  color: var(--text_gray);
}

.box_grid_card_link:hover,
.box_grid_card_link:hover .box_grid_card_subtitle{
  color: var(--link_color_hover);
}

.box_grid_card_link .tag_r{
  color: #000!important;
}
@media screen and (max-width: 1100px) {

  .box_grid {
    padding: var(--gutter) var(--gutter) calc(2 * var(--gutter)) var(--gutter);
  }

}

@media (max-width: 1024px) {

  .box_grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media (max-width: 600px) {

  .box_grid {
    grid-template-columns: 1fr;
  }

}

/* /BOX GRID */

/* BOX GRID CARD DESCRIPTION */

.description_card{
  padding: var(--gutter);
  background: #fff;
  border-radius: var(--quarter_gutter);
  font-family: var(--akzidenz_medium);
}

.description_card_title{
  margin-bottom: var(--gutter);
}

.description_card_text{
  margin-bottom: calc(var(--gutter) * 4);
  opacity: 0.5;
  font-size: 20px;
  line-height: calc(20px * 1.10);
}

.description_card_s_text{
  margin-bottom: var(--half_gutter);
  font-size: 20px;
  line-height: calc(20px * 1.10);
}

.description_card_btn{
  font-size: 20px;
  line-height: calc(20px * 1.10);
  text-decoration: underline;
  margin-right: var(--half_gutter);
  /* background-color: rgb(255 255 255 / 30%);
  padding: var(--quarter_gutter);*/
}

.description_card_link{
  font-size: 20px;
  line-height: calc(20px * 1.10);
  text-decoration: underline;
  margin-right: var(--half_gutter);
  opacity: 0.5;
  /* padding: var(--quarter_gutter); */
}

.description_card_btn:hover,
.description_card_link:hover{
  color: #000;
  opacity: 0.3;
  text-decoration: underline;
}

/* /BOX GRID CARD DESCRIPTION */

/* BOX MODAL */

.box_modal{
  cursor: pointer;
}

.box_modal h3{
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.box_modal:hover{
  color: var(--link_color_hover);
}

.box_modal:hover .tag_r{
  color: #000;
}

/* /BOX MODAL */

/* SUGGESTED MEDIA */

.suggested_media{
  min-height: 73px;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: var(--akzidenz_medium);
  z-index: 999999;
}

.suggested_media_panel_header{
  position: relative;
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  background: linear-gradient(0deg,
  rgba(248, 248, 248, 1) 0%,
  rgba(248, 248, 248, 1) 50%,
  rgba(248, 248, 248, 0.9) 60%,
  rgba(248, 248, 248, 0) 100%);
  padding-top: calc(2 * var(--gutter));
  padding-bottom: var(--half_gutter);
}

.suggested_media_btn{
  font-size: 24px;
}

.suggested_media_wrapper{
  height: 0;
  padding-left: 0;
  padding-right: 0;
  background: #f8f8f8;
  width: 100%;
  overflow-y: hidden;
}

.suggested_media_wrapper.suggested_media_wrapper_active{
  height: auto;
}

.suggested_media .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
  width: calc(var(--col_3) + var(--gutter));
}



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

  .suggested_media h3.card_suggested_title,
  .suggested_media h3.card_suggested_subtitle,
  .suggested_media h3.card_suggested_text {
    font-size: 24px;
    line-height: calc(24px * 1.10);
    padding: 0;
    margin: 0;
  }

  .suggested_media .card_suggested_media .tag_r_container {
    width: 100%;
    padding: 0 0  var(--quarter_gutter) 0;
  }

  .suggested_media .card_suggested_media .tag_r {
    padding: var(--quarter_gutter);
    margin: 0 calc(var(--quarter_gutter) - 4px) calc(var(--quarter_gutter) - 1px) 0;
    display: inline-block;
    border-radius: calc(var(--quarter_gutter) / 2);
    font-family: var(--akzidenz_medium);
    font-size: 14px;
    line-height: 14px;
    background-color: var(--bg_gray);
    backdrop-filter: var(--bg_blur);
  }

}

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

  .suggested_media{
    min-height: 33px;
  }

  .suggested_media_btn{
    font-size: 13px;
  }

  .suggested_media .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
    width: calc(var(--col_9) + var(--gutter));
  }

  .suggested_media_panel_header{
    padding-top: calc(1 * var(--gutter));
    padding-bottom: var(--half_gutter);
  }

}

/* /SUGGESTED MEDIA */

/* CARD SUGGESTED MEDIA */

.card_suggested_media{
  width: 100%;
  overflow: hidden;
  padding: var(--half_gutter);
  border-radius: calc(var(--quarter_gutter) / 2);
  background-color: white;
  display: flex;
  align-items: flex-start;
}

.card_suggested_media_link{

}

.card_suggested_media img{
  height: 75px;
  width: auto;
  /* float: left; */
  margin-right: var(--half_gutter);
  border-radius: calc(var(--quarter_gutter) / 2);
}

.card_suggested_media_text{
  flex-grow: 1;
}

.card_suggested_media .tag_r_container{
  width: auto;
  padding: 0;
  position: inherit;
}

.card_suggested_media .tag_r_container::after{
  content: '';
  display: block;
  clear: both;
}

.card_suggested_media .tag_r {
  padding: calc(var(--quarter_gutter) / 2);
  display: block;
  float: left;
  margin: 0 var(--quarter_gutter) var(--quarter_gutter) 0;
  font-size: 10px;
  line-height: 10px;
  background-color: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
}

h3.card_suggested_title,
h3.card_suggested_subtitle,
h3.card_suggested_text{
  font-size: 12px;
  line-height: calc(12px * 1.10);
  padding: 0;
  margin: 0;
}

h3.card_suggested_title{

}

h3.card_suggested_subtitle{
  color: #000;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

h3.card_suggested_text{
  color: var(--text_gray);
}


.card_suggested_media_link:hover,
.card_suggested_media_link:hover .card_suggested_subtitle,
.card_suggested_media_link:hover .card_suggested_text{
  color: var(--link_color_hover);
}

/* /CARD SUGGESTED MEDIA */

/* MODAL */

.modal_lac{
  background: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
}

.modal_lac .modal-dialog {
  max-width: 100%;
  margin: var(--gutter) auto;
}

.modal_lac .modal-content {
  background-color: rgb(255 255 255 / 0%);
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
  outline: 0;
}

.modal_lac .modal-header {
  padding: 0 var(--gutter) var(--gutter) var(--gutter);
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.modal_lac .modal-header .close {
  padding: 0;
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  font-family: var(--akzidenz_medium);
  color: #000;
  text-shadow: 0 1px 0px rgb(255 255 255 / 0%);
  opacity: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.modal_lac .modal-header .close:hover {
  color: var(--link_color_hover);
}

.modal_lac button:focus {
  outline: 0;
}

.modal_lac .modal-body {
  padding: calc(1 * var(--gutter)) 0 0 0;
}

.modal-dialog-scrollable {
  max-height: calc(100% - var(--gutter));
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - calc(2 * var(--gutter)));
}

.modal_lac_title_container{
  padding-bottom: calc(4 * var(--gutter));
}

.modal_lac_title_container h3{
  margin-bottom: 0;
}

.modal_lac_title{

}

.modal_lac_subtitle{
  color: var(--text_gray);
}

.modal_lac_description{

}

.modal_lac .embed-responsive {
  width: 80%;
  margin: auto;
}

.modal_lac .accordion>.card {
  background-color: rgb(255 255 255 / 0%);
}

.modal_lac .swiper_slideshow_container{
  width: calc(50% - var(--half_gutter));
  margin: -46px 0 0 0;

}

.modal_lac .swiper_slideshow_container .swiper_slideshow{
  padding-top: 46px;
}

.modal_lac .custom_counter{
  left: 0;
  right: inherit;
}

.modal_video_wrapper_height {
  position: relative;
  width: 100%;
  height: calc(100vh - 300px);
  max-width: calc(calc(100vh - 300px)* 16 / 9);
  overflow: hidden;
}

.modal_video_wrapper_height iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal_lac .section_video_player {
  padding: 0 0 calc(2 * var(--gutter)) 0;
}

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

  .modal_lac .modal-header .close {
    font-size: 13px;
    line-height: 13px;
  }

  .modal_lac .grid_container .column_6{
    -ms-flex: 0 0 var(--col_12);
    flex: 0 0 var(--col_12);
    max-width: var(--col_12);
  }

  .modal_lac .grid_container .column_3{
    -ms-flex: 0 0 var(--col_6);
    flex: 0 0 var(--col_6);
    max-width: var(--col_6);
  }

  .modal_lac .section_video_player {
    padding: 0 0 calc(2 * var(--gutter)) 0;
  }

  .modal_lac .swiper_slideshow_container,
  .modal_lac .embed-responsive {
    width: 100%;
  }

  .modal_video_wrapper_height {
    height: auto;
    max-width: 100%;
    aspect-ratio: 16 / 9;
  }

}

/* /MODAL */

/* CAROUSEL BOX */

.carousel_box{
  padding: 0 var(--gutter) calc(2 * var(--gutter)) var(--half_gutter);

}
.carousel_box.section_event_carousel .swiper-container {
  padding-top: 72px;
  width: 100%;
  padding-bottom: 40px;
}

.carousel_box .section_event_carousel_title {
  padding: 0 var(--half_gutter);
  position: relative;
  margin-bottom: -35px !important;
}

.carousel_box.section_event_carousel .swiper-button-next {
  height: 36px;
  width: 36px;
  top: 21px;
  right: 14px;
  opacity: 1;
}

.carousel_box.section_event_carousel .swiper-button-next:after {
  width: 36px;
  height: 36px;
  content: "";
  background: url("../graphics/carosello-freccia-destra.svg");
  background-repeat: no-repeat;
  background-position: right;
}

.carousel_box.section_event_carousel .swiper-button-prev {
  height: 36px;
  width: 36px;
  top: 21px;
  right: 64px;
  left: auto;
  opacity: 1;
}

.carousel_box.section_event_carousel .swiper-button-prev:after {
  width: 36px;
  height: 36px;
  content: "";
  background: url("../graphics/carosello-freccia-sinistra.svg");
  background-repeat: no-repeat;
  background-position: right;
}

.carousel_box.section_event_carousel .swiper-button-prev:hover,
.carousel_box.section_event_carousel .swiper-button-next:hover {
  opacity: 0.6;
}

.carousel_box .swiper-button-prev.swiper-button-disabled,
.carousel_box .swiper-button-next.swiper-button-disabled,
.carousel_box.section_event_carousel .swiper-button-prev.swiper-button-disabled:hover,
.carousel_box.section_event_carousel .swiper-button-next.swiper-button-disabled:hover {
  opacity: 0.3;
  cursor: auto;
  pointer-events: inherit;
}

.swiper_gradient_r,
.swiper_gradient_l{
  width: 40px;
  height: calc(100% - 70px);
  position: absolute;
  top: 70px;
  z-index: 2;
}

.swiper_gradient_r{
  right: 0;
  background: rgba(248, 248, 248, 0.1);
  background: linear-gradient(90deg,rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.5) 70%, rgba(248, 248, 248, 1) 100%);
}

.swiper_gradient_l{
  left: 0;
  background: rgba(248, 248, 248, 0.1);
  background: linear-gradient(270deg,rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.5) 70%, rgba(248, 248, 248, 1) 100%);
}

.hide_swiper_gradient{
  display: none;
}

.carousel_box.section_event_carousel .swiper-slide {
  width: auto;
  padding-left: var(--half_gutter);
  padding-right: var(--half_gutter);
  height: auto;
}

.carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide {
  width: calc(var(--col_3) + (2 * var(--gutter)));
}

.carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide {
  width: calc(var(--col_2) + var(--gutter));
}

.carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide {
  width: calc(var(--col_6) + var(--gutter));
}

.carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
  width: calc(var(--col_8) + var(--gutter));
}

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

  .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
  .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
  .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
  .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
    width: calc(var(--col_8) + var(--gutter));
  }

}

/* /CAROUSEL BOX */

/* AUDIO PLAYER */

.section_audio_player{
  padding: 0 var(--gutter) calc(2 * var(--gutter)) var(--gutter);
}

.audio_player {
  width: 100%;
  max-width: 100%;
  background: #fff;
  border-radius: var(--quarter_gutter);
  padding: var(--gutter);
  margin-bottom: var(--gutter);
}

.title h3{
  margin-bottom: 0;
}

.subtitle h3{
  margin-bottom: var(--gutter);
  color: var(--text_gray);
}

.controls {
  display: flex;
  align-items: center;
}

.play-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  margin-right: 10px;
}

.play-btn:hover {
  opacity: 0.5;
}

button.play-btn:focus {
  outline: 0;
}

.audio_play_ico{
  margin-right: -4px;
  margin-bottom: -3px;
}

.audio_pause_ico{

}

.progress-container {
  flex: 1;
  display: flex;
  align-items: center;
}

.time {
  font-size: 17px;
  color: #000;
  margin: 0 8px;
  padding-right: 8px;
  min-width: 60px;
  text-align: center;
}

.audio_player .progress-bar {
  flex: 1;
  height: 6px;
  background: #d9d9d9;
  overflow: visible;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
}

.audio_player .progress {
  height: 100%;
  width: 0%;
  overflow: visible;
  background: #666;
  border-radius: 3px;
  position: relative;
}

.handle {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: #000;
  border-radius: 50%;
  cursor: grab;
}

/* Tooltip */
.audio_tooltip {
  position: absolute;
  bottom: 18px;
  transform: translateX(-50%);
  background: #222;
  color: #fff;
  padding: 2px 6px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  display: none;
  pointer-events: none;
}

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

  .audio_player {
    width: 100%;
    max-width: 100%;
    background: #fff;
    border-radius: var(--quarter_gutter);
    padding: var(--half_gutter);
    margin-bottom: var(--gutter);
  }

  .time {
    font-size: 13px;
  }

}

/* /AUDIO PLAYER */

/* VIDEO PLAYER */

.section_video_player{
  padding: 0 var(--gutter) calc(2 * var(--gutter)) var(--gutter);
}

.video_title{
  margin-bottom: 0;
}

.video_subtitle{
  margin-bottom: var(--gutter);
  color: var(--text_gray);
}

/* /VIDEO PLAYER */

/* SLIDESHOW */

.swiper_slideshow_container{
  padding: 0 var(--gutter) calc(2 * var(--gutter)) var(--gutter);
}

.swiper_slideshow_container.section_slideshow{
  position: relative;
  border: 0;
}

.slideshow_title{
  margin-bottom: 0;
}

.slideshow_subtitle{
  margin-bottom: var(--gutter);
  color: var(--text_gray);
}

.slideshow_title,
.slideshow_subtitle{
  padding-right: 63px;
}

.custom_counter {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  font-family: var(--akzidenz_medium);
  z-index: 9;
}

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

  .custom_counter {
    font-size: 17px;
  }

}

/* SLIDESHOW */

/* GRID COMPONENTS */

/* 9_3 */

.colum_component_9_3{
  margin-bottom: 40px;
}

.colum_component_9_3>.column_9 .box_grid {
  grid-template-columns: repeat(3, 1fr);
}

.colum_component_9_3>.column_9 .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
.colum_component_9_3>.column_9 .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
.colum_component_9_3>.column_9 .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
.colum_component_9_3>.column_9 .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
  width: calc(var(--col_3) + (2 * var(--gutter)));
}

.colum_component_9_3>.column_3 .box_grid {
  grid-template-columns: repeat(1, 1fr);
}

.colum_component_9_3>.column_3 .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
.colum_component_9_3>.column_3 .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
.colum_component_9_3>.column_3 .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
.colum_component_9_3>.column_3 .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
  width: calc(var(--col_8) + (2 * var(--gutter)));
}



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

  .colum_component_9_3>.column_9,
  .colum_component_9_3>.column_3{
    -ms-flex: 0 0 var(--col_6);
    flex: 0 0 var(--col_6);
    max-width: var(--col_6);
  }

  .colum_component_9_3>.column_9 .box_grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .colum_component_9_3>.column_9 .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
  .colum_component_9_3>.column_9 .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
  .colum_component_9_3>.column_9 .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
  .colum_component_9_3>.column_9 .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
    width: calc(var(--col_8) + (2 * var(--gutter)));
  }

  .colum_component_9_3>.column_3 .box_grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

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

  .colum_component_9_3>.column_9,
  .colum_component_9_3>.column_3{
    -ms-flex: 0 0 var(--col_12);
    flex: 0 0 var(--col_12);
    max-width: var(--col_12);
  }

  .colum_component_9_3>.column_9 .box_grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .colum_component_9_3>.column_3 .box_grid {
    grid-template-columns: repeat(1, 1fr);
  }

}

/* 6_6 */

.colum_component_6_6{
  margin-bottom: 40px;
}

.colum_component_6_6>.column_6 .box_grid {
  grid-template-columns: repeat(2, 1fr);
}

.colum_component_6_6>.column_6 .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
.colum_component_6_6>.column_6 .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
.colum_component_6_6>.column_6 .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
.colum_component_6_6>.column_6 .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
  width: calc(var(--col_4) + (2 * var(--gutter)));
}

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

  .colum_component_6_6>.column_6{
    -ms-flex: 0 0 var(--col_12);
    flex: 0 0 var(--col_12);
    max-width: var(--col_12);
  }

  .colum_component_6_6>.column_6 .box_grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .colum_component_6_6>.column_6 .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
  .colum_component_6_6>.column_6 .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
  .colum_component_6_6>.column_6 .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
  .colum_component_6_6>.column_6 .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
    width: calc(var(--col_3) + (2 * var(--gutter)));
  }


}

/* 6_3_3 */

.colum_component_6_3_3{
  margin-bottom: 40px;
}

.colum_component_6_3_3>.colum_component_6_3_3_second{
  padding: 0;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.colum_component_6_3_3>.column_6 .box_grid {
  grid-template-columns: repeat(2, 1fr);
}

.colum_component_6_3_3>.column_6 .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
.colum_component_6_3_3>.column_6 .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
.colum_component_6_3_3>.column_6 .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
.colum_component_6_3_3>.column_6 .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
  width: calc(var(--col_4) + (2 * var(--gutter)));
}

.colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .box_grid {
  grid-template-columns: repeat(1, 1fr);
}

.colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
.colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
.colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
.colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
  width: calc(var(--col_8) + (2 * var(--gutter)));
}

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

  .colum_component_6_3_3>.colum_component_6_3_3_second>.column_6{
    -ms-flex: 0 0 var(--col_12);
    flex: 0 0 var(--col_12);
    max-width: var(--col_12);
  }

  .colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .box_grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
  .colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
  .colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
  .colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
    width: calc(var(--col_8) + (2 * var(--gutter)));
  }

}

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

  .colum_component_6_3_3>.column_6{
    -ms-flex: 0 0 var(--col_12);
    flex: 0 0 var(--col_12);
    max-width: var(--col_12);
  }

  .colum_component_6_3_3>.column_6 .box_grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .colum_component_6_3_3>.column_6 .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
  .colum_component_6_3_3>.column_6 .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
  .colum_component_6_3_3>.column_6 .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
  .colum_component_6_3_3>.column_6 .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
    width: calc(var(--col_8) + (2 * var(--gutter)));
  }

  .colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .box_grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
  .colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
  .colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
  .colum_component_6_3_3>.colum_component_6_3_3_second>.column_6 .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
    width: calc(var(--col_8) + (2 * var(--gutter)));
  }

}

/* 3_3_3_3 */

.colum_component_3_3_3_3{
  margin-bottom: 40px;
}

.colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary{
  padding: 0;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .box_grid {
  grid-template-columns: repeat(1, 1fr);
}

.colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
.colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
.colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
.colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
  width: calc(var(--col_8) + (2 * var(--gutter)));
}

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

  .colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6{
    -ms-flex: 0 0 var(--col_12);
    flex: 0 0 var(--col_12);
    max-width: var(--col_12);
  }

  .colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .box_grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
  .colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
  .colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
  .colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
    width: calc(var(--col_8) + (2 * var(--gutter)));
  }

}

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

  .colum_component_3_3_3_3>.column_6{
    -ms-flex: 0 0 var(--col_12);
    flex: 0 0 var(--col_12);
    max-width: var(--col_12);
  }

  .colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .box_grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
  .colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
  .colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
  .colum_component_3_3_3_3>.colum_component_3_3_3_3_secondary>.column_6 .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
    width: calc(var(--col_8) + (2 * var(--gutter)));
  }

}

/* /GRID COMPONENTS */

/* EVENT SLIDES TEMPLATE */

.event_slides_template {
  padding-top: 0;
}

.event_slides_container .event_slides_left,
.event_slides_container .event_slide {
  padding-top: 115px;
}

.banner_lang_active.event_slides_template .event_slides_left,
.banner_lang_active.event_slides_template .event_slide {
  padding-top: 149px;
}

.event_slides_container {
  display: flex;
  /* height: calc(100vh - 115px); */
  height: 100vh;
  width: 100%;
  box-sizing: border-box;
}

.event_slides_left{
  width: 40%;
}

.event_slides_right {
  width: 60%;
}

.event_slides_left,
.event_slides_right {
  /* width: 50%; */
  height: 100%;
  box-sizing: border-box;
}

.event_slides_left {
  padding-left: var(--gutter);
  padding-right: var(--half_gutter);
  padding-bottom: calc(100px + var(--gutter));
  position: relative;
  /* overflow: auto; */
  overflow-y: scroll;

}

.event_slides_right {
  padding: 0;
  position: relative;
  overflow: hidden;
}

.event_slides_wrapper {
  display: flex;
  height: 100%;
  transition: transform 540ms cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
}

.event_slide {
  flex: 0 0 100%;
  min-width: 100%;
  height: 100%;
  padding-left: var(--half_gutter);
  padding-right: var(--gutter);
  padding-bottom: calc(100px + var(--gutter));
  /* overflow: auto; */
  overflow-y: scroll;
  position: relative;
}

.event_slide_menu {
  height: 100px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f8f8f8;
  background: linear-gradient(180deg,rgba(248, 248, 248, 0.07) 0%, rgba(248, 248, 248, 0.48) 19%, rgba(248, 248, 248, 1) 69%);
  padding: 43px 0 var(--gutter) 0;
  display: flex;
  justify-content: flex-end;
  z-index: 40;
}

.event_slide_menu_inner {
  width: 50%;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 0 var(--half_gutter);
}

.fade-left,
.fade-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 44px;
  pointer-events: none;
  z-index: 5;
  display: none;
}

.fade-left {
  left: 0;
  background: linear-gradient(to right, rgba(248, 248, 248, 1), rgba(248, 248, 248, 0));
}

.fade-right {
  right: 0;
  background: linear-gradient(to left, rgba(248, 248, 248, 1), rgba(248, 248, 248, 0));
}

.event_slide_menu_dots {
  display: flex;
  gap: var(--half_gutter);
  margin-bottom: var(--quarter_gutter_gutter);
  justify-content: center;
}

.event_slide_menu_dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  /* background: #000;
  opacity: .3; */
  /* transition: opacity .22s; */
  background: var(--text_gray);
  cursor: pointer;
  transition: color .22s;
  display: inline-block;
}

.event_slide_menu_dots span.event_slide_active {
  /* opacity: 1; */
  background: #000;
}

.event_slide_menu_titles {
  display: flex;
  gap: var(--gutter);
  transition: transform .45s cubic-bezier(.22, 1, .36, 1);
  white-space: nowrap;
  touch-action: pan-x;
  will-change: transform;
  font-size: 20px;
}

.event_slide_menu_titles div {
  /* opacity: .3; */
  /* transition: opacity .22s; */
  color: var(--text_gray);
  cursor: pointer;
  user-select: none;
  transition: color .22s;
  white-space: nowrap;
  font-family: var(--akzidenz_medium);
}

.event_slide_menu_titles div.event_slide_active {
  /* opacity: 1; */
  color: #000;
  font-weight: 700;
}

.event_main_mobile{
  display: none;
}

.event_slides_left,
.event_slide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.event_slides_left::-webkit-scrollbar,
.event_slide::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.event_title_container{
  margin-bottom: var(--gutter);
}

.event_title,
.event_subtitle{
  margin: 0;
}

.event_subtitle{
  color: var(--text_gray);
}

.tag_r_event,
.tag_r_info{
  position: relative;
  padding: 0 0 var(--half_gutter) 0;
}

.tag_r_event .tag_r,
.tag_r_info .tag_r{
  font-size: 14px;
  line-height: 14px;
}

.tag_r_event .tag_r img,
.tag_r_info .tag_r img{
  height: 14px;
  width: auto;
  margin-top: -4px;
  border-radius: 0;
}

.tag_r_event .tag_r{
  background-color: rgb(255 255 255 / 100%);
  backdrop-filter: blur(0);
}

.event_media_container{
  margin-bottom: var(--gutter);
}

.event_media_container img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--quarter_gutter);
}

.event_media_container samll-3{
  margin-left: 0;
}

.event_media_container .audio_player{
  margin-bottom: 0;
}

.event_media_container .swiper_slideshow_container {
  padding: 0;
  margin: 0;
}

.event_media_container .swiper_slideshow_container .swiper-container {
  padding-top: 24px;
}

.event_media_container .swiper_slideshow_container .swiper-container .copyright_s{
  font-size: 14px;
  line-height: calc(14px * 1.10);
  padding-top: 4px;
  margin: 0;
}

.event_media_container .swiper_slideshow_container .custom_counter{
  font-size: 20px;
  line-height: 20px;
}

.tag_r_info{
  position: relative;
  border-bottom: 1px solid #000;
}

.tag_r_toggle{
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.tag_r_toggle:hover {
  opacity: 0.3;
}

.tag_r_toggle.tag_r_toggle_active{
  background-color: var(--text_gray);
}

.tag_info_description{
  width: 50%;
  max-height: 0;
  padding: 0 var(--gutter);
  overflow: hidden;
  position: absolute;
  left: 0;
  top: calc(100% - var(--half_gutter));
  font-size: 14px;
  line-height: calc(14px * 1.10);
  border-radius: var(--quarter_gutter);
  background: var(--bg_gray);
  backdrop-filter: var(--bg_blur);
  box-sizing: border-box;
  transition: max-height 0.4s ease, padding 0.4s ease;
  z-index: 10;
}

.tag_info_description p{
  margin-bottom: var(--half_gutter);
}

.tag_info_description_show{
  max-height: 200px;
  overflow-y: scroll;
  padding: var(--half_gutter) var(--gutter) 2px var(--gutter);
}

.dates_container {
  display: grid;
  grid-template-columns: max-content max-content 1fr;
  row-gap: 0;
  align-items: stretch;
  margin: 0 auto calc(1 * var(--gutter)) auto;
  box-sizing: border-box;
}

.dates_container_date,
.dates_container_time,
.dates_container_actions {
  display: flex;
  align-items: start;
  border-top: 1px solid #000;
  padding: var(--quarter_gutter) 0 var(--half_gutter) 0;
}

.dates_container .button_lac{
  font-size: 14px;
  line-height: calc(14px * 1.10);
  padding: var(--quarter_gutter) var(--half_gutter);
  margin-right: var(--quarter_gutter);
  margin-bottom: var(--half_gutter);
  border-radius: var(--quarter_gutter);
}

.dates_container_date{
  grid-column: 1;
  padding-right: var(--gutter);
  white-space: nowrap;
}

.dates_container_time{
  grid-column: 2;
  /* padding-left: var(--gutter); */
  white-space: nowrap;
}

.dates_container_actions{
  grid-column: 3;
  justify-content: flex-end;
  gap: var(--quarter_gutter);
}

.dates_container_title {
  grid-column: 1 / -1;
  align-items: flex-start;
  padding: 0 0 var(--half_gutter) 0;
  margin-top: -14px;
}

.row_location_price{
  grid-column: 1 / -1;
  align-items: flex-start;
  padding: var(--quarter_gutter) 0 var(--half_gutter) 0;
}

.row_location_price p,
.dates_container_date p,
.dates_container_time p,
.date_container_info_title,
.dates_tournee .dates_container_actions p{
  font-size: 20px;
  line-height: calc(20px * 1.10);
  margin: 0;
  font-family: var(--akzidenz_medium);
  font-weight: 500;
}

.dates_tournee .row_location_price{
  /* border-top: 0; */
}

.date_container_info_title{
  font-family: var(--swift_light);
}

.date_container_info {
  font-size: 20px;
  line-height: calc(20px * 1.10);
  margin: 0;
  font-family: var(--swift_light);
  font-weight: 500;
}

.date_container_info p strong,
.date_container_info p b{
  font-family: var(--swift_medium);
}

.row_dates_location{
  display: inline-block;
  color: var(--text_gray);
}

.row_dates_price{
  display: inline-block;
  float: right;
  color: var(--text_gray);
}

.dates_container .button_lac{
  margin: 0;
}

.button_lac_info{
  background: var(--link_color_hover);
}

.button_lac_info:hover{
  background: var(--element_bg_gray);;
  color: #000;
}

.dates_container button.button_lac {
  padding: var(--quarter_gutter) var(--half_gutter);
}

.btn_m{
  display: none;
}

button.button_lac.info_active .btn_p {
  display: none;
}

button.button_lac.info_active .btn_m {
  display: inline-block;
  width: 17.38px;
}

.dates_container_no_border{
  border-top: 0;
}

.date_container_info{
  width: 100%;
  max-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  transition: max-height 0.4s ease, padding 0.4s ease;
  z-index: 10;
}

.date_container_info p{
  margin-bottom: var(--half_gutter);
}

.date_container_info.date_container_info_active{
  max-height: 300px;
  overflow-y: scroll;
  padding: 0;
}

.cell_dates_simple_link{
  margin-left: var(--half_gutter);
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.cell_dates_simple_link img{
  height: 23px;
  margin-top: -2px;
}

.cell_dates_simple_link:hover{
  opacity: 0.3;
}

.event_slides_template .article_component .stendfirst{
  margin-bottom: var(--gutter)
}

.event_slides_template .article_component .stendfirst p {
  font-size: 30px;
  line-height: calc(30px * 1.10);
}

.event_slides_template .article_component,
.event_slides_template .section_audio_player,
.event_slides_template .section_collapse,
.event_slides_template .section_buttons,
.event_slides_template .simple_links,
.event_slides_template .swiper_slideshow_container,
.event_slides_template .title_component,
.event_slides_template .box_grid,
.event_slides_template .carousel_box{
  padding-left: 0;
  padding-right: 0;
}

.event_slides_template .box_grid {
  grid-template-columns: repeat(3, 1fr);
}

.event_slides_template .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
.event_slides_template .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
.event_slides_template .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
.event_slides_template .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
  width: calc(var(--col_5) + (2 * var(--gutter)));
}

.event_slides_template .carousel_box .section_event_carousel_title{
  padding: 0;
}

.event_slides_template .swiper-wrapper{
  margin-left: -5px;
}

.event_slides_template .title_component {
  padding-top: calc(2 * var(--gutter) - var(--half_gutter));
}

.event_slides_template .article_two_c_col_l{
  color: var(--text_gray)
}

.event_slide .collapse_card_body_img {
  position: relative;
  padding-bottom: var(--gutter);
  width: 25%;
  right: 0;
}

.event_slide .collapse_card_body_img.collapse_card_body_img_l {
  left: 0;
  right: calc(-1 * (8.333333vw + var(--gutter)));
  transform: translateX(calc(-1 * var(--gutter)));
}

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

  .event_slides_left{
    width: 50%;
  }

  .event_slides_right {
    width: 50%;
  }

}

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

  .event_slide_menu_inner {
    width: 100%;
  }

  .event_slide_menu{
    height: 91px;
    background: #f8f8f8;
    background: linear-gradient(180deg, rgba(248, 248, 248, 0.07) 0%, rgba(248, 248, 248, 0.48) 19%, rgba(248, 248, 248, 1) 69%);
    padding: 43px 0 0 0;
  }

  .event_slide_menu_titles{
    font-size: 16px;
  }

  .event_main_mobile{
    display: block;
  }

  .event_slides_right {
    width: 100%;
  }

  .event_slides_left {
    display: none;
  }

  .event_slide {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }

  .tag_r_event .tag_r,
  .tag_r_info .tag_r{
    font-size: 13px;
    line-height: 13px;
  }

  .tag_r_event .tag_r img,
  .tag_r_info .tag_r img{
    height: 13px;
    margin-top: -4px;
  }

  .event_media_container .swiper_slideshow_container .swiper-container .copyright_s{
    font-size: 10px;
    line-height: calc(10px * 1.10);
  }

  .event_media_container .swiper_slideshow_container .custom_counter{
    font-size: 13px;
    line-height: 13px;
  }

  .tag_info_description{
    font-size: 13px;
    line-height: calc(13px * 1.10);
  }

  .row_location_price p,
  .dates_container_date p,
  .dates_container_time p,
  .date_container_info_title,
  .dates_tournee .dates_container_actions p{
    font-size: 13px;
    line-height: calc(13px * 1.10);
  }

  .date_container_info {
    font-size: 13px;
    line-height: calc(13px * 1.10);
  }

  .dates_container {
    margin: 0 auto var(--gutter) auto;
  }

  .event_slides_template .article_component .stendfirst p {
    font-size: 18px;
    line-height: calc(18px * 1.10);
  }

  .dates_container button.button_lac {
    padding: var(--half_gutter) var(--half_gutter);
  }

  button.button_lac.info_active .btn_m {
    width: 9.42px;
  }

  .cell_dates_simple_link img{
    height: 18px;
  }

  .event_slides_template .box_grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .event_slide .collapse_card_body_img {
    width: calc(50% - var(--gutter));
  }

  .event_slides_template .carousel_box.section_event_carousel .carousel_box_3_col .swiper-slide,
  .event_slides_template .carousel_box.section_event_carousel .carousel_box_2_col .swiper-slide,
  .event_slides_template .carousel_box.section_event_carousel .carousel_box_6_col .swiper-slide,
  .event_slides_template .carousel_box.section_event_carousel .carousel_box_8_col .swiper-slide {
    width: calc(var(--col_8) + (2 * var(--gutter)));
  }

}

/* /EVENT SLIDES TEMPLATE */

/* BOX READ MORE */

.box_read_more{
  max-height: 225px;
  overflow-y: hidden;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.box_read_more_gradient{
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(248, 248, 248, 0.07) 0%, rgba(248, 248, 248, 0.48) 19%, rgba(248, 248, 248, 1) 69%);
}

.box_read_more_active{
  max-height: 100%;
}

.box_read_more_gradient.box_read_more_gradient_active{
  display: none;
  background: rgba(0, 0, 0, 0);
}

.btn_read_more{
  display: flex;
  justify-content: center;
  margin: auto;
  margin-bottom: calc(2 * var(--gutter));
}

.txt_show_less{
  display: none;
}

.btn_read_more_active .txt_show_more{
  display: none;
}

.btn_read_more_active .txt_show_less{
  display: block;
}

/* /BOX READ MORE */

/* HOME PAGE */

body.home_template_revamp{
  /* padding-top: 0; */
}

.home_grid{
  padding-top: var(--gutter);
  padding-left: calc(var(--quarter_gutter) / 2);
  padding-right: calc(var(--quarter_gutter) / 2);
}

.home_grid>.column_9 {
  padding-left: calc(var(--quarter_gutter) / 2);
  padding-right: calc(var(--quarter_gutter) / 2);
}

.home_grid>.column_3.sidebar_home_revamp {
  padding-right: var(--half_gutter);
  padding-left: var(--half_gutter);
}

.sidebar_home_revamp{
  position: fixed;
  right: 0;
  height: calc(100vh - 169px);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
  box-sizing: border-box;
}

.sidebar_home_row {
  width: 100%;
  border-bottom: 1px solid #000;
  padding: 11px 0 11px 0;
}

.sidebar_home_revamp_filter {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  text-transform: capitalize;
}

.sidebar_home_revamp_filter .sidebar_filter_tag {
  font-size: 18px;
  color: var(--text_gray);
  font-family: var(--akzidenz_medium);
  line-height: 110%;
  cursor: pointer;
}

.sidebar_home_revamp_filter .sidebar_filter_tag.active {
  color: #000;
}

.sidebar_home_event_date {
  display: flex;
  flex-direction: row;
  padding-bottom: 12px;
  font-size: 13px;
  font-family: var(--akzidenz_medium);
  line-height: 110%;
}

.sidebar_home_ctas {
  grid-row: 1;
  grid-column: 2;
  margin-left: auto;
}

.sidebar_home_ctas>div {
  gap: 10px;
}

.sidebar_home_ctas .button_lac {
  font-size: 13px;
  font-family: var(--akzidenz_medium);
  line-height: calc(20px * 1.10);
  margin: 0;
  padding: 4px 12px;
  padding-block: 4px;
  padding-inline: 12px;
  text-decoration: none;
}

.sidebar_home_event_canceled {
  color: white;
  background-color: #878787;
  cursor: default;
  opacity: 1;
}

.sidebar_home_event_info a {
  text-decoration: none;
}

.sidebar_home_event_title,
.sidebar_home_event_subtitle {
  font-family: var(--akzidenz_medium);
  font-size: 20px;
  line-height: 110%;
  margin-bottom: 0;
}

.sidebar_home_event_info.canceled .sidebar_home_event_title,
.sidebar_home_event_info.canceled .sidebar_home_event_subtitle {
  text-decoration: line-through;
}

.sidebar_home_event_subtitle {
  color: var(--text_gray);
}

.sidebar_home_event_tags {
  display: inline-flex;
  height: fit-content;
  gap: 5px;
}

.sidebar_home_event_tags .tag_r {
  background-color: rgba(0, 0, 0, 0.2);
}

.sidebar_home_item_add_to_calendar {
  width: 28px;
  height: 28px;
  content: "";
  background: url("../graphics/add_to_calendar.svg");
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
  transform: scale(.5);
}

@media screen and (min-width: 1024px) {
  .sidebar_home_revamp_filter .sidebar_filter_tag {
    font-size: 32px;
    line-height: calc(34px * 1.10);
  }
  .sidebar_home_event_date {
    font-size: 20px;
  }
  .sidebar_home_ctas .button_lac {
    font-size: 20px;
  }
  .sidebar_home_event_title,
  .sidebar_home_event_subtitle {
    font-size: 32px;
  }
  .sidebar_home_event_tags {
    padding-top: 12px;
  }
  .sidebar_home_item_add_to_calendar {
    transform: none;
  }
}


/* .home_grid>.column_9,
.home_grid>.column_3{
  height: 100vh;
  padding-top: calc(149px + var(--gutter));
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
  position: relative;
  box-sizing: border-box;
} */

.home_grid .sidebar_home_revamp .simple_links a {
  display: inline-block;
  border-top: 0;
}

.home_box_grid.box_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  padding-top: 0;
}

.box_home_first{
  box-sizing: border-box;
  border-radius: var(--quarter_gutter);
}

.box_home_first_img{
  -webkit-background-repeat: no-repeat;
  -moz-background-repeat: no-repeat;
  -o-background-repeat: no-repeat;
  background-repeat: no-repeat;
  -webkit-background-position: center center;
  -moz-background-position: center center;
  -o-background-position: center center;
  background-position: center center;
  -webkit-background-attachment: unset;
  -moz-background-attachment: unset;
  -o-background-attachment: unset;
  background-attachment: unset;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.box_home_first_layer{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.box_home_first_content{
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: calc(var(--half_gutter) + var(--quarter_gutter)) calc(var(--half_gutter) + var(--quarter_gutter)) 40px calc(var(--half_gutter) + var(--quarter_gutter));
  padding-top: calc(42px + var(--gutter) * 4)
}

.box_home_first_text_container{
  width: 100%;
  height: 100%;
  /* padding-right: 25%; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.box_home_first_text_container h2{
  color: #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.box_home_first_title_container{
  margin-bottom: calc(var(--gutter) * 2);
}

.box_home_first_title{
  margin: 0;
}

.box_home_first_title_second{
  margin: 0;
}

.box_home_first_subtitle{
  margin: 0;
  opacity: 0.5;
}

.box_home_first_text{
  margin: 0;
}

.box_home_first_cto_container{
  margin-bottom: calc(var(--gutter) * 2);
}

.box_home_first_cto_container p{
  font-size: 20px;
  line-height: calc(20px * 1.10);
  font-family: var(--akzidenz_medium);
  display: inline-block;
  margin: 0;
  padding-top: var(--half_gutter);
  padding-left: calc(var(--half_gutter) + var(--quarter_gutter));
  padding-right: calc(var(--half_gutter) + var(--quarter_gutter));
  padding-bottom: var(--half_gutter);
  background: #000;
  color: #fff;
  border-radius: var(--quarter_gutter);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.box_home_first .tag_r_container{
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: calc(var(--half_gutter) + var(--quarter_gutter));
  padding-bottom: var(--quarter_gutter);
}

.box_home_first .tag_r{
  background-color: rgba(255, 255, 255, 0.2);
}

.box_home_first_copyright{
  position: absolute;
  bottom: calc(var(--half_gutter) + var(--quarter_gutter) - 2px);
  right: calc(var(--half_gutter) + var(--quarter_gutter));
  margin: 0;
  padding: 0;
  color: #fff;
  display: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.box_home_first_txt_b .box_home_first_text_container h2{
  color: #000;
}

.box_home_first_txt_b .box_home_first_copyright{
  color: #000;
}

.box_home_first_link:hover h2{
  color: var(--link_color_hover);
}

.box_home_first_link:hover .box_home_first_copyright{
  color: var(--link_color_hover);
}

.box_home_first_link:hover .box_home_first_cto_container p{
  background-color: var(--link_color_hover);
}

.box_home_first.box_home_first_txt_b .tag_r{
  background-color: rgba(0, 0, 0, 0.2);
}

.box_home_first_layer.box_home_first_layer_b{
  background: rgba(0, 0, 0, 0.5);
}

.box_home_first_layer.box_home_first_layer_w{
  background: rgba(255, 255, 255, 0.5);
}

.box_home_first_layer_blur{
  backdrop-filter: blur(2px);
}

.box_home_first_bg_top{
  -webkit-background-position: center top;
  -moz-background-position: center top;
  -o-background-position: center top;
  background-position: center top;
}

.box_home_first_bg_bottom{
  -webkit-background-position: center bottom;
  -moz-background-position: center bottom;
  -o-background-position: center bottom;
  background-position: center bottom;
}

.box_grid_column_2c .box_home_first_content,
.box_grid_column_3c .box_home_first_content{
  padding-bottom: calc(42px + var(--gutter) * 4);
}

.box_grid_column_2c .box_home_first_copyright,
.box_grid_column_3c .box_home_first_copyright{
  display: inline-block;
}

.box_grid_column_2c .box_home_first_cto_container,
.box_grid_column_3c .box_home_first_cto_container{
  position: absolute;
  right: calc(var(--half_gutter) + var(--quarter_gutter));
  top: 50%;
  margin-top: -15px;
}

.box_grid_column_2c .box_home_first_title_container,
.box_grid_column_3c .box_home_first_title_container{
  padding-right: 216px;
}

.box_home_first_video .video_box {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.box_home_first_video .video_inner {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* forma iniziale */
  display: flex;
  flex-direction: column;
}

.box_home_first_video .video_inner video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.box_home_first_video .video_content {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

.box_home_first_video .audio_toggle {
  position: absolute;
  top: calc(var(--half_gutter) + var(--quarter_gutter));
  right: calc(var(--half_gutter) + var(--quarter_gutter));
  z-index: 3;
  width: 44px;
  height: 44px;
  border-radius: var(--quarter_gutter);
  border: none;
  background: rgba(0,0,0,0.5);
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.5s ease;
}

.box_home_first_video .audio-toggle:hover {
  background: rgba(0,0,0,0);
}

.box_home_first_video .audio_toggle:hover {
  background: rgba(0,0,0,0.7);
}

.box_home_first_video button.audio_toggle:focus {
  outline: 0;
}

.box_home_first_video .box_home_first_content{
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
}

.box_home_first_video .box_home_first_text_container {
  height: initial;
  padding-top: calc(42px + var(--gutter) * 4);
  padding-bottom: 43px;
}

.box_home_first_video .box_home_first_title_container{
  padding-left: calc(var(--half_gutter) + var(--quarter_gutter));
}

.box_home_first_video .box_home_first_cto_container{
  z-index: 1;
  padding-left: calc(var(--half_gutter) + var(--quarter_gutter));
}

.box_home_first_video .box_home_first_layer,
.box_home_first_video .tag_r_container,
.box_home_first_video .box_home_first_copyright{
  z-index: 1;
}

.box_grid_column_2c .box_home_first_video .box_home_first_content,
.box_grid_column_3c .box_home_first_video .box_home_first_content {
  padding-bottom: 0;
}

.box_grid_column_2c .box_home_first_video .box_home_first_text_container,
.box_grid_column_3c .box_home_first_video .box_home_first_text_container {
  height: initial;
  padding-top: 43px;
  padding-bottom: 43px;
}

.box_home_second{

}

.box_home_second_link:hover {
  color: inherit;
  opacity: 0.5;
}

.box_home_second_content{
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #E9E9E9;
  padding: calc(var(--half_gutter) + var(--quarter_gutter)) calc(var(--half_gutter) + var(--quarter_gutter)) 40px calc(var(--half_gutter) + var(--quarter_gutter));
  border-radius: var(--quarter_gutter);
}

.box_home_second_text_container{
  margin-bottom: calc(var(--gutter) * 2 - 3px)
}

.box_home_second_title{
  margin: 0;
}

.box_home_second_title_second{
  margin: 0;
}

.box_home_second_subtitle{
  margin: 0;
  opacity: 0.5;
}

.box_home_second_text{
  margin: 0;
}

.box_home_second_sub_text_container{
  margin-bottom: calc(var(--gutter) * 2);
}

.box_home_second_cto_container{
  display: none;
}

.box_home_second_cto_label{

}

.box_home_second .tag_r_container{
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: calc(var(--half_gutter) + var(--quarter_gutter));
  padding-bottom: var(--quarter_gutter);
}

.box_home_second .tag_r_container .tag_r{
  background-color: rgba(0, 0, 0, 0.2);
}

.box_home_arrow_content{
  position: absolute;
  z-index: 1;
  right: calc(var(--half_gutter) + var(--quarter_gutter));
  top: calc(var(--half_gutter) + var(--quarter_gutter));
  font-size: 34px;
  line-height: 34px;
}

.box_home_arrow_back,
.box_home_arrow_forward{
  border: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0;
  cursor: pointer;
}

.box_home_arrow_back:hover,
.box_home_arrow_forward:hover{
  opacity: 0.5;
}

.box_home_arrow_back:focus,
.box_home_arrow_forward:focus{
  outline: 0;
}

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

  .home_grid.colum_component_9_3>.column_9{
    -ms-flex: 0 0 var(--col_8);
    flex: 0 0 var(--col_8);
    max-width: var(--col_8);
  }

  .home_grid.colum_component_9_3>.column_3.sidebar_home_revamp {
    -ms-flex: 0 0 var(--col_4);
    flex: 0 0 var(--col_4);
    max-width: var(--col_4);
  }

}

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

  .box_grid_column_2c .box_home_first_content,
  .box_grid_column_3c .box_home_first_content{
    padding-bottom: 40px;
  }

  .box_grid_column_2c .box_home_first_cto_container,
  .box_grid_column_3c .box_home_first_cto_container{
    position: relative;
    right: initial;
    top: initial;
    margin-top: -15px;
  }

  .box_grid_column_2c .box_home_first_title_container,
  .box_grid_column_3c .box_home_first_title_container{
    padding-right: calc(var(--half_gutter) + var(--quarter_gutter));
  }
  /* video */
  /* .box_grid_column_2c .box_home_first_video .box_home_first_content,
  .box_grid_column_3c .box_home_first_video .box_home_first_content {
      padding-bottom: 0;
  }

  .box_grid_column_2c .box_home_first_video .box_home_first_text_container,
  .box_grid_column_3c .box_home_first_video .box_home_first_text_container {
      height: initial;
      padding-top: 43px;
      padding-bottom: 43px;
  } */

}

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

  .box_grid_column_2c .box_home_first_copyright,
  .box_grid_column_3c .box_home_first_copyright{
    display: none;
  }

  .box_home_first_cto_container p {
    font-size: 13px;
    line-height: calc(13px * 1.10);
  }

  .home_grid.colum_component_9_3>.column_9{
    -ms-flex: 0 0 var(--col_12);
    flex: 0 0 var(--col_12);
    max-width: var(--col_12);
  }

  .home_grid.colum_component_9_3>.column_3.sidebar_home_revamp {

    -ms-flex: 0 0 var(--col_12);
    flex: 0 0 var(--col_12);
    max-width: var(--col_12);
  }

  .sidebar_home_revamp{
    position: initial;
    right: initial;
    height: auto;
  }

  .home_grid .box_grid_column{
    grid-column: 1 / -1;
  }

}


/* HOME PAGE */

/* CAROSELLO BOX HOME  */

/* vesione fade */
.box_home_carousel_container {
  position: relative;
  overflow: hidden;
}

.box_home_carousel_container .box_home_second {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.box_home_second.active {
  display: block;
  position: relative;
  opacity: 1;
}

.box_home_carousel_container .box_home_second_content{
  padding-right: 101px;
}



/* versione slide */
/* .box_home_carousel_container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.box_home_carousel_container .box_home_second {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  opacity: 0;
  transition: all 0.6s ease;
}

.box_home_carousel_container .box_home_second.active {
  left: 0;
  opacity: 1;
  z-index: 2;
}

.box_home_carousel_container .box_home_second.slide-out-left {
  left: -100%;
  opacity: 0;
  z-index: 1;
}

.box_home_carousel_container .box_home_second.slide-out-right {
  left: 100%;
  opacity: 0;
  z-index: 1;
} */


/* /CAROSELLO BOX HOME  */

/* PROGRAM / CALENDAR */
.program_list {
  border-top: 1px solid #000;
}


.program_item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 11px;
  padding-bottom: 0;
  padding: 11px 0 0 0;
  padding-block: 11px 0;
  font-family: var(--akzidenz_medium);
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
}

.program_item_info.program_item_info_cancelled .program_item_title,
.program_item_info.program_item_info_cancelled .program_item_subtitle {
  text-decoration: line-through;
}

.program_item.program_item_past .program_item_title,
.program_item.program_item_past .program_item_subtitle,
.program_item.program_item_past .program_item_date,
.program_item.program_item_past .program_item_hour,
.program_item.program_item_past .btn-filter-tag {
  color: var(--text_gray);
}

.program_item_info {
  gap: 50px;
}

.program_add_to_calendar {
  width: 28px;
  height: 28px;
  content: "";
  background: url("../graphics/add_to_calendar.svg");
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
  transform: scale(.5);
}

.program_cancelled,
.program_cancelled:hover {
  color: white;
  background-color: #878787;
  cursor: default;
  opacity: 1;
}

.program_ctas {

  grid-row: 1;
  grid-column: 2;
  margin-left: auto;
}

.program_ctas>div {
  gap: 10px;
}

.program_ctas .button_lac {
  font-size: 13px;
  margin: 0;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding: 4px 12px;
  padding-block: 4px;
  padding-inline: 12px;
  text-decoration: none;
}

.program_item_hour {
  margin-top: -15px;
}

.program_item_info a {
  text-decoration: none;
}

.program_item_title,
.program_item_subtitle {
  font-family: var(--akzidenz_medium);
  font-size: 20px;
  line-height: 110%;
  margin-bottom: 0;
}

.program_item_subtitle {
  color: var(--text_gray);
}

.col:not(:empty) {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}

.row-line {
  grid-column-start: 2;
  grid-column-end: 13;
  width: 100%;
  margin: 0;
  background-color: #000;
}

#program_search {
  margin-left: auto;
}

#program_search .fa-search {
  font-size: 13px;
}

.program_filters_panel_header {
  position: relative;
  width: 100%;
  text-align: center;
  background: #ffffff;
  font-size: 13px;
  margin-bottom: 10px;
}


.program_filters_panel {
  min-height: 33px;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #ffffff;
  font-family: var(--akzidenz_medium);
  font-size: 24px;
  padding-top: 10px;
  z-index: 999999;
}

.program__filters-wrapper {
  height: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  opacity: 0;
  padding-left: 20px;
  padding-right: 20px;
  background: #ffffff;
}


.program_filters_panel.isActive .program__filters-wrapper {
  height: auto;
  opacity: 1;
  top: 160px;
  padding-bottom: 20px;
}

.program_filters_panel.isActive .program_filters_panel_header::before {
  content: '';
  position: absolute;
  top: -46px;
  left: 0;
  height: 50px;
  width: 100%;
  background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 9%, #FFFFFF 55%, rgba(255, 255, 255, 0) 100%);
}


.program_category {
  display: inline-flex;
  height: fit-content;
  gap: 5px
}

.program__filters-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  width: 100%;
}

.program__filters-wrapper > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 13px;
}

.program__filters-wrapper>div p:first-of-type {
  width: 100%;
}

.program__filters-wrapper p {
  margin-bottom: 0;
}

.btn-filter-tag {
  background: var(--mid-gray);
  border: 0;
  border-radius: 2.15px;
}

button:focus {
  outline: none;
}

button:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.btn-filter-tag.active {
  background: #000;
  color: #fff;
}

.btn-filter-tag.active::after {
  content: 'x';
  margin-left: 12px;
  font-size: 20px;
}

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

  .program_ctas .button_lac {
    padding-left: 0;
    padding-right: 0;
    padding-inline: 0;
    background-color: transparent;
    color: #000;
    text-decoration: underline;
  }
}

@media screen and (min-width: 1100px) {
  .program_item {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    padding-top: 11px;
    padding-bottom: 40px;
    padding: 11px 0 40px 0;
    padding-block: 11px 40px;
    font-size: 24px;
  }

  .program_category {
    padding-top: 12px;
    grid-column: span 3;
  }

  .program_item_title,
  .program_item_subtitle {
    font-size: 32px;
    line-height: 100%;
  }

  .program_item_info {
    grid-column-start: 4;
    grid-column-end: 9;
  }

  .program_item_date,
  .program_item_hour {
    padding-top: 24px;
  }

  .program_item_hour {
    margin-top: 0;
  }

  .program_ctas {
    grid-row: auto;
    grid-column: auto;
    position: static;
  }

  .program_add_to_calendar {
    transform: none;
  }

  .program_ctas .button_lac {
    font-size: 20px;
  }

  .program__filters-wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }

  .program__filters-wrapper > div {
    display: block;
  }

}

.content_header_timeline {
  background-color: var(--element_bg_gray);
  position: sticky;
  top: 74px;
  z-index: 10;
  overflow: hidden;
}

.timeline {
  display: flex;
  gap: 20px;
  text-transform: capitalize;
  font-family: var(--akzidenz_medium);

}

.month-label {
  font-size: 14px;
  color: var(--text_gray);
  cursor: pointer;
}



.month-label.active {
  color: #000;
}

.swiper_timeline {
  padding-bottom: 20px;
}

.swiper_timeline .swiper-slide {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-family: var(--akzidenz_medium);
}

.day_button {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  border: 0;
  color: var(--text_gray);
}

.swiper_timeline .swiper-slide .day {
  font-size: 8px;
}

.swiper_timeline .swiper-slide .number {
  font-size: 14px;
}

.swiper_timeline .swiper-slide.selected .day,
.swiper_timeline .swiper-slide.selected .number {
  color: #000;
  border: 0;
}

.swiper_timeline .swiper-slide.selected .number {
  text-decoration: underline;
}

.swiper.swiper_timeline {
  max-width: 94%;
  margin: 0 auto;
  overflow: hidden;
}

.swiper.swiper_timeline .button-prev,
.swiper.swiper_timeline .button-next {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 32%;
  z-index: 2;
  cursor: pointer;
}

.swiper.swiper_timeline .button-prev {
  left: 0;
  background: url("../graphics/arrow-sx.svg") no-repeat left center;
}

.swiper.swiper_timeline .button-next {
  right: 0;
  background: url("../graphics/arrow-dx.svg") no-repeat right center;
}


@media screen and (min-width: 1024px) {
  #program_search .fa-search {
    font-size: 30px;
  }

  .swiper.swiper_timeline .button-prev,
  .swiper.swiper_timeline .button-next {
    top: 64%;
  }

  .swiper.swiper_timeline .button-prev {
    left: 10px;
    background-position: center center;
  }

  .swiper.swiper_timeline .button-next {
    right: 10px;
    background-position: center center;
  }

  .month-label {
    font-size: 48px;
  }

  .swiper_timeline .swiper-slide .day {
    font-size: 14px;
  }

  .swiper_timeline .swiper-slide .number {
    font-size: 24px;
  }

  .content_header_timeline {
    top: 115px;
  }

  .program_filters_panel_header {
    font-size: 24px;
  }

  .program__filters-wrapper {
    gap: 20px;
  }
  .program__filters-wrapper>div {
    grid-column: span 2;
    font-size: 20px;
  }

  .program__filters-wrapper p {
    margin-bottom: 10px;
  }

  .program_filters_panel {
    min-height: 73px;
  }
}

/* LOADER */
.loader-container {
  text-align: center;
}

.spinner {
  width: 40px;
  height: 40px;
  margin: 40px auto 30px;
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-top: 4px solid black;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading-text {
  color: black;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
}

.dots {
  display: inline-block;
  width: 20px;
  text-align: left;
}

.dot {
  animation: blink 1.4s infinite;
}

.dot:nth-child(2) {
  animation-delay: 0.2s;
}

.dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes blink {
  0%,
  60%,
  100% {
    opacity: 0.3;
  }

  30% {
    opacity: 1;
  }
}
/* /PROGRAM / CALENDAR */

/* EVENTS RELATED */
.events_related .dates_container_date,.events_related .dates_container_time {
  flex-direction: column;
}

.events_related .dates_container_time {
  padding-right: var(--gutter);
}

.events_related .dates_container_actions {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.events_related .border_bottom{
  border-bottom: 1px solid #000;
  margin-bottom: var(--gutter);
  width: 100%;
}

.tag_r.subscription {
  color: var(--red_lac);
}
/* /EVENTS RELATED */

/* MEDIA ARCHIVE */
.media_archives_title {
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}
.media_archives_filter {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

.media_archives_filter .input-group{
  margin-top: -3px;
}

.media_archives_filter .tag_r {
  background-color: #FFF;
}

.media_archives_filter_button .btn {
  margin-bottom: 0;
  padding: 0 0px 0 14px;
  border: 0;
}

.media_archives_filter_button .fa-search {
  font-size: 13px;
}

.media_archives_filter_recent {
  display: flex
}

.media_archives_filter_recent span {
  margin-left: auto;
  color: #878787;
}

.media_archives_filter_current {
  display: flex;
}

.media_archives_filter_current .tags_selected {
  display: inline-flex;
  height: fit-content;
  gap: 5px;
}

.media_archives_filter_current i {
  width: 14px;
}

@media screen and (min-width: 1024px) {
  .media_archives_filter_button .fa-search {
    font-size: 30px;
  }
}

/* SEARCH RESULT */

.search_result_template main{
  padding-top: calc(2 * var(--gutter));
}

.search_result{
  margin-bottom: calc(2 * var(--gutter));
}

.search_result h2.search_result_title {
  margin-top: 0;
  margin-bottom: var(--gutter);
  font-family: var(--akzidenz_medium);
  font-weight: 500;
}

.search_result_page{
  width: 100%;
  padding-top: var(--half_gutter);
  padding-bottom: var(--gutter);
  margin-bottom: var(--gutter);
  border-top: 1px solid #000;
}

.search_result_breadcrumbs{
  color: var(--link_color_hover);
  margin-bottom: var(--gutter);
  margin-bottom: var(--gutter);
  font-family: var(--akzidenz_medium);
}

.search_result_page_title{
  margin-bottom: 0;
}

.search_result_page_subtitle{
  color: var(--link_color_hover);
  margin-bottom: 0;
  margin-bottom: var(--gutter);
  font-family: var(--akzidenz_medium);
}

.search_result_events .load_more {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    background-color: #dad9d9;
    margin-top: 15px;
}

.search_result_pages .load_more {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    background-color: #dad9d9;
    margin-top: 15px;
}
/* /SEARCH RESULT */