.list-pagination { position: relative; list-style: none; margin-bottom: 24px; padding: 0; color: var(--coal); line-height: 1.2; letter-spacing: .2em; }
  .list-pagination li { margin: 0 7.5px; font-size: 11px }
  .list-pagination a { font-size: 1.4545454545em; }
  .list-pagination .prev, .list-pagination .next { position: absolute; top: 0; bottom: 0; margin: 0; }
    .list-pagination .prev { left: 0; }
    .list-pagination .next { right: 0; }
    .list-pagination .prev a, .list-pagination .next a { overflow: hidden; width: 32px; font-size: 9px; text-indent: -3000em; text-align: left; direction: ltr; }
      .list-pagination .prev a:before { content: "\e917\e917"; }
      .list-pagination .next a:before { content: "\e918\e918"; }
  .module-entry + .list-pagination { margin-top: -25px; }

#elc-cookie-tab {background-color: none !important; }

/* 9 Oct 2023 add padding to move long captions out from behind the red expand button */
#content article.module-article figure.has-fancy figcaption {margin: 20px 0px 0px 25px;}

#MobileOnlyBanner { display: none; }
@media screen and (max-width: 500px) {
  #MobileOnlyBanner { display: block; }
  #DesktopAndTabletBanner { display: none; }
}

#DesktopAndTabletBanner a, #MobileOnlyBanner a {text-decoration: none; }
#DesktopAndTabletBanner a:hover, #MobileOnlyBanner a:hover {color: initial; }

.three-image-block-mobile {
  display: none;
}
@media (max-width: 800px) {
  .three-image-block-mobile {
    display: block !important;
  }
  .three-image-block-desktop {
    display: none;
  }
}

span.anbodTT {
  background-color: #DFDED6 !important;
}

/* Use the same custom bullet, but flip it to the RIGHT in RTL */

/* 1) Content lists only (exclude the tab nav) */
.tabs-a[dir="rtl"] > div ul,
.anbodrtl[dir="rtl"] ul {
  list-style: none !important;    /* keep using custom ::before bullet */
  padding-left: 0 !important;     /* undo global LTR padding */
  padding-right: 30px !important; /* mirror the 30px gutter */
}

/* 2) Mirror the li padding/gutter */
.tabs-a[dir="rtl"] > div ul > li,
.anbodrtl[dir="rtl"] ul > li {
  position: relative;             /* same as LTR */
  padding-left: 0 !important;
  padding-right: 30px !important; /* make room for the bullet on the right */
  text-align: right;              /* nice wrapping under the text */
}

/* 3) Flip the existing ::before bullet to the RIGHT
      (do NOT change content/size/background — we inherit those) */
.tabs-a[dir="rtl"] > div ul > li::before,
.anbodrtl[dir="rtl"] ul > li::before {
  left: auto !important;
  right: 0 !important;
  margin-left: 0 !important;
  /* optional nudge if your LTR bullet used a left margin */
  /* margin-right: .5em !important; */
  transform: none !important;     /* in case LTR used a translateX from the left */
}

/* 4) Keep the tab nav menu clean (no bullets) */
.tabs-a[dir="rtl"] nav ul { list-style: none !important; padding: 0 !important; }
.tabs-a[dir="rtl"] nav li::before { content: none !important; }