@charset "UTF-8";

//section= Header: Barra Lingua ed Utente;
@top_nav_bg                = #040D1D;  //help colore del background
@top_nav_color             = #ffffff;  //help colore del font

//section= Colori del Menu Standard livello 1;
@menu_cat_bg               = #040D1D;  //help colore del background 
@menu_cat_color            = #ffffff;  //help colore del font 
@menu_cat_open_bg          = #040D1D;  //help colore del background con voce aperta 
@menu_cat_open_color       = #ffffff;  //help colore del font con voce aperta

//section= Colori del Menu Standard livello 2 (submenu);
@submenu_cat_bg            = #040D1D;  //help colore del background 
@submenu_cat_color         = #ffffff;  //help colore del font 
@submenu_cat_over_bg       = #040D1D;  //help colore del background sull'hover
@submenu_cat_over_color    = #ffffff;  //help colore del font sull'hover

//section= Colori del Menu Mobile;
@menu_mobile_bg            = #040D1D;  //help colore del background 
@menu_mobile_color         = #ffffff;  //help colore del font 
@submenu_mobile_color      = #ffffff;  //help colore del font nei sottomenu

//section= Colori del Header;
//solo per fieraroma
@header_bg                 = #FFFFFF;  //help colore del background 

//section= COOKIE DISCLAIMER;
@cookie_bg                 = #000000;  //help colore del background
@cookie_border_color       = #EDEDED;  //help colore del bordo
@cookie_color              = #FFFFFF;  //help colore del font

//section= Generali;
@font_color                = #040d1d;  //help colore del font principale
@link_color                = #000000;  //help colore dei link
@title_color               = #414141;  //help colore dei titoli
@sub_title_color           = #000000;  //help colore dei sottotitoli 
@highlight_bg              = #ffffff;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-highlight</i>
@highlight_color           = #000000;  //help colore del font dei box con classe <i class="text-warning">.bg-highlight</i>
@dark_bg                   = #ffffff;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-dark</i>
@dark_color                = #000000;  //help colore del font dei box con classe <i class="text-warning">.bg-dark</i>
@light_bg                  = #F6F6F6;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-light</i>
@light_color               = @font_color;  //help colore del font dei box con classe <i class="text-warning">.bg-light</i>
@notfound_bg               = #F6F6F6;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-notfound</i>
@notfound_color            = @font_color;  //help colore del font dei box con classe <i class="text-warning">.bg-notfound</i>
@image_border              = #414141;  //help colore del bordo delle immagini nelle liste

//section= Footer;
@footer_bg                 = #040D1D;  //help colore di sfondo
@footer_color              = #ffffff;  //help colore del font

//Solo per fieraroma
@footer_bg_image           = #FFFFFF;  //help colore di sfondo dell'immagine

//section= Bottoni principali (es tasto ACQUISTA);
@btn-primary-bg            = #fdc543 ;  //help colore di sfondo
@btn-primary-color         = #000000;  //help colore del font
@btn-primary-border        = #fdc543;  //help colore del bordo

//section= Altri pulsanti;
@btn-default-bg            = #fdc543;  //help colore di sfondo - default
@btn-default-color         = #000000;  //help colore del font - default
@btn-default-border        = #fdc543;  //help colore del bordo - default

@btn-success-bg            = #fdc543;  //help colore di sfondo - success
@btn-success-color         = #000000;  //help colore del font - success
@btn-success-border        = #fdc543;  //help colore del bordo - success

@btn-info-bg               = #5BC0DE;  //help colore di sfondo - info
@btn-info-color            = #FFFFFF;  //help colore del font - info
@btn-info-border           = #46B8DA;  //help colore del bordo - info

@btn-warning-bg            = #F0AD4E;  //help colore di sfondo - warning
@btn-warning-color         = #FFFFFF;  //help colore del font - warning
@btn-warning-border        = #EEA236;  //help colore del bordo - warning

