/* DBIM (Digital Brand Identity & Management) site-wide layer.
   Loaded last from partials/header.blade.php so it applies to the home page and every inner page.
   Source: DBIM guidelines - Colours (s.2), Typography (s.4), CTA and navigation (s.4.5), Accessibility.

   Palette (Blue group):  #162F6A  #2144AA  #527BD7  #A3BBF3  #D2DFFF
   Functional:  Linen #EBEAEA, Inclusive #FFFFFF, Deep Earthy Brown #150202, Black #000, Deep Blue #1D0A69,
                Green #198754, Yellow #FFC107, Coral Red #DC3545, Blue #0D6EFD, Greys #C6C6C6 #8E8E8E #606060 */

:root {
    --dbim-navy: #162F6A;
    --dbim-blue: #2144AA;
    --dbim-mid: #527BD7;
    --dbim-soft: #A3BBF3;
    --dbim-tint: #D2DFFF;
    --dbim-linen: #EBEAEA;
    --dbim-ink: #150202;
    --dbim-red: #DC3545;
    --dbim-green: #198754;
    --dbim-grey1: #C6C6C6;
    --dbim-grey3: #606060;
    --dbim-text: #150202;
    --dbim-muted: #606060;
    --dbim-font: "Noto Sans", "Noto Sans Devanagari", Arial, sans-serif;
    /* type scale - desktop (px values from guideline Table 3) */
    --fs-h1: 2.25rem;
    /* 36 */
    --fs-h2: 1.5rem;
    /* 24 */
    --fs-h3: 1.25rem;
    /* 20 */
    --fs-p1: 1rem;
    /* 16 */
    --fs-p2: 0.875rem;
    /* 14 */
    --fs-sm: 0.75rem;
    /* 12 */
}

@media only screen and (max-width: 767px) {
    :root {
        /* mobile scale, guideline Table 4 */
        --fs-h1: 1.5rem;
        /* 24 */
        --fs-h2: 1.25rem;
        /* 20 */
        --fs-h3: 1rem;
        /* 16 */
        --fs-p1: 0.875rem;
        /* 14 */
        --fs-p2: 0.75rem;
        /* 12 */
        --fs-sm: 0.625rem;
        /* 10 */
    }
}

/* ---------- typography ---------- */
/* 18.css forces html,body{font-size:12px !important} below 1024px; the DBIM scale replaces it. */
html {
    font-size: calc(100% * var(--dbim-scale, 1)) !important;
}

html body *:not(i):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab) {
    font-family: var(--dbim-font);
}

body#bdMainSite {
    font-size: var(--fs-p1) !important;
    /* overrides the legacy inline font-size:75% */
    line-height: 1.5;
    color: var(--dbim-text);
    text-align: left;
    -webkit-font-smoothing: antialiased;
}

body#bdMainSite p,
body#bdMainSite li,
body#bdMainSite td,
body#bdMainSite th,
body#bdMainSite label,
body#bdMainSite dd,
body#bdMainSite dt {
    line-height: 1.5;
}

body#bdMainSite p {
    font-size: var(--fs-p1);
    margin-top: 0;
}

body#bdMainSite small,
body#bdMainSite .small {
    font-size: var(--fs-sm);
}

body#bdMainSite h1,
body#bdMainSite h2,
body#bdMainSite h3,
body#bdMainSite h4,
body#bdMainSite h5,
body#bdMainSite h6 {
    color: var(--dbim-navy);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    margin: 0 0 .6em;
}

body#bdMainSite h1,
body#bdMainSite h1.title {
    font-size: var(--fs-h1) !important;
    font-weight: 700;
    padding-top: 0 !important;
}

body#bdMainSite h2 {
    font-size: var(--fs-h2);
}

body#bdMainSite h3 {
    font-size: var(--fs-h3);
}

body#bdMainSite h4 {
    font-size: var(--fs-p1);
}

body#bdMainSite h5,
body#bdMainSite h6 {
    font-size: var(--fs-p2);
}

/* long page titles must never dominate the page */
body#bdMainSite h1,
body#bdMainSite h2 {
    overflow-wrap: anywhere;
}

body#bdMainSite .contentPart h1 {
    font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem) !important;
}

/* headings that legacy CSS forced to a fixed colour/size via inline styles */
body#bdMainSite .contentPart h2 {
    color: var(--dbim-navy);
}

body#bdMainSite .text-center {
    text-align: center !important;
}

/* ---------- links ---------- */
body#bdMainSite a {
    color: var(--dbim-blue);
    text-decoration: none;
}

body#bdMainSite a:hover {
    color: var(--dbim-navy);
    text-decoration: underline;
}

body#bdMainSite #innerContent a,
body#bdMainSite .contentPart a {
    text-underline-offset: 2px;
}

body#bdMainSite a:focus-visible,
body#bdMainSite button:focus-visible,
body#bdMainSite input:focus-visible,
body#bdMainSite select:focus-visible,
body#bdMainSite textarea:focus-visible {
    outline: 2px solid var(--dbim-blue) !important;
    outline-offset: 2px;
}

/* ---------- page canvas ---------- */
body#bdMainSite,
.page,
#ContentPlaceHolder1_mainbody {
    background: #fff;
}

#innerContent,
.innerContentPart {
    color: var(--dbim-text);
}

#innerContent p,
#innerContent li {
    font-size: var(--fs-p1);
}

.breadcrumb {
    padding: 12px 0 !important;
    margin: 0 0 16px;
    font-size: var(--fs-p2);
}

.breadcrumb li,
.breadcrumb a {
    font-size: var(--fs-p2);
    color: var(--dbim-muted);
}

.breadcrumb li:last-child,
.breadcrumb .active {
    color: var(--dbim-navy);
    font-weight: 600;
}

.breadcrumb a {
    color: var(--dbim-blue);
}

/* ---------- tables (guideline: left-aligned text, clear header rule) ---------- */
body#bdMainSite table {
    border-collapse: collapse;
    max-width: 100%;
}

body#bdMainSite table.web,
body#bdMainSite #innerContent table {
    width: 100%;
}

body#bdMainSite table th {
    background: var(--dbim-navy);
    color: #fff;
    font-weight: 600;
    font-size: var(--fs-p2);
    padding: 10px 12px;
    text-align: left;
    border: 1px solid var(--dbim-navy);
}

body#bdMainSite table td {
    padding: 10px 12px;
    font-size: var(--fs-p2);
    border: 1px solid #D5DBEA;
    vertical-align: top;
}

body#bdMainSite table.web tr:nth-child(even) td {
    background: #F4F7FE;
}

.table-responsive,
#innerContent .tableWrap {
    overflow-x: auto;
}

/* ---------- lists of documents / links ---------- */
.commonListings li,
.commonListing li {
    padding: 12px 0;
    border-bottom: 1px solid #E1E6F2;
    font-size: var(--fs-p1);
    line-height: 1.5;
    list-style: none;
}

