/* classi css utilizzate dal js
piva:                           per il controllo sintassi della partita iva
cf:                             per il controllo sintassi del codice fiscale
ita:                            per individuare i campi da settare required o meno in caso di residenza in Italia
itastar:                            per gestire l'asterisco nelle label dei campi da settare required o meno in caso di residenza in Italia
dati_nascita:                   per individuare i dati di nascita da settare required o meno
dati_nascitastar:               per gestire l'asterisco nelle label dei dati di nascita
comune_nascita_nascitastar:     per gestire l'asterisco nelle label del comune di nascita (obbligatorio o no in caso di estero)
azrequest:                  per gestire i campi richiesti o meno in caso di azienda
azrequeststar:              per gestire l'asterisco nelle label dei campi richiesti o meno in caso di azienda
noita:                      per individuare le div da nascondere o meno in caso di residenza all'estero
noitarow:                       per individuare la riga da nascondere o meno in caso di residenza all'estero

*/


/* stili di base */

html, body {
    min-height: 100vh;
    position: relative;
}
nav.sticky-top {
    padding: 1rem;
    background-color: #ffffff;
}

nav.navbar-light {
        font-weight: bold;
    color: #00437b;
    padding:0px;
    z-index: 1000;
    margin-bottom: 20px;
}

nav.navbar-light img {
    border: 0px;
}

nav.navbar-light ul.navbar-nav {
    font-size: 1em;
    list-style-type: none;
    margin: 0px;
    margin-left: auto;
    padding: 0px;
    z-index: 1000;
}

nav.navbar-light ul.navbar-nav > li {
    display: inline-block;
    margin-left: 15px;
    position: relative;
    z-index: 1000;
}

nav.navbar-light ul.navbar-nav a.nav-link {
    border-bottom: 1px solid #ffffff;
    color: #00437b;
    padding: 0px;
    padding-top: 10px;
    text-decoration: none;
    font-size: 1.15em;
    z-index: 1000;
}

nav.navbar-light ul.navbar-nav a.nav-link:visited {
    border-bottom: 1px solid #ffffff;
    color: #00437b;
    text-decoration: none;
    z-index: 1000;
}

nav.navbar-light ul.navbar-nav a.nav-link:hover, nav a.nav-link:active {
    color:#51aaf5;
    text-decoration: none;
    z-index: 1000;
} 
#navbarNav > ul > li:last-of-type {
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: red;
    border-radius: 5px;
        margin-left: 30px;
}

#navbarNav > ul > li:last-of-type a.nav-link,
#navbarNav > ul > li:last-of-type a.nav-link:hover,
#navbarNav > ul > li:last-of-type a.nav-link:active,
#navbarNav > ul > li:last-of-type a.nav-link:visited {
    border: none;
    color: #fff;
    text-decoration: none;
    background-color: red;
}

@media ( max-width: 768px ){
        #navbarNav > ul > li:last-of-type {
                margin-left: 0;
                margin-top: 10px;
        }
        
        #navbarNav > ul > li:last-of-type a.nav-link,
        #navbarNav > ul > li:last-of-type a.nav-link:hover,
        #navbarNav > ul > li:last-of-type a.nav-link:active,
        #navbarNav > ul > li:last-of-type a.nav-link:visited {
                text-align: center;
        }
}

p#navbarNav > ul > li:last-of-type {
    display: inline-block;
    padding: 0px;
}

p#navbarNav > ul > li:last-of-type a.nav-link {
    padding: 10px 20px;
    text-transform: uppercase;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: #1890c6;
    border-color: #dee2e6 #dee2e6 #fff;
}

nav.navbar.navbar-expand-md.navbar-light.bg-light.sticky-top {
    padding: 0.5rem 1rem;
}


@media( max-width: 767px ) {
        nav.navbar-slider ul li ul li {
                list-style-type: none;
        }
        
    nav.navbar-slider ul li:not(.current):not(.active) ul {
        display: block !important;              /* SDF metto display block invece di none per mostrare le sottovoci direttamente da mobile */
    }
    nav.navbar-slider ul li.nav-item {
        display: block;
        width: 100%;
    }
    nav.navbar-slider ul ul {
        color: inherit; /*#ffffff;*/
    }
    nav.navbar-slider ul ul li:not(.current):not(.active) ul {
        display: block !important;              /* SDF metto display block invece di none per mostrare le sottovoci direttamente da mobile */
    }
    nav.navbar-slider ul ul li.nav-item {
        padding-left: 20px;
    }
}


nav {
    background-color: #ffffff;
}
nav .logo img {
    /* height: 5em; */ 
    /* max-width: 250px; */
}

#networkNav input[type="hidden"][name="__logout__"] + button.nav-link {   
    color: #ffffff !important;
    font-size: 1rem;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-color: transparent;
  } 

@media screen and (max-width: 600px){
    nav .logo img {
        height: 100% !important;
    }
}


div.jumbotron {
    min-height: 32em;
}

.testata h1 {
    background-color: #00437B;
        color: #fff;
    font-weight: bold;
    padding: 5px 40px;
    text-align:center;
    position: relative;
    top: -20px !important;
}

