@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=Roboto&display=swap');

:root {
    /* Grays */
    --grays-25: #FCFCFD;
    --grays-50: #F5F5F5;
    --grays-100: #E6E6E6;
    --grays-200: #C7C7C7;
    --grays-300: #ABABAB;
    --grays-400: #8F8F8F;
    --grays-500: #696969;
    --grays-600: #575757;
    --grays-700: #454545;
    --grays-800: #333333;
    --grays-900: #262626;

    /* Primary Blues */
    --primary-blues-25: #F0FBFF;
    --primary-blues-50: #CEF1FF;
    --primary-blues-100: #ADE9FF;
    --primary-blues-200: #8FE1FF;
    --primary-blues-300: #60D4FF;
    --primary-blues-400: #05BCFF;
    --primary-blues-500: #00A0E2;
    --primary-blues-600: #009DE0;
    --primary-blues-700: #008BC7;
    --primary-blues-800: #007DB3;
    --primary-blues-900: #0B4667;

    /* Reds */
    --reds-25: #FFDEE7;
    --reds-50: #FFBDD0;
    --reds-100: #FF5A89;
    --reds-200: #D6003D;
    --reds-300: #B50033;
    --reds-400: #8F2341;
    --reds-500: #8F2341;
    --reds-600: #91173A;
    --reds-700: #95002A;
    --reds-800: #790022;
    --reds-900: #5E0018;
}

/* * {
    outline: 1px solid #f00 !important;
} */

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

.btn, a, .carousel-left-arrow, .carousel-right-arrow, .descriptive-text a, .index-tile, .main-index-tile, .descriptive-text, .resource-link, .home-panel, .contact-nav {
    transition: 0.4s;
}

h2, h3, h4 {
    margin-bottom: 15px;
}

h2 {
    color: var(--primary-blues-600);
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -0.96px;
}

.toast {
    background: #fff;
}

.dark-mode .toast {
    background: var(--grays-800);
}

.alert-warning .alert-link {
    color: var(--bs-alert-link-color) !important;
}

.dark-mode .alert-warning .alert-link {
    color: var(--bs-alert-link-color) !important;
}

#alert-btn, .alert-btn {
    font-size: 1rem;
    background: none;
    border: none;
}

#alert-btn-mobile, .alert-btn-mobile, #alert-btn-desk {
    font-size: 1.5rem;
    background: none;
    border: none;
}

.dark-mode h2 {
    color: var(--primary-blues-300);
}

h3, .intro-h {
    color: #000;
    font-size: 2rem;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.72px;
    margin-top: 25px;
}

h4 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 32px;
}

p, span, ul, ol {
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 24px;
}

li {
    margin-bottom: 7px;
}

section {
    margin-top: 50px;
}

a, .skip-href {
    color: #000;
}

a:hover, a:focus, .skip-href:hover, .skip-href:focus, .asset-subheader a:hover, .asset-subheader a:focus {
    color: var(--primary-blues-800);
}

table {
    margin-top: 15px;
    background: #fff;
}

input {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.underline {
    text-decoration: underline !important;
}

.mobile-only {
    display: none !important;
}

.desktop-only {
    display: initial !important;
}

.btn {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 11px 35px;
    border-radius: 4px;
    font-weight: 500;
}

.btn:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(28, 119, 255, 0.379);
}

.btn-sm {
    font-size: 0.8rem;
    padding: 5px 20px;
}

.btn-lg {
    font-size: 1.3rem;
}

.btn-blue {
    background: var(--primary-blues-600);
    color: #fff;
}

.btn-blue:hover, .btn-blue:focus {
    background: var(--primary-blues-800);
    color: #fff;
}

.btn-red {
    background: #000;
    color: #fff;
}

.blue-section .btn-red {
    color: #fff;
}

.blue-section .btn-red:hover, .blue-section .btn-red:focus {
    color: #fff;
}

.dark-mode .blue-section .btn-red:hover,.dark-mode .blue-section .btn-red:focus {
    color: var(--primary-blues-100);
}

.btn-red:hover, .btn-red:focus {
    background: var(--grays-800);
    color: #fff;
}

.btn-outline {
    background: none;
    color: var(--primary-blues-600);
    border: 2px solid var(--primary-blues-600);
}

.btn-outline:hover, .btn-outline:focus {
    color: var(--primary-blues-900);
    border: 2px solid var(--primary-blues-900);
    background: none;
}

.btn-outline-2 {
    background: none;
    color: #000 !important;
    border: 2px solid #000;
}

.btn-outline-2:hover, .btn-outine-2:focus {
    color: var(--grays-700) !important;
    border-color: var(--grays-700);
    background: none;
}

.btn-white-outline, .dark-mode .btn-white-outline {
    background: none;
    color: #fff;
    border: 2px solid #fff;
}

.btn-white-outline:hover, .btn-white-outline:focus, .dark-mode .btn-white-outline:hover, .dark-mode .btn-white-outline:focus {
    color: #fff;
    background: var(--primary-blues-900);
}

.newsletter-btn {
    color: #000;
    background: var(--primary-blues-200);
}

a.newsletter-btn, a:hover.newsletter-btn, a:focus.newsletter-btn {
    color: #000;
    text-decoration: none;
}

.newsletter-btn:hover, .newsletter-btn:focus {
    background: var(--primary-blues-100);
    color: #000;
}

#main-nav {
    margin-top: 10px;
}

#caped-logo {
    width: 140px;
    height: 83px;
    background-image: url('/assets/images/logos/caped-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.dark-mode #caped-logo {
    background-image: url('/assets/images/logos/caped-logo-blue.png');
}

#logo:hover, #logo:focus {
    transform: scale(1.05);
}

.nav-dropdown-container {
    margin-top: 30px;
    margin-bottom: 30px;
}

.nav-item > .dropdown-menu {
    border-style: none;
    background: var(--primary-blues-25);
    width: 100%;
}

.dropdown-ul {
    margin-bottom: 10px;
}

.dropdown-ul > li {
    margin: 5px;
}

.main-nav-link {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 30px;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    color: var(--gray-900);
}

.main-nav-link:hover, .main-nav-link:focus, .main-nav-link.show {
    color: var(--primary-blues-600) !important;
}