.commonListings li>div>a,
.commonListing li>div>a,
.commonListings li>a {
    color: var(--dbim-navy);
}

/* link + file-size + icon: title left, meta right (PDF size and PDF / external icons) */
a:has(> .dbim-meta) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
}

.commonListings li>div>a:has(> .dbim-meta) {
    width: calc(100% - 40px);
}

.dbim-mt {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.dbim-meta {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
    white-space: nowrap;
    color: var(--dbim-muted);
    font-size: var(--fs-p2);
    line-height: 1.5;
}

.dbim-size {
    color: var(--dbim-muted);
    font-size: var(--fs-p2);
}

.dbim-meta .dbim-ic {
    width: 20px;
    height: 20px;
}

.ic-pdf {
    color: var(--dbim-red);
}

.ic-external {
    color: var(--dbim-red);
}

.dbim-inline-r {
    width: 16px;
    height: 16px;
    margin-left: 6px;
    vertical-align: -2px;
}

.dbim-caret {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: -3px;
    color: var(--dbim-grey3);
}

.sr-only,
.dbim-sr {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* menu rows: meta stays on the right inside dropdowns */
#header #nav ul li a .dbim-meta {
    margin-left: 12px;
}

#header #nav ul li a .dbim-meta .dbim-ic {
    width: 18px;
    height: 18px;
}

#header #nav ul li a .dbim-size {
    font-size: 0.75rem;
}

#header #nav ul li a {
    display: flex;
}

/* ---------- forms and buttons (CTA guidance: clear, concise, visible states) ---------- */
body#bdMainSite input[type="text"],
body#bdMainSite input[type="email"],
body#bdMainSite input[type="tel"],
body#bdMainSite input[type="number"],
body#bdMainSite input[type="url"],
body#bdMainSite input[type="password"],
body#bdMainSite input[type="search"],
body#bdMainSite select,
body#bdMainSite textarea {
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    font-size: var(--fs-p1);
    color: var(--dbim-text);
    background: #fff;
    border: 1px solid var(--dbim-grey1);
    border-radius: 4px;
}

body#bdMainSite input[type="text"]:focus,
body#bdMainSite select:focus,
body#bdMainSite textarea:focus {
    border-color: var(--dbim-blue);
}

body#bdMainSite .button,
body#bdMainSite button.btn,
body#bdMainSite input[type="submit"]:not(.dbim-skip),
body#bdMainSite input[type="button"],
body#bdMainSite .btn {
    min-height: 44px;
    padding: 10px 22px;
    font-size: var(--fs-p2);
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: var(--dbim-navy);
    border: 1px solid var(--dbim-navy);
    border-radius: 4px;
    cursor: pointer;
    transition: background .15s, color .15s;
}

body#bdMainSite .button:hover,
body#bdMainSite button.btn:hover,
body#bdMainSite input[type="submit"]:hover,
body#bdMainSite input[type="button"]:hover,
body#bdMainSite .btn:hover {
    background: var(--dbim-blue);
    border-color: var(--dbim-blue);
}

body#bdMainSite .button:disabled,
body#bdMainSite input[type="submit"]:disabled {
    background: var(--dbim-grey1);
    border-color: var(--dbim-grey1);
    color: var(--dbim-grey3);
    cursor: not-allowed;
}

.validation_error,
.redmark,
.red {
    color: var(--dbim-red) !important;
}

/* pagination */
.pagination>.active>a,
.pagination>.active>span {
    background: var(--dbim-navy) !important;
    border-color: var(--dbim-navy) !important;
    color: #fff;
}

.pagination>li>a,
.pagination>li>span,
.leading-5 {
    color: var(--dbim-navy);
}

/* left menu used on inner pages */
.leftMenu .menuTitle,
.leftMenuBarBlock .menuTitle {
    background: var(--dbim-navy);
    color: #fff;
    font-size: var(--fs-p1);
    font-weight: 600;
}

#menuLeft li a {
    font-size: var(--fs-p2);
    color: var(--dbim-navy);
}

#menuLeft li a:hover {
    background: var(--dbim-tint);
    color: var(--dbim-navy);
    text-decoration: none;
}

/* media must never break the layout */
img,
iframe,
video {
    max-width: 100%;
}

#innerContent img {
    height: auto;
}

/* ---------- footer ---------- */
#footer .footerCont {
    background: var(--dbim-navy);
    color: #fff;
    padding: 32px 0 24px;
    margin: 0;
    font-size: var(--fs-p2);
}

#footer .footerCont .container {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 32px;
    align-items: flex-start;
    padding: 0 12px !important;
}

#footer .footerCont .container::before,
#footer .footerCont .container::after {
    display: none;
}

#footer .footerLeft,
#footer .footerMiddle,
#footer .footerRight,
#footer .socialIconBox {
    float: none;
    box-sizing: border-box;
}

#footer .footerLeft {
    flex: 1 1 340px;
    text-align: left;
    width: auto;
}

#footer .footerMiddle {
    flex: 1 1 300px;
    width: auto;
    text-align: left;
}

#footer .footerMiddle iframe {
    width: 100%;
    max-width: 100%;
    height: 220px;
    border: 0;
    border-radius: 4px;
}

#footer .footerRight {
    flex: 1 1 260px;
    width: auto;
    text-align: left;
}

#footer .footerCont p,
#footer .footerCont li,
#footer .footerCont span {
    color: #fff;
    font-size: var(--fs-p2);
    line-height: 1.6;
    text-align: left;
}

#footer .footerCont p {
    margin: 0 0 8px;
}

#footer .dbim-foot-h,
#footer .footerCont h2 {
    margin: 0 0 12px;
    font-size: var(--fs-p2);
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
}

#footer .footerLinks {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 28px;
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}

#footer .footerLinks li {
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    display: block;
}

#footer .footerLinks li::before,
#footer .footerLinks li::after {
    display: none !important;
}

#footer .footerLinks li a,
#footer .footerCont a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
    background: none !important;
    color: #fff !important;
    font-size: var(--fs-p2);
    text-decoration: none;
}

#footer .footerLinks li a::before {
    content: "";
    width: 14px;
    height: 14px;
    background: currentColor;
    -webkit-mask: url(../images/dbim-icons/chevron-right.svg) center / contain no-repeat;
    mask: url(../images/dbim-icons/chevron-right.svg) center / contain no-repeat;
}

#footer .footerLinks li a:hover,
#footer .footerCont a:hover {
    color: var(--dbim-soft) !important;
    text-decoration: underline;
}

#footer .footerCont a:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: 2px;
}

/* social icons: DBIM icons, inside the footer under "Subscribe for updates" (no longer a floating side bar) */
#footer .socialIconBox {
    position: static !important;
    flex: 1 1 100%;
    order: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    width: auto !important;
    height: auto;
    margin: 0;
    padding: 16px 0 0;
    background: none;
    border-top: 1px solid rgba(255, 255, 255, .25);
    text-align: left;
    transform: none;
    box-shadow: none;
}

