:root {
    --dark-blue: #03538a;
    --light-blue: #12aee5;
    --grey-hs: #cdd7dc;
}

body {
    font-family: 'Lato', sans-serif;
}

.hs_dark_blue {
    color:var(--dark-blue);
}
.hs_light_blue {
    color:var(--light-blue);
}
.hs_dark_blue_bg {
    background-color:var(--dark-blue);
    color:#FFFFFF;
}
.hs_light_blue_bg {
    background-color:var(--light-blue);
    color:#FFFFFF;
}

#hsfooter {
    background-color:var(--grey-hs);
}
#hsfooter2 {
    background-color:var(--dark-blue);
    height: 30px;
}

.btn-hs {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--light-blue);
    --bs-btn-border-color: var(--light-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--light-blue);
    --bs-btn-hover-border-color: var(--light-blue);
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--light-blue);
    --bs-btn-active-border-color: var(--light-blue);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--light-blue);
    --bs-btn-disabled-border-color: var(--light-blue);
}

.nav-link,
.nav-link:hover {
    color: var(--dark-blue);
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    font-weight: 900;
    color: var(--light-blue);
}

.navbar-nav,
.mr-auto {
    flex: 1;
    margin: auto !important;
    display: flex;
    justify-content: space-between;
}

.fw-bolder {
    font-weight: 900;
}

.hs_title_page_container {
    height: 190px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}