/* Self-contained replacements for the handful of Bootstrap-era classes the old theme markup
   used, plus the @font-face declarations that used to be inlined by header.php. No frameworks. */

@font-face { font-display: swap; font-family: "fontello"; font-style: normal; font-weight: 400;
  src: url('/fonts/fontello/fontello.woff2') format('woff2'), url('/fonts/fontello/fontello.woff') format('woff'), url('/fonts/fontello/fontello.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: "PN"; font-style: normal; font-weight: 400;
  src: url('/fonts/proximanova/pn.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: "Herculanum"; font-style: normal; font-weight: 400;
  src: url('/fonts/h/h.woff2') format('woff2'), url('/fonts/h/h.woff') format('woff'), url('/fonts/h/h.ttf') format('truetype'); }

.fontello-comment:before { content: '\e800'; } .fontello-cancel:before { content: '\e801'; }
.fontello-mail:before { content: '\e802'; } .fontello-search:before { content: '\e803'; }
.fontello-sun:before { content: '\e804'; } .fontello-sun-filled:before { content: '\e805'; }
.fontello-mail-alt:before { content: '\f0e0'; } .fontello-youtube-squared:before { content: '\f166'; }
.fontello-youtube:before { content: '\f167'; } .fontello-youtube-play:before { content: '\f16a'; }
.fontello-share:before { content: '\f1e0'; } .fontello-pinterest:before { content: '\f231'; }
.fontello-twitter:before { content: '\f309'; } .fontello-facebook:before { content: '\f30c'; }
.fontello { font-family: "fontello"; font-style: normal; font-weight: normal; display: inline-block; }

/* Minimal grid: only what the salvaged markup actually uses. */
.row { display: flex; flex-wrap: wrap; align-items: center; }
.col { flex: 1 0 0; min-width: 0; }
.col, [class*="col-"] { position: relative; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.d-none { display: none !important; }
.rounded-circle { border-radius: 50%; object-fit: cover; }
@media (min-width: 768px) {
  .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
  .d-md-none { display: none !important; }
  .d-md-block { display: block !important; }
}
@media (min-width: 992px) {
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
}
/* Card columns top-align; the generic .row centers (navbar/footer). */
.row:has(.previewHover) { align-items: flex-start; }

/* Breathing room the WordPress page structure used to provide. Post-page heroes
   must touch the navbar, so the top spacing lives on the card containers instead. */
main { display: block; padding: 0 0 80px; }
main .largeContainer { padding-top: 20px; }
main h1 { margin-top: 0; }

/* 2026 reborn tweaks: Read More is always visible, orange, and flush with the
   card (the old hover-reveal felt broken); card rows get more breathing room. */
.previewReadMore { opacity: 1 !important; left: 0 !important; font-weight: bold; }
.previewReadMore:before { display: none; }
.previewHover .previewReadMore a, .previewHover .previewReadMore:hover a { color: #dd6a0d !important; }
.previewHover { margin-bottom: 40px; }