/*
    custom.css
    Any site-specific CSS customization should be added to this file.
    This file overrides the defaults in aeon.css, which should not be altered.
*/

.social-media-links--platforms {
    padding-left: 0;
}

.social-media-links--platforms.horizontal li {
    display: inline-block;
    text-align: center;
    padding: .2em .35em;
}

.social-media-links--platforms.vertical li {
    list-style-type: none;
    margin: 0 0 .5em 0;
}

.social-media-links--platforms.vertical li a img {
    vertical-align: middle;
    margin-right: .5em;
}

.iconsets-wrapper {
    display: inherit;
    overflow-x: auto;
}

h1.header-mark--name-slogan {
    font-family: Roboto, "Franklin Gothic Medium", Tahoma, sans-serif;
    padding: 0;
    line-height: 1;
}

.main-navbar {
    background-color: var(--bs-primary);
    align-items: start;
}

.full-bleed--navbar {
    --full-bleed-bg-color: #001e44;
    padding: 0;
}

/* Main Nav styles tweaks */
.navbar a.nav-link {
    font-family: "Roboto Condensed",Impact,"Franklin Gothic Bold",sans-serif;
    font-weight: 500;
}

.navbar .dropdown-menu {
    --bs-dropdown-min-width: 15rem;
}

/* Overridding container styles to make them fluid width */
.container{
    max-width: calc(1320px + 3rem) !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width: 768px) {
    .container{
        max-width:calc(1320px + 6rem) !important;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

/* Form Styles */
form section {
    background-color: var(--bs-light);
    border: 1px solid var(--bs-gray-300);
}

form section > .field-wrapper {
    padding-left: 0;
    padding-right: 0;
}


/* Removing styles from aeon.css that are not needed for this site */
.dropdown-item:focus, .dropdown-item:not(.disabled):hover {
    background-color: var(--bs-dropdown-link-hover-bg);
}

.foot {
    font-size: var(--bs-root-font-size);
    border-top: 0;
}

p {
    color: var(--bs-body-color);
    padding: 0;
    font-size: var(--bs-font-size);
}

ul {
    color: var(--bs-body-color);
    font-size: var(--bs-body-font-size);
}

.btn-primary:hover {
    --bs-btn-hover-bg: #001e44;
    --bs-btn-hover-color: #fff;
}

.btn-secondary:hover {
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fff;
}

.btn-outline-secondary:hover {
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #cce9ff;
}