.above-nav-link {
    color: var(--grays-900);
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.above-nav-link:hover, .above-nav-link:focus, .above-nav-link svg:hover, .above-nav-link svg:focus {
    fill: var(--primary-blues-600) !important;
    color: var(--primary-blues-600) !important;
}

.big-link {
    font-weight: 700;
    color: var(--primary-blues-600);
    font-size: 1rem;
    font-style: normal;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

.big-link:hover, .big-link:focus {
    color: var(--primary-blues-800);
}

.sub-link {
    color: var(--grays-900);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    margin-left: 10px;
    display: inline-block;
    position: relative;
}

.sub-link:hover, .sub-link:focus {
    color: var(--grays-500);
}
  
.underline-animation:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: var(--primary-blues-800);
    transform-origin: bottom left;
    transition: transform 0.25s ease-out;
}

.underline-animation:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.nav-main-list {
    position: initial;
}

.navbar-toggler span {
    display: block;
    background-color: #4f4f4f;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
}
  
.navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg);
}
  
.navbar-toggler span:nth-child(2) {
    opacity: 1;
}
  
.navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg);
}
  
.navbar-toggler span:nth-child(1) {
    margin-top: 0.3rem;
}
  
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}
  
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}
  
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg);
}

.nav-btn {
    padding: 10px 50px;
    gap: 10px;
    height: 44px;
}

.no-show {
    text-decoration: none !important;
}

.no-decoration {
    list-style: none;
}

.no-buttonness {
    background: none;
    border: none;
}

.no-underline {
    text-decoration: none !important;
}

.no-bold {
    font-weight: 400 !important;
    font-size: inherit;
}

.intro-section {
    background: var(--caped-blue);
    color: #fff;
    margin-top: -15px;
    padding-bottom: 25px;
    padding-top: 25px;
}

.main-nav-link svg {
    transition: all 0.35s ease-in-out;
    transform-origin: center;
    display: inline-block;
    position: relative;
}

.main-nav-link:not(:not(.show)) svg {
    transform: rotate(-180deg);
}

#footer {
    background-image: url('/assets/images/navigation/footer-background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    padding: 20px;
    color: #fff;
}

.footer-box {
    background: #fff;
    color: var(--grays-700);
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 15px;
    opacity: 0.95;
    border-radius: 4px;
}

.footer-small-text span {
    font-size: 0.75rem;
}

.footer-ul {
    margin-left: -30px;
    font-size: 0.95rem;
}

.footer-header {
    color: var(--grays-700);
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    font-size: 1.125rem;
    margin-bottom: 7px;
}

.footer-link {
    color: var(--grays-600);
    font-size: 0.95rem;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.footer-ncua-text {
    font-size: 0.95rem;
}

.footer-link:hover, .footer-link:focus {
    color: var(--grays-900);
}

.social-footer-icon {
    max-width: 45px;
    transition: 0.25s ease-in-out;
}

.social-footer-icon:hover, .social-footer-icon:focus {
    transform: scale(1.1);
}

.footer-small-text {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 18px;
}

#footer-nums {
    text-align: end;
}

#footer-logo {
    max-width: 350px;
}

.newsletter-tag {
    font-family: 'Inter', sans-serif;
    font-size: 4rem;
    font-style: normal;
    font-weight: 900;
    line-height: 72px;
    letter-spacing: -1.2px;
}

.banner-header, .bannerless-h1 {
    font-size: 4rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -1.44px;
    line-height: 90px;
}

.bannerless-h1-small {
    color: var(--primary-blues-600);
    font-size: 3rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -2%;
    line-height: 3.75rem;
}

.banner-header, .banner-header-small {
    color: #fff;
}

.banner-header-small {
    font-size: 2.25rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -1.44px;
    line-height: 40px;
}

#heading-title {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

.no-image-banner {
    background: #169bd6;
    height: 360px;
}

.header-banner, .header-banner-small {
    background: #169bd6;
}

.header-banner:not(:has(.no-image-banner)), .header-banner-img {
    min-height: 333px;
}

.header-banner-small:not(:has(.no-image-banner)), .header-banner-img-small {
    min-height: 190px;
}

.heading-image-small {
    max-height: 190px;
}

#breadcrumb {
    background: var(--primary-blues-25);
    color: #000;
    padding-top: 9px;
    padding-bottom: 9px;
}

ul.breadcrumb-list {
    margin-bottom: 0;
    padding-left: 0;
}

ul.breadcrumb-list li {
    display: inline;
    font-size: 0.75rem;
    line-height: 18px;
    font-weight: 400;
}

ul.breadcrumb-list li+li:before {
    padding: 5px;
    content: "|";
}

ul.breadcrumb-list li a {
    color: var(--primary-blues-800);
    text-decoration: none;
}

ul.breadcrumb-list li a:hover, ul.breadcrumb-list li a:focus {
    color: var(--primary-blues-900);
}

.intro-p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 32px;
}

.blue-section {
    background: var(--primary-blues-100);
    color: #000;
}

.blue-section h2, .light-blue-section h2, .blue-section h3, .light-blue-section h3, .dark-mode .blue-section h2,.dark-mode .light-blue-section h2,.dark-mode .blue-section h3,.dark-mode .light-blue-section h3 {
    color: #000;
}

.light-blue-section {
    background: var(--primary-blues-25);
    color: #000;
}

.light-blue-section a, .dark-mode .light-blue-section a, .blue-section a {
    color: #000;
}

.light-blue-section a:hover, .light-blue-section a:focus,.dark-mode .light-blue-section a:hover,.dark-mode .light-blue-section a:focus, .blue-section a:hover, .blue-section a:focus {
    color: var(--grays-600);
}

.light-blue-section a.descriptive-text, .light-blue-section a.descriptive-text, .blue-section a.descriptive-text, .blue-section a.descriptive-text {
    letter-spacing: 3px;
    text-decoration: none;
}

.light-blue-section a.descriptive-text:hover, .light-blue-section a.descriptive-text:focus, .blue-section a.descriptive-text:hover, .blue-section a.descriptive-text:focus {
    letter-spacing: 3.2px;
    text-decoration: none;
}

.medium-blue-section {
    background: var(--primary-blues-800);
    color: #fff;
}

.dark-blue-section {
    background: var(--primary-blues-900);
    color: #fff;
}

.dark-blue-section h2, .medium-blue-section h2 {
    color: #fff;
}

.dark-blue-section a, .medium-blue-section a, .dark-mode .dark-blue-section a, .dark-mode .medium-blue-section a {
    color: #fff;
}

