@charset "UTF-8";

//section= Header: Barra Lingua ed Utente;
@top_nav_bg                = #333333;  //help colore del background
@top_nav_color             = #A0A0A0;  //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         = #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      = #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                = #4D4D4D;  //help colore del font principale
@link_color                = #f6841e;  //help colore dei link
@title_color               = #4D4D4D;  //help colore dei titoli
@sub_title_color           = #4D4D4D;  //help colore dei sottotitoli
@highlight_bg              = #f6841e;  //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                   = #f6841e;  //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                 = #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            = #f6841e;  //help colore di sfondo
@btn-primary-color         = #FFFFFF;  //help colore del font
@btn-primary-border        = #f6841e;  //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            = #f6841e;  //help colore di sfondo - success
@btn-success-color         = #FFFFFF;  //help colore del font - success
@btn-success-border        = #f6841e;  //help colore del bordo - success

@btn-info-bg               = #f6841e;  //help colore di sfondo - info
@btn-info-color            = #FFFFFF;  //help colore del font - info
@btn-info-border           = #f6841e;  //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              = #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

//per il mobile
@screen-xs-max             = 768px;    // < 768px (xsmall phone)
@screen-sm-max             = 992px;    // < 992px (small tablet)

@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: #4d4d4d;
  background-color: #FFFFFF;
  font-family: "Gotham", "Montserrat", sans-serif;   
  font-style: normal; 
  font-weight: 400; 
  font-size: 14px;
}
#page_header { height: auto; }

#page_header > a {color: #FFFFFF; }

#top-nav-inner {
  max-width: 1200px;
  font-family: "Gotham", "Montserrat", sans-serif;
  font-style: normal; 
  font-weight: 400; 
  font-size: 14px;
  padding: 6px 0 4px 0;
}

#header { background-color: #000;}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 0;
  padding-right: 0;
}

.modal.in .modal-dialog, .modal-content {
    z-index: 105;
    position: relative;
}

/** BANNER LINGUE**/
.banner {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;  
}

.banner .page-content {
  margin: auto;
}

.codiceCard { text-transform: uppercase; font-size: 16px; }    
.codiceCardMenu { text-transform: uppercase; font-size: 16px; }


.textBenvenuto { 
  color: #000;
  font-family: "Gotham", "Montserrat", sans-serif;   
  font-style: normal; 
  font-weight: 400; 
  font-size: 18px;
}

/************************** calendario - campi filtri - anno 2023 */

.btn-group>.btn {
    padding: 0px 14.9px;
  }
  
  
.btnCalendario {
    text-transform: uppercase;
    font-weight: bold;
	}

 .calendarioGiorno {
    font-weight: 500;
    font-size: 50px;	
}

.calendarioMese {
    top: -10px;
	position: relative;
	font-size: 14px;
}

.btn-default:hover, .btn-default.active  {
    color: #fff;
    background-color: #f6841e;
    border-color: #dadada;
	  text-decoration: none;
}

#menu-cat-bars, #menu-cat-bars-mobile, #menu-user-bars {
  color: #fff;
}

.textBenvenuto {
  font-weight: bold;
  font-size: 20px;
  color: #f6841e;
}

.btn-default > a {
    color: #000000;
    border-color: #dadada;
	text-decoration: none;
}

.activeBtnCalendario {
  background-color: #f6841e;
}

.activeCalendarioGiorno, .activeCalendarioMese {
  color: #fff;
}

.activeLinkCurrent {
  color: #f6841e
}

.fa-search {color: #f6841e;}
.fa-search:hover {color: #ffffff;}


.dropdown-toggle {
      width: 100%;
	  background-color: #eeeeee;
}

.btn-azzerafiltro {
    margin-top: 5px;
    padding: 5px;
    background-color: #eeeeee;
}

a.btnElimina.btn.btn-default.btn-font.text-uppercase.btn-delete.-outline {
  background-color: #f6841e;
  color: #fff;
}

a.btnElimina.btn.btn-default.btn-font.text-uppercase.btn-delete.-outline:hover {
  color: #FFFFFF;
  background-color: #b2152f;
  border-color: #a8142d;
}
a.btnElimina.btn.btn-default.btn-font.text-uppercase.btn-delete[disabled]:hover {
  background-color: #FFFFFF;
  border-color: #CCCCCC;
  color: #000;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 6px dashed;
  border-top: 6px solid \9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

#eventlist tbody > tr:last-child > td {
  border-bottom: 2px solid #dddddd;
}

.fa-angle-double-right:before {
  content: "\f103";
  width: 1em;
  display: inline-block;
  color: #f6841e;
}

.collapsed .fa-angle-double-right:before {
  content: "\f101";
  width: 1em;
  display: inline-block;
  color: #f6841e;
}

#dropdown-calendario-mobile {
  color: #f6841e;
  font-weight: bold;
}

#dropdown-calendario-mobile:hover {
  color: #fff;
  background-color: #f6841e;
  border-color: #dadada;
  text-decoration: none;
  font-weight: bold;
}


/** box ricerca 
.shadow-boxSearch {
    padding: 0;
    margin-bottom: 15px;
    position: relative;
    border: 2px solid #f6841e;
}


#top-search .input-group .form-control:first-child { border-radius: 0; }
#top-search .input-group >.form-control, #top-search .input-group >.input-group-btn>.btn {
    border: 0;
    color: #f6841e;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
}**/


/** bannerLinkati *//

.sfondoBot > a  {
  font-family: "Gotham", "Montserrat", sans-serif;  
  font-style: normal; 
  font-weight: 700; 
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
}

div.sfondoBot  {
    background-color: #f6841e;
    width: 100%;
    padding: 5px;
  }