#footer .socialIconBox .dbim-foot-h {
    flex: 1 1 100%;
    margin-bottom: 4px;
}

#footer .socialIconBox a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12) !important;
    color: #fff !important;
}

#footer .socialIconBox a:hover {
    background: var(--dbim-blue) !important;
    text-decoration: none;
}

#footer .socialIconBox a .dbim-ic {
    width: 22px;
    height: 22px;
    background-color: #fff;
}

#footer .socialIconBox a img {
    width: 24px !important;
    height: 24px;
    margin: 0 !important;
    filter: brightness(0) invert(1);
}

.ic-facebook {
    --ic: url(../images/dbim-icons/facebook.svg);
}

.ic-x {
    --ic: url(../images/dbim-icons/x.svg);
}

.ic-instagram {
    --ic: url(../images/dbim-icons/instagram.svg);
}

.ic-youtube {
    --ic: url(../images/dbim-icons/youtube.svg);
}

.ic-whatsapp {
    --ic: url(../images/dbim-icons/whatsapp.svg);
}

.socialIconBox.rightIconWrap {
    display: none;
}

#footer .footerLogos {
    background: #fff;
    border-top: 1px solid var(--dbim-linen);
}

@media only screen and (max-width: 767px) {
    #footer .footerCont {
        padding: 24px 0 20px;
    }

    #footer .footerLeft,
    #footer .footerMiddle,
    #footer .footerRight {
        flex-basis: 100%;
    }

    #footer .footerLinks {
        gap: 2px 20px;
    }

    #footer .footerMiddle iframe {
        height: 200px;
    }

    a:has(> .dbim-meta) {
        gap: 8px;
    }

    .dbim-meta {
        gap: 6px;
    }
}

/* ---------- accessibility states for the new layer ---------- */
html[data-dbim-contrast="dark"] body#bdMainSite h1,
html[data-dbim-contrast="dark"] body#bdMainSite h2,
html[data-dbim-contrast="dark"] body#bdMainSite h3,
html[data-dbim-contrast="dark"] body#bdMainSite h4,
html[data-dbim-contrast="dark"] body#bdMainSite h5,
html[data-dbim-contrast="dark"] body#bdMainSite h6 {
    color: var(--t-fg) !important;
}

html[data-dbim-contrast="high"] body#bdMainSite h1,
html[data-dbim-contrast="high"] body#bdMainSite h2,
html[data-dbim-contrast="high"] body#bdMainSite h3,
html[data-dbim-contrast="high"] body#bdMainSite h4 {
    color: #fff !important;
}

html[data-dbim-contrast="dark"] body#bdMainSite table th {
    background-color: var(--dbim-blue) !important;
}

html[data-dbim-contrast="high"] body#bdMainSite table th {
    background-color: #000 !important;
    border-color: #fff;
}

html[data-dbim-contrast="dark"] body#bdMainSite table td,
html[data-dbim-contrast="high"] body#bdMainSite table td {
    border-color: var(--t-line);
}

html[data-dbim-contrast="dark"] #footer .footerCont,
html[data-dbim-contrast="dark"] #footer .footerCont * {
    background-color: transparent !important;
}

html[data-dbim-contrast="dark"] #footer .footerCont {
    background-color: #0F1C3F !important;
}

html[data-dbim-contrast="high"] #footer .footerCont {
    background-color: #000 !important;
    border-top: 2px solid #fff;
}

html[data-dbim-contrast="high"] #footer .footerCont a {
    color: #FFFF00 !important;
}

html[data-dbim-contrast="dark"] .ic-pdf,
html[data-dbim-contrast="dark"] .ic-external {
    color: #FF8A94;
}

html[data-dbim-contrast="high"] .ic-pdf,
html[data-dbim-contrast="high"] .ic-external {
    color: #FFFF00;
}

html[data-dbim-contrast="dark"] .dbim-meta,
html[data-dbim-contrast="dark"] .dbim-size {
    color: var(--dbim-grey1) !important;
}

@media print {

    #header .dbim-topbar,
    #header .dbim-icons,
    .dbim-acc,
    #footer .socialIconBox,
    #footer .footerMiddle {
        display: none !important;
    }

    body#bdMainSite {
        font-size: 12pt !important;
        color: #000;
    }
}

/* ---------- inner page title banner (was 38px+; now the H1 step of the DBIM scale) ---------- */
.innerBanner {
    background: var(--dbim-navy);
}

.innerBanner .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 16px !important;
    min-height: 88px;
}

.innerBanner span {
    float: none !important;
    width: auto !important;
    flex: 1 1 auto;
    min-width: 0;
    padding: 20px 0 !important;
    color: #fff !important;
    font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem) !important;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.innerBanner img {
    float: none !important;
    flex: 0 0 auto;
    order: 2;
    max-height: 56px;
    width: auto;
    padding: 0 !important;
    margin: 0 !important;
}

.commonListings li>div>a:has(> .dbim-meta) {
    width: 100%;
}

#footer .footerLinks li {
    margin: 0 !important;
    padding: 0 !important;
}

#footer .footerLinks a.topSitemap,
#footer .footerLinks li a {
    margin: 0 !important;
    padding: 4px 0 !important;
    text-indent: 0;
}

#footer .socialIconBox a[title="Flickr"] img {
    filter: none;
    width: 26px !important;
    height: 26px;
}

/* ---------- responsive content columns ---------- */
.contentPart {
    box-sizing: border-box;
}

