:root {
    --body-bg: #f8f9fa;
    --content-bg: #ffffff;
    --header-bg: #ffffff;
    --footer-bg: #35414a;
    --toggler: #0154a4;
    --link: #0154a4;
}

#header {
    color: #ffffff;
    background-color: var(--header-bg);
}

#header .navbar-toggler {
    color: var(--toggler) !important;
}

#sub-header {
    background-color: #ffffff;
}

#sub-header-small {
    background-color: #0154a4;
}
#sub-header-small a.nav-link {
    color: #ffffff;
}
#sub-header-small a.nav-link:hover {
    color: #ffffff;
}

#footer {
    background: var(--footer-bg) !important;
}
#footer a:hover {
    color: #4ca0ea;
}
#footer a.nav-link {
    color: white;
}
#footer a.nav-link:hover {
    color: #4ca0ea;
}

.logo {
    max-width: 150px;
}

#navbar-categories a.list-group-item.active {
    background-color: var(--link);
    border-color: var(--link);
}

.header-title {
    color: #0154a4;
}

a.header-title:hover {
    color: #4ca0ea;
}

.title h1 {
    padding: 1rem 0rem 1rem 1rem;
}

button.btn-search:hover {
    color: #00806e; 
}

a:hover {
    color: #4ca0ea; 
}