@charset "UTF-8";

//section= Header: Barra Lingua ed Utente;
@top_nav_bg                = #000000;  //help colore del background
@top_nav_color             = #FFFFFF;  //help colore del font

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

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

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

//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                = #000000;  //help colore del font principale
@link_color                = #993300;  //help colore dei link
@title_color               = #000000;  //help colore dei titoli
@sub_title_color           = #000000;  //help colore dei sottotitoli 
@highlight_bg              = #000000;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-highlight</i>
@highlight_color           = #FFFFFF;  //help colore del font dei box con classe <i class="text-warning">.bg-highlight</i>
@dark_bg                   = #000000;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-dark</i>
@dark_color                = #FFFFFF;  //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              = #000000;  //help colore del bordo delle immagini nelle liste

//section= Footer;
@footer_bg                 = #000000;  //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            = #414141;  //help colore di sfondo
@btn-primary-color         = #FFFFFF;  //help colore del font
@btn-primary-border        = #343434;  //help colore del bordo

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

@btn-success-bg            = #414141;  //help colore di sfondo - success
@btn-success-color         = #FFFFFF;  //help colore del font - success
@btn-success-border        = #343434;  //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: "Rubik-Light";   
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url("https://fonts.gstatic.com/s/rubik/v12/iJWKBXyIfDnIV7nBrXyw023e.woff2") format("woff2");
   unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }



 @font-face {
  font-family: "Rubik-Regular";  
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/rubik/v12/iJWKBXyIfDnIV7nBrXyw023e.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

@font-face {
 font-family: "Rubik-Bold"; 
 font-style: normal;
 font-weight: 700;
 font-display: swap;
 src: url("https://fonts.gstatic.com/s/rubik/v12/iJWKBXyIfDnIV7nBrXyw023e.woff2") format("woff2");
 unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

/** fine font**/


body {
    background-color: #fff;
    font-family: "Rubik-Regular";  
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}

#top-nav { color: #FFFFFF;}
#top-nav-inner {
    max-width: 100%;
    width: auto;
    font-family: "Rubik-Light";   
    font-style: normal;
    font-weight: 300;
    font-size: 16px;   
}

#top-nav a, #top-nav-inner a { color: #FFFFFF;}

#header .logo { width: 150px;}

#menu-cat, #menu-cat-alt {
    font-family: "Rubik-Regular";  
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    
}


  .NomeLocation { font-size: 12px;}
  .btn_acquista {
   position: absolute;
   bottom: 50%;
   left: 30%;  
 }
 
  .btn_acquista > a { font-size: 10px; padding: 2px;}
  .event-deck .event-lg-card { max-width: 50%;}
  .list-inline>li { padding: 10px; }

  .descrizioneLocation {
   font-family: "Rubik-Regular";  
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;    
}
 
.btn-aggiungi {
    color: #ffffff;
    background-color: #000099;
    border-color: #CCCCCC;
}
 
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { 

  .NomeLocation { font-size: 16px;}
  .btn_acquista {
  position: absolute;
  bottom: 50%;
  left: 35%;  
}
 .btn_acquista > a { font-size: 14px; padding: 5px;}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
 
 #header .logo { width: 500px;}

 #menu-cat-alt > ul { display:block; margin-top: -10px;}
 
 .NomeLocation { font-size: 26px;}
 //.btn_acquista {
 // position: absolute;
 // bottom: 50%;
 // left: 40%;  
//}
 .btn_acquista > a { font-size: 20px; padding: 8px;}
  
 .event-deck .event-lg-card { max-width: 19%;}
 .list-inline>li { padding: 5px; }
 
 .descrizioneLocation {font-size: 15px; }
 .descrizioneLocationCitta {font-size: 18px; font-weight: bold;}

}




/***************** LISTA LOCATION ********/
.listaLocation {
  position: relative;
}




.NomeLocation {
  color: #ffffff;
  font-family: "Rubik-Regular";  
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  position: absolute;
  top: 15%;
  left: 10%;
  right: 10%;
  
}



.btn_acquista > a {
  color: #fff;
  border: 2px solid #fff;
  padding: 10px;
  font-family: "Rubik-Light";   
  font-style: normal;
  font-weight: bold;
  text-shadow: 1px 1px 10px #000, 0 0 25px #000, 0 0 10px #000;  
  text-transform: uppercase;
  box-shadow: 1px 1px 20px #000;
}

.btn_acquista > a:hover {
  color: #000;
  border: 2px solid #fff;
  background: #fff;
  padding: 10px;
  font-family: "Rubik-Light";   
  font-style: normal;
  font-weight: bold;
  text-shadow: 1px 1px 10px #000, 0 0 25px #fff, 0 0 10px #fff;  
  text-transform: uppercase;
  box-shadow: 1px 1px 20px #fff;
}

.btn-primary {    
    white-space: break-spaces;
}

.listaLocation_overlay {
  position: absolute;
  bottom: 0%;
  left: 0%;
  background-color: #000000;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transition: 0.2s ease;
  opacity: 0.65;
}







.listaLocation:hover .listaLocation_overlay {
  transform: scale(1)
}

.listaLocation_text {
  color: #ffffff;
  font-family: "Rubik-Regular";  
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  position: absolute;
  bottom: 15%;
  left: 35%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  
}