@media only screen and (max-width: 1023px) {
    .contentPart {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .leftPartInner,
    .rightPartShadow,
    .rightPart {
        float: none !important;
        width: 100% !important;
        max-width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        box-sizing: border-box;
    }

    .rightPartShadow {
        margin-top: 24px !important;
    }

    .rightPartShadow::before,
    .rightPartShadow::after,
    .leftPartInner::after {
        display: none !important;
    }

    .leftPartInner {
        border-right: 0 !important;
        box-shadow: none !important;
    }

    .innerBanner .container {
        padding: 0 16px !important;
    }
}

@media only screen and (max-width: 600px) {
    .innerBanner .container {
        min-height: 64px;
    }

    .innerBanner img {
        display: none;
    }

    .innerBanner span {
        padding: 14px 0 !important;
    }
}

/* decorative legacy divider that overlapped list meta on small screens */
.rightPartShadows::after,
.rightPartShadow::after {
    display: none !important;
}

@media only screen and (max-width: 1023px) {
    .rightPartShadows {
        float: none !important;
        width: 100% !important;
    }
}

/* ---------- forms: fixed-width legacy rows become fluid ---------- */
.fielsRow {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px 16px;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 16px;
}

.fielsRow .fieldName {
    float: none !important;
    flex: 0 0 260px;
    max-width: 100%;
    width: auto !important;
    padding-right: 0 !important;
    font-weight: 600;
}

.fielsRow .fieldValues {
    float: none !important;
    flex: 1 1 280px;
    min-width: 0;
    width: auto !important;
}

.fielsRow .fieldValues input,
.fielsRow .fieldValues select,
.fielsRow .fieldValues textarea {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}

.g-recaptcha,
.g-recaptcha iframe {
    max-width: 100%;
}

@media only screen and (max-width: 767px) {

    .fielsRow .fieldName,
    .fielsRow .fieldValues {
        flex-basis: 100%;
    }
}

/* ---------- forms: fixed-width legacy rows become fluid ---------- */
.fielsRow {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px 16px;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 16px;
}

.fielsRow .fieldName {
    float: none !important;
    flex: 0 0 260px;
    max-width: 100%;
    width: auto !important;
    padding-right: 0 !important;
    font-weight: 600;
}

.fielsRow .fieldValues {
    float: none !important;
    flex: 1 1 280px;
    min-width: 0;
    width: auto !important;
}

.fielsRow .fieldValues input,
.fielsRow .fieldValues select,
.fielsRow .fieldValues textarea {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}

.g-recaptcha,
.g-recaptcha iframe {
    max-width: 100%;
}

@media only screen and (max-width: 767px) {

    .fielsRow .fieldName,
    .fielsRow .fieldValues {
        flex-basis: 100%;
    }
}

/* ---------- text on blue-family backgrounds (guideline s.4.4: Inclusive white on dark, Deep Earthy Brown on light) ----------
   Dark blues: #162F6A #2144AA (and #527BD7 for large text) -> white.  Light blues: #A3BBF3 #D2DFFF #EEF2FB -> #150202. */
body#bdMainSite .mp-menu a,
body#bdMainSite .mp-menu h2,
body#bdMainSite .mp-menu .mp-back,
body#bdMainSite .menu-trigger,
body#bdMainSite .menu-trigger em,
body#bdMainSite .leftMenu .menuTitle,
body#bdMainSite .leftMenuBarBlock .menuTitle,
body#bdMainSite .leftMenu .menuTitle a,
body#bdMainSite .rightPart .menuTitle,
body#bdMainSite .innerBanner a,
body#bdMainSite .innerBanner span,
body#bdMainSite .important_links h2,
body#bdMainSite .footerCont a,
body#bdMainSite .footerCont p,
body#bdMainSite .sliderText a,
body#bdMainSite .sliderText p,
body#bdMainSite .button,
body#bdMainSite .btn,
body#bdMainSite input[type="submit"],
body#bdMainSite .pagination>.active>a,
body#bdMainSite .pagination>.active>span,
body#bdMainSite #nav>li>a,
body#bdMainSite #nav>li>a:hover {
    color: #fff !important;
}

body#bdMainSite .mp-menu a:hover {
    color: #fff !important;
    text-decoration: none;
}

body#bdMainSite #nav ul li a,
body#bdMainSite #nav ul li a:hover {
    color: var(--dbim-navy) !important;
}

body#bdMainSite .leftMenu .menuTitle,
body#bdMainSite .rightPart .menuTitle {
    background: var(--dbim-navy);
    padding: 10px 14px;
}

body#bdMainSite .r-tabs-accordion-title .r-tabs-anchor {
    background: var(--dbim-navy);
    color: #fff !important;
}

body#bdMainSite .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background: var(--dbim-blue);
    color: #fff !important;
}

/* light blue surfaces keep dark text */
body#bdMainSite #menuLeft li a:hover,
body#bdMainSite .ui-datepicker-today a,
body#bdMainSite tr:hover>td {
    color: var(--dbim-ink) !important;
}

body#bdMainSite .contentRightBlock,
body#bdMainSite .contentRightBlock_1,
body#bdMainSite .contentRightBlock_2,
body#bdMainSite .contentRightBlock_3 {
    color: var(--dbim-ink);
}

/* ---------- .tabNav bars (Albums / Videos / Facebook / Twitter): readable on every state ---------- */
body#bdMainSite .resTab .tabNav,
body#bdMainSite .resTab .r-tabs-nav {
    background: var(--dbim-navy);
    margin: 10px 10px 0px;
}

body#bdMainSite .resTab .tabNav li,
body#bdMainSite .resTab .r-tabs-nav li {
    background: var(--dbim-navy);
}

body#bdMainSite .resTab .tabNav li a,
body#bdMainSite .resTab .tabNav li a span,
body#bdMainSite .resTab .tabNav li a .pd-b,
body#bdMainSite .resTab .tabNav .r-tabs-anchor {
    color: #fff !important;
    font-size: var(--fs-p1);
    font-weight: 600;
}

/* inactive tab in the social blocks sits on light grey: dark navy text */
body#bdMainSite .resTab .tabNav li.r-tabs-state-default,
body#bdMainSite .resTab .tabNav li.r-tabs-state-default a {
    background: var(--dbim-linen);
}

body#bdMainSite .resTab .tabNav li.r-tabs-state-default a,
body#bdMainSite .resTab .tabNav li.r-tabs-state-default a span {
    color: var(--dbim-navy) !important;
}

/* active tab: navy with white text */
body#bdMainSite .resTab .tabNav li.r-tabs-state-active,
body#bdMainSite .resTab .tabNav li.r-tabs-state-active a {
    background: var(--dbim-navy);
    color: #fff !important;
}

body#bdMainSite .resTab .tabNav li a:hover {
    color: #fff !important;
    background: var(--dbim-blue);
    text-decoration: none;
}

body#bdMainSite .resTab .tabNav li.r-tabs-state-default a:hover {
    background: var(--dbim-tint);
    color: var(--dbim-navy) !important;
}

body#bdMainSite .resTab .tabNav a:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: -3px;
}

body#bdMainSite .resTab .tabNav li.r-tabs-state-default a:focus-visible {
    outline-color: var(--dbim-blue) !important;
}

/* the pause/play control that sits on the right of the bar */
body#bdMainSite .resTab .playPause,
body#bdMainSite .resTab .playPause * {
    color: #fff !important;
}
/* ===== one section-title style site-wide (matches the What's New tab: 16px / 600, 12px 22px, navy, 3px blue rule) ===== */
body#bdMainSite .important_links > h2,
body#bdMainSite .contentRightBlock h2.text-center,
body#bdMainSite .socialBlockCont .resTab > p,
body#bdMainSite .video-gallery > .tabNav,
body#bdMainSite .leftMenu .menuTitle,
body#bdMainSite .leftMenuBarBlock .menuTitle,
body#bdMainSite .rightPart .menuTitle {
    margin: 0 !important; padding: 12px 22px !important; box-sizing: border-box; min-height: 50px;
    display: flex; align-items: center; justify-content: center;
    font: 600 1rem/1.5 var(--dbim-font) !important; letter-spacing: 0; text-transform: none; text-align: center !important;
    color: #fff !important; background: var(--dbim-navy) !important;
    border: 0 !important; border-bottom: 3px solid var(--dbim-blue) !important; border-radius: 4px 4px 0 0 !important; height: auto !important;
}
body#bdMainSite .video-gallery > .tabNav li a, body#bdMainSite .video-gallery > .tabNav li a span { font-size: 1rem !important; font-weight: 600 !important; }
body#bdMainSite .video-gallery > .tabNav { justify-content: center; }
body#bdMainSite .video-gallery > .tabNav li { margin: 0 auto !important; }

