/**
 * InTBIR colour.
 *
 * The palette from the reviewed design. Two colours were doing the work before:
 * #bc1e51, a pink-leaning red from the vendor theme's "red" skin, and #630525
 * for links — close enough to clash, far enough apart to look unintentional.
 *
 * Crimson replaces both. Gold is the accent, used sparingly: a rule under the
 * masthead, a primary button. It is not a second brand colour.
 *
 * The ink values are deliberately darker than the review's first draft. #2b2b2b
 * on white gives about 3.9:1, below the 4.5:1 WCAG AA needs for body text, so
 * the draft was corrected to #1f1f1f and the muted greys with it. Do not revert
 * them to the lighter values.
 */

:root {
  --intbir-crimson: #a00000;
  --intbir-crimson-deep: #8f0000;
  --intbir-rose: #e04050;
  --intbir-gold: #f0c040;

  --intbir-ink: #1f1f1f;
  --intbir-ink-muted: #4a4746;
  --intbir-meta: #615c58;

  --intbir-page: #f7f5f3;
  --intbir-surface: #ffffff;
  --intbir-surface-tint: #faf8f6;
  --intbir-border: #e3dfdc;
  --intbir-hairline: #efebe8;
}

/* ---- Links ---- */

a { color: var(--intbir-crimson); }

a:hover,
a:focus {
  color: var(--intbir-crimson-deep);
  text-decoration: underline;
}

/* ---- Headings and text ---- */

h1, h2, h3, h4, h5, h6,
.page-title,
.widget.gsc-heading .title { color: var(--intbir-ink); }

body { color: var(--intbir-ink); }

.post-meta, .submitted, .journal, figcaption { color: var(--intbir-meta); }

/* ---- The theme's own accent ----
   The red skin paints #bc1e51 across roughly 212 declarations. Rather than
   fight each one, the elements that actually show it are repainted here. */

.widget.gsc-heading .title:after,
.widget.gsc-heading.style-1 .title:after,
.widget.gsc-heading.style-2 .title:after,
.page-title:after {
  background-color: var(--intbir-crimson);
}

.gsc-icon-box .icon,
.gsc-icon-box .icon i,
.widget.gsc-icon-box .highlight_icon { color: var(--intbir-crimson); }

.gsc-icon-box .icon-inner,
.widget.gsc-icon-box .icon-wrap { border-color: var(--intbir-crimson); }

/* ---- Buttons ---- */

.btn-theme,
.btn-primary,
.button--primary,
.webform-submission-form .form-actions .form-submit,
.webform-button--submit,
input[type="submit"].form-submit {
  background-color: var(--intbir-crimson);
  border-color: var(--intbir-crimson);
  color: #fff;
}

.btn-theme:hover,
.btn-primary:hover,
.button--primary:hover,
.webform-submission-form .form-actions .form-submit:hover,
.webform-button--submit:hover,
input[type="submit"].form-submit:hover {
  background-color: var(--intbir-crimson-deep);
  border-color: var(--intbir-crimson-deep);
  color: #fff;
}

/* ---- Navigation ---- */

.navigation .gva_menu > li > a:hover,
.navigation .gva_menu > li.active > a,
.navigation .gva_menu > li.current-menu-item > a { color: var(--intbir-crimson); }

.navigation .gva_menu .sub-menu { border-top: 2px solid var(--intbir-crimson); }

.navigation .gva_menu .sub-menu a:hover {
  color: var(--intbir-crimson);
  background-color: var(--intbir-surface-tint);
}

/* ---- Read-more and inline links ---- */

.readmore a,
.publication-readmore a,
.post-content .readmore a { color: var(--intbir-crimson); }

/* ---- Surfaces ---- */

.footer .footer-top .before-footer,
.footer-top { background-color: var(--intbir-surface); }

hr, .hairline { border-color: var(--intbir-hairline); }

/* ---- Focus ----
   The vendor theme leaves focus to the browser default, which disappears
   against a coloured background. A visible ring matters more for keyboard and
   screen-reader users than it costs visually. */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--intbir-crimson);
  outline-offset: 2px;
}

/* ---- Icon boxes ----
   The skin paints the circle, the glyph and three decorative dots in #bc1e51
   and #ef5555. Repainted here in crimson, with the dots in rose so they stay
   subordinate to the ring rather than competing with it. */
.widget.gsc-icon-box .icon-container,
.widget.gsc-icon-box .icon,
.widget.gsc-icon-box .highlight-icon .icon-container {
  color: var(--intbir-crimson);
  border-color: var(--intbir-crimson);
}

.widget.gsc-icon-box [class*="notes__dot"] {
  background-color: var(--intbir-rose);
  border-color: var(--intbir-rose);
}

/* ---- Hero legibility ----
   The photograph is bright where the headline sits, so white text over it fails
   contrast. A dark gradient, heaviest at the left and gone by the middle, keeps
   the words legible without dimming the faces or the imaging screens the
   picture is there to show.

   The slider is Slider Revolution. Its captions sit at z-index 2 and 3, so the
   scrim goes on the slide itself at z-index 1: above the background image,
   below the text. Putting it on .slotholder does not work - the plugin rewrites
   that element's styles after load. */
.tp-revslider-slidesli:after,
li.tp-revslider-slidesli.active-revslide:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    rgba(18, 8, 8, 0.74) 0%,
    rgba(18, 8, 8, 0.56) 30%,
    rgba(18, 8, 8, 0.18) 56%,
    rgba(18, 8, 8, 0) 74%);
  pointer-events: none;
  z-index: 1;
}