.dark-blue-section a.descriptive-text, .medium-blue-section a.descriptive-text {
    letter-spacing: 2.4px;
    text-decoration: none;
}

.dark-blue-section a.descriptive-text:hover, .dark-blue-section a.descriptive-text:focus, .medium-blue-section a.descriptive-text:hover, .medium-blue-section a.descriptive-text:focus, .dark-mode .dark-blue-section a.descriptive-text:hover, .dark-mode .dark-blue-section a.descriptive-text:focus, .dark-mode .medium-blue-section a.descriptive-text:hover, .dark-mode .medium-blue-section a.descriptive-text:focus {
    color: var(--grays-100);
    letter-spacing: 2.8px;
    text-decoration: none;
}

.section-padding {
    padding-top: 45px;
    padding-bottom: 45px;
}

.announcement-section {
    background: var(--primary-blues-800);
    color: #fff;
    text-align: center;
}

.announcement-section h2 {
    color: #fff;
}

.announce-text {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.6px;
}

.decoration-box {
    background: var(--grays-900, #262626);
    color: var(--primary-blues-200, #8FE1FF);
    text-align: center;
    font-weight: 400;
    line-height: 45px;
    font-size: 1.25rem;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 4%;
    padding-bottom: 2%;
}

.decoration-box p {
    line-height: 30px;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wistia-video {
    width: 100%;
    height: auto;
}

.carousel {
    margin-bottom: 40px;
}

.carousel-indicators {
    bottom: -40px !important;
}

.carousel-indicators button {
    border-radius: 50%;
    width: 10px !important;
    height: 10px !important;
    opacity: 1 !important;
    background: var(--grays-900) !important;
    border: none !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.carousel-indicators .active, .dark-mode .carousel-indicators .active {
    background: var(--primary-blues-600) !important;
}

.carousel-right-arrow {
    position: absolute;
    bottom: -30px;
    right: 0;
    color: var(--grays-300);
}

.carousel-left-arrow {
    position: absolute;
    bottom: -30px;
    left: 0;
    color: var(--grays-300);
}

.carousel-right-arrow:hover, .carousel-right-arrow:focus, .carousel-left-arrow:hover, .carousel-left-arrow:focus {
    color: var(--grays-700);
}

.home-carousel-i {
    font-size: 1.5rem;
    background: var(--primary-blues-800);
    color: #fff;
    padding: 3px;
    border-radius: 3px;
}

.home-carousel-control {
    width: 8%;
    opacity: 0.60;
}

#housing-logo {
    height: 100px;
    width: auto;
}

#ncua-logo, #ncua-logo-spanish {
    height: 75px;
    width: auto;
}

.descriptive-text {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    color: var(--primary-blues-700);
}

.descriptive-text a {
    color: var(--primary-blues-700);
    letter-spacing: 2.4px;
    text-decoration: none;
}

.descriptive-text a:hover, .descriptive-text a:focus {
    color: var(--primary-blues-900);
    letter-spacing: 3px;
}

#questions {
    margin-bottom: 35px;
}

.questions-hr {
    border: 2px solid var(--grays-500);
    margin-top: 100px;
}

.contact-hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

#questions a, .contact-link {
    text-decoration: none;
}

.index-heading {
    color: #000;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.6px;
}

.index-tile {
    border-radius: 3px;
    height: 100%;
}

.index-tile:hover, .index-tile:focus-within {
    background: var(--primary-blues-100);
}

.main-index-tile {
    background: var(--primary-blues-100);
    padding: 30px;
    color: #000;
    height: 100%;
}

.main-index-tile:hover, .main-index-tile:focus-within {
    background: var(--primary-blues-300);
}

.main-index-tile .descriptive-text, .dark-mode .main-index-tile .descriptive-text {
    color: #000;
    letter-spacing: 2.4px;
}

.main-index-tile:focus-within .descriptive-text, .main-index-tile:hover .descriptive-text {
    letter-spacing: 3px;
}

.main-index-tile .index-heading, .dark-mode .main-index-tile .index-heading {
    color: #000;
}

