/*VARIABLES*/
:root {
    --bs-primary-bg-subtle: #CCF1FC;
}

/*MAIN*/
body {
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    font-size: 1.125em;
    line-height: 1.5em;
    color: #464646;
}

strong {
    font-weight: bold;
}

.form-control::placeholder {
    color: var(--bs-gray-500);
}

.form-text {
    font-size: 0.7em;
    color: var(--bs-form-invalid-color);
}

/*GRID and LAYOUT OVERRIDES*/
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1170px;
    }
}


/*NAVBAR OVERRIDES*/

.navbar-default {
    padding: 0;
}

.bg-light {
    background-color: #42B7E8 !important;
    border-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    white-space: nowrap;
    color: #ffffff;
    height: 65px;
}

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a:active,
    .navbar-default .navbar-nav .nav-link.show {
        color: #464646;
        background-color: #F2F2F2;
    }

.navbar-brand {
    padding: 0;
}


.navbar-nav {
    align-items: center;
}

.nav-link {
    display: flex;
    align-items: center;
}

.dropdown-menu > li > a {
    display: block;
    padding: 12px 16px;
    clear: both;
    line-height: 1.5;
    color: #464646;
    white-space: nowrap;
}

.dropdown-item:hover, 
.dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
}

@media (min-width: 992px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding: 8px 16px;
    }
}

@media (max-width: 767px) {
    .navbar-nav li {
        width: 100%;
    }
    .navbar-nav li a {
        justify-content: center;
        display: flex;
    }
    .navbar-collapse {
        padding: 32px 0px;
    }
    .navbar-default {
        padding: 16px 0;
    }
}