/* ===== container width: 1440px, fluid containers removed ===== */
body#bdMainSite .container, #header .container, #footer .container { max-width: 1440px !important; width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; }
body#bdMainSite .container-fluid { max-width: none; }

/* ===== links: no underline in any state; DBIM hover = colour shift + light-blue tint, visible keyboard focus ===== */
html body#bdMainSite a, html body#bdMainSite a:hover, html body#bdMainSite a:focus, html body#bdMainSite a:active, html body#bdMainSite a:visited,
html body#bdMainSite #innerContent a, html body#bdMainSite #innerContent a:hover, html body#bdMainSite .contentPart a:hover,
html body#bdMainSite .press-release a:hover, html body#bdMainSite .commonListings a:hover, html body#bdMainSite #nav a:hover,
html body#bdMainSite #footer a:hover, html body#bdMainSite .breadcrumb a:hover, html body#bdMainSite .dbim-ann__track a:hover { text-decoration: none !important; }
body#bdMainSite a { transition: color .15s ease, background-color .15s ease; }

/* content links on white */
body#bdMainSite .contentPart a:not([class*="btn"]):not(.button):not(.readMore):hover,
body#bdMainSite #innerContent a:hover,
body#bdMainSite .breadcrumb a:hover { color: var(--dbim-blue) !important; }
/* list rows (documents, What's New, press, important links, left menu, sitemap): tinted row on hover */
body#bdMainSite .commonListings li:hover,
body#bdMainSite .commonListing li:hover,
body#bdMainSite .press-release li:hover,
body#bdMainSite .impHomeLinks li:hover,
body#bdMainSite #menuLeft li a:hover,
body#bdMainSite .site_map li a:hover { background-color: #EEF2FB; }
body#bdMainSite .commonListings li:hover a, body#bdMainSite .commonListing li:hover a,
body#bdMainSite .press-release li:hover a, body#bdMainSite .impHomeLinks li:hover a { color: var(--dbim-blue) !important; }
/* cards that are links */
body#bdMainSite .rightContent_shadow_1 a:hover, body#bdMainSite .rightContent_shadow_2 a:hover { color: var(--dbim-blue) !important; }
/* buttons / read-more: darker to lighter blue */
body#bdMainSite .readMore:hover { background: var(--dbim-blue) !important; color: #fff !important; }
/* dark surfaces (footer, banners): lighten on hover */
body#bdMainSite #footer .footerCont a:hover, body#bdMainSite .innerBanner a:hover { color: var(--dbim-soft) !important; }
/* top navigation: lighter blue fill */
body#bdMainSite #header #nav > li > a:hover { background: var(--dbim-blue); color: #fff !important; }
body#bdMainSite #header #nav ul li a:hover { background: var(--dbim-tint) !important; color: var(--dbim-navy) !important; }
/* keyboard */
body#bdMainSite a:focus-visible { outline: 2px solid var(--dbim-blue) !important; outline-offset: 2px; border-radius: 2px; }
body#bdMainSite #footer a:focus-visible, body#bdMainSite #header #nav > li > a:focus-visible { outline-color: #fff !important; }

/* ===== hover text colour - one DBIM rule: on light surfaces every link goes navy -> blue #2144AA (never orange / legacy colours);
   on dark surfaces it goes to white or soft blue #A3BBF3. ===== */
body#bdMainSite a:hover, body#bdMainSite a:hover span, body#bdMainSite a:hover strong, body#bdMainSite a:hover b, body#bdMainSite a:hover h3 { color: var(--dbim-blue) !important; }
/* white-on-blue controls stay white */
body#bdMainSite .button:hover, body#bdMainSite .btn:hover, body#bdMainSite a.readMore:hover, body#bdMainSite a.readMore:hover b,
body#bdMainSite .indexBanner .sliderControls a:hover, body#bdMainSite .sliderText a:hover,
body#bdMainSite #header #nav > li > a:hover, body#bdMainSite #header #nav > li > a:hover span,
body#bdMainSite .mp-menu a:hover, body#bdMainSite .menu-trigger:hover, body#bdMainSite .menu-trigger:hover em,
body#bdMainSite .resTab .tabNav li.r-tabs-state-active a:hover, body#bdMainSite .resTab .tabNav li.r-tabs-state-active a:hover span,
body#bdMainSite .resTabb .tabNavv li.r-tabs-state-activee a:hover,
body#bdMainSite .resTab .tabNav li:not(.r-tabs-state-default) a:hover, body#bdMainSite .resTab .tabNav li:not(.r-tabs-state-default) a:hover span,
body#bdMainSite .leftMenu .menuTitle a:hover, body#bdMainSite .innerBanner a:hover,
body#bdMainSite .pagination > .active > a:hover, body#bdMainSite .dbim-acc__btn[aria-pressed="true"]:hover { color: #fff !important; }
body#bdMainSite #footer .footerCont a:hover, body#bdMainSite #footer .footerCont a:hover span { color: var(--dbim-soft) !important; }
body#bdMainSite #header #nav ul li a:hover, body#bdMainSite #header #nav ul li a:hover span { color: var(--dbim-navy) !important; }
body#bdMainSite .resTab .tabNav li.r-tabs-state-default a:hover, body#bdMainSite .resTab .tabNav li.r-tabs-state-default a:hover span,
body#bdMainSite .resTabb .tabNavv li a:hover { color: var(--dbim-navy) !important; }
body#bdMainSite .resTabb .tabNavv li.r-tabs-state-activee a:hover { color: #fff !important; }
body#bdMainSite .dbim-ann__track a:hover, body#bdMainSite .dbim-ann__track a:hover span { color: var(--dbim-blue) !important; }
/* dark / high-contrast modes keep their own link colours */
html[data-dbim-contrast="dark"] body#bdMainSite a:hover { color: #fff !important; }
html[data-dbim-contrast="high"] body#bdMainSite a:hover { color: #fff !important; background: #000; }

