/* CSS CUSTOM */
 
html, body {
font-family: 'Roboto', sans-serif;
}

  
/* countdown */

#countdown {
/* margin-top: 171px; */
/* font-size: 45px; */
/* text-shadow: 2px 2px 0px #fff; */
border: 1px solid #DDC;
border-radius: 19px;
padding: 0px 42px;
background: rgba(0, 76, 69, 0.7);
color: #ddd !important;
word-spacing: 27px;
}
 
/* contenitore dimensioni */
.container-big{
max-width: 100% !important;
padding-right: 5px;
padding-left: 5px;
background-color: transparent;
}
 
.navbar{
background-color: #fff !important;
 
}
 
/*LOGO header - dimensione*/
.navbar-brand img {
max-height: 80px !important;
max-width: 130px;
}
 
/* riga sotto le voci dell'header in hover */
.nav-link:hover{
border-bottom: 2px solid #FBAC1B !important;
}
 
/* link headbar */
.navbar-light .navbar-nav .nav-link {
color:#2E489C !important;
}
.navbar-brand a {
color: #2E489C !important;
cursor: pointer;
text-decoration: none;
background-color: transparent;
}
.navbar-brand a :hover{
color: #FBAC1B !important;
cursor: pointer;
text-decoration: none;
background-color: transparent;
}
.navbar-light .navbar-nav .nav-link a :hover{
color: #FBAC1B !important;
cursor: pointer;
text-decoration: none;
background-color: transparent;
}
.navbar-light .navbar-nav .nav-link:hover{
color: #FBAC1B !important;
cursor: pointer;
text-decoration: none;
background-color: transparent;
}
 
/* icona "ciao utente" */
.nav-item .nav-link.user-login span, .nav-item .nav-link.user-login .login {
color: #2E489C !important;
}
.nav-item .nav-link.user-login span:hover, .nav-item .nav-link.user-login .login:hover {
color: #FBAC1B !important;
}
.navbar-light .navbar-nav .nav-link:hover.user-login:hover span, .navbar-light .navbar-nav .nav-link:hover.user-login:hover a{
color: #FBAC1B !important;
}
.navbar-light .navbar-nav .nav-link:hover.user-login a {
border-bottom: 0;
}
.navbar-light .navbar-nav .nav-link:hover.user-login a:hover {
color: #FBAC1B !important;
}
 
/* Bottone di apertura menu nella versione mobile*/
.navbar-light .navbar-toggler {
color: white;
border-color: white;
background-color: white;
}
 
/* dropdown lingua da mobile */
a.nav-link{
color: white;
}
 
/*TITOLI colore primario*/
.custom-title {
color: #fff !important
}
 
/*testo dentro a bottoni*/
.custom-title.a {
color: #2A3A47 !important
}
 
/*testo senza link*/
span.custom-title{
color: #2A3A47 !important
}
 
/* titoli grossi */
h1, h2 {
color: #2A3A47 !important;
}
 
/* titoli secondari */
h3{
color: #2A3A47 !important;
font-family: "Source Sans Pro" !important;
font-weight: 900;
font-size: 35px;
margin-bottom: 10px;
}
 
/* titoli secondari */
h4{
color: #2A3A47 !important;
font-family: "Source Sans Pro";
font-size: 25px;
font-weight:800px;
}
 
/* // barra di completamento */
.progress-bar{
background-color: #486a47 !important;
}
 
/* link speciali */
.btn-link.special{
color: #486a47 !important;
}
 
/* link speciali gradient */
.btn-link.special{
background-image: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(#486a47, #486a47)!important;
}
 
/* link speciali attivi */
.btn-link.special.active{
color: #6c757d !important
}
 
 
/* checkbox checkata */
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #FBAC1B !important;
background-color: #FBAC1B !important;
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem #51B7DF !important;
}
 
/* bordo quadrato checkbox checkata */
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 .2rem #FBAC1B !important;
}
 
/* bordo campo di input FOCUS */
.form-control:focus {
border-color: #FBAC1B !important;
box-shadow: 0 0 0 0.2rem #FBAC1B !important;
}
 
/* bottone principale outline */
.btn-outline-primary{
border-color: #51B7DF !important;
color: #51B7DF !important;
}
 
/* bottone principale outline hover */
.btn-outline-primary:hover{
border-color: #0c0c96 !important;
color: #0c0c96 !important;
}
/* bottone principale focus*/
.btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 0.2rem #173ab855;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem #173ab855;
}
 
/* link dentro a box evento e box contenuto */
.box-evento a, .box_testo_contenuto a {
color: #2E489C !important;
}

.box-evento a:hover, .box_testo_contenuto a:hover{
color: #2E489C !important;
cursor: pointer;
text-decoration: underline;
background-color: transparent;
}



/* BOTTONI principale*/
.custom-btn-primary {
background-color: #d7d3c3 !important;
border-color: #d7d3c3 !important;
color: #2E489C !important;
}
.tasto_accedi a, a.custom-btn-primary {
color: #2E489C !important;
}
.shop .btn-primary {
background-color: #d7d3c3 !important;
border-color: #d7d3c3 !important;
color: #2E489C !important;
}

/* bottone principale in hover */
.box-evento a.custom-btn-primary:hover {
color: #2E489C !important;
background-color: #FBAC1B !important;
border-color: #FBAC1B !important;
}

.shop .btn-primary:hover {
background-color: #FBAC1B !important;
border-color: #FBAC1B ;
} 

.custom-btn-primary:hover {
color: #356B89 !important;
background-color: #FBAC1B !important;
border-color: #FBAC1B !important;
}

/* Footer */
.custom-footer {
background-color: #d9d9d9;
color: #2E489C !important;
padding-left: 15px;
padding-right: 15px;
}
 
/* IMG Footer dimensioni*/
footer img {
max-height: 130px;
}
 
.d-flex .flex-column {
align-items: center;
}
 
/* Link footer sotto */
footer .custom-a{
color: #FFFFFF !important;
cursor: pointer;
text-decoration: none;
background-color: transparent;
}
 
/* Link footer sotto hover */
footer .custom-a:hover{
color: #FBAC1B !important;
cursor: pointer;
text-decoration: none;
background-color: transparent;
}
 
/* celle tabella */
.box-evento table td{
background-color:#f0f0f0;
}
 
/* AREA RISERVATA */
.menu-laterale .btn-link.special.active {
color: #235f95 !important;
font-weight: 700;
border-bottom: 2px solid #235f95;
}
.menu-laterale .sottomenu{
background-color: #fff;
}
 
a.btn-link.special:hover {
background-image: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(#235f95, #235f95)!important;
}
 
.btn-link.special {
color: #636b6f !important;
}
.btn-link.special:hover {
color: #FBAC1B !important;
}

.box-evento{
background-color:#ffffff;
padding-top:15px;
}
/* IMG Footer dimensioni versione Mobile*/
@media (max-width: 867px) and (min-width: 320px) {
footer img {
  max-height: 53px !important;
}
  }
}