.top-toolbar {
    background-color: #002a55;
}

.toolbar-link {
    text-decoration: none;
    color: #fff;
}

header img {
    max-height: 100px;
}

#navbar-logo {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

#navbar-logo.show {
    opacity: 1;
}

#navbar-logo img {
    max-height: 50px;
}

.navbar-nav .nav-item {
    margin: 0 15px;
}

.nav-icon {
    width: 20px;
    height: auto;
    margin-right: 6px;
    vertical-align: middle;
}

.hero-section {
    background-color: #556b8d;
    background-image: url('assets/img/pattern.png');
    background-repeat: repeat;
    background-size: auto;
}

.separator {
    border: 5px solid #001f3f;
    width: 100%;
    margin: auto;
}

.wave-divider svg {
    display: block;
    width: 100%;
    height: auto;
}

.btn-navy {
    background-color: #002a55;
    border-color: #002a55;
    color: #fff;
}

.btn-navy:hover {
    background-color: #002a55;
    border-color: #002a55;
    color: #fff;
}

footer {
    background-color: #002a55;
}

.img-fixed-height {
    max-height: 200px;
    width: 100%;
    object-fit: contain;
    object-position: center;
    justify-content: center;
    align-items: center;
}

.text-navy {
    color: #002a55;
}

.clear-format {
    color: inherit;
    text-decoration: none;
}

ul {
    list-style-position: inside;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

ul li {
    padding-left: 0 !important;
    margin-left: 0 !important;
}