.r2r-bulletpoint {
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.emphasis {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 32px;
}

.blue-icon {
    color: var(--primary-blues-500);
}

a.blue-icon:focus, a.blue-icon:hover {
    color: var(--primary-blues-700);
}

.red-icon {
    color: var(--reds-700);
}

.imargin-right {
    margin-right: 10px;
}

.imargin-left {
    margin-left: 10px;
}

.disclosure-header {
    color: var(--grays-900);
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.6px;
}

.disclosure {
    background: var(--grays-100);
    color: var(--grays-900);
    font-weight: 400;
    line-height: 24px;
}

.disclosure p, .disclosure span, .disclosure ul {
    font-size: 0.85rem;
}

.disclosure a {
    color: #000;
}

.disclosure a:hover, .disclosure a:focus {
    color: var(--grays-700);
}

.not-visible {
    visibility: hidden;
}

.bannerless-h1 {
    color: var(--primary-blues-800);
}

.lesson-plans li {
    line-height: 22px;
    font-weight: 500;
    font-size: 1.125rem;
    margin-bottom: 15px;
}

.lesson-plans li a {
    text-decoration: none;
}

.money-vid-icon {
    width: 125px;
    height: auto;
    transition: 0.4s;
}

.money-vid-icon:hover {
    transform: scale(1.05);
    transition: 0.4s;
}

.money-vid p {
    width: 125px;
    margin-top: 10px;
}

.money-vid a {
    text-decoration: none;
}

.money-thing-vid-header {
    background: #637484;
    padding: 10px 30px;
}

.money-thing-vid-header h3, .dark-mode .money-thing-vid-header h3 {
    color: var(--white, #FFF);
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.6px;
}

.money-vid-description h4 {
    color: var(--primary-blues-600);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.money-thing-resource {
    text-decoration: none;
    font-size: 1.10rem;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
}

.money-thing-resource i {
    font-size: 1.5rem;
}

.resource-link {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 32px;
    color: var(--primary-blues-800);
    text-decoration: none;
}

.resource-link:hover, .resource-link:focus {
    color: var(--primary-blues-900);
}

.resource-desc {
    text-decoration: none;
    color: var(--primary-blues-700);
    letter-spacing: 2.4px;
}

.resource-desc:hover, .resource-desc:focus {
    letter-spacing: 2.6px;
    color: var(--primary-blues-800);
}

.faq-toggle {
    color: #000;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 28px;
    margin-top: 35px;
}

.faq-toggle i, .mobile-nav-toggler i {
    transition: all 0.4s ease-in-out;
    transform-origin: center;
    display: inline-block;
    position: relative;
    font-size: 1.42rem;
}

.faq-toggle:not(.collapsed) {
    color: var(--primary-blues-800);
}

.faq-toggle:not(.collapsed) i {
    transform: rotate(90deg);
}

.nav-link:not(.collapsed) .mobile-nav-toggler i, .big-link:not(.collapsed) .mobile-nav-toggler i {
    transform: rotate(180deg);
}

.nocaps {
    text-transform: none !important;
}

.works-graphic {
    top: 0;
    right: 0;
    width: 260px;
    height: auto;
}

.table-dropdown {
    background: var(--primary-blues-50);
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.table-dropdown h3 {
    color: #000;
    margin-bottom: 0;
    margin-top: 0;
}

.table-dropdown .accordion-button {
    margin-top: 0;
}

.accordion-button:hover, .accordion-button:focus {
    font-weight: 500;
}

thead th {
    background: var(--primary-blues-600)!important;
    color: #fff!important;
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

tbody, td, tfoot, th, thead, tr {
    border-color: var(--primary-blues-500);
}

.table-dropdown .descriptive-text {
    font-size: 1rem;
    color: var(--primary-blues-700);
    text-decoration: none;
    line-height: 24px;
    letter-spacing: 2.4px;
}

.table-dropdown .descriptive-text:hover, .table-dropdown .descriptive-text:focus {
    letter-spacing: 2.8px;
    color: var(--primary-blues-800);
}

.table-dropdown .red-icon:not(.collapsed), .table-dropdown .blue-icon:not(.collapsed) {
    transform: none;
}

.table-dropdown .red-icon, .table-dropdown .blue-icon {
    font-size: 1.15rem;
}

.business-info-header {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 32px;
    color: #000;
}

.business-info-desc {
    font-size: 1rem;
    font-weight: 600;
    line-height: 24px;
    color: var(--primary-blues-800);
}

.business-info-item {
    font-size: 1.125rem;
    color: #000;
    font-weight: 900;
    line-height: 28px;
}

.business-info-descriptor {
    color: #000 !important;
}

.business-info-team {
    font-size: 1.125rem;
    color: #000;
    font-weight: 500;
    line-height: 24px;
}

.business-team-header {
    color: var(--primary-blues-700);
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.6px;
    margin-top: 0;
}

.small-header {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 32px;
}

.team-picture {
    border-radius: 50%;
}

.business-header {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 28px;
}

.quick-search {
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 28px;
    text-transform: uppercase;
}

.quick-search-link {
    color: #000;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
}

.quick-ul {
    padding-left: 0;
}

.result-list {
    color: #000;
    font-size: 3rem;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -0.96px;
}

#searchResults {
    word-wrap: break-word;
}

.search-header {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 32px;
    color: #000;
}

.search-url {
    color: var(--grays-500);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
}

.search-hr {
    border-color: var(--reds-700);
}

.bloglist-header {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.6px;
}

.bloglist:focus-within {
    border: 2px solid #000;
}

.bloglist .descriptive-text {
    font-size: 1rem;
    color: var(--primary-blues-700);
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 2.4px;
}

.bloglist:focus-within .descriptive-text, .bloglist:hover .descriptive-text {
    letter-spacing: 2.8px;
    color: var(--primary-blues-400);
}

.blog-img {
    max-width: 512px;
    margin-left: 35px;
    margin-right: 35px;
    margin-bottom: 35px;
}

.pagination-link {
    font-size: 1rem;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 2.4px;
    text-decoration: none;
    margin-left: 4px;
}

.pagination-link.disabled, .dark-mode .pagination-link.disabled {
    color: var(--grays-300);
}

.blog-bold {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 5px;
}

.blog-small {
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 18px;
}

.notice-text {
    color: var(--reds-600);
    font-weight: 900;
    line-height: 24px;
}

.home-border {
    background: var(--primary-blues-500);
    height: 3px;
    width: 100%;
}

#find-link {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: 2.4px;
    text-decoration: none;
}

#find-link:hover, #find-link:focus {
    letter-spacing: 2.6px;
}

#tagline {
    color: var(--primary-blues-600);
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.6px;
}

.home-rate-header {
    color: var(--grays-900);
    font-size: 1.875rem;
    font-weight: 900;
    line-height: 38px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.rates-small {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
}

.rates-rate {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 32px;
}

.rates-learn, .dark-mode .rates-learn {
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
    color: var(--primary-blues-900)!important;
}

.rates-learn:hover, .rate-learn:focus {
    color: #000!important;
    letter-spacing: 0.17rem;
}

.home-panel {
    background: #fff;
    color: #000;
}

.home-panel:hover, .home-panel:focus-within {
    background: var(--grays-50);
}

.home-panel h3 {
    color: var(--primary-blues-600);
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.72px;
}

.home-panel .descriptive-text {
    color: var(--primary-blues-900);
    font-size: 1rem;
    letter-spacing: 2.4px;
}

.home-panel:focus-within .descriptive-text, .home-panel:hover .descriptive-text {
    letter-spacing: 2.8px;
}

.difference-section {
    padding-top: 170px;
    padding-bottom: 170px;
}

.difference-img {
    top: 2rem;
    right: 0;
    max-width: 600px;
}

.home-bottom-padding {
    height: 225px;
    width: 100%;
}

.difference-tagline {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.72px;
}

.home-carousel, .heading-image {
    max-width: 1920px;
}

.holiday-table th {
    font-size: 1.875rem;
}

.app-preview {
    max-height: 450px;
}

.feature-list-box {
    overflow: hidden;
}

.feature-inner {
    display: flex;
    transition-duration: 1s;
}

.feature-item {
    min-width: 33%;
    padding: 15px;
}

.feature-list-next, .feature-list-prev {
    color: #000;
    font-size: 1.5rem;
    padding: 0;
}

.feature-list-next:focus, .feature-list-next:hover, .feature-list-prev:focus, .feature-list-prev:hover {
    color: var(--grays-600);
}

.feature-list-next.disabled, .feature-list-prev.disabled {
    visibility: hidden;
}

.feature-item h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 32px;
    color: var(--primary-blues-600);
}

.feature-item p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 20px;
}

