@charset "UTF-8";

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

//section= Colori del Menu Standard livello 1;
@menu_cat_bg               = #000000;  //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         = #EC49FF;  //help colore del font 
@submenu_cat_over_bg       = #EDEDED;  //help colore del background sull'hover
@submenu_cat_over_color    = #EC49FF;  //help colore del font sull'hover

//section= Colori del Menu Mobile;
@menu_mobile_bg            = #000000;  //help colore del background 
@menu_mobile_color         = #EC49FF;  //help colore del font 
@submenu_mobile_color      = #EC49FF;  //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                 = #414141;  //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                = #EC49FF;  //help colore dei link
@title_color               = #EC49FF;  //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                  = #ffffff;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-light</i>
@light_color               = #000000;  //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                 = #ffffff;  //help colore di sfondo
@footer_color              = #000000;  //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            = #0CF6DB;  //help colore di sfondo
@btn-primary-color         = #000000;  //help colore del font
@btn-primary-border        = darken(@btn-primary-bg, 5%);  //help colore del bordo

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

@btn-success-bg            = #0CF6DB;  //help colore di sfondo - success
@btn-success-color         = #000000;  //help colore del font - success
@btn-success-border        = darken(@btn-success-bg, 5%);  //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*/

@import '../fonts/OpenSans/OpenSans.css'; 

@font-face { 
  font-family: "Rowdies";   
  font-style: normal; 
  font-weight: 400; 
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/rowdies/v17/ptRJTieMYPNBAK21_rBDwQ.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 { 
  background-color: #000 !important;
  font-family: "Helvetica", Sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #000;
} 

#page_header { background-color: #000;}

#top-nav {
  height: 45px;
  background-color: transparent;
  background-image: linear-gradient(90deg, #0CF6DB 0%, #EC49FF 100%);
}

#top-nav-inner {
  max-width: 1400px;
  font-family: "Helvetica", Sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 12px 0 4px 0;
  top: 10px;
}

#header { background-color: #000;}


.width-limit { background-color: #fff; }
.page-content { background: #fff;}


#header .logo{
  margin-bottom: 15px;
  margin-top: 15px;
}

.page-content {
 padding-bottom: 10px;
}


 /* bottoni*/

 .btn-acquista {
  font-family: "Helvetica", Sans-serif;
  font-weight: 800;
  padding: 20px;
  font-size: 16px;
  text-transform: uppercase;
}

.btn-mc2live {
  font-family: "Helvetica", Sans-serif;
  font-weight: 800;
  padding: 10px;
  font-size: 14px;
  text-transform: uppercase;
}

.margin4px  {
  margin-bottom: 4px;
  margin-top: 4px;
}

.btn-group-sm>.btn { font-size: 12px;}

.btn-primary:hover {
  color: #fff;
  background-color: #EC49FF;
  border-color: #EC49FF;
}


/*locandina*/

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

.show-main-info .title,
.section-title, .page-title {
  font-family: "Rowdies";   
  font-style: normal; 
  font-weight: 400; 
}
.section-header { padding: 0;}

#menu-cat, #menu-cat-alt {
  font-family: "Rowdies";   
  font-style: normal; 
  font-weight: 400; 
 
}

/* home box mobile*/

.thumbnail {
  padding: 0; 
  border-radius: 0px;  
}

.fa-inverse { color: #EC49FF; }

.list-inline>li { width: 100%;}
.event-deck .thumbnail {  max-width: 800px; }

.thumbnail a > img { max-width: none; width: 100%;}


/* carrello*/
.countdownHeaderHolder { background: #000;}
#accountInformation .badge { background-color: #000;}
.ui-state-active { background-color: #000; border-color: #000; }
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover {
  border: 1px solid #000;
  background: #000;
  font-weight: normal;
  color: #fff;
}







/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { 
  #menu-cat-alt > ul { 
    font-family: "Rowdies";   
    font-style: normal; 
    font-weight: 400; 
    text-transform: uppercase;
  }
  // .menuRow {
  //   top: 20px;
  // }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { 

 .logo img { width: 300px;}

  #menu-cat-alt > ul { 
    display:block;    
    font-size: 16px;    
    text-transform: uppercase;
    line-height: 9px;
  }


  #menu-cat-alt .nav-pills > li > a:hover {
  color: #0CF6DB; 
  border-bottom: 3px solid;
  }

  // .event-deck .thumbnail {  max-width: 268px;}

}




#footer {
  border-top: 10px solid #0CF6DB;
  font-family: "Helvetica", Sans-serif;
  font-weight: 100;

  h4, .h4 {
    font-size: 16px !important;
}

  a {
   font-weight: 100;
}

}




@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1030px !important;
      //margin: 20px auto;
  }
}

.checkout-cart {
  font-family: "Helvetica", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  background-color: #000;

  .container {
    background-color: #fff;
    padding-top: 20px;
  }

  h5, .h5 {
    font-size: 20px !important;
  }

  h6, .h6 {
    font-size: 16px !important;
  }


  label {
    font-family:  "Helvetica", Sans-serif !important;
  }

  .btn-primary {
    color: #000000 !important;
    background-color: #0CF6DB !important;
    border-color: #08e0c7 !important;
  }

  .small,small {
    font-size: .875em !important;
    & label {
      font-size: .875em !important;
    }
  }

}
  
  .modal.show.fade {
    opacity: 1 !important;
  }

  .checkout {
    min-height: auto;
  }