@charset "UTF-8";

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

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

//section= Generali;
@font_color                = #5c5c5c;  //help colore del font principale
@link_color                = #E30D18;  //help colore dei link
@title_color               = #414141;  //help colore dei titoli
@sub_title_color           = #000000;  //help colore dei sottotitoli
@highlight_bg              = #414141;  //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                   = #414141;  //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              = #414141;  //help colore del bordo delle immagini nelle liste

//section= Footer;
@footer_bg                 = #2c2d2f;  //help colore di sfondo
@footer_color              = #bfbfbf;  //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            = #E30D18;  //help colore di sfondo
@btn-primary-color         = #FFFFFF;  //help colore del font
@btn-primary-border        = #D6000B;  //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            = #E30D18;  //help colore di sfondo - success
@btn-success-color         = #FFFFFF;  //help colore del font - success
@btn-success-border        = #D6000B;  //help colore del bordo - success

@btn-info-bg               = #E30D18;  //help colore di sfondo - info
@btn-info-color            = #FFFFFF;  //help colore del font - info
@btn-info-border           = #D6000B;  //help colore del bordo - info

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

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

//section= Colori del Calendario;
@cal_bg                    = #FFFFFF;  //help background calendario
@cal_title_bg              = #414141;  //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: "Raleway300";
  font-style: normal;
  font-weight: 300;
  src: local("Raleway Light"), local("Raleway-Light"), url("//fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqZPBQ.ttf") format("truetype");
}

@font-face {
  font-family: "Raleway600";
  font-style: normal;
  font-weight: 600;
  src: local("Raleway SemiBold"), local("Raleway-SemiBold"), url("//fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwPIsWqZPBQ.ttf") format("truetype");
}

/* fine font*/
body {
  color: #000000;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
}

.width-limit {
  max-width: 1280px;
  margin: auto;
}

#top-nav-inner {
  max-width: 1030px;
  font-family: "Raleway300";
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
  padding: 6px 0 4px 0;
}

#top-social {
  font-size: 14px;
}

.bordoHeader {
  border-bottom: 1px solid #e5e5e5;
}

.banner {
  background-image: url('@{imageUrl}/wms_images/teatrodonizetti/header.jpg');
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
}



#menu-cat-alt>ul {
  margin-top: 0;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

#menu-cat-alt>ul>li>a {
  font-family: "Raleway600";
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1px !important;
  font-size: 11px;
}

#menu-cat-alt>ul>li>a:hover {
  color: #E30D18;
}


#menu-cat-alt>ul>li>a, #menu-cat-alt>ul>li>a:hover {
  padding-left: 10px;
  padding-right: 10px;
}

#menu-cat-alt>ul>li>a.inRosso {
  color: #FFFFFF;
  background-color: #E30D18;
  padding-left: 10px;
  padding-right: 10px;
}

#menu-cat-alt>ul>li>a.inRosso:hover {
  color: #E30D18;
  background-color: #e5e5e5;
  padding-left: 10px;
  padding-right: 10px;
}

#menu-cat-alt>ul>li>a.inGrigio {
  color: #000;
  background-color: #e5e5e5;
  padding-left: 10px;
  padding-right: 10px;
}

#menu-cat-alt>ul>li>a.inGrigio:hover {
  color: #E30D18;
  background-color: #e5e5e5;
  padding-left: 10px;
  padding-right: 10px;
}

@media ( max-width : 480px) {
  #page_header {
    height: auto;
  }
  #header {
    background-color: #FFFFFF;
    height: 85px;
  }
  #header .logo {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #header .logo a>img {
    height: 70px;
  }
  .banner {
    background-position: center center;
    text-align: center;
    min-height: 200px; /* se qualche browser non dovesse capire il vh */
    height: 200px; /* se qualche browser non dovesse capire il vh */
  }
  .banner-title {
    font-family: "Raleway300";
    font-style: normal;
    font-weight: 300;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 200px;
  }
  
  #menu-cat-alt>ul>li>a {
  letter-spacing: 1px !important;
  font-size: 11px;
}
  
}

@media ( min-width : @screen-xs-min) {
  #page_header {
    height: auto;
  }
  #header {
    background-color: #FFFFFF;
    height: 90px;
  }
  #header .logo {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #header .logo a>img {
    height: 70px;
  }
  .banner {
    background-position: center center;
    text-align: center;
    min-height: 250px; /* se qualche browser non dovesse capire il vh */
    height: 250px; /* se qualche browser non dovesse capire il vh */
  }
  .banner-title {
    font-family: "Raleway300";
    font-style: normal;
    font-weight: 300;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 200px;
  }
}

/* Small devices (tablets, 768px and up) */
@media ( min-width : @screen-sm-min) {
  #page_header {
    height: auto;
  }
  #header {
    background-color: #FFFFFF;
    height: 130px;
  }
  #header .logo {
    margin-top: 5px;
    margin-bottom: 10px;
  }
  #header .logo a>img {
    height: 80px;
  }
  .banner {
    background-position: center center;
    background-size: cover;
    text-align: center;
    min-height: 300px; /* se qualche browser non dovesse capire il vh */
    height: 430px; /* se qualche browser non dovesse capire il vh */
  }
  .banner-title {
    font-family: "Raleway300";
    font-style: normal;
    font-weight: 300;
    color: #FFFFFF;
    font-size: 40px;
    line-height: 300px;
  }
}

/* Medium devices (desktops, 992px and up) */
@media ( min-width : @screen-md-min) {
  #page_header {
    height: auto;
  }
  #header {
    background-color: #FFFFFF;
    height: 180px;
  }
  #header .logo {
    margin-top: 5px;
    margin-bottom: 20px;
  }
  #header .logo a>img {
    height: 100px;
  }
  .banner {
    background-position: center center;
    background-size: cover;
    text-align: center;
    height: 380px;
    max-width: 100%;
    max-height: 380px;
  }
  .banner-lg {
    height: 380px;
    max-width: 100%;
    max-height: 380px;
  }
  .banner-title {
    font-family: "Raleway300";
    font-style: normal;
    font-weight: 300;
    color: #FFFFFF;
    font-size: 65px;
    line-height: 300px;
  }
  
  #menu-cat-alt>ul>li>a { 
  letter-spacing: 1px !important;
  font-size: 11px;
    }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { 
 
   
  #menu-cat-alt>ul>li>a { 
   letter-spacing: 2px !important;
   font-size: 12px;
    }

}



@media ( min-width : @screen-md-min) {
  #menu-cat-alt {
    position: absolute;
  }
  #menu-cat-alt>ul {
    display: block;
    position: relative;
    margin-top: 0;
  }
  #menu-cat-alt>ul>li {
    position: relative !important;
  }
}

.btn-primary {
 
  color: #FFFFFF;
  font-size: 13px;
  background-color: #e30d18;
  border-color: #e30d18;
  border-radius: 0px;
}

.btn-primary:hover {
  background-color: #5c5c5c;
  border-color: #5c5c5c;
}