.logo-sample {
    max-width: 235px;
    padding: 5px;
}

.black-logo {
    background: #fff;
    border-radius: 5px;
}

.student-options {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 32px;
}

.home-carousel-text {
    color: #fff;
    background: var(--primary-blues-800);
    border-radius: 8px;
    padding: 35px;
    top: 5rem;
    bottom: 5rem;
    left: 11%;
    right: initial;
    width: 40%;
}

.home-carousel-text-mobile {
    background: var(--primary-blues-800);
    width: 100%;
    padding: 35px;
    text-align: start;
}

.carousel-text {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 32px;
    text-align: start;
}

.carousel-large-text {
    color: #fff;
    font-size: 3rem;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: -0.96px;
    text-align: start;
}

.carousel-medium-text {
    color: #fff;
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: -0.96px;
    text-align: start;
}

.carousel-medium-text-nochange {
    color: #fff;
    font-weight: 900;
    text-align: start;
    font-size: 1.55rem;
    line-height: 35px;
    letter-spacing: initial;
}

.carousel-onerem-text {
    color: #fff;
    font-size: 1rem;
    text-align: start;
}

.carousel-small-text {
    color: #fff;
    font-size: 0.75rem;
    text-align: start;
}

#seg-carousel-content {
    position: absolute;
}

.home-panel-img {
    max-width: 100px;
}

input.form-check-input {
    padding: 0 !important;
}

