/* Makedawiedman overrides & additions (loaded last). */

.page-wrap { overflow-x: hidden; }

/* Brand logo as text */
.site-header .logo .logo-img { display: flex; align-items: center; text-decoration: none; }
.site-header .logo .logo-text {
  font-family: MetaOT-CondBold, sans-serif;
  font-size: 3.4rem;
  line-height: 1;
  letter-spacing: .02em;
  color: #18191b;
  text-transform: uppercase;
}
@media (min-width: 992px) { .site-header .logo .logo-text { font-size: 4.4rem; } }

/* Card titles were h1 in the mirror; ours are h3 */
.article-card-small h3 { margin-top: 8px; font-size: 2.4rem; line-height: 1.2; font-family: MetaOT-CondBook, sans-serif; }
.article-card-small.mobile-list-card h3 { font-size: 1.8rem; line-height: 1.2; }

/* Sticky feature card (mirror uses h1, ours is h3 for a single page H1) */
.article-card h3 { margin-top: 12px; font-size: 2.2rem; line-height: 1.3; font-family: MetaOT-CondBook, sans-serif; color: #fff; }
@media (min-width: 769px) { .article-card h3 { font-size: 4.2rem; line-height: 1.2; } }
.article-card h3 a { color: inherit; }

/* Centre the feature card title+meta on the large image (mirror puts it bottom-left) */
.article-card-sticky .content-wrapper {
  top: 0; bottom: 0; height: 100%;
  display: flex; flex-direction: column;
  justify-content: center; align-items: center; text-align: center;
}
.article-card-sticky .info { justify-content: center; }

/* Hero titles were h1 in the mirror; ours are h2 */
.hero-section .text h2.hero-title { font-size: 3rem; line-height: 1.1; font-family: MetaHeadlineOT-Light, sans-serif; color: #000; max-width: 913px; margin-bottom: 4px; }
@media (min-width: 769px) { .hero-section .text h2.hero-title { margin-bottom: 32px; } }
.hero-section .text h2.hero-title i,
.hero-section .text h2.hero-title span,
.hero-section .text h1 i,
.hero-section .text h1 span { display: inline-block; }

/* Mobile news list titles were h1 in the mirror; ours are h3 */
.latest-news .news-item h3 { margin-top: 8px; font-size: 2.2rem; line-height: 1.3; font-family: MetaOT-CondBook, sans-serif; transition: transform 350ms cubic-bezier(.16,.32,.21,.93); transform: translate3d(0,0,0); }
.latest-news .news-item:hover h3 { transform: translateX(-8px); }
.latest-news .news-item.pressed h3 { transform: translate3d(-12px,0,0); }

/* Inline text button (View all) */
.btn.primary-btn { display: inline-block; padding: 14px 32px; background: #70b656; color: #fff; font-family: MetaOT-CondBold, sans-serif; text-transform: uppercase; letter-spacing: .04em; text-decoration: none; }
.btn.primary-btn:hover { background: #60a447; }

/* Homepage intro */
.home-intro { max-width: 1140px; margin: 40px auto 0; padding: 0 15px; }
.home-intro .home-title { font-size: 3.2rem; line-height: 1.15; margin-bottom: 12px; }
@media (min-width: 992px) { .home-intro .home-title { font-size: 5.2rem; } }
.home-intro p { font-size: 1.8rem; line-height: 1.5; color: #474b53; max-width: 760px; font-family: MetaOT-CondBook, sans-serif; }

.section-block { max-width: 1140px; margin: 64px auto 0; padding: 0 15px; }
.news-title { margin-bottom: 32px; }

/* Category tiles */
.category-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.category-tile {
  display: flex; flex-direction: column; gap: 8px;
  padding: 28px 24px; text-decoration: none; color: #18191b;
  background: #f4f6f7; border-top: 4px solid var(--cat, #70b656);
  transition: background 250ms ease, transform 250ms ease;
}
.category-tile:hover { background: #e2eef3; transform: translateY(-4px); }
.category-tile-name { font-family: MetaOT-CondBold, sans-serif; font-size: 2.4rem; line-height: 1.1; }
.category-tile-blurb { font-family: MetaOT-CondBook, sans-serif; font-size: 1.5rem; line-height: 1.4; color: #474b53; }
.category-tile-cta { margin-top: auto; font-family: MetaOT-CondBold, sans-serif; font-size: 1.4rem; color: var(--cat, #70b656); text-transform: uppercase; letter-spacing: .08em; }

/* Homepage about block */
.home-about p { max-width: 760px; font-size: 1.8rem; line-height: 1.6; margin-bottom: 20px; font-family: MetaOT-CondBook, sans-serif; }

/* Article / page content links inside .editor are themed; related items: */
.related-item { display: block; padding: 10px 0; border-bottom: 1px solid #cdcdcd; font-family: MetaOT-CondBold, sans-serif; font-size: 1.8rem; color: #18191b; text-decoration: none; }
.related-item:hover { color: #70b656; }
.related-item .clamp { display: block; }

/* Search box */
.search-box { margin: 24px 0 8px; max-width: 560px; }
.search-input { width: 100%; padding: 14px 16px; font-size: 1.6rem; border: 1px solid #cdcdcd; font-family: MetaOT-CondBook, sans-serif; }

/* Cookie bar */
.cookie-bar { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: #18191b; color: #fff; }
.cookie-bar.show { display: block; }
.cookie-inner { max-width: 1140px; margin: 0 auto; padding: 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.cookie-inner p { margin: 0; font-size: 1.5rem; line-height: 1.4; color: #e2eef3; }
.cookie-inner a { color: #70b656; }
.cookie-btn { background: #70b656; color: #fff; border: 0; }

/* Fix: newsletter confirm text colour inside dark section inherited */
.newsletter-section .terms .container-check { color: inherit; }

/* Newsletter CTA bar (mirror newsletter form replaced with a contact bar) */
.newsletter-section .contact-bar { display: block; width: 100%; max-width: 420px; margin: 0 auto; text-align: center; }

/* Category pages: centre the breadcrumb in the middle of the big header image
   (mirrors the centred homepage feature card; mirror places it bottom-left) */
.single-page.archive .page-head { position: relative; width: -moz-fit-content; width: fit-content; max-width: 100%; margin: 0 auto; }
.single-page.archive .page-head img { display: block; width: 100%; height: auto; }
.single-page.archive .page-head p {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  margin: 0; text-align: center;
  color: #000; background: #e2eef3;
  padding: 20px 40px; font-size: 2.2rem; line-height: 1.3;
}
@media (min-width: 769px) { .single-page.archive .page-head p { padding: 35px 60px; } }
.single-page.archive .page-head p a { font-family: MetaOT-CondBold, sans-serif; color: #18191b; text-decoration: none; border-bottom: 1px solid #cdcdcd; }