:root {
    --dps-link-hover-color: #F0C060; /* Used as the hover color on anchors */
    --dps-dark-text-color: #000;
    --dps-footer-bg-color: #3D4A5C;
    --dps-footer-foreground-color: #FFF;
    --dps-nav-foreground-color: #FFF;
    --dps-color-primary: #0D1F3C;
    --dps-color-secondary: #072F49;
    --dps-accent: #EDBD03;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --dps-primary-header-font: "Instrument Serif"; /* Used primarily for headers. */
}

.dps-footer-link {
    transition: color 0.4s ease;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 200;
    color: var(--dps-footer-foreground-color) !important;
}

.dps-link:hover {
    color: var(--dps-link-hover-color) !important;
    text-decoration: none !important;
}

.dps-header-text {
    font-family: var(--dps-primary-header-font), sans-serif !important;
    font-weight: 500;
    text-transform: uppercase;
}

.dps-accent-border {
    color: var(--dps-accent);
    border-style: solid;
    border-width: 3px 0 2px 0;
    border-color: #EDBD03;
}

#main-nav-links {
    display: none !important;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #main-nav-links {
        display: flex !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}