@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               = transparent;  //help colore del background 
@menu_cat_color            = #FFFFFF;  //help colore del font 
@menu_cat_open_bg          = #000000;  //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            = #000000;  //help colore del background 
@submenu_cat_color         = #FFFFFF;  //help colore del font 
@submenu_cat_over_bg       = #000000;  //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            = #000000;  //help colore del background 
@menu_mobile_color         = #FFFFFF;  //help colore del font 
@submenu_mobile_color      = #EB6E07;  //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                = #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              = #f5f5f5;  //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            = #e02422;  //help colore di sfondo
@btn-primary-color         = #FFFFFF;  //help colore del font
@btn-primary-border        = #e02422;  //help colore del bordo

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

@btn-success-bg            = #FFFFFF;  //help colore di sfondo - success
@btn-success-color         = #2c842c;  //help colore del font - success
@btn-success-border        = #2c842c;  //help colore del bordo - success

@btn-info-bg               = #2c842c;  //help colore di sfondo - info
@btn-info-color            = #FFFFFF;  //help colore del font - info
@btn-info-border           = #2c842c;  //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: "Montserrat";   
  font-style: normal; 
  font-weight: 400; 
  src: url("https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2"); 
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, 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: "Montserrat";  
  font-style: normal; 
  font-weight: 600; 
  src: url("https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2"); 
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, 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: "Montserrat";    
  font-style: normal; 
  font-weight: 700; 
  src: url("https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 
}

/** FINE FONT **/


body {
  color: #121212;
  font-family: "Montserrat";   
  font-style: normal; 
  font-weight: 400; 
  font-size: 15px; 
}

#page_header {
  background-color: #fff;
  background: linear-gradient(179deg, rgb(0 0 0) 50%, #e02422 120%);
  height: 190px;
}



#header { height: 100px; }

#header .logo {  position: relative;  }


#menu-cat-alt {
  font-family: "Montserrat";    
  font-style: normal; 
  font-weight: 700; 
  font-size: 16px;
}



#accountInformation.nav-pills > li > a,
#top-lingue.nav-pills > li > a {
  color: #fff;  
  }

  #top-lingue li::before, #accountInformation li::before {
    color: #FFFFFF;
    content: "|";
    position: absolute;
    left: -4px;
    top: 8px;
}


a.giftcard {
  color: #2c842c;
  font-family: "Montserrat";  
  font-style: normal; 
  font-weight: 600; 
  font-size: 18px;
  text-transform: uppercase;
}

.btn-giftcard {
  padding: 2px 8px;
  font-family: "Montserrat";  
  font-style: normal; 
  font-weight: 600; 
  font-size: 18px;
  color: #2c842c;
}

.form-control {  
  color: #000;
}

.shadow-box {
  box-shadow: none; 
}

@media (min-width: @screen-xs-min) { ... }


@media (min-width: @screen-sm-min) {  
 }


@media (min-width: @screen-md-min) { 

  #page_header {
    background-color: #000;
    background: linear-gradient(180deg, rgb(0 0 0) 30%, #e02422 110%);
    height: auto;
  }
  

  #header {
    height: 278px;    
    display: grid;
    align-items: flex-end; 
    background-image: url('https://www.olimpiamilano.com/wp-content/themes/Nebula-child/assets/img/meta/group-275.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: bottom;    
  }

  #header .logo {
    margin-top: 20px;
    margin-bottom: 20px;
    filter: drop-shadow(0px 0px 60px #df2321);
    // position: relative;
    // top: -60px;
  }
  
  
  .page-content {
    position: relative;
    top: -60px;
    background-color: #fff;
    border-radius: 16px 16px 0 0;
  }
  

  #menu-cat-alt>ul {
    display: block;
    position: relative;
    top: auto;
    padding-left: 0px;
    padding-right: 0px;
  }

 }







#footer {
  color: #f5f5f5;
  background-color: #000;
  font-size: 14px;
}













@media ( min-width : 768px) {
  .show-main-info img.img-square {
    float: left;
  }
}

@media ( min-width : 992px) {
  .show-main-info img {
    float: left;
  }
}

.fa-ul>li {
  margin-bottom: 5px;
}

.listtitle {
  font-weight: bold;
}


/* gestione responsive */ 
@media only screen and (min-width:768px) {
  button.shopping-cart-view {
		position: absolute;
		top: 0.4rem;
		left: 3.8rem;
		min-width: 2.4rem;
		min-height: 2.4rem;
    right: auto;
	}	
  div.shopping-cart-label {
    left: 7.5rem !important;
  }
}
@media only screen and (max-width:768px) {
  button.shopping-cart-view {
    font-size: 3rem!important;
    position: absolute;
    padding: 0.25rem 0.5rem;
    min-width: 4.2rem;
    bottom: 0.25rem;
    line-height: 0.75em!important;
    height: 3.2rem;
    left: 5.5rem;
  }	
}