@media screen and (max-width: 600px) {
  .jumbotron {
    background-repeat: no-repeat;
    }
        div.jumbotron {
            min-height: 10em;
    }

}

h2 {
    color: #00437b;
    font-size: 1.8em;
    font-family:'Asap-OTT';
    text-align:center;
}

b, strong {font-family:'Asap-OTT'; color: #00437b;}

.agevolazioni-dona h2{
        font-size: 1.5em;
}

a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

h3 {
    font-size: 1.3em;
    font-weight: bold;
    color: #00437b;
}

.agevolazioni-dona h3{
        font-size: 1.1em;
}

main p {
    font-size:1.1em;
        margin-bottom: 0.5rem;
    color: #00437b;
}

main a{
    color: #007bff;
    text-decoration: none;
}

main a:hover, main a:visited{
    color: #0056b3;
    text-decoration: underline;
}

/* font extra */

@font-face {
    font-family: Asap;
    src: url("../../../../fnt/Asap-Regular.ttf") format("opentype");
}

@font-face {
    font-family: Asap-OTT;
    font-weight: bold;
    src: url("../../../../fnt/Asap-Bold.ttf") format("opentype"), url("../fnt/Asap-Bold.ttf") format("truetype");
}

@font-face {
    font-family: Gotham;
    src: url("../../../../fnt/Gotham-Condensed-Bold.tff");
}



body {
    font-family: Asap,  Helvetica, Verdana, Geneva, sans-serif !important;
    color: #1a2347;
    background-repeat: no-repeat;
    background-size: cover;
}


/* stili del menu */


/* stili dell'header */

header {
    background-color: #00437b;
    font-size: 0.9em;
}



#form-container {
    border: 2px solid #00467B;
    border-radius: 5px;
}

.sostieni input[type=checkbox] {
    margin-left: 10px;
        margin-top: 5px;
}

.sostieni input[type=radio] {
    margin-right: 8px;
}

.sostieni .selectbox-input {
        height: calc(1.5em + 0.75rem + 2px) !important;
        padding: .375rem .50rem !important;
        font-size: inherit !important;
}

.sostieni .form-check{
        padding-left: 0;
}

div.combobox-container > .spinner-border {
    position: absolute;
    right: 0.5em;
    height: 1.5em;
    width: 1.5em;
    top: 0.5em;
    display: none !important;
}


/***************************************************/
.sostieni input.nav.form-control {
    border-radius:30px;
}

button.btn.btn-dona {
    padding:5px;
    background-color: #3aac44;
    border-radius:30px;
    border:none;
    color:#ffffff;
    font-size:0.8em;
    font-weight:bold;
}


.btn {
  background:#005d9f;
  color:#ffffff;
  width:100%;
  display: inline-block;
  padding:20 px 105 px;
  margin-bottom:0;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 0px solid transparent;
  border-radius: 4px;

}

/*
sostieni input, .sostieni select {
    height: 37px !important;
}
*/

#form-container {
    border: 2px solid #00467B;
    border-radius: 5px;
}
/*
.sostieni input[type=radio] {
    margin-right: 8px;
}
*/
.sostieni input[type=text], .sostieni input[type=email], .sostieni select {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
}


.sostieni input[type=text], .sostieni input[type=email] {
        padding: .375rem .50rem;
}

.sostieni select {
        padding: .375rem .20rem;
}



/* da mobile imposto la massima larghezza per i campi input text */
@media ( max-width: 575.98px ) {
        .sostieni input[type=text] {
        width: 100%;
    }

}

.sostieni .btn {
    width: inherit;
    font-size: 1em;
    min-width: 150px;
    background-color: #00437b;
    color: #fff;
    font-weight: bold;
    margin-top: 20px
}


/* SDF resetto i margini della row */
.sostieni .row {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}

/* le div con i singoli importi di donazione */
#formDona > div:first-of-type > div {
    height: 38px;
    display: flex;
    align-items: center;
}


/* resetto il margin-bottom della label relativa per allineare il contenuto */
#formDona > div:first-of-type > div label {
    margin-bottom: 0;
}

/* messaggi di errore */
.label-err{
        color: red;
}


h1 {
    color: #00437b;
    font-weight: 900;
    max-width: 10%;
    padding-bottom: 0.2em;
    font-size: 2em;
    white-space: nowrap;
    margin-bottom: 20px;

}

@media screen and (max-width: 600px) {
        h1 {
                color: #00437b;
                font-weight: 900;
                max-width: 100%;
                padding-bottom: 0.2em;
                font-size: 1.9em;
                white-space: normal;
                margin-bottom: 30px;

        }
}


.agevolazioni-dona i:first-of-type {
    display: none;
}

#agevolazioni_dettagli{
    border: 1px solid #DFDFDF;
    display: none;
    padding: 15px 20px;
    margin-bottom: 1.2rem;
}

ul, li {color: #00437b; font-size:1.1rem;}

.boxblu {border: 2px solid #00467B; border-radius: 5px; padding: 20px; color:#00437b;}

.donadona {font-size: 2em; color: #00437B; text-align:center;font-family:'Asap-OTT';}