:root {
    /*
    --colore-principale: #2a9012;
    --colore-secondario: #34b616;
    --colore-terziario: #41e31c;
    --colore-tenue: #ecfce8;
    */
    --colore-principale: #0082ca;
    --colore-secondario: #00a6ff;
    --colore-terziario: #33b8ff;
    --colore-tenue: #e6f6ff;
}

body {
    background-color: #fff;
    overflow-y: scroll;
    font-size: 0.85rem;
    font-family: 'Montserrat', sans-serif;
}
h5 {
    color: var(--colore-principale);
}
a:link, a:visited {
    color: #999;
    text-decoration: none;
}

a:hover {
    color: #333;
    text-decoration: none;
}

li a:link,
li a:visited,
h4 a:link,
h4 a:visited,
h5 a:link,
h5 a:visited {
    color: white;
    text-decoration: none;
}

li a:hover,
h4 a:hover,
h5 a:hover {
    color: azure;
    text-decoration: none;
}

.nav-link {
    font-weight: bold;
    font-size: 16px;
    color: #fff !important;
}

    .nav-link:hover {
        font-weight: bold;
        font-size: 16px;
        color: #ccc !important;
    }

.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown-menu {
    background-color: var(--colore-principale);
    border-color: #eee;
}

a.dropdown-item:hover {
    background-color: var(--colore-principale);
    color: var(--colore-terziario);
}
.text-green {
    color: var(--colore-principale);
}
.bg-menu {
    background-color: var(--colore-principale);
}
.bg-sfondo {
    background-color: var(--colore-tenue);
    background-image: url('../immagini/sfondo.png');
}
.bg-cardhd {
    background-color: var(--colore-secondario);
}
.bg-footer {
    background-color: #373844;
}
.bg-footer a {
    color: var(--colore-secondario);
}
.bg-lista {
    background-color: #f5f5f5;
}
    .bg-lista a {
        color: #111;
    }
    .bg-lista a:hover {
        color: #666;
    }
.bg-lista-sel {
    background-color: #e0e0e0;
}
    .bg-lista-sel a {
        color: #111;
    }
    .bg-lista-sel a:hover {
        color: #666;
    }
.bg-vcard {
    background-color: #0082ca;
}
.btn-custom-success {
    background-color: var(--colore-secondario) !important;
    color: #fff !important;
}
.btn-custom-success:hover {
    background-color: var(--colore-principale) !important;
    color: #eee !important;
}
.btn-custom-info {
    background-color: var(--colore-terziario) !important;
    color: #fff !important;
}
.btn-custom-info:hover {
    background-color: var(--colore-secondario) !important;
    color: #eee !important;
}
/* Social media footer */
.socialmedia-footer a {
    font-size: 18px;
    margin: 0 11px 0 0;
    text-decoration: none;
    padding: 4px;
    /*box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    border-radius: 15%;
    width: 24px;
    text-align: center;*/
}
.socialmedia-footer a.fa-facebook-f {
    color: #eee;
    border-color: #3b5998;
    /*background: #eee;*/
}
.socialmedia-footer a:hover.fa-facebook-f {
    color: #ccc;
    /*background: #ddd;*/
}
a.foot:link,
a.foot:visited {
    color: var(--colore-secondario);
}

