body {
    background-color: #ccc;
    color: black;
    font-family: 'Corbel', 'Geneva', Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.25rem;
}
h1, h2, h3 { color: #ee2423; font-weight: bold; margin-bottom: 1rem; }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.2rem; }
h3 { font-size: 1rem; color: black !important; }
a { color: black; }
a:hover { color: #ee2423; }

.container {
    background-color: white;
    margin: 0 auto;
    padding: 1rem;
    max-width: 1024px;
}
.content ul { list-style: none; padding-left: 1rem !important; }
.content ul li::before {
    content: '\25A0'; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #ee2423; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.nav .nav-link { padding: .25rem .5rem; }
.nav .nav-link:nth-child(odd) { background-color: #e4e5e7; }
.nav .nav-link:hover { color: #b01d22; }
.nav .nav-link.active { background-color: #b01d22; color: white; }

footer a { color: #999; display: block; font-weight: bold; }
footer a:hover { color: #ee2423; text-decoration: none; }
footer ul { margin: 0 !important; padding: 0 !important; }
footer ul li { margin: 0 10px; }
footer .border-top { border-color: #ee2423 !important; }
footer .sponsors { margin-bottom: 3rem; margin-top: 3rem; }
footer .sponsors h3 { color: #ee2423 !important; }
footer .sponsors .patrocinadores, footer .sponsors .colaboradoras { border-color: #ee2423; border-style: solid; padding-right: 2.25rem; }
footer .sponsors .patrocinadores { border-width: 0 4px 2px 0; padding-bottom: 1rem; }
footer .sponsors .colaboradoras { border-width: 2px 4px 0 0; padding-top: 1rem; }

/* OTHERS */
.red { color: #ee2423 !important; }
.vivir { color: #ee2423; font-style: italic; font-weight: bold; }
.plus { color: #039; font-style: italic; font-weight: bold; }

form { background-color: #e4e5e7; padding: .5rem; }
form .btn-primary { background-color: #ee2423; border-color: #ee2423; }

.simple-pagination ul { display: flex; margin: 0; padding: 0; }
.simple-pagination ul li { display: flex; }
.simple-pagination ul li::before { content: ''; }
.simple-pagination ul li a, .simple-pagination ul li.active span.current {
    background-color: #e4e5e7;
    position: relative;
    display: block;
    padding: .25rem .5rem;
    margin: 2px;
    line-height: 1.25;
    color: #039;
}
.simple-pagination ul li a:hover, .simple-pagination ul li.active span.current {
    background-color: #ee2423 !important;
    color: white;
}

@media (max-width: 767.98px) {
    footer .sponsors .patrocinadores, footer .sponsors .colaboradoras { border-right-width: 0; padding-right: 0; }
    footer .sponsors .colaboradoras { border-bottom-width: 2px; padding-bottom: 1rem; }
    footer .sponsors .iniciativa { border-top: 2px solid #ee2423; padding-top: 1rem; display: flex; justify-content: space-between; }
}