/*
Breakpoint	    Classe	    Dimensione min. (px)	Descrizione
Extra small	    col-	    0	                    (default, senza breakpoint)
Small	        col-sm-	    ≥ 576px	                Telefono in orizzontale
Medium	        col-md-	    ≥ 768px	                Tablet
Large	        col-lg-	    ≥ 992px	                Desktop
Extralarge	    col-xl-	    ≥ 1200px	            Desktop grande
XXL	            col-xxl-	≥ 1400px	            Schermi extra-large

*/

header {
    padding: 1rem !important;
    background-color: #eef1f6;
    color: white;
}

.nav-link{
    color: #034157ac;  
    font-size: large;
    text-decoration: underline;
}
.nav-link:hover{
    color: #034057;  
}

.nav-link.active {
  color: #034057;  
  font-weight: 700;
  text-decoration: none; /* Rimuove la sottolineatura per il link attivo */
}


.access-btn {
    background-color: #034157e5;
    color: white;
    border: none;
}

.access-btn:hover {
    background-color: #033142; 
}

.logout-btn {
    background-color: #c9462f; 
    color: white;
    border: none;
}

.logout-btn:hover {
    background-color: #7c2819; /* colore più scuro al passaggio del mouse */
    color: white;
}


.logo {
    display: block;
    height: 30px; /* altezza fissa */
    width: auto; /* larghezza automatica per mantenere le proporzioni */
    object-fit: contain; /* facoltativo per adattamento proporzionato */
    margin-top: 5px;
}


.top-footer {
    background-color: #eef1f6;

}

footer {
    background-color: #034157e5;
    padding-top: 0.2rem !important;
}

.footer-text{
    color: white;
}

.title{
    color: #45ac33;
}

.modal{
    color: black;
}

.modal-body{
    align-self: center;
}



.google-login-btn{
    border-color: #45ac33;
    border-width: 2px;
    color: #45ac33;
    width: 20%;
}
@media (max-width: 768px) {
        .google-login-btn{
            width: 60%;
        }
}

.google-login-btn:hover{
    border-color: #45ac33;
    background-color: floralwhite;
    border-width: 2px;
    color: #45ac33;
}