@btn-danger-bg             = #D9534F;  //help colore di sfondo - danger
@btn-danger-color          = #FFFFFF;  //help colore del font - danger
@btn-danger-border         = #D43F3A;  //help colore del bordo - danger

//section= Colori del Calendario;
@cal_bg                    = #FFFFFF;  //help background calendario
@cal_title_bg              = #000000;  //help background mese
@cal_title_color           = #FFFFFF;  //help font mese
@cal_week_bg               = #EDEDED;  //help background giorni settimana
@cal_week_color            = #000000;  //help font giorni settimana

@cal_not_sched_bg          = #FFFFFF;  //help background giorni non in programma
@cal_not_sched_color       = #666666;  //help font giorni non in programma

@cal_scheduled_bg          = #2C842C;  //help background giorni in programma
@cal_scheduled_color       = #FFFFFF;  //help font giorni in programma
@cal_scheduled_hover_bg    = #95c195;  //help background hover giorni in programma
@cal_scheduled_hover_color = #FFFFFF;  //help font hover giorni in programma

@cal_scheduled_sel_bg      = #006699;  //help background giorno selezionato
@cal_scheduled_sel_color   = #FFFFFF;  //help font giorno selezionato

@cal_full_bg               = #E3E3E3;  //help background giorno in programma ma senza disponibilita'
@cal_full_color            = #666666;  //help font giorno in programma ma senza disponibilita'

//section= Abbonamenti
@abbo_bg                   = #FCE2BA;  //help background sezione abbonamento in scelta eventi in abbonamento

@import "operator.part/toinclude.less";


/** font **/


@font-face {
  font-family: 'DMSans-Regular';
  font-style: normal; 
  font-weight: 400; 
  src: url('../fonts/DMSans/DMSans-Regular.woff2') format("woff2");  
}

@font-face {
  font-family: 'DMSans-SemiBold';
  font-style: normal; 
  font-weight: 600; 
  src: url('../fonts/DMSans/DMSans-SemiBold.woff2') format("woff2");  
}


@font-face {
  font-family: 'LibreBodoni-Bold';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/LibreBodoni/LibreBodoni-Bold.woff2') format('woff2');
}



/** fine font **/

body {
  background-color: #fff;
  color: #000;
  font-family: 'DMSans-Regular';
  font-style: normal; 
  font-weight: 400;  
  font-size: 14px;
}



#page_header {
  width: 100%;
  position: auto;
  left: 0px;
  top: 0px;
  transition: .2s all ease;  
}


#header { 
  background-color: #040D1D; 
  height: 72px;
}

.page-content { max-width: 1100px; }

#header .logo {
  width: 100%;
  position: absolute;
  top: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

.logo img { height: 60px;}

.logoFooter img {
  height: 160px;
}

        
#accountInformation.nav-pills>li>a {  
  font-family: 'DMSans-Regular';
  font-style: normal; 
  font-weight: 400; 
  font-size: 13px;
  color: #fff;
  
}

 /* per allineare trattini alla login*/
 #accountInformation li::before {  line-height: 40px;  }

 #accountInformation li::before {
  color: #fff;
  content: "|";
  position: absolute;
  left: -2px;
}

// #top-lingue li::before {
//   color: #000;
//   content: "|";
//   position: absolute;
//   left: -2px;
// }

.menugiallo {
  background-color: #fdc543;
  height: 88px;
  color: #000;
}
 
.menugiallo > a { color: #000;}


#top-lingue.dropdown {
  position: relative;
  top: 30px;
}

#top-lingue.dropdown > a{
  color: #000;
  
}


.dropdown-menu>li>a { 
  color: #fdc543;  
}

.dropdown-menu>li>a:hover {
  color: #fff;  
}

#menu-cat, #menu-cat-alt {
  font-family: 'DMSans-Regular';
  font-style: normal; 
  font-weight: 400; 
  font-size: 13px;
}



.modal.in .modal-dialog, .modal-content {
    z-index: 99;
    position: relative;
}

.event-list h5 {
  line-height: 1.42857143;
  margin: 0;
  font-family: 'LibreBodoni-Bold';
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
}

