/* istruzione per evitare che il jump al link interno finisca sotto la navbar alta 70px
aggiunto scroll lento */
html {
    scroll-padding-top: 85px;
    scroll-behavior: smooth;
 }

 body{
    /* serve per distanziare (10px) la parte del body che scrolla con la navbar VERIFICARE SE necessario TOGLIERLO!! */
    padding-top: 0px; 
}

.text-alert{
    color:white;
    font-size: 0.9rem;
}

/* override della dimensione in altezza della navbar di Bootstrap (60px) */
.navbar-brand{
    height: 70px;
}

/* si imposta il colore di sfondo dell'eventuale menu dropdown - stesso colore della nav-bar */
.navbar-nav > li > .dropdown-menu { background-color: #CFF4FC ;}
.navbar-nav > li > .dropdown-menu a:link, .navbar-nav > li > .dropdown-menu a:hover { background-color: #CFF4FC;}

/* spazia le icone visualizzate in orizzontale quando la nav-bar è collapsed (smartphone) */
.navbar-collapse.show .d-flex{
    gap: 15px;
  }

/* cambia il colore (bianco) degli items Nav-Bar (ad esclusione del logo e delle icone) al passaggio del mouse */
 .nav-item a:hover{
    color:white !important;
  }

.immagini-display .immagine{
/*    min-height: 15rem; can be removed */
    align-items: center;
    display: flex;
/*    max-height: 35rem; can be removed*/
}
.immagini-display p a :hover{
    text-decoration-line: underline;
}

.immagini-display .testo{
    padding: 1rem;
    font-size:0.9rem;
}

.list-inline-item > a{
    color: black;
}

.login-background{
    /* background-color: #848484; */
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-image: url("images/login-background.jpg");
    background-size:contain;
    width:100%;
    background-position-x: center;
    text-align: center;
    /* background-blend-mode: multiply; */
}

.login-box{
    width: 18rem;
    background: transparent;
    -webkit-backdrop-filter: blur(9px);  /* per browser Safari */
    backdrop-filter: blur(9px);
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 12px;
    padding: 15px 20px 0px 20px;
    color:white;
}

.modal-body > p{
    font-size: 0.75rem;
}

/* settaggi solo per schermo superiore a 992px (break-point lg di bootstrap) */
@media screen and (min-width: 992px){
    .head-banner{
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .immagini-display .testo{
        padding: 1rem;
        font-size: 1rem
    }
}



.form-messaggi{
    /* background-color: #848484;
    background-color: #61E2FA;*/
    padding-top: 0rem;
    padding-bottom: 3rem;
    background-image: url("images/bottom-banner.jpg");
/*     background-size:cover; */
    background-position: center center;
    background-blend-mode: multiply;  
    width:100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

/* rende il placeholder dei textarea del sito in carattere più piccolo ed italico */
textarea::placeholder {
    font-size: 1rem;
    font-style: italic;
}

footer{
    padding-top: 1rem;
    padding-bottom: 1rem;
}