@charset "UTF-8";
//section= Header: Barra Lingua ed Utente;
@top_nav_bg = #ffffff; //help colore del background
@top_nav_color = #004B4E; //help colore del font
//section= Colori del Menu Standard livello 1;
@menu_cat_bg = #FFFFFF; //help colore del background
@menu_cat_color = #004B4E; //help colore del font
@menu_cat_open_bg = #FFFFFF; //help colore del background con voce aperta
@menu_cat_open_color = #004B4E; //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 = #004B4E; //help colore del font
@submenu_cat_over_bg = #EDEDED; //help colore del background sull'hover
@submenu_cat_over_color = #414141; //help colore del font sull'hover
//section= Colori del Menu Mobile;
@menu_mobile_bg = #FA7920; //help colore del background
@menu_mobile_color = #000000; //help colore del font
@submenu_mobile_color = #000000; //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 = #000000; //help colore del font principale
@link_color = #FA7920; //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 .bg-highlight
@highlight_color = #FFFFFF; //help colore del font dei box con classe .bg-highlight
@dark_bg = #414141; //help colore di sfondo dei box con classe .bg-dark
@dark_color = #FFFFFF; //help colore del font dei box con classe .bg-dark
@light_bg = #F6F6F6; //help colore di sfondo dei box con classe .bg-light
@light_color = @font_color; //help colore del font dei box con classe .bg-light
@notfound_bg = #F6F6F6; //help colore di sfondo dei box con classe .bg-notfound
@notfound_color = @font_color; //help colore del font dei box con classe .bg-notfound
@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 = #848b91; //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 = #333333; //help colore del font - default
@btn-default-border = #CCCCCC; //help colore del bordo - default
@btn-success-bg = #848b91; //help colore di sfondo - success
@btn-success-color = #FFFFFF; //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 url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* fine font*/
body {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #000;
}
#header { background-color: #ffffff;}
#header .logo { margin-top: 15px; margin-bottom: 15px; max-width: 50%;}
.topbarra {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 12px;
}
// .nav-pills > li > a { color: #004B4E;}
#top-lingue.nav-pills > li > a,
#top-lingue.nav-pills > li.active > a,
#top-lingue.nav-pills > li > a:hover {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #004B4E; }
#top-lingue li::before, #accountInformation li::before {
top: 10px;
left: -1px;
}
#menu-cat, #menu-cat-alt {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
}
#menu-cat > ul > li > a {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #004B4E;
}
h5, .h5 {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #004B4E;
}
.locationHome {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 13px;
color: #004B4E;
}
.list-inline>li {
display: inline-flex;
}
/* Extra small devices (phones, less than 768px) */
@media (min-width: @screen-xs-min) {
#page_header { height: auto;}
#menu-cat > ul > li > a {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 12px;
}
#menu-user-mobile > ul > li > a {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 12px;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {
#page_header { height: auto;}
.banner {
position: relative;
background-image: url("@{imageUrl}/wms_images/sansirostadium/header2025.jpg");
background-position: bottom;
background-size: cover;
height: 330px;
}
.page-content { margin: auto;}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
#page_header { height: auto;}
#header {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.banner {
position: relative;
background-image: url("@{imageUrl}/wms_images/sansirostadium/header2025.jpg");
background-position: bottom;
background-size: cover;
height: 550px;
}
.page-content { margin: auto;}
// #menu-cat { text-align: center; }
// #menu-cat > ul { height: 40px; position: absolute; }
// #menu-cat > ul > li {
// margin-left: 60px;
// margin-right: 10px;
// position: relative !important;
// float: none;
// display:inline-block;
// }
// MENU MOBILE
#menu-cat>ul>li {
position: relative !important;
float: none;
display: block;
}
//MENU DESKTOP
#menu-cat-alt>ul,.nav-pills>ul { position: relative; }
#menu-cat-alt>ul {
display: block;
position: relative;
padding: 0;
}
}
/* 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 > a { font-size: 14px; }
.banner {
position: relative;
background-image: url("@{imageUrl}/wms_images/sansirostadium/header2025.jpg");
background-position: bottom;
background-size: cover;
height: 600px;
}
}