/*
 * Orde en Vlijt child theme.
 * Calm and formal: dark header, warm paper background, one brass accent, serif headings.
 * All rules sit under body.oenv so the bbPress forum keeps its own look.
 */

@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-wght-normal.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-wght-italic.woff2") format("woff2"); font-weight: 300 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  --oenv-black: #16181a;
  --oenv-ink: #1f2022;
  --oenv-gray: #5c5d5f;
  --oenv-line: #ddd6c8;
  --oenv-paper: #f7f4ee;
  --oenv-stone: #ece7dd;
  --oenv-white: #fffdf9;
  --oenv-brass: #a47c3b;        /* accents, lines */
  --oenv-brass-dark: #7a5a22;   /* links on light background (AA contrast) */
  --oenv-brass-light: #d9b77a;  /* accents on dark background */
  --oenv-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --oenv-sans: "Inter", "Segoe UI", system-ui, sans-serif;
  --oenv-wrap: min(1160px, 90vw);
}

/* ---------- Base ---------- */
body.oenv {
  font-family: var(--oenv-sans); font-size: 17px; line-height: 1.7; color: var(--oenv-ink);
  background: var(--oenv-paper) !important; -webkit-font-smoothing: antialiased;
}
body.oenv.boxed-layout #outer-wrap, body.oenv.boxed-layout #wrap { max-width: none; width: auto !important; margin: 0; background: transparent; box-shadow: none; overflow: visible }
body.oenv.boxed-layout #content-wrap.container, body.oenv.boxed-layout #footer-bottom-inner.container { width: var(--oenv-wrap) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important }
body.oenv .entry .alignwide, body.oenv .entry .alignfull { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important }
body.oenv #main #content-wrap { padding-top: 64px; padding-bottom: 88px }
body.oenv ::selection { background: var(--oenv-brass-light); color: var(--oenv-black) }

body.oenv h1, body.oenv h2, body.oenv h3, body.oenv h4, body.oenv h5, body.oenv h6 { font-family: var(--oenv-display); font-weight: 500; color: var(--oenv-black); letter-spacing: 0 }
body.oenv .entry h2 { font-size: clamp(32px, 3.6vw, 46px); line-height: 1.12; margin: 1.4em 0 .6em }
body.oenv .entry h3 { font-size: 28px; line-height: 1.2 }
body.oenv .entry h4 { font-size: clamp(21px, 2vw, 25px); line-height: 1.45; font-weight: 500 }
body.oenv .entry p, body.oenv .entry li { color: var(--oenv-ink) }
body.oenv:not(.home) .entry > p, body.oenv:not(.home) .entry > h2, body.oenv:not(.home) .entry > h3, body.oenv:not(.home) .entry > h4,
body.oenv:not(.home) .entry > ul, body.oenv:not(.home) .entry > ol { max-width: 44em; margin-left: auto; margin-right: auto }
body.oenv .entry a:not(.oenv-btn):not(.wp-block-button__link) { color: var(--oenv-brass-dark); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px }
body.oenv .entry a:not(.oenv-btn):not(.wp-block-button__link):hover { color: var(--oenv-black) }
body.oenv a:focus-visible, body.oenv button:focus-visible, body.oenv input:focus-visible, body.oenv textarea:focus-visible, body.oenv select:focus-visible { outline: 2px solid var(--oenv-brass); outline-offset: 3px }

body.oenv .oenv-eyebrow, body.oenv .oenv-label { margin: 0 0 14px; color: var(--oenv-brass-dark); font: 600 12px/1.4 var(--oenv-sans); letter-spacing: .2em; text-transform: uppercase }

/* ---------- Page title band (inner pages) ---------- */
body.oenv .page-header { background: var(--oenv-stone) !important; border-bottom: 1px solid var(--oenv-line); padding: 44px 0 }
body.oenv .page-header .page-header-title { font: 500 clamp(32px, 3.4vw, 44px)/1.15 var(--oenv-display) !important; color: var(--oenv-black) !important }
body.oenv .site-breadcrumbs, body.oenv .site-breadcrumbs a { color: var(--oenv-gray) !important; font-size: 13px }

