/* =============================================================
   barrio_npm — brand tokens + site-wide colour rules
   Tokens + page bg/text + link/button/utility colour overrides.
   ============================================================= */

:root {
  /* NPM official style-guide colours. Site-wide; consumed by every other
     CSS file. Copied verbatim from barrio_white/css/colors.css. */
  --npm-blue: rgb(137, 190, 199);
  --npm-beige: rgb(217, 202, 166);
}

/* ---------- Page-level resets ---------- */

body {
  color: #2a2a2a;
  background: #fff;
}

/* ---------- Links ----------
   Site-wide link colour. barrio_npm's .np-navbar and .np-landing-link rules
   override these in their own scope (higher specificity). */

a, .link {
  color: indianred;
}
a:hover, a:focus,
.link:hover, .link:focus {
  color: indianred;
}
a:active, .link:active {
  color: indianred;
}

/* ---------- Pagination ---------- */

.page-item.active .page-link {
  background-color: #D9CAA6;
  border-color: #D9CAA6;
  color: black;
}
.page-link,
.page-link:hover {
  color: black;
}

/* ---------- Sidebar / footer ---------- */

.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}

.site-footer {
  background: white;
}

/* ---------- Button colour overrides ----------
   Visual rules (padding, typography, hover transition) live in
   components.css; colour tokens live here. */

.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #0256b1;
}

.btn-danger {
  background-color: rgb(217, 202, 166) !important;
  border-color: rgb(217, 202, 166) !important;
}

.btn-secondary {
  background-color: rgb(137, 190, 199) !important;
  border-color: rgb(139, 190, 199) !important;
}

.btn-dark {
  background-color: rgb(0, 0, 0) !important;
  border-color: rgb(0, 0, 0) !important;
}

button.button {
  background-color: rgb(119, 193, 89) !important;
  border-color: rgb(119, 193, 89) !important;
}

#edit-submit {
  background-color: transparent !important;
}

/* ---------- Utility colour classes ----------
   Used inline from templates and content (TinyMCE / CKEditor classes,
   Twig conditional classes). */

.text-beige        { color: #D9CAA6 !important; }
.text-red,
.text-red a        { color: red !important; }
.text-midnightblue { color: midnightblue; }
.text-indianred    { color: indianred !important; }
.text-underline    { text-decoration: underline; }

.ashgray           { color: #ACBABB; }
.kanapu-purple     { color: #381C4C; }
.timberwolf        { color: #DBD7D1; }
.rustybrown        { color: rgba(74, 31, 28, 1); }
.arblue            { color: #85b4ba; }
.conferenceorange  { color: #C08A3F; }
.conferencegreen   { color: #006e6d !important; }

.dropshadow {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
}

/* ---------- View display fixed colours ---------- */

.view-display-id-block_6 {
  background-color: lightgray;
  padding-top: 1em;
  padding-bottom: 3em;
}

.view-display-id-block_10 img {
  width: 100%;
  height: 100%;
}