@charset "UTF-8";

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

//section= Colori del Menu Standard livello 1;
@menu_cat_bg               = #ffffff;  //help colore del background 
@menu_cat_color            = #231f20;  //help colore del font 
@menu_cat_open_bg          = #ffffff;  //help colore del background con voce aperta 
@menu_cat_open_color       = #231f20;  //help colore del font con voce aperta

//section= Colori del Menu Standard livello 2 (submenu);
@submenu_cat_bg            = #ffffff;  //help colore del background 
@submenu_cat_color         = #231f20;  //help colore del font 
@submenu_cat_over_bg       = #ffffff;  //help colore del background sull'hover
@submenu_cat_over_color    = #231f20;  //help colore del font sull'hover

//section= Colori del Menu Mobile;
@menu_mobile_bg            = #ffffff;  //help colore del background 
@menu_mobile_color         = #231f20;  //help colore del font 
@submenu_mobile_color      = #231f20;  //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                = #231f20;  //help colore del font principale
@link_color                = #0082b4;  //help colore dei link
@title_color               = #231f20;  //help colore dei titoli
@sub_title_color           = #231f20;  //help colore dei sottotitoli 
@highlight_bg              = #231f20;  //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                   = #231f20;  //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                  = #ffffff;  //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                 = #231f20;  //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            = #231f20;  //help colore di sfondo
@btn-primary-color         = #FFFFFF;  //help colore del font
@btn-primary-border        = darken(@btn-primary-bg, 5%);  //help colore del bordo

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

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

@font-face {
  font-family: "gotham-book";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gotham/gotham-book.woff2') format('woff2');
}

@font-face {
  font-family: "Gotham-Bold";
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gotham/Gotham-Bold.woff2') format('woff2');
}


/** fine font **/


body {
  background-color: #fff;
  color: #231f20;
  font-family: "gotham-book";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  font-size: 16px;
}

#page_header {
  width: 100%;
  position: auto;
  left: 0px;
  top: 0px;
  }

#page_header { height: auto;}
#header {
  background-color: #fff;
  box-shadow: 0 8px 6px -6px rgba(39, 39, 39, .48);
}
  

 
 #top-nav-inner {
  font-family: "Gotham-Bold";
  font-style: normal;
  font-weight: 700;
  max-width: 100%;
  text-transform: uppercase;
  }



#menu-cat-alt > ul > li > a {
  font-family: "Gotham-Bold";
  font-style: normal;
  font-weight: 700;  
}


 
.banner {
  background-image: url(@{imageUrl}/wms_images/cesenafc/header.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
  position: relative;
  top: -20px;
}

.banner-lg {
  height: 300px;
  max-width: 100%;
  max-height: 300px;
}


.banner-title {
  color: #FFFFFF;
  font-family: "gotham-book";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  position: relative;
  top: 80%;
  padding-left: 130px;
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1004px) { 
  #header {
    box-shadow: 0;
  }

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


  #menu-cat-alt {
    position: absolute;
    right: 0;
    margin-right: 20px;
    top: 30px;
  }

  #menu-cat-alt > ul {
      display: block;
      position: relative;
      padding: 0;
    } 

  #top-nav-inner {
    font-size: 14px;
    position: relative;
    top: 20px;
    z-index: 90;
    }

  #menu-cat-alt > ul > li > a { 
    font-size: 14px; 
    text-transform: uppercase; 
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
    margin-left: 10px;
  }

  #menu-cat > ul > li > a:hover, 
  #menu-cat-alt > ul > li > a:hover {
    border-bottom: 3px solid #0082b4;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
    margin-left: 10px;
  }

    

  
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 1005px) and (max-width: 1999px) { 

 
    
    #header .logo {
      margin-top: -34px;
      margin-bottom: 0;
      margin-left: -15px;      
    }
  
  
    #menu-cat-alt {
      position: absolute;
      right: 0;
      margin-right: 0;
      top: 30px;
    }
    
    #menu-cat-alt > ul {
        display: block;
        position: relative;
        padding: 0;
      } 
    
    #top-nav-inner {
      font-size: 14px;
      position: relative;
      top: 30px;
      z-index: 90;
      }
    
    #menu-cat-alt > ul > li > a { 
      font-size: 16px; 
      text-transform: uppercase; 
      padding-bottom: 3px;
      padding-left: 5px;
      padding-right: 5px;
      margin-right: 10px;
      margin-left: 10px;
    }
    
    #menu-cat > ul > li > a:hover, 
    #menu-cat-alt > ul > li > a:hover {
      border-bottom: 3px solid #0082b4;
      padding-bottom: 3px;
      padding-left: 5px;
      padding-right: 5px;
      margin-right: 10px;
      margin-left: 10px;
    }
  

    
  }




/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { 

  #top-nav-inner {
    font-size: 14px;
    position: relative;
    top: 50px;
    z-index: 99;
 }

  #menu-cat-alt {
    position: absolute;
    right: 0;
    margin-right: 0;
    top: 65px;
  }

  #menu-cat-alt > ul > li > a { 
    font-size: 18px;    
  }


  .banner {
    background-image: url(@{imageUrl}/wms_images/cesenafc/header.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
    position: relative;
    top: -20px;
  }

  .banner-lg {
    height: 600px;
    max-width: 100%;
    max-height: 600px;
  }

  .banner-title {  
    font-size: 38px;
    position: relative;
    top: 87%;  
    padding-left: 159px;
  }




 }




#footer-nav {
  font-family: "gotham-book";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;  
}

h6, .h6 {
  font-family: "Gotham-Bold";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}