/* ===== FINAL link colours: normal #2144AA, hover #162F6A (light surfaces). Blue / navy surfaces keep white text. ===== */
html body#bdMainSite :is(.contentPart, #innerContent, .innerContentPart, .breadcrumb, .commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery, .video-gallery .tickerDivBlock, .rightpart, .rightPartShadow, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .leftPartInner, .dbim-contact, table, .tabContent, .albumWrapper, .socialBlockCont .tabContent) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):not(.dbim-acc__link):not([class*="sliderPlay"]):not(.mp-back),
html body#bdMainSite :is(.contentPart, #innerContent, .commonListings, .press-release, .impHomeLinks, .photo-gallery, .rightpart, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .dbim-contact, table) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause) span { color: #2144AA !important; }
html body#bdMainSite :is(.contentPart, #innerContent, .innerContentPart, .breadcrumb, .commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery, .video-gallery .tickerDivBlock, .rightpart, .rightPartShadow, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .leftPartInner, .dbim-contact, table, .tabContent, .albumWrapper) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):not(.mp-back):hover,
html body#bdMainSite :is(.contentPart, #innerContent, .commonListings, .press-release, .impHomeLinks, .photo-gallery, .rightpart, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .dbim-contact, table) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):hover span,
html body#bdMainSite :is(.commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery) li:hover a:not(.readMore):not(.playPause) { color: #162F6A !important; }
/* cards whose whole body is a link (right column) and headings inside links */
html body#bdMainSite .rightContent_shadow_1 a h3, html body#bdMainSite .rightContent_shadow_2 a h3 { color: #2144AA !important; }
html body#bdMainSite .rightContent_shadow_1 a:hover h3, html body#bdMainSite .rightContent_shadow_2 a:hover h3 { color: #162F6A !important; }
/* left-menu and breadcrumb current items keep navy */
html body#bdMainSite .breadcrumb li:last-child, html body#bdMainSite .breadcrumb li.active { color: #162F6A; }
/* links on the footer / banners / nav are unchanged (white, soft-blue hover) */

/* hover must out-rank the base rule above (which carries extra :not() weight) */
html body#bdMainSite :is(.contentPart, #innerContent, .innerContentPart, .breadcrumb, .commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery, .video-gallery .tickerDivBlock, .rightpart, .rightPartShadow, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .leftPartInner, .dbim-contact, table, .tabContent, .albumWrapper) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):not(.mp-back):hover:hover:hover:hover:hover,
html body#bdMainSite :is(.contentPart, #innerContent, .commonListings, .press-release, .impHomeLinks, .photo-gallery, .rightpart, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .dbim-contact, table) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):hover:hover:hover:hover:hover span,
html body#bdMainSite :is(.commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery) li:hover:hover:hover a:not(.readMore):not(.playPause):not(.btn):not(.button):not(.r-tabs-anchor),
html body#bdMainSite .rightContent_shadow_1 a:hover:hover:hover:hover:hover h3, html body#bdMainSite .rightContent_shadow_2 a:hover:hover:hover:hover:hover h3 { color: #162F6A !important; }

/* ===== text inside tabs / buttons / bars must follow the link colour in EVERY state (fixes blue-on-navy and empty pills) ===== */
html body#bdMainSite :is(.resTabb .tabNavv, .resTab .tabNav, .button, .btn, a.readMore, .mp-menu, .menu-trigger, .indexBanner .sliderControls, .innerBanner, .leftMenu .menuTitle, #footer .footerCont, .dbim-acc__btn, .dbim-ann__label, #header #nav > li, .pagination .active) a span,
html body#bdMainSite :is(.resTabb .tabNavv, .resTab .tabNav, .button, .btn, a.readMore, .mp-menu, .menu-trigger, .indexBanner .sliderControls, .innerBanner, .leftMenu .menuTitle, #footer .footerCont, .dbim-acc__btn, #header #nav > li, .pagination .active) a:hover span,
html body#bdMainSite :is(.resTabb .tabNavv, .resTab .tabNav) a:focus span { color: inherit !important; background: transparent; }
/* tab anchors: explicit text colour per state, flat tab shape (no pill) */
html body#bdMainSite .resTabb .tabNavv li a, html body#bdMainSite .resTabb .tabNavv li a:hover:hover { border-radius: 4px 4px 0 0 !important; text-shadow: none !important; box-shadow: none !important; }
html body#bdMainSite .resTabb .tabNavv li.r-tabs-state-activee a, html body#bdMainSite .resTabb .tabNavv li.r-tabs-state-activee a:hover:hover, html body#bdMainSite .resTabb .tabNavv li.r-tabs-state-activee a:focus { color: #fff !important; background: #162F6A !important; }
html body#bdMainSite .resTabb .tabNavv li:not(.r-tabs-state-activee) a, html body#bdMainSite .resTabb .tabNavv li:not(.r-tabs-state-activee) a:hover:hover { color: #162F6A !important; background: #EEF2FB !important; }
html body#bdMainSite .resTabb .tabNavv li:not(.r-tabs-state-activee) a:hover:hover { background: #fff !important; }
html body#bdMainSite .resTabb .tabNavv li a .pd-bfont { padding: 0 !important; background: none !important; border-radius: 0 !important; box-shadow: none !important; }
/* any link that sits on a navy / blue fill never shows blue text */
html body#bdMainSite :is([style*="#162e6a"], [style*="#162E6A"], [style*="#162f6a"], .mainNavigation, .footerCont, .contentRightBlock_2 > h2) a { color: #fff !important; }

/* ===== link hover = soft light-blue pill (as on "Profile"): tint + rounded corners, no layout shift ===== */
html body#bdMainSite :is(.contentPart, #innerContent, .breadcrumb, .rightpart, .ambassadorDetailList, .site_map, #menuLeft, table, .tabContent, .albumWrapper, .dbim-contact__text, .leftPartInner) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):not(.mp-back):not(.dbim-acc__link):hover:hover:hover:hover:hover {
    background-color: #EEF2FB !important; border-radius: 6px; box-shadow: 0 0 0 3px #EEF2FB; color: #162F6A !important; text-decoration: none !important;
}
/* list rows already tint the whole row: keep the pill off the inner link to avoid a double box */
html body#bdMainSite :is(.commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery) li a:hover:hover:hover:hover:hover { background-color: transparent !important; box-shadow: none; }
/* the ambassador "Profile / Speeches" links are permanent pills; hover deepens the tint */
html body#bdMainSite .ambassadorDetailList a { padding: 4px 14px; border-radius: 999px; background-color: #EEF2FB; }
html body#bdMainSite .ambassadorDetailList a:hover:hover:hover:hover:hover { background-color: #D2DFFF !important; box-shadow: none; }
html[data-dbim-contrast="dark"] body#bdMainSite a:hover:hover:hover:hover:hover { background-color: #1B2130 !important; box-shadow: none; }
html[data-dbim-contrast="high"] body#bdMainSite a:hover:hover:hover:hover:hover { background-color: #000 !important; box-shadow: none; }

