body {
    font-family: "Titillium Web", "Lora", "Roboto Mono"
}

a,
a:hover {
    text-decoration: none !important;
    color: #004080 !important
}

header a,
header a:hover {
    color: #fff !important
}

.navbar a {
    font-weight: bold !important;
    font-size: 1.1rem;
}

.card-sottoscrittori {
    background: linear-gradient(45deg, #00aaff, #0077cc);
    color: #fff;
    height: 100%
}

.card-liste-rendicontazioni {
    background: linear-gradient(45deg, #ff6600, #e65c00);
    color: #fff;
    height: 100%
}

.card-title {
    font-weight: 700;
    font-size: 1.8rem
}

.card-text {
    font-size: 1.2rem
}

.card-body {
    padding: 30px
}

.card-icon {
    font-size: 3rem;
    margin-bottom: 15px
}

#card_sottoscrittori:hover,
#card_rendicontazioni:hover {
    transform: translateY(-5px);
    transition: 0.3s;
}

.card .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.card-header {
    background-color: #004080;
    color: #fff
}

.election-card {
    border-left: 4px solid #004080;
    background: #f9f9f9;
    transition: all 0.3s ease
}

.election-card:hover {
    background: #eef6ff;
    transform: translateY(-2px)
}

.list-group-item:first-child {
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important
}

.list-group-item:last-child {
    border-bottom-right-radius: unset !important;
    border-bottom-left-radius: unset !important
}

.list-group-item {
    color: #333
}

.list-group-item h5 {
    color: #666
}

.list-group-item strong {
    color: #555
}

.breadcrumb {
    margin-bottom: 0 !important;
    background-color: transparent !important;
    font-size: 0.95rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "›" !important;
    padding: 0 0.5rem !important;
    color: #6c757d !important;
    font-size: 1.1rem;
}

.breadcrumb a {
    color: #004080 !important;
    text-decoration: none !important
}

.breadcrumb a:hover {
    text-decoration: underline !important
}

.breadcrumb-item {
    margin-left: 1rem !important;
    content: "›" !important;
    font-size: 1.1rem;
}

.breadcrumb-item.active {
    color: #6c757d !important;
    font-weight: 500 !important
}

.info-box {
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / .1)
}

.info-box h5 {
    color: #004080;
    font-weight: 700
}

.download-btn {
    color: white !important;
    width: 100%
}

.download-btn:hover {
    color: #fff !important
}

.sottoscrivi-btn {
    background-color: #004080;
    color: white !important;
    width: 100%
}

.nuovasottoscrizione-btn {
    background-color: #004080;
    color: white !important;
    width: 100%
}

.nuovasottoscrizione-btn:hover {
    background-color: #06c;
    color: white !important;
    width: 100%
}

.sottoscrivi-btn:hover {
    background-color: #06c;
    color: #fff !important
}

footer a,
footer a:hover {
    color: #fff !important;
}


.it-header-slim-wrapper .dropdown-menu{
  z-index: 2000; 
}
.it-header-slim-wrapper-content{
  overflow: visible !important; 
}

.user-dropdown > a.dropdown-toggle {
  color: white !important;
  background: #004080;
  z-index: 2;
  position: relative;
}

.user-dropdown .dropdown-menu {
  background-color: white !important;
  color: #004080 !important;
  z-index: 1;
  position: absolute;
  transform: translate(0, 0);
}

.user-dropdown .dropdown-menu .dropdown-item {
  color: #004080 !important;
}

.user-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #cce0ff !important;
}