a.foot:hover {
    color: var(--colore-terziario);
}
.testo-molto-grande {
    font-size: 2rem;
}
.testo-grande {
    font-size: 1.75rem;
}
.testo-medio {
    font-size: 1.25rem;
}
.testo-normale {
    font-size: 1rem;
}
/* Pagina QrQry */
#idTel.testolink,
#idEml.testolink,
#idWeb.testolink,
#idFbk.testolink,
#idTwt.testolink,
#idLin.testolink,
#idIgr.testolink,
#idYtb.testolink,
#idTel.testolink:link,
#idEml.testolink:link,
#idFbk.testolink:link,
#idTwt.testolink:link,
#idLin.testolink:link,
#idIgr.testolink:link,
#idYtb.testolink:link {
    font-size: 1rem;
    color: #111;
}
#idTel.testolink:hover,
#idEml.testolink:hover,
#idWeb.testolink:hover,
#idFbk.testolink:hover,
#idTwt.testolink:hover,
#idLin.testolink:hover,
#idIgr.testolink:hover,
#idYtb.testolink:hover {
    font-size: 1rem;
    color: #666;
}
#idLogo.rounded {
    object-fit: cover;
    border-radius: 50%;
    height: 400px;
    width: 400px;
}
.iconsize {
    font-size: 2em;
}
.topmargin {
    margin-top: 0.5rem;
}
.topmargin-tall {
    margin-top: 2.5rem;
}
.bottommargin {
    margin-top: 0.5rem;
}
.bottommargin-tall {
    margin-top: 2.5rem;
}
.input-group-text {
    width: 6%;
    text-align: center;
}
@media only screen and  (max-width: 575.98px) {
    .testo-molto-grande {
        font-size: 1.5rem;
    }

    .testo-grande {
        font-size: 1.25rem;
    }

    .testo-medio {
        font-size: 0.75rem;
    }

    .testo-normale {
        font-size: 0.5rem;
    }
    /* Pagina QrQry */
    #idTel.testolink,
    #idEml.testolink,
    #idWeb.testolink,
    #idFbk.testolink,
    #idTwt.testolink,
    #idLin.testolink,
    #idIgr.testolink,
    #idYtb.testolink,
    #idTel.testolink:link,
    #idEml.testolink:link,
    #idWeb.testolink:link,
    #idFbk.testolink:link,
    #idTwt.testolink:link,
    #idLin.testolink:link,
    #idIgr.testolink:link,
    #idYtb.testolink:link {
        font-size: 0.85rem;
        color: #111;
    }

        #idTel.testolink:hover,
        #idEml.testolink:hover,
        #idWeb.testolink:hover,
        #idFbk.testolink:hover,
        #idTwt.testolink:hover,
        #idLin.testolink:hover,
        #idIgr.testolink:hover,
        #idYtb.testolink:hover {
            font-size: 0.85rem;
            color: #666;
        }

    #idLogo.rounded {
        object-fit: cover;
        border-radius: 50%;
        height: 240px;
        width: 240px;
    }
    .nomobile {
        padding-left: 0;
        padding-right: 0;
    }
    .iconsize {
        font-size: 1.5em;
    }
    .topmargin {
        margin-top: 0.25rem;
    }
    .topmargin-tall {
        margin-top: 1.5rem;
    }
    .bottommargin {
        margin-top: 0.25rem;
    }
    .bottommargin-tall {
        margin-top: 1.5rem;
    }
    .input-group-text {
        width: 11%;
        text-align: center;
    }
}

@media only screen and (max-width: 767.98px) {
    .testo-molto-grande {
        font-size: 1.5rem;
    }

    .testo-grande {
        font-size: 1.25rem;
    }

    .testo-medio {
        font-size: 1rem;
    }

    .testo-normale {
        font-size: 0.5rem;
    }
    /* Pagina QrQry */
    #idTel.testolink,
    #idEml.testolink,
    #idWeb.testolink,
    #idFbk.testolink,
    #idTwt.testolink,
    #idLin.testolink,
    #idIgr.testolink,
    #idYtb.testolink,
    #idTel.testolink:link,
    #idEml.testolink:link,
    #idWeb.testolink:link,
    #idFbk.testolink:link,
    #idTwt.testolink:link,
    #idLin.testolink:link,
    #idIgr.testolink:link,
    #idYtb.testolink:link {
        font-size: 0.95rem;
        color: #111;
    }
    #idTel.testolink:hover,
    #idEml.testolink:hover,
    #idWeb.testolink:hover,
    #idFbk.testolink:hover,
    #idTwt.testolink:hover,
    #idLin.testolink:hover,
    #idIgr.testolink:hover,
    #idYtb.testolink:hover {
        font-size: 0.95rem;
        color: #666;
    }
    .nomobile {
        padding-left: 0;
        padding-right: 0;
    }
    .fontsize {
        font-size: 1.75em;
    }

    #idLogo.rounded {
        object-fit: cover;
        border-radius: 50%;
        height: 300px;
        width: 300px;
    }
    .input-group-text {
        width: 13%;
    }
}