@charset "UTF-8";

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

//section= Colori del Menu Standard livello 1;
@menu_cat_bg               = #141413;  //help colore del background 
@menu_cat_color            = #FFFFFF;  //help colore del font 
@menu_cat_open_bg          = #141413;  //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            = #141413;  //help colore del background 
@submenu_cat_color         = #FFFFFF;  //help colore del font 
@submenu_cat_over_bg       = #141413;  //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            = #141413;  //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                 = #141413;  //help colore del background
@cookie_border_color       = #EDEDED;  //help colore del bordo
@cookie_color              = #FFFFFF;  //help colore del font

//section= Generali;
@font_color                = #141413;  //help colore del font principale
@link_color                = #f37439;  //help colore dei link
@title_color               = #141413;  //help colore dei titoli
@sub_title_color           = #141413;  //help colore dei sottotitoli
@highlight_bg              = #141413;  //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                   = #141413;  //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                 = #141413;  //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            = #cf4500;  //help colore di sfondo
@btn-primary-color         = #FFFFFF;  //help colore del font
@btn-primary-border        = #cf4500;  //help colore del bordo

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

@btn-success-bg            = #cf4500;  //help colore di sfondo - success
@btn-success-color         = #FFFFFF;  //help colore del font - success
@btn-success-border        = #cf4500;  //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                   = #FFFFFF;  //help background sezione abbonamento in scelta eventi in abbonamento

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


/****** font ******/

@font-face { 
  font-family: MarkForMC;
  font-style: normal; 
  font-weight: 400; 
  font-display: swap; 
  src: url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC.eot#iefix") format("embedded-opentype"), 
  url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC.woff2") format("woff2"), 
  url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC.woff") format("woff"), 
  url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC.ttf") format("truetype");  
}

@font-face { 
  font-family: MarkForMC-Bold;
  font-style: normal; 
  font-weight: 400; 
  font-display: swap;
  src: url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC-Bold.eot#iefix") format("embedded-opentype"), 
  url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC-Bold.woff2") format("woff2"), 
  url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC-Bold.woff") format("woff"), 
  url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC-Bold.ttf") format("truetype");   
}


@font-face { 
  font-family: MarkForMC-Lt;
  font-style: normal; 
  font-weight: 400; 
  font-display: swap;
  src: url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC-Lt.eot#iefix") format("embedded-opentype"), 
  url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC-Lt.woff2") format("woff2"), 
  url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC-Lt.woff") format("woff"), 
  url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC-Lt.ttf") format("truetype"); 
  }


  @font-face { 
    font-family: MarkForMC-Med;
    font-style: normal; 
    font-weight: 400; 
    font-display: swap;
    src: url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC-Med.eot#iefix") format("embedded-opentype"), 
    url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC-Med.woff2") format("woff2"), 
    url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC-Med.woff") format("woff"), 
    url("https://asset.mastercard.com/content/dam/dxp/fonts/Mark-For-MC/MarkForMC-Med.ttf") format("truetype");     
  }


/****** fine font *****/

body {
  background-color: #141413;
  font-family: MarkForMC-Lt;
  font-style: normal; 
  font-weight: 400; 
  font-size: 16px;
}


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

#top-nav-inner {
  max-width: 100%;
  font-family: MarkForMC;
  font-style: normal; 
  font-weight: 400; 
  font-size: 16px;  
}

#top-nav {
  padding-right: 0;
  padding-left: 0;
}

#accountInformation.nav>li>a:hover, 
#accountInformation.nav>li>a:focus {
  color: #f37439;
  text-decoration: none;
}

.container { width: 1030px;}


.page-content {
   background-color: #fff;
   padding: 10px;
}

#menu-cat-alt > ul { 
  font-family: MarkForMC;
  font-style: normal; 
  font-weight: 400; 
  font-size: 16px;
  color: #fff;      
}

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

h3, .h3 {
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}



.section-title, .page-title {
  font-family: MarkForMC-Lt;
  font-style: normal; 
  font-weight: 400; 
}

.user-menu {
  padding-left: 0px;
  padding-right: 0px;
}

.row-logo-vivaticket {
    max-width: 1200px;
    margin: auto;
  }
  
  .text-info {
    color: #141413;
    font-weight: bold;
}

  /* bottoni*/

  .btn-font {
    font-family: MarkForMC-Med;
    font-style: normal; 
    font-weight: 400; 
}

.btn-sm, .btn-group-sm>.btn {
  padding: 5px 8px;
  font-size: 14px;
}

  .btn-primary, .btn-default {
    border-radius: 15px;   
   
}

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

  #top-nav-inner {
    max-width: 1030px;
    margin-bottom: 30px;
  }
  
  #header {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
  }
  
  #header .logo {
    margin-top: 7px;
    margin-left: -15px;
  }
  

 }

 /* bottoni carrello */

 .ui-widget {  
  font-size: 1em;
  font-family: MarkForMC-Med;
  font-style: normal; 
}


 .ui-state-active {
  background-color: #cf4500;
  border-color: #cf4500;
}

.ui-widget-delivery { border-radius: 15px; }

.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited, 
a.ui-button, 
a:link.ui-button, 
a:visited.ui-button, 
.ui-button { color: #fff;}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
  border: 1px solid #cf4500;
  background: #cf4500;
  width: 300px;
}



.ui-button.ui-state-active:hover,
.ui-state-default:hover {
  color: #FFFFFF;
  background-color: #9c3400;
  border-color: #923100;
}