h3, .h3 {
  font-family: 'LibreBodoni-Bold';
  font-style: normal;
  font-weight: normal;
  font-size: 40px !important;
}

.page-title {
  font-family: 'LibreBodoni-Bold';
  font-style: normal;
  font-weight: normal;
}

h5, .h5 {
  font-family: 'DMSans-SemiBold';
  font-style: normal; 
  font-weight: 600; 
  font-size: 16px;
}

.font16 {
  font-size: 16px;
}


.btn {
  display: inline-block;
  text-align: center;
  padding: 8px 10px;
  color: #040D1D;
  font-family: 'DMSans-Regular';
  font-style: normal; 
  font-weight: 400; 
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
  outline: none !important;
  border-radius: 0 !important;
  box-shadow: 0 !important;
  margin: 1px;
}

.btn-home {
  padding: 10px 16px;  
}



.btn-lingue { border: 1px solid #040D1D !important;}


a { font-weight: normal; }

.menu-social {
    clear: both;
    padding: 20px 0;
}

  .menu-social ul {
      display: inline-block;
      vertical-align: middle;
  }

  .menu-social h5 {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-family: 'DMSans-Regular';
    font-style: normal; 
    font-weight: 400; 
    font-size: 16px;
    line-height: 24px;   
    margin: 0;
    padding: 0;
}


.testo18bold  {
    font-family: 'DMSans-SemiBold';
    font-style: normal; 
    font-weight: 600;
    font-size: 18px;
    color: #fff;
  }


  .testo16bold {
    font-family: 'DMSans-SemiBold';
    font-style: normal; 
    font-weight: 600;
    font-size: 16px;
    color: #fff;
  }

  .shadow-box {
    padding: 10px;
    margin-bottom: 15px;
    position: relative;   
    box-shadow: none;
    border: 1px solid #000;
}


.bg-highlight, .bg-dark { border: 1px solid #000; }


/* messaggio promo su carrello*/

.promoCarrello {
  background-color: #fdc543;
  color: #000; 
}


.promoCarrello a { 
  text-decoration: underline;
  font-family: 'DMSans-SemiBold';
  font-style: normal; 
  font-weight: 600; 
  color: #000;
}




/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { 

  
   
   #menu-cat-alt > ul, .nav-pills > ul { position: relative;}
  

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
  
  #header { height: 88px;}
  
  #header .logo {
    width: 100%;
    position: relative;
    
  }
	

	
	
  #menu-cat-alt > ul {
    display: block;
    position: relative;
    padding: 0;
    inline-size: max-content;   
    left: -10px;
  }
  
 
  #menu-cat-alt .nav-pills>li>a,
  #menu-cat-alt .nav-pills>li>a:hover {
    padding-right: 5px;
    padding-left: 5px;
  }
    
  #menu-cat-alt .nav-pills>li>a { text-decoration: none; }

 #accountInformation { position: relative; }
    
    
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { 

 
  #header .logo { position: relative;	}

  #menu-cat-alt > ul {
       left: -20px;
  }

}


/* footer*/

#footer > a {   
  font-style: normal; 
  font-weight: 400; 
  font-size: 16px;  
}

#footer-nav,
#footer-nav > a  {   
  font-family: 'DMSans-Regular';
  font-style: normal; 
  font-weight: 400; 
  font-size: 16px;  
  max-width: 1280px;
  
}

.footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.footer-menu ul { text-align: right; }
.footer-menu ul li {
  display: inline-block;
  margin: 5px;
  padding:0;
   > a  { color: #B7BBC5;}
}

// a#lingueFooter {
//   font-size: 14px;
//   font-family: 'DMSans-Regular';
//   font-style: normal; 
//   font-weight: 400; 
//   line-height: 18px;
//   font-style: normal;
//   color: #666666;
//   text-decoration: none;
//   gap: 5px;
//   display: flex;
//   align-items: center;
//   padding-right: 0px;
//   justify-content: space-between;
//   width: 100%;
//   text-align: left;
// }
// #boxLingua, #boxLinguaSmall{
//   position: relative;
// }
// #collapseLingua, #collapseLinguaSmall {
//     position: absolute;
//     bottom: 100%;
//     left: 0;
//     width: auto;
//     min-width: 91%;
//     background: white;
//     border: 1px solid #ddd;
//     box-sizing: border-box;
//     box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
//     z-index: 1000;
//     display: none;
//     margin-left: 15px;
//     padding: 0px;
// }
// #collapseLingua.show, #collapseLinguaSmall.show {
//     display: block;
// }
// #collapseLingua li, #collapseLinguaSmall li {
//   list-style: none;
//   padding: 0;
//   margin: 0;
// }
// #collapseLingua .card-body, #collapseLinguaSmall .card-body {
//   display: flex;
//   flex-direction: column;
//   align-items: flex-start;
//   padding: 16px 16px;
// }
// #collapseLingua a, #collapseLinguaSmall a {
//   font-size: 14px;
//   font-family: 'DMSans-Regular';
//   font-style: normal; 
//   font-weight: 400; 
//   line-height: 18px;
//   font-style: normal;
//   color: #666666;
//   text-decoration: none;
// }

/*********FILTRI HOME***********/
.btn-secondary {
  color: #000000;
  background-color: #fff;
  border-color: #000;
}
.box-filtri {
  margin: 0px 0px 20px 0px !important;
}
.btn.btn-secondary.full-width {
  width: 100%;
}
.btn.btn-default.full-width, .box-menu {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.checkbox label {
  padding-left: 0px;
}
.radio label {
  padding-left: 25px;
}
.box-align {
  width: 100%;
  text-align: start;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  margin: 0 !important;
}
.margin-single-box {
  margin-bottom: 10px;
}
fieldset {
  padding: 0;
  border: 0;
}
/*nascondo lo stile predefinito dei checkbox e radio */
.checkbox input[type="checkbox"],
.radio input[type="radio"] {
  display: none;
}
/*stile comune */
.checkbox label,
.radio label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 16px;
}
/*checkbox stile personalizzato */
.checkbox label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  border: 2px solid #e3e3e3;
  border-radius: 4px;
  background-color: white;
}
/*checkbox selezionato*/
.checkbox input[type="checkbox"]:checked + label::before {
  background-color: #fff;
  border-color: #e3e3e3;
}
/*aggiungo il segno di spunta al checkbox */
.checkbox input[type="checkbox"]:checked + label::after {
  content: "✔";
  position: absolute;
  left: 5px;
  top: 2px;
  font-size: 16px;
  color: #feb510;
  font-weight: bold;
}
/*radio personalizzato */
.radio label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  border: 2px solid #e3e3e3;
  border-radius: 50%;
  background-color: white;
}
/* radio selezionato */
.radio input[type="radio"]:checked + label::before {
  background-color: #fff;
  border-color: #e3e3e3;
}
/*sezionamento radio */
.radio input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: #feb510;
  border-radius: 50%;
}
/*per allineare scritta data con immagine calendario*/
.input-group-date {
  display: flex;
  align-items: center;
}
.input-group-append-date{
  margin-left: -1px;
}
.input-group-date button {
  background-color: #fff;
  border: 1px solid #ccc;
}
/*stile box calendario*/
.input-calendar {
  text-align: start;
}
.btn-calendar {
  color: #fff;
  background-color: #000 !important;
  padding-left: 16px;
  padding-right: 16px;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
  border-bottom-width: 0px !important;
  border-top-width: 0 !important;
  margin: 0px !important;
  padding-top: 9px;
  padding-bottom: 9px;
  width: 100%;
}

.input-calendar::placeholder {
  color: #000000;
  font-style: normal;
}
.border-filtri {
  border: solid 1px #e3e3e3;
  text-align: start;
}
select#selectGenere,  select#selectPerformanceLocation, selectselectSpettacoli{
  width: 100%;
}
.m-hor-md {
  margin-left: 20px !important;
  margin-right: 20px !important;
}