div.sfondoBot > a  {
   text-transform: uppercase;
   color: #fff;
   font-size: 14px;
  }
  
  .textBot {
    font-size: 18px;
  }




#top-social { font-size: 14px;}
#top-social.nav-pills > li > a, 
#top-social.nav-pills > li.active > a, 
#top-social.nav-pills > li > a:hover,
#top-lingue.nav-pills > li > a, 
#top-lingue.nav-pills > li.active > a, 
#top-lingue.nav-pills > li > a:hover,
#accountInformation.nav-pills > li > a,
#accountInformation.nav-pills > li.active > a, 
#accountInformation.nav-pills > li > a:hover { color: #FFFFFF; }
#accountInformation.nav-pills>li { color: #FFFFFF; }

#top-social.nav > li > a { padding: 5px 5px; }

#top-lingue li::before, #accountInformation li::before {
  top: 0px;
  left: -7px;
}

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

// .menuBandaRossa {
//   display: inherit;
//   float: left; 
// }

// a.cart {
//   color: #FFFFFF;
// }

// h3.menuBandaRossa {
//   font-family: 'Source Sans Pro';
//   font-style: normal;
//   font-weight: 400;
//   font-size: 18px;
//   color: #FFFFFF;  
//   margin-top: 15px;
//   margin-bottom: 15px;
//   > a { font-size: 16px; color: #FFFFFF; }
// }


@media (max-width: @screen-md-min - 1) {
  #menu-user-mobile .nav-pills {
    margin-right: -5px;
  }    
}

#menu-cat > ul > li > a, #menu-user-mobile >ul > li > a {
  font-family: "Gotham", "Montserrat", sans-serif;     
  font-style: normal; 
  font-weight: 700; 
  font-size: 15px;
}

#menu-user-mobile >ul >li { margin: 10px 20px 10px 20px;}



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

  #page_header { 
    height: 700px;  
  }

  #menu-cat {
    text-align: center;
  }
  #menu-cat > ul { 
    /*height: 100vh;*/
    // height: 230px;
    // padding: 5px;
    // position: absolute;
    // padding-top: 100px;
    display: block;
    position: relative;
  }

  // #menu-cat > ul > li { 
  //   margin-left: 60px;
  //   margin-right: 10px;
  //   position: relative !important;
  //   float: none;
  //   display:inline-block;
  // }

  // #menu-cat > ul > li:first-child { 
  //   margin-left: 0;
  // }
  
  // #menu-cat > ul > li:before {
  //   font-size: 0;
  //   content: " ";
  //   margin-right: 30px;
  //   color: #ccc;
  //   letter-spacing: -5px;
  //   border: 1px solid #ccc;
  //   position: absolute;
  //   top: 20px;
  //   width: 30px;
  //   left: -55px; 
  // }
  
  #menu-cat > ul > li:first-child:before {
    width: 0;
    content: "";
  } 

  #menu-cat > ul > li > a {
    font-family: "Gotham", "Montserrat", sans-serif;     
    font-style: normal; 
    font-weight: 700; 
    font-size: 16px;
    border-bottom: 2px solid transparent;
  }

  #menu-cat > ul > li > a:before {
    content: "";
    height: 2px;
    width: 0px;
    left: 50%;
    position: absolute;
    background-color: #f6841e;
    bottom: 0px;
    -moz-transition: 200ms all;
    -ms-transition: 200ms all;
    -o-transition: 200ms all;
    -webkit-transition: 200ms all;
    transition: 200ms all;
  }

  #menu-cat > ul > li > a:hover:before {
    width: 100%;
    left: 0px;
  }
}


/* Medium devices (desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { 
  #menu-cat > ul > li { 
    margin-left: 90px;
    margin-right: 10px;
  }

  #menu-cat > ul > li:before {
    margin-right: 30px;
    width: 40px;
    left: -70px;
  }
  
  #menu-cat > ul > li > a {
    font-size: 18px;
  }

}
/** bottoni**/

.btn-sm, .btn-group-sm > .btn {
  font-family: "Gotham", "Montserrat", sans-serif;   
  font-style: normal; 
  font-weight: 400; 
  font-size: 11px;
}

 .btn-group> .btn-font {
  font-family: "Gotham", "Montserrat", sans-serif;   
  font-style: normal; 
  font-weight: 400; 
  font-size: 14px;
}

.btn {
  border-radius: 0 !important;  
}

.btn-primary {
   padding: 8px 12px;
 }
 
 
 /***************** LISTA CARD ********/
.listaCard {
  position: relative;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.listaCard_overlay {
    position: absolute;
    bottom: 0%;
    left: 0%;
    background-color: #f6841e;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transition: 0.8s ease;
    opacity: 0.85;
}

.listaCard:hover .listaCard_overlay {
  transform: scale(1)
}

.listaCard_text {
  color: white;
  font-family: "Gotham", "Montserrat", sans-serif;   
  font-style: normal; 
  font-weight: 400; 
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.list-inline>li {
  padding: 10px;
}

.list-inline.legenda>li {
  padding-left: 25px;
  padding-right: 5px;
}


.nomeCard {
  font-family: "Gotham", "Montserrat", sans-serif;   
  font-style: normal; 
  font-weight: 400; 
  font-size: 15px;
  color: #000000;
}

@media (max-width: @screen-xs-max) { 
  .page-content {
    max-width: 1000px;
    margin-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: @screen-sm-max) { 
  .page-content {
    max-width: 1000px;
    margin-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.btn-width {
  width: 100%;
}

.styleTick {
  color: #f6841e;
  background-color: #fff;
  border-color: #f6841e;
}

.modaleSmall{
  padding: 5px;
}

.styleTick:focus {
  color: #f6841e;
  background-color: #fff;
  border-color: #f6841e;
}