.location-listing-header, .dark-mode .location-listing-header {
    color: var(--primary-blues-600, #009DE0);
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.6px;
    text-transform: uppercase;
}

.loc-index-link.descriptive-text, .location-listing a.descriptive-text {
    text-decoration: none;
    letter-spacing: 2.4px;
}

.location-listing a.descriptive-text:hover, .location-listing a.descriptive-text:focus, .loc-index-link.descriptive-text:hover, .loc-index-link.descriptive-text:focus {
    letter-spacing: 2.8px;
}

.location-info-header {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase;
}

.location-address {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.72px;
}

.review-link {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 30px;
    text-decoration: none;
}

.mlo-header {
    color: var(--primary-blues-600);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0;
}

.nmls {
    font-size: 0.875rem !important;
    line-height: 12px;
    margin-bottom: 5px;
}

.mlo-list, .mlo-list span {
    font-size: 1rem;
    margin-bottom: 7px;
}

.mlo-list a {
    color: var(--primary-blues-800);
    text-decoration: none;
}

.mlo-list a:hover, .mlo-list a:focus {
    color: var(--primary-blues-900);
}

.mlo-app-link {
    color: #000 !important;
    text-decoration: none;
    font-weight: 500;
}

.mlo-app-link:hover, .mlo-app-link:focus {
    color: var(--grays-600) !important;
}

.best-if {
    font-weight: 600;
    text-transform: uppercase;
}

.learn-h3 {
    color: var(--primary-blues-600);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 32px;
}

.exec-pic {
    max-width: 150px;
}

.large-text {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 32px;
}

.largeish-text {
    font-size: 1.125rem;
}

.largerer-text {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    letter-spacing: -0.045rem;
}

.dark-blue {
    color: var(--primary-blues-800);
}

.black-text {
    color: #000;
}

.exec-title {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}

.move-down {
    margin-top: 15px;
}

.icon-large {
    font-size: 3rem;
}

.qualify-text {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 32px;
}

.wide-link {
    text-decoration: none;
    letter-spacing: 2.4px;
}

.wide-link:hover, .wide-link:focus {
    text-decoration: none;
    letter-spacing: 2.6px;
}

.contact-nav {
    padding: 5px;
    border-radius: 3px;
}
.contact-nav:hover, .contact-nav:focus-within {
    background: var(--primary-blues-100);
}

.contact-hidebox {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.newsroom-link {
    color: var(--primary-blues-800);
    text-decoration: none;
    font-style: italic;
}

.newsroom-link:hover, .newsroom-link:focus {
    color: var(--primary-blues-600);
    text-decoration: underline;
}

.descriptive-link {
    text-decoration: none;
    letter-spacing: 2.4px;
}

.descriptive-link:hover, .descriptive-link:focus {
    text-decoration: none;
    letter-spacing: 2.5px;
}

.community-img {
    max-height: 800px;
}

.value-list {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 32px;
}

.value-list::first-letter {
    color: var(--primary-blues-600);
    margin-right: 1px;
}

.tab-option {
    color: #000;
    text-transform: uppercase;
    font-size: 1.125rem;
}

.tab-option:hover {
    color: var(--primary-blues-400);
}

.tab-option.active {
    font-weight: 700;
}

.nav-underline .nav-link.active {
    border-bottom: 2px solid var(--primary-blues-400);
}

.asset-header {
    color: var(--grays-700);
    font-weight: 600;
    line-height: 24px;
    font-size: 1rem;
    letter-spacing: 1.28px;
    text-transform: uppercase;
}

.asset-subheader {
    color: #000;
    font-weight: 700;
    line-height: 32px;
    font-size: 1.25rem;
}

.asset-subheader a {
    color: #000;
}

.app-download-google {
    height: 73px;
    width: auto;
}

.app-download-apple {
    height: 50px;
    width: auto;
}

.careers-list li {
    margin-top: 15px;
    margin-bottom: 15px;
}

.blue-child {
    color: #000;
}

.term-search {
    padding-top: 10px;
}

p:has(.newsroom-link) {
    margin-top: 2.15rem;
}

.newsroom-info {
    margin-top: -2.2rem;
}

.newsroom-info h3 {
    margin-top: 2.2rem;
}

.home-rate-icon {
    max-width: 125px;
}

.arrow-up {
    color: var(--primary-blues-25);
    width: 0;
    height: 0;
    border-bottom: 75px solid var(--primary-blues-25);
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
}

.dark-mode .arrow-up {
    color: var(--primary-blues-200);
    border-bottom-color: var(--primary-blues-200);
}

.membership-header {
    color: var(--primary-blues-600);
    font-size: 1.5rem;
    margin-top: 15px;
}

.seg-cookies {
    visibility: hidden;
}

.dark-mode .membership-header {
    color: var(--primary-blues-300);
}

.membership-link {
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0.15rem;
    text-decoration: none;
}

.membership-link:hover, .membership-link:focus {
    letter-spacing: 0.16rem;
}

.dark-mode .membership-icon {
    background: var(--primary-blues-200);
    border-radius: 50%;
    padding: 5px;
}

.date-box {
    border: 1px solid #000;
}

.dark-mode .date-box {
    border: 1px solid #fff;
}

.date-box-date {
    font-weight: 900;
    font-size: 1.5rem;
    background: var(--primary-blues-600);
    color: #fff;
}

.date-box-date-2 {
    font-weight: 900;
    font-size: 1.5rem;
    background: #000;
    color: #fff;
}

.dark-mode .date-box-date-2 {
    background: #fff;
    color: #000;
}

.sbbc-logo {
    width: 200px;
    height: auto;
}

.sbbc-logo-link {
    right: 5%;
}

.card-demo {
    max-height: 350px;
}

.step-box .card-img-top {
    background: var(--primary-blues-800);
    color: #FFF;
}

.blue-section .section-btn {
    color: #fff !important;
}

.blue-section .section-btn:hover, .blue-section .section-btn:focus {
    color: #fff !important;
}

/* DARK MODE COLOR SCHEMES */
body.dark-mode {
    background: var(--grays-900);
    color: #fff;
}

.dark-mode .blue-child {
    color: #fff !important;
}

.dark-mode a,.dark-mode  .skip-href {
    color: #fff;
}

.dark-mode h3 {
    color: #fff;
}

.dark-mode a:hover,.dark-mode a:focus,.dark-mode .skip-href:hover,.dark-mode .skip-href:focus, .dark-mode .asset-subheader a:hover, .dark-mode .asset-subheader a:focus {
    color: var(--primary-blues-200);
}

.dark-mode .table>:not(caption)>*>* {
    background: var(--grays-900);
}

.dark-mode .btn-blue,.dark-mode .btn-red {
    background: none;
    color: #fff;
    border: 2px solid #fff;
}

.dark-mode .btn-blue:hover,.dark-mode .btn-blue:focus,.dark-mode .btn-red:hover,.dark-mode .btn-red:focus {
    color: var(--primary-blues-100);
    border: 2px solid var(--primary-blues-100);
    background: none;
}

.dark-mode .carousel-caption .btn-blue,.dark-mode .dark-blue-section .btn-blue {
    background: var(--primary-blues-600);
    color: #fff;
    border: none;
}

.dark-mode .carousel-caption .btn-blue:hover,.dark-mode .carousel-caption .btn-blue:focus,.dark-mode .dark-blue-section .btn-blue:hover,.dark-mode .dark-blue-section .btn-blue:focus {
    background: var(--primary-blues-800);
    color: #fff;
}

.dark-mode .btn-outline {
    color: var(--primary-blues-300);
    border: 2px solid var(--primary-blues-300); 
}

.dark-mode .btn-outline:hover,.dark-mode .btn-outline:focus {
    color: var(--primary-blues-100);
    border: 2px solid var(--primary-blues-100);
}

.dark-mode .nav-item > .dropdown-menu {
    background: var(--grays-700);
}

.dark-mode .main-nav-link {
    color: #fff;
}

.dark-mode .main-nav-link:hover,.dark-mode .main-nav-link:focus {
    color: var(--primary-blues-200);
}

.dark-mode .big-link {
    color: var(--primary-blues-100);
}

.dark-mode .big-link:hover,.dark-mode .big-link:focus {
    color: var(--primary-blues-300);
}

.dark-mode .underline-animation:after {
    background-color: var(--primary-blues-300);
}

.dark-mode .sub-link {
    color:#fff;
}

.dark-mode .sub-link:hover,.dark-mode .sub-link:focus {
    color: var(--grays-100);
}

.dark-mode .above-nav-link, .dark-mode .above-nav-link svg {
    color: #fff;
    fill: #fff;
}

.dark-mode .above-nav-link:hover,.dark-mode .above-nav-link:focus, .dark-mode .above-nav-link svg:hover, .dark-mode .above-nav-link svg:focus {
    color: var(--primary-blues-200);
    fill: var(--primary-blues-200);
}

.dark-mode .navbar-toggler span {
    background-color: #fff;
}

.dark-mode .navbar-toggler {
    border-color: var(--caped-blue);
}

.dark-mode .footer-box {
    background: var(--grays-900);
    color: #fff;
}

.dark-mode .footer-header {
    color: var(--primary-blues-100);
}

.dark-mode .footer-link {
    color: #fff;
}

.dark-mode .footer-link:hover,.dark-mode .footer-link:focus {
    color: var(--grays-200);
}

.dark-mode #breadcrumb {
    background: var(--primary-blues-800);
    color: #fff;
}

.dark-mode ul.breadcrumb-list li a {
    color: var(--primary-blues-50);
}

.dark-mode ul.breadcrumb-list li a:hover,.dark-mode ul.breadcrumb-list li a:focus {
    color: var(--primary-blues-100);
}

.dark-mode .blue-section {
    background: var(--primary-blues-900);
    color: #fff;
}

.dark-mode .blue-section a {
    color: #fff;
}

.dark-mode .blue-section a:hover,.dark-mode .blue-section a:focus {
    color: var(--grays-100);
}

.dark-mode .blue-section h2,.dark-mode .blue-section h3 {
    color: #fff;
}

.dark-mode .decoration-box {
    background: var(--primary-blues-700);
    color: #fff;
}

.dark-mode .carousel-indicators button {
    background: var(--primary-blues-25) !important;
}

.dark-mode .carousel-right-arrow:hover,.dark-mode .carousel-right-arrow:focus,.dark-mode .carousel-left-arrow:hover,.dark-mode .carousel-left-arrow:focus {
    color: var(--grays-200);
}

.dark-mode .descriptive-text {
    color: var(--primary-blues-100);
}

.dark-mode .descriptive-text a {
    color: #fff;
}

.dark-mode .descriptive-text a:hover,.dark-mode .descriptive-text a:focus {
    color: var(--grays-200);
}

.dark-mode .questions-hr {
    border: 2px solid #fff;
    opacity: 0.5;
}

.dark-mode .index-heading {
    color: #fff;
}

.dark-mode .index-tile:hover,.dark-mode .index-tile:focus-within {
    background: var(--primary-blues-800);
}

.dark-mode .blue-icon {
    color: var(--primary-blues-200);
}

.dark-mode .red-icon {
    color: var(--reds-25);
}

.dark-mode .disclosure-header {
    color: #fff;
}

.dark-mode .disclosure {
    background: var(--grays-700);
    color: #fff;
}

.dark-mode .disclosure a {
    color: #fff;
}

.dark-mode .disclosure a:hover,.dark-mode .disclosure a:focus {
    color: var(--grays-200);
}

.dark-mode .bannerless-h1 {
    color: var(--primary-blues-300);
}

.dark-mode .resource-link {
    color: var(--primary-blues-100);
}

.dark-mode .resource-link:hover,.dark-mode .resource-link:focus {
    color: var(--primary-blues-300);
}

.dark-mode .resource-desc {
    color: var(--primary-blues-100);
}

.dark-mode .resource-desc:hover,.dark-mode .resource-desc:focus {
    color: var(--primary-blues-50);
}

.dark-mode .faq-toggle {
    color: #fff;
}

.dark-mode .faq-toggle:not(.collapsed) {
    color: var(--primary-blues-300);
}

.dark-mode .table-dropdown {
    background: var(--primary-blues-900);
}

.dark-mode .table-dropdown h3 {
    color: #fff;
}

.dark-mode thead th {
    background: var(--primary-blues-300)!important;
    color: #000!important;
}

.dark-mode .table-dropdown .faq-toggle:not(.collapsed) {
    color: var(--primary-blues-100);
}

.dark-mode .table-dropdown .descriptive-text {
    color: var(--primary-blues-50);
}

.dark-mode .table-dropdown .descriptive-text:hover,.dark-mode .table-dropdown .descriptive-text:focus {
    color: #fff;
}

.dark-mode .business-info-header {
    color: #fff;
}

.dark-mode .business-team-header {
    color: var(--primary-blues-200);
}

.dark-mode .business-info-desc {
    color: var(--primary-blues-100);
}

.dark-mode .business-info-descriptor {
    color: #fff !important;
}

.dark-mode .business-info-item,.dark-mode .business-info-team {
    color: #fff;
}

.dark-mode .quick-search {
    color: #fff;
}

.dark-mode .quick-search-link {
    color: #fff;
}

.dark-mode .result-list {
    color: #fff;
}

.dark-mode .search-header {
    color: #fff;
}

.dark-mode .search-url {
    color: var(--grays-200);
}

.dark-mode .search-hr {
    border-color: var(--reds-50);
}

.dark-mode .bloglist:focus-within {
    border: 2px solid #fff;
}

.dark-mode .bloglist:focus-within .descriptive-text,.dark-mode .bloglist:hover .descriptive-text {
    color: var(--primary-blues-100);
}

.dark-mode .notice-text {
    color: var(--reds-100);
}

.dark-mode .light-blue-section {
    background: var(--primary-blues-200);
}

.dark-mode .home-panel {
    background: var(--grays-900);
    color: #fff;
}

.dark-mode .home-panel:hover,.dark-mode .home-panel:focus-within {
    background: #000;
}

.dark-mode .home-panel h3 {
    color: var(--primary-blues-500);
}

.dark-mode .home-panel .descriptive-text {
    color: var(--primary-blues-400);
}

.dark-mode .mlo-header {
    color: var(--primary-blues-300);
}

.dark-mode .mlo-list a {
    color: var(--primary-blues-100);
}

.dark-mode .mlo-list a:hover,.dark-mode .mlo-list a:focus {
    color: var(--primary-blues-300);
}

.dark-mode .mlo-app-link {
    color: #fff !important;
}

.dark-mode .mlo-app-link:hover,.dark-mode .mlo-app-link:focus {
    color: var(--primary-blues-50) !important;
}

.dark-mode .contact-nav:hover,.dark-mode .contact-nav:focus-within {
    background: var(--primary-blues-900);
}

.dark-mode .newsroom-link {
    color: var(--primary-blues-100);
}

.dark-mode .newsroom-link:hover,.dark-mode .newsroom-link:focus {
    color: var(--primary-blues-300);
}

.dark-mode .tab-option {
    color: #fff;
}

.dark-mode .text-success {
    color: #57ff57 !important;
}

.dark-mode .feature-list-next,.dark-mode .feature-list-prev {
    color: #fff;
    font-size: 1.5rem;
    padding: 0;
}

.dark-mode .feature-list-next:focus,.dark-mode .feature-list-next:hover,.dark-mode .feature-list-prev:focus,.dark-mode .feature-list-prev:hover {
    color: var(--grays-300);
}

.dark-mode .asset-header {
    color: var(--grays-300);
}

.dark-mode .asset-subheader {
    color: #fff;
}

.dark-mode .asset-subheader a {
    color: #fff;
}

.dark-mode .dark-blue {
    color: var(--primary-blues-300);
}

.dark-mode .black-text {
    color: #fff;
}

.dark-mode .block-paragraph {
	background: var(--grays-700);
    color: #fff;
}

.dark-mode .block-steps {
	background: var(--grays-700);
    color: #fff;
}

.dark-mode .block-faq button {
    color: #fff;
}

.dark-mode .calculator, .dark-mode .afg-calc-title {
    color: #000;
}

.dark-mode .calculator h2, .dark-mode .calculator h3, .dark-mode .calculator h4 {
    color: #000 !important;
}



@media only screen and (max-width: 1290px) {
    .header-banner:not(:has(.no-image-banner)), .header-banner-img {
        min-height: 257px;
    }

    .header-banner-small:not(:has(.no-image-banner)), .header-banner-img-small {
        min-height: 190px;
    }
}

/* MEDIUM SIZED SCREENS AND BELOW */
@media only screen and (max-width: 1181px) {
    .no-image-banner {
        height: 180px;
    }

    #caped-logo {
        width: 100px;
    }

    h2 {
        font-size: 1.875rem;
        line-height: 38px;
        letter-spacing: -0.6px;
    }

    .result-list {
        font-size: 1.875rem;
        line-height: 38px;
        letter-spacing: -0.6px;
    }

    h3, .holiday-table th {
        font-size: 1.5rem;
        line-height: 32px;
    }

    .navbar {
        padding: 0;
    }

    #caped-logo {
        background-position: center;
    }

    .above-nav {
        margin-top: 5px;
        margin-bottom: -10px;
    }

    .nav-border {
        margin-top: -15px;
    }

    .main-nav-link {
        font-size: 0.95rem;
        margin-top: 15px;
    }

    .nav-btn {
        font-size: 0.8rem;
        padding: 12px 15px;
        margin-top: 20%;
    }

    #footer-nums {
        text-align: center;
    }

    .banner-header, .bannerless-h1 {
        font-size: 2.5rem;
        line-height: 50px;
        letter-spacing: -0.96px;
        margin-top: 2rem;
    }

    .bannerless-h1-small {
        font-size: 1.75rem;
        line-height: 2.5rem;
    }

    .banner-header-small {
        font-size: 2.25rem;
    }

    .header-banner:not(:has(.no-image-banner)), .header-banner-img {
        min-height: 175px;
    }

    .header-banner-small:not(:has(.no-image-banner)), .header-banner-img-small {
        min-height: 175px;
    }

    .resource-link {
        font-size: 1.2rem;
    }

    .blog-img {
        max-width: 312px;
    }

    .difference-img {
        max-width: 400px;
    }

    .difference-section {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .home-bottom-padding {
        height: 100px;
    }

    .home-rate-header {
        font-size: 1.5rem;
        line-height: 27px;
    }

    .rates-rate {
        font-size: 1rem;
    }

    .feature-item {
        min-width: 50%;
    }

    .home-carousel-text {
        top: 2.15rem;
        bottom: 2.15rem;
    }

    .carousel-text {
        font-size: 1rem;
        line-height: initial;
    }
    
    .carousel-large-text {
        font-size: 1.75rem;
        line-height: 35px;
        letter-spacing: initial;
    }

    .carousel-medium-text, .carousel-medium-text-nochange {
        font-size: 1.55rem;
        line-height: 35px;
        letter-spacing: initial;
    }

    .carousel-onerem-text {
        font-size: 0.85rem;
    }

    .home-carousel-text .btn {
        padding: 11px 11px;
        font-size: 0.75rem;
    }

    .home-carousel-text p {
        margin-bottom: 0.5rem;
    }

    .nav-dropdown-container {
        margin-top: 0;
    }

    .compressed-alert {
        font-size: 0.75rem;
        line-height: 1rem;
    }

    .sbbc-logo {
        width: 150px;
    }

    #swivel-frame {
        height: 1375px;
    }
}