/* ===== footer v2: three aligned columns, aligned link grid, full-height map ===== */
#footer .footerCont .container { display: grid !important; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, .9fr); gap: 32px 40px; align-items: start; }
#footer .footerLeft, #footer .footerMiddle, #footer .footerRight { flex: none; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
#footer .footerLeft { grid-column: 1; grid-row: 1; }
#footer .footerMiddle { grid-column: 2; grid-row: 1; align-self: stretch; display: flex; }
#footer .footerRight { grid-column: 3; grid-row: 1; }
#footer .socialIconBox { grid-column: 1 / -1; grid-row: 2; }
#footer .footerMiddle iframe { width: 100% !important; height: 100% !important; min-height: 300px; border-radius: 6px; }
#footer .dbim-foot-h { margin: 0 0 12px; }
#footer ul.footerLinks { display: grid !important; grid-template-columns: repeat(3, minmax(0, max-content)); gap: 2px 28px; justify-content: start; margin: 0 0 20px !important; padding: 0 !important; list-style: none; }
#footer ul.footerLinks > li { float: none !important; display: block !important; margin: 0 !important; padding: 0 !important; width: auto !important; border: 0 !important; background: none !important; text-indent: 0 !important; }
#footer ul.footerLinks > li::before, #footer ul.footerLinks > li::after, #footer ul.footerLinks > li > a::after { content: none !important; display: none !important; }
#footer ul.footerLinks > li > a, #footer ul.footerLinks > li > a.topSitemap { display: inline-flex !important; align-items: center; gap: 6px; margin: 0 !important; padding: 6px 0 !important; white-space: nowrap; text-indent: 0; font-size: var(--fs-p2); line-height: 1.5; }
#footer ul.footerLinks > li > a::before { content: "" !important; display: block !important; flex: 0 0 14px; width: 14px; height: 14px; background: currentColor; -webkit-mask: url(../images/dbim-icons/chevron-right.svg) center / contain no-repeat; mask: url(../images/dbim-icons/chevron-right.svg) center / contain no-repeat; }
#footer .footerCont p { margin: 0 0 8px; }
@media only screen and (max-width: 1100px) {
    #footer .footerCont .container { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    #footer .footerLeft { grid-column: 1 / -1; grid-row: 1; }
    #footer .footerMiddle { grid-column: 1; grid-row: 2; }
    #footer .footerRight { grid-column: 2; grid-row: 2; }
    #footer .socialIconBox { grid-row: 3; }
}
@media only screen and (max-width: 700px) {
    #footer .footerCont .container { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    #footer .footerLeft, #footer .footerMiddle, #footer .footerRight, #footer .socialIconBox { grid-column: 1; grid-row: auto; }
    #footer ul.footerLinks { grid-template-columns: repeat(2, minmax(0, max-content)); }
    #footer .footerMiddle iframe { min-height: 240px; }
}
@media only screen and (max-width: 380px) { #footer ul.footerLinks { grid-template-columns: minmax(0, 1fr); } }
#footer ul.footerLinks::before, #footer ul.footerLinks::after, #footer .footerCont .container::before, #footer .footerCont .container::after { content: none !important; display: none !important; }
#footer .footerMiddle:empty, #footer .footerMiddle iframe { background: rgba(255,255,255,.06); }

/* social icons now live in the right column, directly under the copyright text */
#footer .footerRight .socialIconBox { grid-column: auto !important; grid-row: auto !important; flex: none; margin: 20px 0 0; padding: 16px 0 0; border-top: 1px solid rgba(255,255,255,.25); justify-content: flex-start; }
@media only screen and (max-width: 1100px) { #footer .footerRight .socialIconBox { grid-column: auto !important; grid-row: auto !important; } }

/* ===== dark / high-contrast: link colours must win over the light-theme link rules ===== */
html[data-dbim-contrast="dark"] html body#bdMainSite :is(.contentPart, #innerContent, .innerContentPart, .breadcrumb, .commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery, .video-gallery .tickerDivBlock, .rightpart, .rightPartShadow, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .leftPartInner, .dbim-contact, table, .tabContent, .albumWrapper, .socialBlockCont .tabContent) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):not(.mp-back):not(.dbim-acc__link), html[data-dbim-contrast="dark"] body#bdMainSite :is(.contentPart, #innerContent, .innerContentPart, .breadcrumb, .commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery, .video-gallery .tickerDivBlock, .rightpart, .rightPartShadow, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .leftPartInner, .dbim-contact, table, .tabContent, .albumWrapper, .socialBlockCont .tabContent) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):not(.mp-back):not(.dbim-acc__link), html[data-dbim-contrast="dark"] body#bdMainSite :is(.contentPart, #innerContent, .innerContentPart, .breadcrumb, .commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery, .video-gallery .tickerDivBlock, .rightpart, .rightPartShadow, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .leftPartInner, .dbim-contact, table, .tabContent, .albumWrapper, .socialBlockCont .tabContent) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):not(.mp-back):not(.dbim-acc__link) span { color: #8FB4FF !important; }
html[data-dbim-contrast="dark"] body#bdMainSite :is(.contentPart, #innerContent, .innerContentPart, .breadcrumb, .commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery, .video-gallery .tickerDivBlock, .rightpart, .rightPartShadow, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .leftPartInner, .dbim-contact, table, .tabContent, .albumWrapper, .socialBlockCont .tabContent) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):not(.mp-back):not(.dbim-acc__link):hover:hover:hover:hover:hover, html[data-dbim-contrast="dark"] body#bdMainSite :is(.contentPart, #innerContent, .innerContentPart, .breadcrumb, .commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery, .video-gallery .tickerDivBlock, .rightpart, .rightPartShadow, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .leftPartInner, .dbim-contact, table, .tabContent, .albumWrapper, .socialBlockCont .tabContent) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):not(.mp-back):not(.dbim-acc__link):hover:hover:hover:hover:hover span { color: #fff !important; background-color: #1B2130 !important; box-shadow: none !important; }
html[data-dbim-contrast="high"] body#bdMainSite :is(.contentPart, #innerContent, .innerContentPart, .breadcrumb, .commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery, .video-gallery .tickerDivBlock, .rightpart, .rightPartShadow, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .leftPartInner, .dbim-contact, table, .tabContent, .albumWrapper, .socialBlockCont .tabContent) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):not(.mp-back):not(.dbim-acc__link), html[data-dbim-contrast="high"] body#bdMainSite :is(.contentPart, #innerContent, .innerContentPart, .breadcrumb, .commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery, .video-gallery .tickerDivBlock, .rightpart, .rightPartShadow, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .leftPartInner, .dbim-contact, table, .tabContent, .albumWrapper, .socialBlockCont .tabContent) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):not(.mp-back):not(.dbim-acc__link) span { color: #FFFF00 !important; }
html[data-dbim-contrast="high"] body#bdMainSite :is(.contentPart, #innerContent, .innerContentPart, .breadcrumb, .commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery, .video-gallery .tickerDivBlock, .rightpart, .rightPartShadow, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .leftPartInner, .dbim-contact, table, .tabContent, .albumWrapper, .socialBlockCont .tabContent) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):not(.mp-back):not(.dbim-acc__link):hover:hover:hover:hover:hover, html[data-dbim-contrast="high"] body#bdMainSite :is(.contentPart, #innerContent, .innerContentPart, .breadcrumb, .commonListings, .commonListing, .press-release, .impHomeLinks, .photo-gallery, .video-gallery .tickerDivBlock, .rightpart, .rightPartShadow, .ambassadorDetailList, .dbim-ann__track, .site_map, #menuLeft, .leftPartInner, .dbim-contact, table, .tabContent, .albumWrapper, .socialBlockCont .tabContent) a:not(.readMore):not(.button):not(.btn):not(.r-tabs-anchor):not(.playPause):not(.mp-back):not(.dbim-acc__link):hover:hover:hover:hover:hover span { color: #fff !important; background-color: #000 !important; box-shadow: none !important; }
html[data-dbim-contrast="dark"] body#bdMainSite .commonListings li:hover, html[data-dbim-contrast="dark"] body#bdMainSite .press-release li:hover, html[data-dbim-contrast="dark"] body#bdMainSite .impHomeLinks li:hover, html[data-dbim-contrast="dark"] body#bdMainSite #menuLeft li a:hover { background-color: #1B2130 !important; }
html[data-dbim-contrast="dark"] body#bdMainSite .dbim-size, html[data-dbim-contrast="dark"] body#bdMainSite .dbim-meta { color: #C6C6C6 !important; }
html[data-dbim-contrast="high"] body#bdMainSite .dbim-size, html[data-dbim-contrast="high"] body#bdMainSite .dbim-meta { color: #fff !important; }
/* tables that overflow on phones scroll inside their own box instead of widening the page */
.responsiveTable, table.responsiveTable { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ===== dark / high-contrast fixes found in the audit ===== */
/* menu labels sit on the menu fill: spans must be transparent, current item readable */
html[data-dbim-contrast] body#bdMainSite #header #nav .dbim-mt, html[data-dbim-contrast] body#bdMainSite #header #nav a span { background: transparent !important; background-color: transparent !important; color: inherit !important; }
html[data-dbim-contrast="high"] body#bdMainSite #header #nav > li > a.dbim-current, html[data-dbim-contrast="high"] body#bdMainSite #header #nav > li > a.dbim-current .dbim-mt { background-color: #FFFF00 !important; color: #000 !important; }
html[data-dbim-contrast="dark"] body#bdMainSite #header #nav > li > a.dbim-current { background-color: #2144AA !important; color: #fff !important; }
/* search field */
html[data-dbim-contrast="high"] body#bdMainSite #header .dbim-search input[type="text"] { background-color: #000 !important; color: #fff !important; border: 2px solid #FFFF00 !important; }
html[data-dbim-contrast="dark"] body#bdMainSite #header .dbim-search input[type="text"] { background-color: #1B2130 !important; color: #E8EAF0 !important; }
/* breadcrumb trail */
html[data-dbim-contrast] body#bdMainSite .breadcrumb li, html[data-dbim-contrast] body#bdMainSite .breadcrumb li:last-child { color: #fff !important; background: transparent !important; }
/* home contact cards + ambassador pills */
html[data-dbim-contrast="dark"] body#bdMainSite .dbim-contact { background-color: #1B2130 !important; border-color: #39425A !important; }
html[data-dbim-contrast="dark"] body#bdMainSite .dbim-contact__title, html[data-dbim-contrast="dark"] body#bdMainSite .dbim-contact__body, html[data-dbim-contrast="dark"] body#bdMainSite .dbim-contact__text, html[data-dbim-contrast="dark"] body#bdMainSite .dbim-contact__text span { background-color: #1B2130 !important; color: #E8EAF0 !important; }
html[data-dbim-contrast="dark"] body#bdMainSite .dbim-contact__title { background-color: #26314F !important; }
html[data-dbim-contrast="dark"] body#bdMainSite .dbim-contact__text strong { color: #8FB4FF !important; background: transparent !important; }
html[data-dbim-contrast="high"] body#bdMainSite .dbim-contact, html[data-dbim-contrast="high"] body#bdMainSite .dbim-contact * { background-color: #000 !important; color: #fff !important; border-color: #fff !important; }
html[data-dbim-contrast="high"] body#bdMainSite .dbim-contact__icon, html[data-dbim-contrast="high"] body#bdMainSite .dbim-contact__icon * { background-color: #FFFF00 !important; }
html[data-dbim-contrast] body#bdMainSite .dbim-contact__icon { background-color: #2144AA !important; }
html[data-dbim-contrast="dark"] body#bdMainSite .ambassadorDetailList a { background-color: #26314F !important; color: #8FB4FF !important; }
html[data-dbim-contrast="high"] body#bdMainSite .ambassadorDetailList a { background-color: #000 !important; color: #FFFF00 !important; border: 1px solid #FFFF00; }
html[data-dbim-contrast="dark"] body#bdMainSite .rightContent_shadow_1, html[data-dbim-contrast="dark"] body#bdMainSite .rightContent_shadow_2, html[data-dbim-contrast="dark"] body#bdMainSite .rightContent_shadow_1 h3 { background-color: #1B2130 !important; color: #8FB4FF !important; }
html[data-dbim-contrast="high"] body#bdMainSite .rightContent_shadow_1, html[data-dbim-contrast="high"] body#bdMainSite .rightContent_shadow_2 { background-color: #000 !important; border: 1px solid #fff !important; }
html[data-dbim-contrast="high"] body#bdMainSite .rightContent_shadow_1 h3 { color: #FFFF00 !important; background: #000 !important; }

/* high contrast: apply the same surface reset to every container (the original rule only covered <body> and dark mode) */
html[data-dbim-contrast="high"] body :where(.page, #wrapper, #ContentPlaceHolder1_mainbody, div, section, article, aside, main, ul, ol, li, table, tr, td, th, form, p, h1, h2, h3, h4, h5, h6, label, fieldset, nav, footer, blockquote, dl, dt, dd) { background-color: #000 !important; color: #fff !important; border-color: #fff; }
html[data-dbim-contrast="high"] body#bdMainSite .page, html[data-dbim-contrast="high"] body#bdMainSite #ContentPlaceHolder1_mainbody { background-color: #000 !important; }
html[data-dbim-contrast="high"] body#bdMainSite img:not(.dbim-keep) { filter: grayscale(1) contrast(1.2); }
html[data-dbim-contrast="high"] body#bdMainSite :is(strong, b, em, small, span, label) { color: inherit; }
html[data-dbim-contrast="high"] body#bdMainSite :is(strong, b) { color: #fff !important; background: transparent !important; }
html[data-dbim-contrast="dark"] body#bdMainSite :is(strong, b) { color: #E8EAF0 !important; }