#adaptable-top {
    margin-top: -230px;
}



@media (max-width: 767.98px) {
    #adaptable-top {
        margin-top: 0px;
    }
}

/* Links on the blue bands (page heroes, the footer call to action) */
.header-intro a:not(.btn),
.bg-primary a:not(.btn),
.theme-bg-primary a:not(.btn):not(.nav-link),
a.link-on-bg,
.link-on-bg {
    color: #fff !important;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.header-intro a:not(.btn):hover,
.bg-primary a:not(.btn):hover,
.theme-bg-primary a:not(.btn):not(.nav-link):hover,
a.link-on-bg:hover,
.header-intro a:not(.btn):focus-visible,
.bg-primary a:not(.btn):focus-visible,
a.link-on-bg:focus-visible {
    color: #fff !important;
    text-decoration-thickness: 2px;
    background-color: rgba(255, 255, 255, 0.18);
    outline: none;
}

/* Text links on white: the theme's light blue was too faint */
a.text-link,
.text-link {
    color: #0b62a8;
}

a.text-link:hover,
.text-link:hover {
    color: #084a80;
    text-decoration: underline;
}

/* The bottom footer bar on the main layout (dark) */
footer.footer.text-light a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* The CV page's dark header: contact links */
.resume-header a.text-link,
.resume-header a.text-link:hover {
    color: #fff;
}

.resume-header a.text-link:hover {
    text-decoration: underline;
}

/* The home page's resume card: its green links were too faint on white */
article.resume-wrapper.theme-bg-light a:not(.btn) {
    color: #23704f;
}

article.resume-wrapper.theme-bg-light a:not(.btn):hover {
    color: #17503a;
    text-decoration: underline;
}

/* Links inside case studies and the AI page */
.project-wrapper a:not(.btn) {
    color: #0b62a8;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.project-wrapper a:not(.btn):hover {
    color: #084a80;
}

/* The blue bands: the theme's #41A2DA gave white text only 2.84:1. Same hue (202), darker:
   #227BAF gives 4.65:1, which passes WCAG AA for body text. */
.theme-bg-primary {
    background-color: #227BAF !important;
}

.bg-primary {
    background-color: #227BAF !important;
}

/* The project cards' hover panel: #0C7FDE gave 4.11:1; #0B77D0 (same hue) gives 4.60:1 */
.project-cards .card-img-overlay.overlay-content {
    background: #0B77D0;
}

/* Top navigation bar (#016CBE): inactive items were 55% white (2.70:1); 90% white gives 4.68:1 */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.9);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

/* The CV page's dark header (#434E5E): the half-white line was 3.46:1; 75% white gives about 5.5:1 */
.resume-header .text-white-50 {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* Projects filter: the active pill was white on #41A4F5 (2.67:1); #0B62A8 gives 6.31:1 */
.filters .type.active,
.filters .type.active:hover {
    background: #0b62a8;
}

/* Blog's Featured label: white on the theme green was 2.51:1; #2E7D32 gives 5.13:1 */
.badge.bg-success {
    background-color: #2e7d32 !important;
}

/* Bottom footer bar (#434E5E): its small text was 4.03:1 */
footer.footer.text-light,
footer.footer.text-light .copyright {
    color: rgba(255, 255, 255, 0.85) !important;
}