/* ---------- Header and menu ---------- */
body.oenv #site-header {
  position: sticky; top: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; height: auto !important;
  padding: 0 clamp(18px, 5vw, 64px); background: var(--oenv-black) !important; border: 0 !important; border-bottom: 1px solid rgba(164,124,59,.55) !important; box-shadow: none !important;
}
body.oenv #site-header .overlay-header-media { display: none }
body.oenv #site-header .header-bottom { flex: 0 1 auto; padding: 0 }
body.oenv #site-header .header-bottom .container, body.oenv #site-header .header-top .container { width: auto; max-width: none; padding: 0 }
body.oenv #site-header .header-top { flex: 1 1 auto; background: transparent !important; box-shadow: none !important; border: 0 !important }
body.oenv #site-header #site-header-inner { display: flex; align-items: center; justify-content: flex-end; gap: 6px }
body.oenv #site-header .left, body.oenv #site-header .right { float: none !important }
body.oenv #site-header #site-navigation-wrap { left: 0 !important; float: none }
body.oenv #site-navigation-wrap .dropdown-menu { white-space: nowrap }
body.oenv #site-logo { padding: 0 !important; height: auto !important; line-height: 1 }
body.oenv #site-logo #site-logo-inner { height: auto }
body.oenv #site-logo .site-title { display: inline-flex; align-items: center; gap: 14px; padding: 10px 0; font: 500 20px/1.15 var(--oenv-display) !important; color: #fff !important; max-width: 340px; text-decoration: none }
body.oenv #site-logo .site-title::before { content: ""; flex: none; width: 60px; height: 60px; border-radius: 50%; background: #fff url("../img/zegel-rood.png") center/92% no-repeat }
body.oenv #site-navigation-wrap .dropdown-menu > li > a { font: 500 13px/72px var(--oenv-sans) !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #f1eee8 !important; padding: 0 12px !important }
body.oenv #site-navigation-wrap .dropdown-menu > li > a:hover,
body.oenv #site-navigation-wrap .dropdown-menu > li.current-menu-item > a,
body.oenv #site-navigation-wrap .dropdown-menu > li.current-menu-parent > a,
body.oenv #site-navigation-wrap .dropdown-menu > li.current-menu-ancestor > a { color: var(--oenv-brass-light) !important }
body.oenv #site-navigation-wrap .dropdown-menu .sub-menu { background: var(--oenv-black); border: 0; border-top: 2px solid var(--oenv-brass); border-radius: 0; box-shadow: 0 16px 30px -18px rgba(0,0,0,.6); padding: 6px 0; min-width: 250px }
body.oenv #site-navigation-wrap .dropdown-menu .sub-menu li a { font: 400 14px/1.4 var(--oenv-sans); text-transform: none !important; letter-spacing: 0 !important; color: #e8e4da !important; padding: 11px 20px; border: 0 !important }
body.oenv #site-navigation-wrap .dropdown-menu .sub-menu li a:hover { color: var(--oenv-brass-light) !important; background: rgba(255,255,255,.04) }
body.oenv #site-header .site-search-toggle, body.oenv #site-header .search-toggle-li a { color: #fff !important }
body.oenv #searchform-dropdown { background: var(--oenv-black); border: 0; border-top: 2px solid var(--oenv-brass) }
body.oenv #searchform-dropdown input { background: transparent; color: #fff; border: 0 }
body.oenv .oceanwp-mobile-menu-icon a { color: #fff !important; font: 600 13px var(--oenv-sans); letter-spacing: .12em; text-transform: uppercase }
body.oenv #mobile-dropdown { background: var(--oenv-black); border-top: 1px solid rgba(164,124,59,.55) }
body.oenv #mobile-dropdown ul li a { color: #fff; font: 500 16px var(--oenv-sans); border-bottom: 1px solid rgba(255,255,255,.08) }
body.oenv #mobile-dropdown ul li a:hover { color: var(--oenv-brass-light) }

/* ---------- Front-page hero ---------- */
body.oenv .oenv-hero { position: relative; display: grid; align-items: center; min-height: min(78vh, 720px); color: #fff; overflow: hidden; isolation: isolate; background: var(--oenv-black) }
body.oenv .oenv-hero__bg { position: absolute; inset: 0; z-index: -2; background: url("../img/werkplaats.jpg") center 40% / cover }
body.oenv .oenv-hero__shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(14,15,16,.82) 0%, rgba(14,15,16,.55) 55%, rgba(14,15,16,.25) 100%) }
body.oenv .oenv-hero__inner { width: var(--oenv-wrap); margin: 0 auto; padding: 88px 0 }
body.oenv .oenv-hero .oenv-label { color: var(--oenv-brass-light) }
body.oenv .oenv-hero h1 { margin: 0 0 22px; max-width: 15ch; color: #fff; font: 400 clamp(42px, 6vw, 80px)/1.04 var(--oenv-display) }
body.oenv .oenv-hero p { max-width: 34em; margin: 0 0 34px; color: #e9e6df; font-size: 19px; line-height: 1.6 }

/* ---------- Buttons and links ---------- */
body.oenv .oenv-btn, body.oenv .wp-block-button__link, body.oenv input[type="submit"], body.oenv button[type="submit"]:not(.search-submit) {
  display: inline-block; padding: 14px 26px; border: 1px solid var(--oenv-black); border-radius: 2px; background: var(--oenv-black); color: #fff !important;
  font: 600 13px/1 var(--oenv-sans); letter-spacing: .12em; text-transform: uppercase; text-decoration: none !important; cursor: pointer;
  transition: background-color .2s, border-color .2s, color .2s;
}
body.oenv .oenv-btn:hover, body.oenv .wp-block-button__link:hover, body.oenv input[type="submit"]:hover, body.oenv button[type="submit"]:not(.search-submit):hover { background: var(--oenv-brass-dark); border-color: var(--oenv-brass-dark); color: #fff !important }
body.oenv .oenv-hero .oenv-btn { background: transparent; border-color: var(--oenv-brass-light); color: #fff !important }
body.oenv .oenv-hero .oenv-btn:hover { background: var(--oenv-brass-light); border-color: var(--oenv-brass-light); color: var(--oenv-black) !important }
body.oenv .oenv-textlink { color: var(--oenv-brass-dark) !important; font: 600 13px var(--oenv-sans); letter-spacing: .12em; text-transform: uppercase; text-decoration: underline !important; text-underline-offset: 4px }

/* ---------- Front page: three articles ---------- */
body.oenv.home #main #content-wrap { width: 100% !important; padding: 0 !important }
body.oenv.home #primary, body.oenv.home #content { width: 100% !important; padding: 0 !important; float: none !important }
body.oenv.home #right-sidebar { display: none !important }
body.oenv .oenv-front { overflow: hidden }

body.oenv .oenv-feature { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 0; width: var(--oenv-wrap); margin: 0 auto; padding: 96px 0; border-bottom: 1px solid var(--oenv-line) }
body.oenv .oenv-feature:last-of-type { border-bottom: 0 }
body.oenv .oenv-feature__text { grid-column: 1; grid-row: 1; padding-right: 64px }
body.oenv .oenv-feature__media { grid-column: 2; grid-row: 1 }
body.oenv .oenv-feature--flip .oenv-feature__text { grid-column: 2; padding: 0 0 0 64px }
body.oenv .oenv-feature--flip .oenv-feature__media { grid-column: 1 }
body.oenv .oenv-feature h2 { margin: 0 0 22px !important; font-size: clamp(32px, 3.4vw, 46px) !important; line-height: 1.12 }
body.oenv .oenv-feature h2::after { content: ""; display: block; width: 48px; height: 2px; margin-top: 18px; background: var(--oenv-brass) }
body.oenv .oenv-feature p { margin: 0 0 18px; font-size: 18px; line-height: 1.75 }
body.oenv .oenv-feature .oenv-eyebrow { font-size: 12px; margin-bottom: 14px }
body.oenv .oenv-feature__links { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 30px !important }
body.oenv .oenv-feature__media img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 2px; box-shadow: none !important }

/* Article 1: the article panel covers the left edge of the symbol */
body.oenv .oenv-feature--symbol { grid-template-columns: 1fr; padding: 0; width: 100%; min-height: 640px; border-bottom: 1px solid var(--oenv-line) }
body.oenv .oenv-feature--symbol .oenv-feature__media { position: absolute; inset: 0; grid-column: 1; overflow: hidden; color: var(--oenv-black); pointer-events: none }
body.oenv .oenv-feature--symbol .oenv-symbol { position: absolute; top: 50%; left: 66%; width: min(52vw, 640px); transform: translate(-50%, calc(-50% + var(--oenv-drift, 0px))) }
body.oenv .oenv-symbol__cut { fill: var(--oenv-paper) }
body.oenv .oenv-feature--symbol .oenv-feature__text { position: relative; z-index: 1; width: 50%; margin: 96px 0 96px max(5vw, calc((100vw - 1160px) / 2)); padding: 56px 56px 56px 0; background: var(--oenv-paper); border-right: 1px solid var(--oenv-brass) }

body.oenv .oenv-members { width: var(--oenv-wrap); margin: 0 auto; padding: 28px 0 64px; border-top: 1px solid var(--oenv-line); text-align: right; font-size: 14px }
body.oenv .oenv-members a { color: var(--oenv-gray) !important }

/* ---------- Content blocks on inner pages ---------- */
body.oenv .entry .wp-block-columns { gap: 40px; margin-bottom: 56px }
body.oenv .entry img { border-radius: 2px }
body.oenv .entry .wp-block-table td img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover }
body.oenv .entry .wp-block-image figcaption { color: var(--oenv-gray); font-size: 14px; text-align: center }
body.oenv .entry blockquote { margin: 2em 0; padding: 4px 0 4px 26px; border-left: 2px solid var(--oenv-brass); font: 400 italic 24px/1.45 var(--oenv-display); color: var(--oenv-black) }
body.oenv .entry hr { border: 0; height: 1px; background: var(--oenv-line); margin: 3em 0 }
body.oenv .entry iframe[src*="google.com/maps"] { width: 100%; border: 1px solid var(--oenv-line) }

/* Sidebar */
body.oenv #right-sidebar .widget-title { font: 600 12px var(--oenv-sans); letter-spacing: .18em; text-transform: uppercase; color: var(--oenv-brass-dark); border-color: var(--oenv-brass) }

/* ---------- Events and registration form ---------- */
body.oenv .tribe-common { --tec-color-accent-primary: #7a5a22; --tec-color-accent-primary-hover: #16181a; --tec-color-link-accent: #7a5a22; --tec-color-text-primary: #16181a; --tec-font-family-base: var(--oenv-sans); --tec-font-family-sans-serif: var(--oenv-sans) }
body.oenv .tribe-events-calendar-list__event-title, body.oenv .tribe-events-single-event-title, body.oenv .tribe-events-calendar-month__header-column-title { font-family: var(--oenv-display) }
body.oenv .tribe-common .tribe-common-c-btn { border-radius: 2px }
body.oenv .rtec-outer-wrap { padding: 32px; background: var(--oenv-white); border: 1px solid var(--oenv-line); border-radius: 2px }
body.oenv .rtec-outer-wrap .rtec-form-wrapper, body.oenv .rtec-outer-wrap #rtec { background: transparent !important; border: 0 !important; padding: 0 !important }
body.oenv .rtec-outer-wrap input[type="text"], body.oenv .rtec-outer-wrap input[type="email"], body.oenv .rtec-outer-wrap input[type="tel"], body.oenv .rtec-outer-wrap input[type="number"], body.oenv .rtec-outer-wrap textarea, body.oenv .rtec-outer-wrap select { width: 100%; padding: 12px 14px; border: 1px solid #c9c2b4; border-radius: 2px; background: #fff; font: 400 16px var(--oenv-sans) }
body.oenv .rtec-outer-wrap input:focus, body.oenv .rtec-outer-wrap textarea:focus { border-color: var(--oenv-brass); outline: 0 }
body.oenv .rtec-outer-wrap label, body.oenv .rtec-outer-wrap .rtec-field-label { font: 600 14px var(--oenv-sans) }

body.oenv .ajde_evcal_calendar, body.oenv .ajde_evcal_calendar * { font-family: var(--oenv-sans) }
body.oenv .ajde_evcal_calendar .evcal_month_line p { font: 500 30px/1.1 var(--oenv-display) !important; text-transform: capitalize; color: var(--oenv-black) }
body.oenv .ajde_evcal_calendar .eventon_list_event { background: var(--oenv-white); border: 1px solid var(--oenv-line); border-radius: 2px; margin-bottom: 12px; overflow: hidden }
body.oenv .ajde_evcal_calendar .eventon_list_event.no_events { background: transparent; border-style: dashed; color: var(--oenv-gray) }
body.oenv .ajde_evcal_calendar .eventon_list_event.no_events * { background: transparent !important }
body.oenv .ajde_evcal_calendar .evcal_event_title { font: 500 22px/1.25 var(--oenv-display) !important; color: var(--oenv-black) }

/* ---------- Footer ---------- */
body.oenv #footer-bottom { background: var(--oenv-black) !important; border-top: 1px solid rgba(164,124,59,.55); color: #b9b8b3 !important; font: 400 14px var(--oenv-sans) !important }
body.oenv #footer-bottom #copyright, body.oenv #footer-bottom a { color: #c9c8c3 !important; font: 400 14px var(--oenv-sans) !important }
body.oenv #footer-bottom a:hover { color: var(--oenv-brass-light) !important }
body.oenv #scroll-top { background: var(--oenv-black); color: var(--oenv-brass-light); border-radius: 2px }

/* ---------- Cookie banner (Complianz) ---------- */
body.oenv #cmplz-cookiebanner-container .cmplz-cookiebanner { background: var(--oenv-white); color: var(--oenv-ink); border: 1px solid var(--oenv-line); border-radius: 2px; box-shadow: 0 20px 40px -24px rgba(22,24,26,.45); font-family: var(--oenv-sans) }
body.oenv #cmplz-cookiebanner-container .cmplz-title { font: 500 22px var(--oenv-display) }
body.oenv #cmplz-cookiebanner-container .cmplz-btn { border-radius: 2px; font: 600 13px var(--oenv-sans); letter-spacing: .08em; text-transform: uppercase; padding: 12px 18px }
body.oenv #cmplz-cookiebanner-container .cmplz-btn.cmplz-accept { background: var(--oenv-black); border-color: var(--oenv-black); color: #fff }

/* ---------- Responsive ---------- */
@media (max-width: 959px) {
  body.oenv #site-header { flex-wrap: wrap; padding: 0 16px }
  body.oenv #site-logo .site-title { font-size: 18px; padding: 10px 0; white-space: normal }
  body.oenv #site-logo .site-title::before { width: 46px; height: 46px }
  body.oenv #main #content-wrap { padding: 40px 16px 60px }
  body.oenv .oenv-hero__inner { padding: 64px 0 }

  body.oenv .oenv-feature, body.oenv .oenv-feature--flip { grid-template-columns: 1fr; padding: 56px 0; width: calc(100% - 32px) }
  body.oenv .oenv-feature__text, body.oenv .oenv-feature--flip .oenv-feature__text { grid-column: 1; grid-row: 2; padding: 28px 0 0 }
  body.oenv .oenv-feature__media, body.oenv .oenv-feature--flip .oenv-feature__media { grid-column: 1; grid-row: 1 }

  body.oenv .oenv-feature--symbol { width: 100%; min-height: 0; padding: 0 }
  body.oenv .oenv-feature--symbol .oenv-symbol { left: 78%; width: 110vw; opacity: .12 }
  body.oenv .oenv-feature--symbol .oenv-feature__text { grid-row: 1; width: auto; margin: 56px 16px; padding: 0; background: transparent; border: 0 }
  body.oenv .oenv-members { width: calc(100% - 32px); text-align: left }
}

@media (prefers-reduced-motion: reduce) {
  body.oenv .oenv-feature--symbol .oenv-symbol { transform: translate(-50%, -50%) }
  body.oenv *, body.oenv *::before, body.oenv *::after { transition: none !important }
}

/* Empty footer widget area is not shown */
body.oenv #footer-widgets { display: none }

/* Old banner images with the page title baked into the picture: the title band above already shows the title */
body.oenv:not(.home) .entry .wp-block-image:has(img[src*="/2022/04/wat-is-vrijmetselarij.png"]),
body.oenv:not(.home) .entry .wp-block-image:has(img[src*="/2022/04/agenda2.png"]),
body.oenv:not(.home) .entry .wp-block-image:has(img[src*="/2022/04/contact.png"]),
body.oenv:not(.home) .entry .wp-block-image:has(img[src*="/2022/04/Orde-en-vlijt2.png"]),
body.oenv:not(.home) .entry .wp-block-image:has(img[src*="/2022/04/banner.png"]) { display: none }

/* Running text reads left-aligned; short centred headings stay as they are */
body.oenv:not(.home) .entry p { text-align: left !important }
body.oenv:not(.home) .entry img[src*="/2022/04/wat-is-vrijmetselarij.png"],
body.oenv:not(.home) .entry img[src*="/2022/04/agenda2.png"],
body.oenv:not(.home) .entry img[src*="/2022/04/contact.png"],
body.oenv:not(.home) .entry img[src*="/2022/04/Orde-en-vlijt2.png"],
body.oenv:not(.home) .entry img[src*="/2022/04/banner.png"] { display: none !important }

/* Wide photos on inner pages stay a calm, fixed height */
body.oenv .entry .wp-block-image.alignwide img, body.oenv .entry .wp-block-image.alignfull img { width: 100%; max-height: 460px; object-fit: cover }

/* Cookie banner: no stray bullets under the buttons */
body.oenv #cmplz-cookiebanner-container .cmplz-links ul, body.oenv #cmplz-cookiebanner-container .cmplz-links li { list-style: none; margin: 0; padding: 0 }
body.oenv #cmplz-cookiebanner-container .cmplz-links li:empty, body.oenv #cmplz-cookiebanner-container .cmplz-links a:empty { display: none }

/* Building photo: show the whole facade including the gables, never cropped */
body.oenv .oenv-feature--loge .oenv-feature__media { display: flex; justify-content: center }
body.oenv .oenv-feature--loge .oenv-feature__media img { width: 100%; max-width: 440px; aspect-ratio: auto; height: auto; object-fit: contain }

/* ---------- Hero: text in its own panel, covering the left edge of the photo (same idea as the symbol section) ---------- */
body.oenv .oenv-hero { min-height: min(74vh, 680px); background: var(--oenv-paper); color: var(--oenv-ink); border-bottom: 1px solid var(--oenv-line) }
body.oenv .oenv-hero { display: grid; grid-template-columns: 50% 1fr; align-items: stretch }
body.oenv .oenv-hero__bg { inset: 0 0 0 42% }
body.oenv .oenv-hero__shade { display: none }
/* Full-height text column: no photo above or below the text */
body.oenv .oenv-hero__inner { position: relative; z-index: 1; grid-column: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: auto; max-width: none; margin: 0; padding: 72px 64px 72px max(5vw, calc((100vw - 1160px) / 2)); background: var(--oenv-paper); border-right: 1px solid var(--oenv-brass) }
body.oenv .oenv-hero__inner > * { max-width: 560px }
body.oenv .oenv-hero .oenv-label { color: var(--oenv-brass-dark); text-shadow: none }
body.oenv .oenv-hero h1 { color: var(--oenv-black); font-size: clamp(38px, 4.6vw, 64px); max-width: 16ch }
body.oenv .oenv-hero p { color: var(--oenv-ink); font-size: 18px }
body.oenv .oenv-hero .oenv-btn { background: var(--oenv-black); border-color: var(--oenv-black); color: #fff !important }
body.oenv .oenv-hero .oenv-btn:hover { background: var(--oenv-brass-dark); border-color: var(--oenv-brass-dark); color: #fff !important }

@media (max-width: 959px) {
  body.oenv .oenv-hero { display: block; min-height: 0 }
  body.oenv .oenv-hero__bg { position: relative; inset: auto; display: block; height: 260px }
  body.oenv .oenv-hero__inner { width: auto; max-width: none; margin: 0; padding: 32px 16px 44px; border-right: 0; border-top: 1px solid var(--oenv-brass) }
}

/* Header stays on one line, also when members see the extra menu item */
@media (min-width: 960px) {
  body.oenv #site-logo .site-title { max-width: 300px; font-size: 19px }
  body.oenv #site-navigation-wrap .dropdown-menu > li > a { padding: 0 9px !important; letter-spacing: .07em !important }
}
@media (min-width: 960px) {
  body.oenv #site-navigation-wrap .dropdown-menu { display: flex; flex-wrap: nowrap; align-items: center }
  body.oenv #site-navigation-wrap .dropdown-menu > li > a { font-size: 12px !important; padding: 0 8px !important }
}