/* For specific size handling */
@media only screen and (max-width: 768px) and (min-width: 576px) {
    .header-banner:not(:has(.no-image-banner)), .header-banner-img {
        min-height: 125px !important;
    }

    .header-banner-small:not(:has(.no-image-banner)), .header-banner-img-small {
        min-height: 125px !important;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1180px) {
    .carousel-text {
        font-size: 1.25rem !important;;
    }

    .carousel-large-text {
        font-size: 2.5rem !important;
    }
}

/* SMALL SIZED SCREENS AND BELOW */
@media only screen and (max-width: 768px) {
    .no-image-banner {
        height: 260px;
    }

    #caped-logo {
        width: 140px;
        height: 83px;
    }

    .nav-border {
        margin-top: auto;
    }

    .nav-btn {
        width: 100%;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .main-nav-link {
        display: block;
    }

    .above-nav-link {
        padding: 8px;
    }

    .mobile-only {
        display: initial !important;
    }

    .desktop-only {
        display: none !important;
    }

    .banner-header, .bannerless-h1, .banner-header-small {
        font-size: 1.9rem;
        line-height: 35px;
        letter-spacing: -0.96px;
    }

    .header-banner:not(:has(.no-image-banner)), .header-banner-img {
        min-height: 425px;
    }

    .header-banner-small:not(:has(.no-image-banner)), .header-banner-img-small {
        min-height: 375px;
    }

    .heading-image-small {
        max-height: 375px;
    }

    .social-links {
        text-align: center;
        margin-bottom: 20px;
    }

    .insurance-logos {
        justify-content: center !important;
    }

    .money-thing-resource {
        font-size: 1rem;
    }

    .newsletter-tag {
        font-size: 2.25rem;
        line-height: 44px;
        letter-spacing: -0.72px;
    }

    .feature-item {
        min-width: 100%;
    }

    .blog-img {
        width: 100%;
        float: none !important;;
        margin-top: 15px;
        margin-bottom: 15px;
        display: block;
        margin-right: auto!important;
        margin-left: auto!important;
    }

    .home-carousel-i {
        font-size: 1rem;
    }

    .home-rate-header {
        font-size: 1.4rem;
        line-height: 22px;
    }

    .home-carousel-text {
        border-radius: none;
    }

    #seg-carousel-content {
        position: relative;
        min-height: 248px;
        background-color: var(--primary-blues-800);
    }

    .big-link {
        display: block;
        width: 100%;
        border-bottom: 1px solid var(--primary-blues-600);
        padding-top: 5px;
        padding-bottom: 5px;
        text-transform: capitalize;
    }

    .dark-mode .big-link {
        border-bottom: 1px solid var(--primary-blues-200);
    }

    .sub-link {
        font-size: 1.15rem;
        width: 100%;
        margin-left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .dropdown-ul {
        padding-left: 10px;
    }

    .main-nav-link {
        font-size: 1.2rem;
    }

    .main-nav-link:not(:last-child) {
        border-bottom: 1px solid #000;
        padding-bottom: 15px;
    }

    .dark-mode .main-nav-link:not(:last-child) {
        border-bottom: 1px solid #fff;
    }

    .mobile-sub-menu {
        background: var(--primary-blues-25);
        border-radius: 5px;
    }

    .dark-mode .mobile-sub-menu {
        background: var(--grays-700);
    }

    .rates-rate {
        font-size: 1.35rem;
    }

    #swivel-frame {
        height: 1575px;
    }
}

@media only screen and (max-width: 575px) {
    .banner-header, .bannerless-h1, .banner-header-small {
        font-size: 2.2rem;
        line-height: 45px;
        letter-spacing: -0.96px;
    }

    .header-w-image {
        margin-top: 10% !important;
        padding-right: 0 !important;
    }
}

/* } */

/* REDUCED MOTION */
@media (prefers-reduced-motion) {
    .underline-animation:after {
        transition: none;
    }

    .btn, a, .carousel-left-arrow, .carousel-right-arrow, .descriptive-text a, .index-tile, .main-index-tile {
        transition: 0;
    }

    .money-vid-icon:hover, #logo:hover, #logo:focus {
        transform: none;
    }

    .feature-inner {
        transition-duration: 0;
    }
}