/* ═══════════════════════════════════════════════════════════════════════════
   OMM RESTYLE — staging.okcmarathon.com repaint
   ---------------------------------------------------------------------------
   Design source : Cloudways staging (wordpress-1172004-6419199.cloudwaysapps.com)
                   as captured in the "Updated" (v3) token set, 2026-06.
   Target theme  : okc-memorial child theme v2.0.150 (Understrap parent).
   Load order    : MUST be enqueued AFTER child-theme.min.css
                   (handle: child-understrap-styles).
   Rollback      : remove this file + its enqueue line. No original files
                   are modified by this restyle.
   Fonts         : Tungsten Narrow self-hosted from ./fonts/ (relative to
                   this file). Roboto + Montserrat from Google Fonts.
   ═══════════════════════════════════════════════════════════════════════════ */

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Montserrat:wght@400;700&display=swap");

@font-face {
  font-family: "Tungsten Narrow";
  src: url("fonts/TungstenNarrow-Book.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tungsten Narrow";
  src: url("fonts/TungstenNarrow-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tungsten Narrow";
  src: url("fonts/TungstenNarrow-Bold.otf") format("opentype");
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

/* ── Design tokens ──────────────────────────────────────────────────────── */
:root {
  --omm-green:     #146939;   /* Course Green — primary */
  --omm-secondary: #95C52D;   /* Lime green — secondary */
  --omm-accent:    #91d50a;   /* Accent lime-yellow — buttons, highlights */
  --omm-cream:     #FEFBE5;   /* Cream/Stone — nav, footer, alt sections */
  --omm-ink:       #343434;   /* Body text */
  --omm-gold:      #E6b521;   /* Nav hover/active */
  --omm-navy:      #16163F;   /* Dropdown text */
  --omm-purple:    #146939;
  --omm-burgundy:  #155e31; 
  --omm-blue:      #076AA7;
  --omm-gray:      #838787;
  --omm-orange:    #91d50a;
  --omm-amber:     #E89F1C;
  --omm-white:     #FFFFFF;
  --omm-overlay:   rgba(0, 99, 46, 0.48);

  --omm-display: "Tungsten Narrow", Impact, "Arial Narrow", sans-serif;
  --omm-body:    Roboto, Arial, sans-serif;
  --omm-ui:      Montserrat, Arial, sans-serif;
  --omm-radius:  0px;
}

/* ── Body & base ────────────────────────────────────────────────────────── */
body {
  background: var(--omm-white) !important;
  color: var(--omm-ink) !important;
  font-family: var(--omm-body) !important;
  font-size: clamp(16px, 15.5px + 0.2vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

body a { color: var(--omm-green); }
body a:hover,
body a:focus { color: var(--omm-gold); }
body p a { text-decoration: underline !important; }
body a.external-link { border-bottom-color: var(--omm-green) !important; }
body a.external-link:hover { border-bottom-color: var(--omm-gold) !important; }

/* ── Headings ───────────────────────────────────────────────────────────── */
body h1, body h2, body h3, body h4, body h5, body h6,
body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 {
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  line-height: 1 !important;
  color: var(--omm-green) !important;
}
body h1 { font-size: 53.33px !important; line-height: 0.98 !important; }
body h2 { font-size: 42.67px !important; line-height: 1.02 !important; }
body h3 { font-size: 33.78px !important; line-height: 1.1 !important; }
body h4 { font-size: 28.45px !important; line-height: 1.15 !important; }
body h5 { font-size: 22px !important; line-height: 1.2 !important; }
body h6 { font-size: 19.2px !important; line-height: 1.25 !important; }


/* General styles */

body {
	line-height:1.5 !important;
}

body h1 {
    font-size: clamp(48px, 5.5vw, 80px) !important;
}

body h3, body h4, body h5, body h6, body .h3, body .h4, body .h5, body .h6 {
   
    letter-spacing: 2px !important;
    
}


/* ── Global shape: kill the 5px radius ──────────────────────────────────── */
body button, body input, body optgroup, body select, body textarea, body a.btn,
body .btn, body .card, body .dropdown-menu {
  border-radius: var(--omm-radius) !important;
}

/* 8/23 */
/* —— Admin bar ──────────────────────────────────────────────────────────── */
#wpadminbar #adminbarsearch .adminbar-button {
  display: none !important;
} /* 8/23 */

/* ── Top utility bar ────────────────────────────────────────────────────── */
.header-top-menu-wrapper {
  background: var(--omm-purple) !important;
  background-color: var(--omm-purple) !important;
}
.header-top-menu-wrapper a,
.header-top-menu-wrapper .nav-link {
  color: var(--omm-white) !important;
  font-family: var(--omm-display) !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 4px !important;
}
.header-top-menu-wrapper a:hover,
.header-top-menu-wrapper a:focus,
.header-top-menu-wrapper .current-menu-item > a {
  color: var(--omm-accent) !important;
}

/* Social icons (top-left) — neon green, white rollover */
.header-top-menu-wrapper .zoom-social_icons-list-span,
.header-top-menu-wrapper .social-icon,
.header-top-menu-wrapper .zoom-social_icons-list__link {
  color: var(--omm-accent) !important;
}
.header-top-menu-wrapper .zoom-social_icons-list__link:hover,
.header-top-menu-wrapper .zoom-social_icons-list__link:hover .zoom-social_icons-list-span {
  color: var(--omm-white) !important;
}

/* ── Main navigation bar ────────────────────────────────────────────────── */

.header {
	font-family: var(--omm-display) !important;
}
.header,
nav.header-navbar {
  background: var(--omm-cream) !important;
  background-color: var(--omm-cream) !important;
  border-bottom: none !important;
}
nav.header-navbar .nav-link,
nav.header-navbar .navbar-nav > li > a {
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 30px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
/* Hover / selected / open-dropdown / ancestor states — selectors mirror the
   theme's own gold rules (child-theme.css ~12352-12389) so we match their
   specificity and win on load order. */
nav.header-navbar .nav-link:hover,
nav.header-navbar .navbar-nav > li > a:hover,
nav.navbar .navbar-nav .menu-item.current-menu-item > .nav-link,
nav.navbar .navbar-nav .menu-item.current-menu-parent > .nav-link,
nav.navbar .navbar-nav .menu-item.current-page-ancestor > .nav-link,
nav.navbar .navbar-nav .menu-item.current-experience-ancestor > .nav-link,
nav.navbar .navbar-nav .active > .nav-link,
nav.navbar .navbar-nav > .menu-item.active > .nav-link,
nav.navbar .navbar-nav > .menu-item > .nav-link:hover,
nav.navbar .navbar-nav > .menu-item.dropdown:hover > .nav-link,
nav.navbar .navbar-nav > .menu-item.dropdown.show > .nav-link {
  color: var(--omm-accent) !important;
}

/* Section underline: persistent 5px indicator under the CURRENT section.
   The theme only underlined on hover (transparent when active) — we keep a
   transparent border on all items so nothing shifts, and paint it for the
   current page, its section parent/ancestors, and on hover. */
nav.navbar .navbar-nav > .menu-item:not(.header-menu-register) {
  border-bottom: solid 5px transparent !important;
}
nav.navbar .navbar-nav > .menu-item.active,
nav.navbar .navbar-nav > .menu-item.current-menu-item,
nav.navbar .navbar-nav > .menu-item.current-menu-parent,
nav.navbar .navbar-nav > .menu-item.current-page-ancestor,
nav.navbar .navbar-nav > .menu-item.current-page-parent,
nav.navbar .navbar-nav > .menu-item.current-experience-ancestor {
  border-bottom: solid 5px var(--omm-green) !important;
}
nav.navbar .navbar-nav > .menu-item:not(.header-menu-register):hover,
nav.navbar .navbar-nav > .menu-item.dropdown:hover {
  border-bottom: solid 5px var(--omm-green) !important;
}

/* Register CTA in the nav becomes the primary (lime) button */


.header-menu-register > a,
.header-menu-register .nav-link {
  background: var(--omm-green) !important;
  color: var(--omm-white) !important;
  border-radius: var(--omm-radius) !important;
}
.header-menu-register > a:hover,
.header-menu-register .nav-link:hover {
  background: var(--omm-green) !important;
  color: var(--omm-cream) !important;
}

nav.navbar .navbar-nav>.menu-item.header-menu-register a {
	background-color:var(--omm-accent) !important;
	color: var(--omm-green) !important;
	font-weight: 600;
}

nav.navbar .navbar-nav>.menu-item.header-menu-register a:hover {
	background-color:var(--omm-green) !important;
}

/* Dropdown / submenu */
body .dropdown-menu,
body .sub-menu,
body .navbar-submenu {
  background: var(--omm-white) !important;
}
body .dropdown-menu a,
body .sub-menu a,
body .dropdown-menu .nav-link,
body .navbar-submenu a,
body .dropdown-menu .nav-title {
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
}

body .dropdown-menu .nav-title {
	color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 600 !important;
  font-size: 27px !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  text-transform: none !important;
}

body .dropdown-menu a:hover,
body .sub-menu a:hover,
body .navbar-submenu a:hover,
body .dropdown-menu a:hover .nav-title,
body .dropdown-menu .nav-link:hover .nav-title {
  color: var(--omm-accent) !important;
}

/* Mobile header + menu */

.marquee--component.hero-marquee .mobile-hero-marquee .card .card-body .action-link.yellow-button {
    color: var(--omm-accent) !important;
    font-size: 2rem !important;
	letter-spacing: 1px !important;
    border: 3px solid var(--omm-accent) !important;
	background:transparent !important;
}

.marquee--component.hero-marquee .mobile-hero-marquee .col-6 .card .card-img {
	background: var(--omm-purple) !important;
}

.marquee--component.hero-marquee .mobile-hero-marquee .col-6 .card .card-body {
    background-image: none;
}

body .hero-marquee-row .card-label, body .hero-marquee-row .card .card-label {
	display:block !important;
}



#mobile_header_container .donate-mobile-nav {
	font-family: var(--omm-display) !important;
	font-size:24px !important;
	letter-spacing: 1px !important;
	color: var(--omm-accent) !important;
}

#mobile_header_container {
  background: var(--omm-cream) !important;
}
#mobile_header_container a { color: var(--omm-white) !important; }
#mobile_header_container #header {
 background-color: var(--omm-white) !important;
}
#mobile_header_container #header #header_content .toggle {
  background: var(--omm-accent) !important;
  color: var(--omm-green) !important;
  /* Centers the glyph without touching display: the theme's own show/hide
     toggle (hamburger vs. close) depends on display:none/block !important
     rules with higher ID-based specificity than we can safely out-rank, so
     display is left alone entirely. line-height matching the 44px box
     height centers a single line of text vertically; text-align handles
     horizontal — no flex needed. */
  line-height: 44px !important;
  text-align: center !important;
}

#mobile_header_container #header {
	background: var(--omm-green) !important;
}

#mobile_menu {
	background: var(--omm-green) !important;
}

#mobile_menu ul {
	background: var(--omm-purple) !important;
}

#mobile_menu li a {
	font-size: 22px !important;
	letter-spacing: 1px !important;
}
#mobile_menu,
#mobile_menu .sub-nav,
body .sub-nav {
/*  background: var(--omm-green) !important;*/
/*  background-color: var(--omm-green) !important;*/
}

#mobile_menu a,
#mobile_menu .sub-nav a,
body .sub-nav a {
  color: var(--omm-white) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

#mobile_menu a:not(.active):hover,
body .sub-nav a:hover { 
	color: var(--omm-accent) !important; 
}

#mobile_menu .sub-nav {
	background: var(--omm-purple) !important;
}

#mobile_menu .sub-heading {
  font-family: var(--omm-display) !important;
  background: var(--omm-orange);
}
#mobile_menu .sub_active {
	background: var(--omm-purple) !important;
}

#mobile_menu .second-level-nav.sub_active a {
  color: var(--omm-accent) !important;
}
#mobile_menu .sub-heading {
	background: var(--omm-accent) !important;
}

#mobile_menu .active {
	background: var(--omm-accent) !important;
	color: var(--omm-white) !important;
}

#mobile_menu li.top-level-nav.secondary-menu-item>a {
	font-size:22px !important;
	letter-spacing:1px !important;
}

#mobile_menu .toggle-sub:not(:only-child):after {
	color: var(--omm-accent) !important;
}



/* ── Header search ──────────────────────────────────────────────────────── */
/* Un-paint the collapsed search box (generic input/button rules below would
   otherwise give it a white background and lime fill). */
#sb-search .sb-search-input,
#sb-search-mobile .sb-search-input,
body .sb-search .sb-search-input,
body input.sb-search-input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
  background: transparent !important;
  border: none !important;
  color: var(--omm-green) !important;
}
body .sb-search-input::placeholder { color: var(--omm-cream) !important; }
#sb-search .sb-search-submit,
#sb-search-mobile .sb-search-submit,
body .sb-search input.sb-search-submit[type="submit"] {
  background: transparent !important;
  padding: 0 !important;
  opacity: 0 !important;
  font-size: 0 !important;
}
/* Icon: white by default, neon green on rollover */
body .sb-icon-search {
  color: var(--omm-white) !important;
  background: transparent !important;
  padding: 0 !important;
}
#header-searchform:hover .sb-icon-search,
body .sb-icon-search:hover,
body .sb-search-open .sb-icon-search {
  color: var(--omm-accent) !important;
  background: transparent !important;
}

.site-search .search__results .search__result .search__title {
	font-size: 33.78px !important;
	letter-spacing:1px !important;
	text-transform: none !important;
}

/* ── Buttons ────────────────────────────────────────────────────────────── */
body button:not(.navbar-toggler):not(.close):not(.accordion-toggle):not(.tabs--component-toggle):not(.slick-dots button):not(.slick-arrow),
body a.btn,
body .btn,
body input[type="submit"],
body .dark-blue-button,
body .yellow-button,
body .blue-button,
body .cyan-button,
body .white-button,
body .grid-list--component--button,
body .list-more-button,
body .load-more-social-feed-button,
body .gform_wrapper .gform_button.button,
body .gform_wrapper .gform_next_button.button,
body .gform_wrapper .gform_previous_button.button,
body .ctct-form .ctct-submit {
  background: var(--omm-accent) !important;
  background-color: var(--omm-accent) !important;
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 25.6px !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  line-height: 1 !important;
  border: none !important;
  border-radius: var(--omm-radius) !important;
  padding: 16px 32px !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
body button:not(.navbar-toggler):not(.close):not(.accordion-toggle):not(.tabs--component-toggle):not(.slick-dots button):hover,
body a.btn:hover,
body .btn:hover,
body input[type="submit"]:hover,
body .dark-blue-button:hover,
body .yellow-button:hover,
body .blue-button:hover,
body .cyan-button:hover,
body .white-button:hover,
body .grid-list--component--button:hover,
body .list-more-button:hover,
body .load-more-social-feed-button:hover,
body .gform_wrapper .gform_button.button:hover,
body .ctct-form .ctct-submit:hover {
  background: var(--omm-green) !important;
  background-color: var(--omm-green) !important;
  color: var(--omm-cream) !important;
}

/* ── Form submit buttons (all form plugins) — standard button spec ──────── */
body .gform_wrapper:not(.ribbon-form_wrapper) .gform_button.button,
body .gform_wrapper:not(.ribbon-form_wrapper) .gform_next_button.button,
body .gform_wrapper:not(.ribbon-form_wrapper) .gform_previous_button.button,
body .gform_wrapper:not(.ribbon-form_wrapper) input[type="submit"],
body .gform_wrapper.gravity-theme .gform_button,
body .gform_wrapper.gravity-theme input[type="submit"],
body .gform_wrapper.gravity-theme .gform_footer button,
body .wpcf7 input[type="submit"],
body .wpcf7 button[type="submit"],
body .wpforms-form button[type="submit"],
body form input[type="submit"],
body form button[type="submit"] {
  background: var(--omm-accent) !important;
  background-color: var(--omm-accent) !important;
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 25.6px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: var(--omm-radius) !important;
  padding: 16px 32px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  height: auto !important;
  min-height: 0 !important;
}
body .gform_wrapper:not(.ribbon-form_wrapper) .gform_button.button:hover,
body .gform_wrapper:not(.ribbon-form_wrapper) .gform_next_button.button:hover,
body .gform_wrapper:not(.ribbon-form_wrapper) .gform_previous_button.button:hover,
body .gform_wrapper:not(.ribbon-form_wrapper) input[type="submit"]:hover,
body .gform_wrapper.gravity-theme .gform_button:hover,
body .gform_wrapper.gravity-theme input[type="submit"]:hover,
body .wpcf7 input[type="submit"]:hover,
body .wpforms-form button[type="submit"]:hover,
body form input[type="submit"]:hover,
body form button[type="submit"]:hover {
  background: var(--omm-green) !important;
  background-color: var(--omm-green) !important;
  color: var(--omm-cream) !important;
}

/* ── Hero / marquee ─────────────────────────────────────────────────────── */
/* body prefix: the marquee template emits a per-page inline <style> with
   !important — we need strictly higher specificity to beat it. */
body .marquee--component .carousel-overlay,
body .marquee--component .marquee-overlay,
body .marquee--component .gradient-overlay,
body .marquee--component [class*="overlay"] {
  /*background: var(--omm-overlay) !important;
  background-color: var(--omm-overlay) !important;
  background-image: none !important;*/
	background: none !important;
}

.marquee--component.carousel .carousel-item .slide-content .slide-content-container .carousel-item--headline, .marquee--component.carousel .carousel-item .slide-content .slide-content-container .carousel-item--subhead {
	text-shadow:none !important;
}

.marquee--component h1,
.marquee--component h2,
.marquee--component .marquee-title,
.marquee--component .carousel-caption h1,
.marquee--component .carousel-caption h2 {
  color: var(--omm-white) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  line-height: 0.98 !important;
}
.marquee--component p,
.marquee--component .carousel-caption {
  color: var(--omm-cream) !important;
}
.marquee-breadcrumb,
.marquee-breadcrumb a { color: var(--omm-cream) !important; }

/* ── Hero marquee (homepage, two-card) ──────────────────────────────────── */
/* Background media: normal (full color, no filter). */
/* No green overlay on the hero media (higher specificity than the generic
   marquee overlay rule above, so this wins for the hero variant) */
body .marquee--component.hero-marquee .gradient-overlay,
body .marquee--component.hero-marquee .h-100 > .gradient-overlay {
  
}

/* 2) Marquee cards: translucent Purple (#00632E7A) — replaces the
      purple confetti texture. Transparency lets the desaturated image
      show through, producing the purple-tinted card look. */
body .marquee--component.hero-marquee .card {
  background: rgba(20, 105, 57, 0.8) !important;   /* #00146939 */
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
}
/* Card text: white eyebrow + white Tungsten title, per the example */
body .marquee--component.hero-marquee .card .card-label,
body .marquee--component.hero-marquee .card .card-label a {
  color: var(--omm-orange) !important;
  font-family: var(--omm-display) !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}
body .marquee--component.hero-marquee .card .card-title,
body .marquee--component.hero-marquee .card .card-title a {
  color: var(--omm-white) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 40px !important;
  letter-spacing: 3px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  text-decoration: none !important;
}



/* Main (6-column) hero card: full headline scale */
body .marquee--component.hero-marquee .card .card-6-column .card-title,
body .marquee--component.hero-marquee .card .card-6-column .card-title a {
  font-size: clamp(48px, 5.5vw, 80px) !important;
  line-height: 0.9 !important;
  letter-spacing: 5px !important;
}
body .marquee--component.hero-marquee .card .card-title a:hover {
  color: var(--omm-accent) !important;
}
/* Date line under the hero headline: dark green, display font */
body .marquee--component.hero-marquee .card .card-subheading {
  color: var(--omm-white) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 1.8rem !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  letter-spacing: 4px !important;
}
body .marquee--component.hero-marquee .card .card-text,
body .marquee--component.hero-marquee .card p {
  color: var(--omm-white) !important;
}
/* Card footer strip inherits the card translucency (no separate bg) */
body .marquee--component.hero-marquee .card .card-footer {
  background: transparent !important;
  border: none !important;
}

/* Marquee interior */
.marquee--component.carousel .carousel-item {
	min-height:510px;
}

/* Marquee overrides */

.marquee--component.hero-marquee .mobile-hero-marquee .col-12 .card-title {
	font-size:48px !important;
}

.marquee--component.no-background-image .carousel-item {
	/*min-height:350px !important; */
}

/* ── RUNOKC Ribbon (full-width) ─────────────────────────────────────── */


/* ── PODCAST ───────────────────────────────────────────────────────── */

.podcast-marquee-content {
    flex: 0 0 100%;
    max-width: 100%;
}

.podcast-album-art {
	display: none !important;
}



/* ── Ribbons (full-width CTA bands) ─────────────────────────────────────── */
.ribbon--component {
  /* background: var(--omm-green) !important;*/
  /*background-color: var(--omm-green) !important;*/
  color: var(--omm-cream) !important;
}
.ribbon--component h1, .ribbon--component h2, .ribbon--component h3,
.ribbon--component h4, .ribbon--component h5 {
  color: var(--omm-cream) !important;
}
.ribbon--component p, .ribbon--component li {
  /*color: var(--omm-cream) !important;*/
}
.ribbon--component a:not(.btn):not([class*="-button"]) { color: var(--omm-accent) !important; }

/* Ribbon layouts that place a white card ON the green band: content inside
   the card keeps normal light-background colors. */
body .ribbon--component .card p,
body .ribbon--component .card li {
  /*color: var(--omm-ink) !important;*/
}
body .ribbon--component .card h1, body .ribbon--component .card h2,
body .ribbon--component .card h3, body .ribbon--component .card h4,
body .ribbon--component .card h5 {
  color: var(--omm-green) !important;
}
body .ribbon--component .card a:not(.btn):not([class*="-button"]) {
  color: var(--omm-green) !important;
}

/* ── Cards ──────────────────────────────────────────────────────────────── */
body .card {
  background-color: var(--omm-white) !important;
  border: none !important;                /* no stroke around card boxes */
  box-shadow: none !important;
  border-radius: var(--omm-radius) !important;
}
body .card .card-title,
body .card .card-header {
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 40px !important;
  line-height: 1.05 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--omm-green) !important;
}
/* Rollover: title goes lime green */
body .card:hover .card-title,
body .card a:hover .card-title,
body a:hover > .card .card-title {
  color: var(--omm-accent) !important;
}
body .card-footer {
  background: transparent !important;
  border: none !important;
}

/* ── Forms ──────────────────────────────────────────────────────────────── */
body input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
body select,
body textarea {
  background: var(--omm-white) !important;
  color: var(--omm-ink) !important;
  border: 2px solid rgba(0, 99, 46, .25) !important;
  border-radius: var(--omm-radius) !important;
  font-family: var(--omm-body) !important;
}
body input:focus, body select:focus, body textarea:focus {
  border-color: var(--omm-green) !important;
  outline: none !important;
  box-shadow: none !important;
}
/* Gravity Forms: one green asterisk (hide nested/adjacent duplicates),
   uniform label weight (theme forces gfield_label to 500) */
body .gfield_required .gfield_required,
body .gfield_required + .gfield_required { display: none !important; }
body .gfield_required,
body .gfield_required_asterisk,
body .gform_wrapper .gfield_required,
body .gform_wrapper:not(.ribbon-form_wrapper) .gfield_required,
body .gform_wrapper.gravity-theme .gfield_required,
body .gform_wrapper .gfield_label .gfield_required,
body .gform_wrapper legend .gfield_required,
body .wpcf7 .required,
body form span.required {
  color: var(--omm-accent) !important;
}
body .gform_wrapper:not(.ribbon-form_wrapper) .gfield_label {
  font-weight: 900 !important;
	letter-spacing: 1px !important;
}


body label:not(.toggle.back-button),
body .gfield_label {
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 22.4px !important;
  text-transform: none !important;
}

/* ── News search button: icon dead-center in the lime box ───────────────── */
body .news-search-form a[class="submit"],
body .news-search-form button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 25px !important;   /* keep the theme's compact box */
  line-height: 1 !important;
}
body .news-search-form button[type="submit"] i,
body .news-search-form button[type="submit"] svg,
body .news-search-form a[class="submit"] i {
  display: block !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* ── Timeline (Everest Timeline, /about/timeline/) ──────────────────────── */
/* Year circles: explicit green disc with WHITE year text (the plugin ties
   the disc fill to the text color, so both must be set explicitly) */
body .et-vertical-timeline .et-timeline-date span,
body .et-vertical-timeline .et-timeline-date span span {
  background: var(--omm-green) !important;
  background-color: var(--omm-green) !important;
  color: var(--omm-white) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body .et-vertical-timeline .et-timeline-date span span {
  background: transparent !important;
  background-color: transparent !important;
}
/* Entry titles */
body .et-vertical-timeline .et-title,
body .et-vertical-timeline .et-title a {
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 33.78px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}
body .et-vertical-timeline .et-title a:hover { color: var(--omm-accent) !important; }
/* Body copy */
body .et-vertical-timeline .et-content {
  font-family: var(--omm-body) !important;
  color: var(--omm-ink) !important;
}
/* Icon accents */
body .et-vertical-timeline .et-icon-block,
body .et-vertical-timeline .dashicons { color: var(--omm-green) !important; }

/* Sidebar (jump-to-year history bar) */
body .et-nav-history-bar.et-nav-template-2 {
  background: var(--omm-green) !important;
  border-radius: 0 !important;
}
body .et-nav-history-bar.et-nav-template-2 .et-year-wrap,
body .et-nav-history-bar.et-nav-template-2 .et-month-day-wrap,
body .et-nav-history-bar.et-nav-template-2 .et-month-day-wrap a {
  color: var(--omm-cream) !important;
}
body .et-nav-history-bar.et-nav-template-2 .et-time-bar.et-active { color: var(--omm-accent) !important; }
body .et-nav-history-bar.et-nav-template-2 .et-date-history::before { background: var(--omm-accent) !important; }
body .et-month-day-wrap a:hover { color: var(--omm-accent) !important; }
body .et-nav-history-bar.et-nav-template-2 .et-time-wrap { border-left-color: rgba(255,255,255,.35) !important; }

/* Share links */
body .et-ver-timeline-template-9 .et-share-wrap,
body .et-ver-timeline-template-9 .et-share-wrap a { color: var(--omm-green) !important; }
body .et-ver-timeline-template-9 .et-share-wrap a:hover { color: var(--omm-accent) !important; }

/* ── Pagination (news archive etc.) ─────────────────────────────────────── */
body .pagination .page-link,
body .page-numbers {
  color: var(--omm-green) !important;
  background-color: var(--omm-white) !important;
  border-color: rgba(0, 99, 46, .25) !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
}
body .pagination .page-link:hover,
body .page-numbers:hover {
  color: var(--omm-green) !important;
  background-color: var(--omm-accent) !important;
  border-color: rgba(0, 99, 46, .25) !important;
}
body .page-item.active .page-link,
body .page-numbers.current {
  color: var(--omm-white) !important;
  background-color: var(--omm-green) !important;
  border-color: var(--omm-green) !important;
}
body .page-item:first-child .page-link,
body .page-item:last-child .page-link { border-radius: 0 !important; }
body .page-link:focus { box-shadow: 0 0 0 .2rem rgba(0, 99, 46, .25) !important; }

/* ── Tables ─────────────────────────────────────────────────────────────── */
body th {
  background: var(--omm-cream) !important;
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
}
body td { border-color: rgba(0, 99, 46, .18) !important; }

/* ── Accordion ──────────────────────────────────────────────────────────── */
/* Section title above the accordion */
.accordion-component .accordion-title {
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  color: var(--omm-green) !important;
  text-align: left !important;
  margin-bottom: 24px !important;
}

/* Item title (both states get Tungsten treatment; color set per state) */
.accordion-component .card-header .accordion_title {
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 28px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  display: flex !important;
  align-items: center !important;
}
/* Icon box: fixed size + flex centering so +/− sit dead-center on the
   label's horizontal axis in both states */
.accordion-component .card-header .accordion_title .fa {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  line-height: 1 !important;
}

/* No borders/outlines on the accordion containers */
.accordion-component .card,
.accordion-component .card-header,
.accordion-component .card-block {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.accordion-component .card { background: transparent !important; }

.accordion-component .card-header .accordion_title {
    letter-spacing: 3px !important;
	font-weight: 600 !important;
}


/* CLOSED state: dark green bar, white title, neon "+" */
.accordion-component a[data-toggle="collapse"].collapsed .card-header {
  background-color: var(--omm-green) !important;
  border-radius: 8px !important;
}
.accordion-component a[data-toggle="collapse"].collapsed .accordion_title,
.accordion-component a[data-toggle="collapse"].collapsed .accordion_title:hover {
  color: var(--omm-white) !important;
}
.accordion-component a[data-toggle="collapse"].collapsed .fa:before {
  content: "\2b" !important;           /* + */
  color: var(--omm-accent) !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

/* OPEN state: neon bar, green title, green "−" */
.accordion-component a[data-toggle="collapse"]:not(.collapsed) .card-header {
  background-color: var(--omm-accent) !important;
  border-radius: 0 !important;
}
.accordion-component a[data-toggle="collapse"]:not(.collapsed) .accordion_title,
.accordion-component a[data-toggle="collapse"]:not(.collapsed) .accordion_title:hover {
  color: var(--omm-green) !important;
	font-weight: 900 !important;
}
.accordion-component a[data-toggle="collapse"]:not(.collapsed) .fa:before {
  content: "\2212" !important;         /* − (minus sign) */
  color: var(--omm-green) !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

/* Content panel: white, joins the open bar */
.accordion-component .card-block {
  background-color: var(--omm-cream) !important;
  border-radius: 0 0 8px 8px !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* Spacing between items */
.accordion-component a[data-toggle="collapse"],
.accordion-component a[data-toggle="collapse"].collapsed { margin-bottom: 12px !important; }

/* The theme shrinks headings inside accordion content — restore the standard
   scale so they match the rest of the page (per the approved design) */
.accordion-component .card-block h1 { font-size: 53.33px !important; }
.accordion-component .card-block h2 { font-size: 42.67px !important; }
.accordion-component .card-block h3 { font-size: 33.78px !important; }
.accordion-component .card-block h4 { font-size: 28.45px !important; }
.accordion-component .card-block h5 { font-size: 22px !important; }
.accordion-component .card-block h6 { font-size: 20px !important; }

/* ── Blockquote ─────────────────────────────────────────────────────────── */
body blockquote,
.blockquote--component .blockquote-quote {
  border-left: 5px solid var(--omm-accent) !important;
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 28px !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
}
.blockquote-attribution,
.blockquote-footer {
  color: var(--omm-ink) !important;
  font-family: var(--omm-body) !important;
  font-size: 16px !important;
  text-transform: none !important;
}

/* ── Page navigation component ──────────────────────────────────────────── */
.page-navigation-link,
.page-navigation--component a,
.page-navigation-component-title {
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}
.page-navigation-link:hover { color: var(--omm-gold) !important; }

/* ── Tabs component ─────────────────────────────────────────────────────── */
.tabs--component-toggle {
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  color: var(--omm-green) !important;
}

/* ── Countdown ──────────────────────────────────────────────────────────── */
/* Ported from component-inventory-v2.html (omm-v2-component-overrides) */
.wpcdt-timer-circle .time_circles > div,
.countdown-row .time_circles > div {
  text-align: center !important;
}
/* Unit labels (DAYS / HOURS / MINUTES / SECONDS) */
.wpcdt-timer-circle .time_circles > div > h4,
.countdown-row .time_circles > div > h4 {
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  margin: 0 0 .22em !important;
  padding: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
/* Numbers */
.wpcdt-timer-circle .time_circles > div > span,
.countdown-row .time_circles > div > span {
  color: var(--omm-white) !important;
  display: block !important;
  font-family: var(--omm-display) !important;
  font-size: clamp(3.4rem, 5.6vw, 4.35rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin-top: .05em !important;
  text-align: center !important;
  width: 100% !important;
}
.wpcdt-wrap .wpcdt-timer-js { color: var(--omm-ink) !important; }

/* Countdown text column (left side): date chip + headline colors */
.countdown-row .countdown-text-column .date {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  /*background-color: var(--omm-accent) !important; */
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 25.6px !important;
  line-height: 1 !important;
  padding: 16px 32px !important;
  text-transform: uppercase !important;
}
.countdown-row .countdown-text-column h3,
.countdown-row .countdown-text-column h3 .dark-blue {
  color: var(--omm-green) !important;
  font-size: clamp(44px, 5vw, 72px) !important;
  line-height: 1.02 !important;
}

/* Overrides the plugin's own inline top-offset (fixed at 0.35 * item_size,
   tuned for its default proportions) with true flexbox centering, so our
   differently-proportioned number+label block is always dead-centered
   regardless of item_size — this is what keeps both inside the ring. */
.countdown-row .time_circles > div {
  position: absolute !important;
  top: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Number = 0.4 * item_size, label = 0.105 * item_size — this ratio is what
   keeps both text elements inside the ring, and it's held constant across
   every tier below by always deriving from the same --item-size variable,
   never an independently-tuned px value that can drift out of proportion. */
.countdown-row .time_circles > div > span {
  font-size: calc(var(--item-size) * 0.4) !important;
  line-height: 1 !important;
  margin: 0 !important;
}
.countdown-row .time_circles > div > h4 {
  font-size: calc(var(--item-size) * 0.105) !important;
  line-height: 1 !important;
  margin: .15em 0 0 0 !important;
}
/* Height pinned to exactly width/4 (= item_size, per the plugin's own math:
   item_size = min(width/4, height)) so the ring's drawn center (item_size/2)
   always matches the canvas's vertical center. */
.wpcdt-clock {
  width: calc(var(--item-size) * 4) !important;
  min-height: var(--item-size) !important;
}

/* Five tiers matching the breakpoints below — each keeps the headline's
   natural two-line break ("Countdown to" / "Race Weekend 2027!") on one
   line each, and scales the ring to use as much of its column's width as
   the layout allows without overflowing. Every tier's --item-size and h3
   font-size were verified directly at that tier's own starting width, not
   assumed from a formula tuned elsewhere — the lesson from vw-based
   formulas silently breaking at specific widths earlier in this component's
   history. */
/* h3 font-sizes below are conservative flat/near-flat values, not a smooth
   growth curve: the text column's available width does NOT increase
   monotonically with viewport (the ring column competes for more of it as
   --item-size grows within each tier, and the theme's own row width isn't
   monotonic either — confirmed by direct measurement, worst-case per tier
   noted inline). Each value has a safety margin below the tightest-fit
   width actually measured in that tier, not just its starting width. */
@media (max-width: 424px) {
  .countdown-row { --item-size: clamp(70px, calc(37px + 10.3vw), 78px); }
  /* worst fit 47px (at 320px) */
  .countdown-row .countdown-text-column h3,
  .countdown-row .countdown-text-column h3 .dark-blue {
    font-size: clamp(30px, calc(6px + 6.1vw), 34px) !important;
    line-height: 1.05 !important;
  }
}
@media (min-width: 425px) and (max-width: 767px) {
  .countdown-row { --item-size: clamp(78px, calc(46px + 7.5vw), 115px); }
  /* worst fit 65px (at 425px) */
  .countdown-row .countdown-text-column h3,
  .countdown-row .countdown-text-column h3 .dark-blue {
    font-size: clamp(34px, calc(9px + 6.1vw), 46px) !important;
    line-height: 1.05 !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .countdown-row { --item-size: clamp(115px, calc(50px + 8.5vw), 138px); }
  /* worst fit 53px (at 1023px, NOT at 768px — the ring's growth outpaces
     the column's own growth by the top of this tier) */
  .countdown-row .countdown-text-column h3,
  .countdown-row .countdown-text-column h3 .dark-blue {
    font-size: 46px !important;
    line-height: 1.05 !important;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .countdown-row { --item-size: clamp(138px, calc(64px + 7.2vw), 175px); }
  /* worst fit 52px (at 1024px) */
  .countdown-row .countdown-text-column h3,
  .countdown-row .countdown-text-column h3 .dark-blue {
    font-size: clamp(46px, calc(19px + 2.6vw), 55px) !important;
    line-height: 1.05 !important;
  }
}
@media (min-width: 1440px) {
  .countdown-row { --item-size: 175px; }
  /* worst fit 60px (from 1600px on — the theme's own container narrows the
     row starting there and stays narrow at every width tested up to 1920) */
  .countdown-row .countdown-text-column h3,
  .countdown-row .countdown-text-column h3 .dark-blue {
    font-size: 52px !important;
    line-height: 1.05 !important;
  }
}





/* ── Experience / section-row components (div-based titles) ─────────────── */
/* Anchors inside titles/labels: the theme colors the <a> directly, which
   beat our heading colors. Force inheritance so titles read one color. */
body .card .card-title a,
body .content-title a,
body .card-label a,
body .content-label a {
  color: inherit !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
  text-decoration: none !important;
}
body .card .card-title a:hover,
body .content-title a:hover { color: var(--omm-accent) !important; }

/* The live theme ships high-specificity !important rules for card-style-d /
   card-style-blog-embed (teal 13px proxima labels, purple titles, gold
   hovers). Mirror the selectors with a body prefix to out-rank them. */
body .blog-embed .card.card-style-d .card-body .card-label,
body .cross-promotion .card.card-style-d .card-body .card-label,
body .grid_list--component .card.card-style-d .card-body .card-label,
body .blog-embed .card.card-style-blog-embed .card-body .card-label,
body .cross-promotion .card.card-style-blog-embed .card-body .card-label,
body .grid_list--component .card.card-style-blog-embed .card-body .card-label {
  color: var(--omm-orange) !important; 
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 20px !important;  
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}
body .blog-embed .card.card-style-d .card-body .card-title,
body .cross-promotion .card.card-style-d .card-body .card-title,
body .grid_list--component .card.card-style-d .card-body .card-title,
body .blog-embed .card.card-style-d .card-body .card-title a,
body .cross-promotion .card.card-style-d .card-body .card-title a,
body .grid_list--component .card.card-style-d .card-body .card-title a {
  color: var(--omm-green) !important;
}
body .blog-embed .card.card-style-d .card-title:hover a,
body .cross-promotion .card.card-style-d .card-title:hover a,
body .grid_list--component .card.card-style-d .card-title:hover a {
  color: var(--omm-accent) !important;
}
/* Featured news (card-style-blog-embed): title does NOT react to hover */
body .blog-embed .card.card-style-blog-embed .card-body .card-title,
body .cross-promotion .card.card-style-blog-embed .card-body .card-title,
body .grid_list--component .card.card-style-blog-embed .card-body .card-title,
body .blog-embed .card.card-style-blog-embed .card-body .card-title a,
body .cross-promotion .card.card-style-blog-embed .card-body .card-title a,
body .grid_list--component .card.card-style-blog-embed .card-body .card-title a,
body .blog-embed .card.card-style-blog-embed .card-title:hover a,
body .cross-promotion .card.card-style-blog-embed .card-title:hover a,
body .grid_list--component .card.card-style-blog-embed .card-title:hover a,
body .blog-embed .card.card-style-blog-embed:hover .card-title,
body .cross-promotion .card.card-style-blog-embed:hover .card-title,
body .grid_list--component .card.card-style-blog-embed:hover .card-title {
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Content/section titles — generic: any component using the label+title
   pattern gets the same treatment as cards (consistency rule) */
body .content-title,
body .experience--component .content .content-title {
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 30px !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  color: var(--omm-green) !important;
  line-height: 1.05 !important;
}
body a:hover .content-title,
body .content-title a:hover { color: var(--omm-accent) !important; }

body .content-label,
body .experience--component .content .content-label,
body .card-label,
body .card .card-label,
body .carousel-item--label,
body .resource-label {
  display: block !important;   /* the theme's own base rule is display:none */
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: var(--omm-secondary) !important;   /* lime on light backgrounds */
}
/* Labels sitting on dark/green surfaces stay neon */
body .marquee--component .card .card-label,
body .marquee--component .card .card-label a,
body .ribbon--component .card-label,
body .section-green .card-label,
body [class*="bg-green"] .card-label {
  color: var(--omm-accent) !important;
}

/* ── Carousel pagination dots ──────────────────────────────────────────── */
/* The generic button reset (above) used to catch these too, forcing a neon
   background/padding onto the dot buttons and exposing their normally
   invisible "1"/"2" label text. Excluded there; styled properly here. */
body .slick-dots li button {
  background: transparent !important;
  width: 20px !important;
  height: 20px !important;
  padding: 5px !important;
}
body .slick-dots li button::before {
  font-size: 10px !important;
  opacity: 1 !important;
  color: var(--omm-secondary) !important;
}
body .slick-dots li.slick-active button::before {
  color: var(--omm-green) !important;
}

/* ── Logos component ────────────────────────────────────────────────────── */
.logos--component-title {
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

/* ── Special alert bar ──────────────────────────────────────────────────── */
.special-alert {
  background: var(--omm-amber) !important;
  color: var(--omm-ink) !important;
}

/* ── Footer ─────────────────────────────────────────────────────────────── */
#wrapper-footer {
  background: var(--omm-green) !important;
  background-color: var(--omm-green) !important;
  background-image: none !important;
  color: var(--omm-cream) !important;
  /* border-top: 8px solid var(--omm-accent) !important; */
  margin-top: 0 !important;
}
/* Theme sets margin-top at three breakpoints (250px desktop / 200px tablet /
   140px mobile) to clear its own taller marquee — zero all three so no gap
   reappears at any viewport width. */
@media (max-width: 959.98px) {
  #wrapper-footer { margin-top: 0 !important; }
}
@media (max-width: 715.98px) {
  #wrapper-footer { margin-top: 0 !important; }
	
  #wrapper-footer .address-menus > .row {
	flex-direction: column !important;}
	#wrapper-footer .address-menus .footer-logo-wrapper .footer-logo {
		max-width:50%;
	}
	#wrapper-footer .address-menus .footer-logo-wrapper {
		max-width:100%;
		text-align:center;
	}
	
	#wrapper-footer .address-menus ul, #wrapper-footer h5, #wrapper-footer .widget-title {
		text-align: center;
	}
}
#wrapper-footer .background-graphic,
#wrapper-footer [class*="grid_wrapper"],
#wrapper-footer [style*="background-image"] {
  background-image: none !important;
}
/* Hierarchy tier 1 — section headings: match the primary nav (30px Tungsten) */
#wrapper-footer h1, #wrapper-footer h2, #wrapper-footer h3,
#wrapper-footer h4, #wrapper-footer h5, #wrapper-footer .widget-title {
  color: var(--omm-orange) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 40px !important;
  letter-spacing: 3px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}
/* Hierarchy tier 2 — links: cream, neon rollover (same as nav) */
#wrapper-footer a {
  /*color: var(--omm-white) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;*/
}
#wrapper-footer a:hover { color: var(--omm-accent) !important; }
/* Hierarchy tier 3 — supporting/legal text */
#wrapper-footer p,
#wrapper-footer li,
#wrapper-footer .textwidget {
  color: var(--omm-white) !important;
  font-family: var(--omm-body) !important;
  font-size: 16px !important;
  
}
/* Sign-up button keeps lime-on-green; hover flips to white text on darker fill */
#wrapper-footer .yellow-button { color: var(--omm-green) !important; }

/* Footer layout: 3 uniform columns (logo | quick links | sign-up),
   whole block centered */
#wrapper-footer .footer-container > .row > .address-menus {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
#wrapper-footer .address-menus > .row {
  flex-wrap: nowrap;
  justify-content: center !important;
  align-items: flex-start !important;
}

#wrapper-footer {
    background: var(--omm-purple) !important;
}

#wrapper-footer .footer-logo-wrapper img { 
    max-width: 60%;
}


.footer-copyright-wrapper .proceeds-text {
	 color:white !important;
}

#wrapper-footer a {
    display: inline-block;
}

body #wrapper-footer small, body #wrapper-footer small a {
	font-size: 13px !important;
}

.footer-copyright-wrapper a {
    padding-left: 0px;
}


/*#wrapper-footer .address-menus > .row > .footer-logo-wrapper,
#wrapper-footer .address-menus > .row > .col-md-3,
#wrapper-footer .address-menus > .row > .col-md-5 {
  flex: 0 0 33.333% !important;
  max-width: 33.333% !important;
  text-align: left !important;
}
#wrapper-footer .footer-logo-wrapper img { margin: 0 !important; }
*/
/* Below md, the logo column hides (theme's own d-none d-md-block) and Sign
   Up stacks below — leaving Quick Links as the lone 33.333%-wide column in
   a justify-content:center row, so it floats centered in a narrow strip
   instead of running the full row width. Text-align:left was already
   correct; the column itself just needed to actually reach the left edge. */
/*@media (max-width: 959.98px) {
  #wrapper-footer .address-menus > .row > .footer-logo-wrapper,
  #wrapper-footer .address-menus > .row > .col-md-3,
  #wrapper-footer .address-menus > .row > .col-md-5 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
*/

/* Sign-up button: fixed 250px, 25.6px label, white text on rollover */
#wrapper-footer .yellow-button,
#wrapper-footer a.yellow-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 250px !important;
  max-width: 100% !important;
  font-size: 25.6px !important;
  text-align: center !important;
}
#wrapper-footer .yellow-button:hover,
#wrapper-footer a.yellow-button:hover {
  background: var(--omm-white) !important;
  color: var(--omm-green) !important;
}
#wrapper-footer .footer-menus-wrapper { display: none !important; }
#wrapper-footer ul { list-style: none !important; padding-left: 0 !important; }

/* Footer copyright bar */
.footer-copyright-wrapper,
.footer-copyright-wrapper .footer-copyright-container,
.footer-copyright-wrapper .copy-right-row,
.footer-copyright-wrapper .copyright-text,
.footer-copyright-wrapper .footer-text {
  font-family: var(--omm-display) !important;
  font-size:20px !important;
letter-spacing: 1px !important;
  background: var(--omm-green) !important;
  background-color: var(--omm-green) !important;
  background-image: none !important;   /* replaces copyright-background.png */
  color: var(--omm-white) !important;
}
.footer-copyright-wrapper a,
.footer-copyright-wrapper .proceeds-text,
.footer-copyright-wrapper .footer-text,
.footer-copyright-wrapper .zoom-social_icons-list-span {
  color: var(--omm-white) !important;
}
.footer-copyright-wrapper .zoom-social_icons-list__link:hover .zoom-social_icons-list-span,
.footer-copyright-wrapper .zoom-social_icons-list__link:hover {
  color: var(--omm-white) !important;
}

/* Copyright bar layout: social icons grouped dead-center, proceeds right */
.footer-copyright-wrapper {
  height: 50px !important;
}
.footer-copyright-wrapper .copy-right-row {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 40px !important;
  margin: 0 !important;
}
.footer-copyright-wrapper .copyright-text { display: none !important; }
.footer-copyright-wrapper .footer-text {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 0 !important;
	background: transparent !important;
}
.footer-copyright-wrapper .footer-text::before {
  content: '' !important;
  flex: 1 1 0 !important;
}
.footer-copyright-wrapper .footer-text .zoom-social-icons-widget { flex: 0 0 auto !important; }
.footer-copyright-wrapper .zoom-social-icons-list {
  position: static !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.footer-copyright-wrapper .zoom-social_icons-list__item,
.footer-copyright-wrapper .zoom-social_icons-list__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 0 !important;
  line-height: 1 !important;
}
.footer-copyright-wrapper .proceeds-text {
  flex: 1 1 0 !important;
  margin: 0 !important;
  padding-left: 48px !important;   /* clean gap from the icon group */
  top: 0 !important;
  text-align: right !important;
  text-transform:uppercase !important;
	letter-spacing:3px !important;
  font-weight: 600 !important;
}

/* Below md, the fixed-height single-line bar (icons dead-center, proceeds
   text right-aligned in the leftover space) has nowhere to put the proceeds
   text once it wraps to 2-3 lines — it just overflows upward into whatever
   sits above. Stack instead: icons row, then proceeds text centered below,
   with the wrapper free to grow to fit both. */
@media (max-width: 959.98px) {
  /* The theme ships its own !important padding-top/-bottom on this exact
     selector inside its own ≤959.98/≤715.98 media queries (12px/0, then
     15px top, then 40px bottom, each !important) — equal specificity to a
     plain .footer-copyright-wrapper rule, so it comes down to source-order
     luck. "body" bumps our specificity strictly higher so we always win,
     rather than depending on stylesheet load order. */
  body .footer-copyright-wrapper {
    height: auto !important;
    padding: 0 !important;
  }
  .footer-copyright-wrapper .copy-right-row {
    padding: 0 24px !important;
  }
  .footer-copyright-wrapper .footer-text {
    flex-direction: column !important;
    gap: 16px !important;
    padding: 24px 0 !important;
  }
  .footer-copyright-wrapper .footer-text::before {
    display: none !important;   /* the centering spacer only makes sense in a single row */
  }
  .footer-copyright-wrapper .proceeds-text {
    flex: 0 0 auto !important;
    padding-left: 0 !important;
    text-align: center !important;
  }
}

/* ── Sign-up / newsletter ribbon ────────────────────────────────────────── */
/* Signup ribbon (ribbon-d) title: standard 30px/900 headline, green in ALL
   states — this card is not a link, so no rollover effect at all. */
body .ribbon--component .card .card-title,
body .ribbon--component .card h4.card-title,
body .ribbon--component .card:hover .card-title,
body .ribbon--component .card .card-title:hover,
body .ribbon--component .card .card-title a,
body .ribbon--component .card .card-title a:hover,
body .ribbon--component .card:hover .card-title a {
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Headline: the live theme pins .sign-up-card titles at 1.4-1.7em !important
   with a gold hover — mirror its selectors to restore the 30px title tier. */
/* ribbon-d module hover: the theme flips every anchor white and reveals a
   border on module hover — kill both; the button keeps its OWN hover only. */
body .ribbon--component.ribbon-d .hover-border {
  opacity: 0 !important;
  border: none !important;
  display: none !important;
}
body .ribbon--component.ribbon-d .card-body:hover a,
body .ribbon--component.ribbon-d .card-body a,
body .ribbon--component.ribbon-d .card-body:hover a.btn,
body .ribbon--component.ribbon-d .card-body .btn.button_1.btn-primary {
  color: var(--omm-green) !important;
  text-decoration: none !important;
}
body .ribbon--component.ribbon-d .card-body a.btn:hover,
body .ribbon--component.ribbon-d .card-body:hover a.btn:hover,
body .ribbon--component.ribbon-d .card-body .btn.button_1.btn-primary:hover {
  color: var(--omm-cream) !important;
  text-decoration: none !important;
}

body .sign-up-card.card .card-title,
body .sign-up-card.card .card-3-column .card-body .card-title,
body .sign-up-card.card .card-4-column .card-body .card-title,
body .sign-up-card.card .card-8-column .card-body .card-title,
body .sign-up-card.card:hover .card-title,
body .sign-up-card.card .card-title:hover,
body .sign-up-card.card .card-title a,
body .sign-up-card.card .card-title a:hover,
body .sign-up-card.card .card-title:hover a,
body .grid_wrapper_footer .card .card-title,
body .grid_wrapper_footer .card:hover .card-title,
body .grid_wrapper_footer .card .card-title:hover,
body .grid_wrapper_footer .card .card-title a,
body .grid_wrapper_footer .card .card-title a:hover,
body .grid_wrapper_footer .card .card-title:hover a {
  color: var(--omm-green) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* Sponsors-page style signup (card-style-a photo variant): freeze the
   overlay so hover changes nothing, and out-rank the theme's white/gray
   title-hover rules at their own specificity. */
body .grid_wrapper_footer .grid_list--component .card.card-style-a .card-img-overlay,
body .grid_wrapper_footer .grid_list--component .card.card-style-a .card-img-overlay:hover,
body .sign-up-card.card.card-style-a .card-img-overlay,
body .sign-up-card.card.card-style-a .card-img-overlay:hover {
  background: var(--omm-overlay) !important;
  transition: none !important;
}
body .grid_wrapper_footer .grid_list--component .card.card-style-a .card-body .card-title,
body .grid_wrapper_footer .grid_list--component .card.card-style-a .card-body .card-title a,
body .grid_wrapper_footer .grid_list--component .card.card-style-a .card-body .card-title:hover a,
body .sign-up-card.card.card-style-a .card-title,
body .sign-up-card.card.card-style-a .card-title a,
body .sign-up-card.card.card-style-a .card-title:hover a {
  color: var(--omm-white) !important;
  font-family: var(--omm-display) !important;
  font-weight: 900 !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: none !important;
}
body .grid_wrapper_footer .grid_list--component .card.card-style-a:hover .hover-border,
body .sign-up-card.card.card-style-a:hover .hover-border {
  border: none !important;
  transition: none !important;
}

.ctct-form-wrapper,
body .ctct-form {
  border-color: var(--omm-cream) !important;
  background-color: var(--omm-cream) !important;
}


/* ═══════════ PROPOSED — design-restyles-10-09-26 (under review) ═══════════ */

/* NEW CSS */

/* general */

body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6 {
    margin-bottom: .25rem !important;
}


/* buttons */

a.yellow-button, button.yellow-button {

    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
	 padding:16px 32px 14px 32px !important;
   letter-spacing: 3px !important;
}

body button:not(.navbar-toggler):not(.close):not(.accordion-toggle):not(.tabs--component-toggle):not(.slick-dots button):hover, body a.btn:hover, body .btn:hover, body input[type="submit"]:hover, body .dark-blue-button:hover, body .yellow-button:hover, body .blue-button:hover, body .cyan-button:hover, body .white-button:hover, body .grid-list--component--button:hover, body .list-more-button:hover, body .load-more-social-feed-button:hover, body .gform_wrapper .gform_button.button:hover, body .ctct-form .ctct-submit:hover {

    color: var(--omm-white) !important;
	
}

/* containers */
body .container-fluid {
    padding: 0px;
}

/* primary menu */

nav.header-navbar .nav-link, nav.header-navbar .navbar-nav > li > a {
    letter-spacing: 3px !important;
    font-size: 1.8rem !important;	
	
}

body .dropdown-menu, body .sub-menu, body .navbar-submenu {
    background: var(--omm-green) !important;
}

body .dropdown-menu a, body .sub-menu a, body .dropdown-menu .nav-link, body .navbar-submenu a, body .dropdown-menu .nav-title {
    color: var(--omm-white) !important;
}

nav.header-navbar .nav-link:hover, nav.header-navbar .navbar-nav > li > a:hover, nav.navbar .navbar-nav .menu-item.current-menu-item > .nav-link, nav.navbar .navbar-nav .menu-item.current-menu-parent > .nav-link, nav.navbar .navbar-nav .menu-item.current-page-ancestor > .nav-link, nav.navbar .navbar-nav .menu-item.current-experience-ancestor > .nav-link, nav.navbar .navbar-nav .active > .nav-link, nav.navbar .navbar-nav > .menu-item.active > .nav-link, nav.navbar .navbar-nav > .menu-item > .nav-link:hover, nav.navbar .navbar-nav > .menu-item.dropdown:hover > .nav-link, nav.navbar .navbar-nav > .menu-item.dropdown.show > .nav-link {
    color: var(--omm-green) !important;
}

/* eyebrow on cards */

body .blog-embed .card.card-style-d .card-body .card-label, body .cross-promotion .card.card-style-d .card-body .card-label, body .grid_list--component .card.card-style-d .card-body .card-label, body .blog-embed .card.card-style-blog-embed .card-body .card-label, body .cross-promotion .card.card-style-blog-embed .card-body .card-label, body .grid_list--component .card.card-style-blog-embed .card-body .card-label {
    display:none;
}

/* footer */

#wrapper-footer h1, #wrapper-footer h2, #wrapper-footer h3, #wrapper-footer h4, #wrapper-footer h5, #wrapper-footer .widget-title {
    color: var(--omm-orange) !important;
}

.footer-copyright-wrapper {
    padding: 0 !important;
}

.footer-copyright-wrapper .copy-right-row {
    padding: 0px !important;
}


.footer-copyright-wrapper .footer-text::before {
    content: '' !important;
    flex: 0 0 0 !important;
}



#menu-footer-quick-links a {
	  color: var(--omm-white) !important;
    font-family: var(--omm-display) !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
}


/* homepage news */
/* Scoped to just the homepage news component — this used to be a bare
   `body .card-label` (etc.) selector that hid every card's eyebrow label
   sitewide, including on pages like /about/why-we-run/ where it should be
   visible with the styled treatment defined above (~line 981). */
.homepage-featured-content--component .content-label,
.homepage-featured-content--component .card-label,
.homepage-featured-content--component .card .card-label,
.homepage-featured-content--component .carousel-item--label,
.homepage-featured-content--component .resource-label {
    display:none;
}

.homepage-featured-content--component .container .card .card-body .card-title a {
    color: var(--omm-green) !important;
    text-decoration: none;
    font-size: 1.85rem;
    line-height: 2.25rem;
    letter-spacing: .04rem;
}

.homepage-featured-content--component .container .card .card-body .card-title a:hover {
	color: var(--omm-green) !important;
	text-decoration: underline !important;
}

/* Homepage countdown */

#wpdevart_countdown_1 {
	text-align: right !important;
}
.countdown-row .countdown-text-column h3, .countdown-row .countdown-text-column h3 .dark-blue {
    color: #FFF !important;
    line-height: .9 !important;
}

.countdown-row {
	background-color:var(--omm-purple) !important;
    display: flex !important;
    align-items: center !important;
}

.countdown-row .l {
		display:block;
	}

.countdown-row .m {
	display:none;
}

.countdown-row .row {
    align-items: center !important;
    min-width: 0 !important;
	/*width:90%;*/
    flex-wrap: wrap !important;
}

.countdown-row:before, .countdown-row:after {
    background-image: none;
}

.countdown-row {
	min-height: 100px !important;
    background-image: none !important;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 30px !important;
}


.countdown-row .countdown-text-column .date {
    
	background-color: var(--omm-purple) !important;
    align-items: center !important;
    color: #FFF !important;
    font-size: 25px !important;
    padding: 12px 20px 10px 20px !important;
    text-transform: uppercase !important;
}

@media (max-width: 960px) {
	.countdown-row .m {
	display:block;
}
	.countdown-row .l {
		display:none;
	}
	.countdown-row .countdown-text-column {
		max-width:50% !important;
	}
	
	.countdown-row .countdown-text-column {
		padding-bottom: 30px;
	}
	
	.countdown-row {
		padding: 50px 30px 50px 30px !important;
	}
	
	body #wpdevart_countdown_1 .time_left_pro {
	font-size:1rem !important;

	}
}



/* experience component */

body .content-title, body .experience--component .content .content-title {

    font-size: 40px !important;

}

/* ribbon component */

.ribbon--component {
    /* background: none !important; */
    background-color: none !important;
}

.ribbon--component.ribbon-g .card {
    border: solid 1px #dee2e6 !important;
    padding: 50px;
}

/* accordion */

.accordion-component .card-header .accordion_title {
    letter-spacing: 3px !important;
}

.accordion-component .card-header .accordion_title {
    padding-top: 4px;
}

.accordion-component a[data-toggle="collapse"].collapsed .fa:before  {
    margin-top: -8px;
}

.accordion-component a[data-toggle="collapse"]:not(.collapsed) .fa:before {
    margin-top: -8px;
}

.accordion-component .card-block p {
	
}

/* breadcrumb */

.marquee--component.carousel .marquee-breadcrumb {
    font-size: 13px;
}


/* RUN OKC */
.runokc-ribbon {
    width: 100%;
    overflow: hidden;
    background-color: var(--omm-purple);
    padding: 15px 0px 10px 0px !important;
}

.runokc-ribbon-track {
    display: flex;
    width: max-content;
    animation: runokc-scroll 22s linear infinite;
}

.runokc-ribbon-group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.runokc-ribbon-item {
    display: block;
    flex-shrink: 0;

    min-width: 240px;
    padding: 0 40px;

    font-family: var(--omm-display);
    font-size: 42px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.runokc-ribbon-item sup {
    font-size: 30%;
    line-height: 0;
    vertical-align: super;
    margin-left: 1px;
}


/* Race colors */
.runokc-green {
    color: var(--omm-green);
}

.runokc-yellow {
    color: var(--omm-gold);
}

.runokc-red {
    color: var(--omm-burgundy);
}

.runokc-blue {
    color: var(--omm-blue);
}

.runokc-silver {
    color: var(--omm-gray);
}

.runokc-orange {
    color: var(--omm-orange);
}

@keyframes runokc-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .runokc-ribbon-track {
        animation: none;
    }
}

/* cards */

.card-img {
	border-radius: 0px !important;
}

/* OVERRIDES */


/* Alert */

.special-alert {
    background: var(--omm-orange) !important;
    color: var(--omm-white) !important;
}

.special-alert .marquee3k__copy {
	font-size: .9rem !important;
	letter-spacing:0px;
}

.special-alert .alert-button-container .alert-button {
	background-color:var(--omm-orange) !important;
	color: var(--omm-accent) !important;
	letter-spacing:0px;
	padding:0px !important;
}

.special-alert .alert-content-wrapper {
    overflow-x: hidden;

    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0,
        black 30px,
        black calc(100% - 30px),
        transparent 100%
    );

    mask-image: linear-gradient(
        to right,
        transparent 0,
        black 30px,
        black calc(100% - 30px),
        transparent 100%
    );
}
.special-alert .alert-copy {
  font-family: var(--omm-display) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
letter-spacing:3px !important;
	  color: var(--omm-green) !important;
  text-transform: uppercase;
}

.special-alert .alert-copy strong {
	font-weight: 900 !important;
}

.marquee--component .card-img {
	background-position:top !important;
}

.marquee--component.hero-marquee .mobile-hero-marquee .card .gradient-overlay {
	background: rgba(16,25,42,.2)!important;
}

/* Countdown */

.countdown-text-column {
    align-items: center !important;
    text-align: left;
}

.countdown-row .countdown-text-column h3 {
	background-color:var(--omm-purple) !important;
	padding: 12px 20px 10px 20px !important;
}

.countdown-row .countdown-text-column .date {
	color: var(--omm-orange) !important;
	padding-top: 20px !important;
	padding-bottom:0px !important;
	margin-bottom:0px !important;
}

body #wpdevart_countdown_1 .time_left_pro {
    font-family: var(--omm-display) !important;
    font-size: clamp(26px, 5vw, 72px) !important;
	font-weight: 900 !important;
    color: var(--omm-white) !important;
	letter-spacing: 3px !important;
}

body #wpdevart_countdown_1 .time_text {
    font-family: var(--omm-display) !important;
    font-size: 25px !important;
	font-weight: 600 !important;
	letter-spacing: 3px !important;
	text-transform:uppercase;
}



body #wpdevart_countdown_1 .wpdevart_countdown_element.day_block_element  .wpda_ring {
    stroke: var(--omm-orange) !important;
}

body #wpdevart_countdown_1 .wpdevart_countdown_element.hour_block_element .wpda_ring {
    stroke: var(--omm-orange) !important;
}


body #wpdevart_countdown_1 .wpdevart_countdown_element.minut_block_element  .wpda_ring {
    stroke: var(--omm-orange) !important;
}


#wpdevart_countdown_1 .wpdevart_countdown_element.second_block_element .wpda_ring {
    stroke: var(--omm-orange) !important;
}

#wpdevart_countdown_1 .wpdevart_countdown_element.second_block_element {
	margin-right: 0 !important;
}

.countdown-row .countdown-text-column {
    max-width: 20%;
}

.countdown-row .countdown-text-column img {
	max-width:100%;
}

@media (max-width: 424px) {

    body #wpdevart_countdown_1 .time_text {
        font-size: 13px !important;
    }
}

@media (min-width: 425px) and (max-width: 767px) {

    body #wpdevart_countdown_1 .time_text {
        font-size: 11px !important;
    }
}

/* Mobile marquee cards */

.marquee--component.hero-marquee .mobile-hero-marquee .col-6 .card .card-body {
	text-align: center !important;
}

/* News Homepage */

.homepage-featured-content--component .container .card-img {
	background-position: bottom !important;
}

/* Ribbon card 3 */

.ribbon--component .card .card-text-area .card-body {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/* Search */

.site-search .search__title a {
	color: var(--omm-green) !important;
}
.site-search .badge {
	padding: 2px 6px 0px 8px;
	background-color: var(--omm-orange) !important;
}
.badge-light {
	
	font-family: var(--omm-display) !important;
	
	color: var(--omm-white) !important;
	letter-spacing: 3px !important;

}
/* Footer */
#wrapper-footer {
	border-top: none !important;
}

/* Interior marquee */
.marquee--component.no-background-image .carousel-item {
	min-height: 320px !important;
}

/* Podcast */
body.podcast-template-default .podcast-marquee-content .podcast-subhead {
	text-transform: uppercase !important;
}

#main-menu {
    gap: clamp(20px, 2.5vw, 50px) !important;
}

/* Nav */
nav.navbar .navbar-nav {
	padding-left: 225px !important;
}

.header nav.navbar ul#main-menu li.dropdown ul.dropdown-menu .dropdown-menu-container {
	padding-left: 245px !important;
}

.header nav.navbar ul#main-menu li.dropdown.is_hovered ul.dropdown-menu .subnav-menu-item-row.two-thirds {
	width: 70% !important;
}

.header nav.navbar ul#main-menu li.dropdown.is_hovered ul.dropdown-menu .sub-nav-content-row.third {
	width: 30% !important;
}

/* MEDIA QUERY */

/* MARQUEE */

.marquee--component.no-background-image {
    background: var(--omm-green) !important;
}

.marquee--component.no-background-image .breadcrumb-background {
    background: var(--omm-green) !important;
}

@media (max-width: 1140px) {
	.marquee--component.no-background-image {
		background: var(--omm-accent) !important; 
	}
	.marquee--component.no-background-image .breadcrumb-background {
		display:none !important;
    background: var(--omm-accent) !important;
}
}

/* NAV */



@media (max-width: 1599.98px) {
	nav.navbar .navbar-nav>.menu-item>.nav-link {
		line-height:.9em !important;
	}
	
	nav.navbar .navbar-nav>.menu-item {
		margin:0px !important;
	}
	
}

@media (min-width: 1140px) and (max-width: 1220px) {

	nav.header-navbar .nav-link, nav.header-navbar .navbar-nav > li > a {
		font-size: 1.5rem !important;
	}

}

/* Experience Cards */
.experience--component .row-c .bg-image-div {
	background-position: left top !important;
}

.experience--component .row-a .bg-image-div {
	background-position: right top !important;
}

/* G Forms */
body .gform_wrapper:not(.ribbon-form_wrapper) .gfield_checkbox label {
	color: var(--omm-ink) !important;
  font-family: var(--omm-body) !important;
  font-size: clamp(16px, 15.5px + 0.2vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

/* style sub */
body .gform_wrapper label.gform-field-label--type-sub {
    font-family: var(--omm-body) !important;
    font-size: .9rem !important;
    font-weight: 400 !important;
	color: var(--omm-green) !important; 
}
@media (max-width: 1140px) {
    .logos--component-container .logos--component {
	     background-color: var(--omm-white) !important;
	}
	.logos--component-title {
		font-size:28.45px !important;
	}
}

body:not(.no-marquee) .header_content--component .standard-page-subhead {
	/* border-bottom: 1px solid var(--omm-accent) !important; */
	border-bottom: none !important;
}
/*
body button:not(.navbar-toggler):not(.close):not(.accordion-toggle):not(.tabs--component-toggle):not(.slick-dots button):not(.slick-arrow) {
	background:var(--omm-cream) !important;
	background-color: var(--omm-cream) !important;
	color: var(--omm-green) !important;
}
*/

body.page-id-17358 #ribbon_component_3 .card-title {
	color: #56222f !important;
}

#mobile_menu .nav_active .toggle-sub:not(:only-child):after {
	color: var(--omm-green) !important;
}

#logos_component_5 {margin-top: 50px;}


// From Customize CSS

.ctct-disclosure, .ctct-button {
	display:none !important;
}


body:not(.no-marquee) .header_content--component {
	min-height: 75px;
}

@media (min-width: 1140px) {
	body:not(.no-marquee) .header_content--component .standard-page-subhead {
		min-height: 66px;
		padding: 22px;
		margin-bottom: 0 !important;
	}
	#component_2.flexible-content--component {
		margin-top: 50px;
	}
}

@media (min-width: 1140px) {
	.marquee--component+script+#full-width-page-wrapper #content .container:not(.flexible-content--component-container)+.logos--component-container:nth-of-type(2) .logos--component-inner-wrapper {
		padding-top: 30px;
	}
}

body .gform_wrapper .gform_validation_container {
    display: none;
}

/* Make only text-like inputs full-width */
.gform_wrapper .gfield .ginput_container
input[type="text"],
.gform_wrapper .gfield .ginput_container
input[type="email"],
.gform_wrapper .gfield .ginput_container
input[type="url"],
.gform_wrapper .gfield .ginput_container
input[type="tel"],
.gform_wrapper .gfield .ginput_container
input[type="number"],
.gform_wrapper .gfield .ginput_container
input[type="password"],
.gform_wrapper .gfield .ginput_container
input[type="search"],
.gform_wrapper .gfield .ginput_container select,
.gform_wrapper .gfield .ginput_container textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* NEW Gravity Forms markup: align checkboxes/radios with labels */
.gform_wrapper.gravity-theme .gfield_checkbox .gchoice,
.gform_wrapper.gravity-theme .gfield_radio .gchoice {
    display: flex;
    align-items: center;
}

/* Checkbox / radio size + spacing */
.gform_wrapper.gravity-theme .gfield_checkbox .gchoice input[type="checkbox"],
.gform_wrapper.gravity-theme .gfield_radio .gchoice input[type="radio"] {
    width: auto !important;
    max-width: none !important;
    box-sizing: content-box;
    margin-right: 0.5rem;
    margin-top: 0;          /* kill any weird vertical offset */
    flex-shrink: 0;         /* keep the box from squishing */
}

/* Keep label inline and vertically centered */
.gform_wrapper.gravity-theme .gfield_checkbox .gchoice label,
.gform_wrapper.gravity-theme .gfield_radio .gchoice label {
    display: inline-block;
    margin: 0;
    line-height: 1.2;
}

/* Add spacing above fieldsets in Gravity Forms */
.gform_wrapper fieldset {
    margin-top: 2.7rem;
}



body .gform_wrapper:not(.ribbon-form_wrapper) .gform_next_button.button {
	padding:0 25px !important;
}

.gform-page-footer {
	margin-top:1.5rem
}

/* Global input padding for Gravity Forms */
.gform_wrapper .gfield .ginput_container input[type="text"] {
    padding: 0.75rem 0.875rem;
    box-sizing: border-box;
}

/* Reset height on checkboxes & radios so they align correctly */
body .gform_wrapper:not(.ribbon-form_wrapper) input[type="checkbox"],
body .gform_wrapper:not(.ribbon-form_wrapper) input[type="radio"] {
    height: auto !important;
}

/* Gravity Forms: visually replace "(Required)" with "*" */
.gform_wrapper.gravity-theme .gfield_required_text {
    font-size: 0;        
}
/* hide the word but keep it for screen readers */
/* Completely hide "(Required)" text */
.gfield_required_text {
    display: none !important;
}

/* Add asterisk instead 
.gfield_required::after {
    content: "*"; 
    color: #d00; 
	
    font-size: 2.2rem;
    margin-left: .25rem;
}
*/

.gfield_required {
		font-weight:600 !important;
	
}

body .gfield_required, body .gfield_required_asterisk, body .gform_wrapper .gfield_required, body .gform_wrapper:not(.ribbon-form_wrapper) .gfield_required, body .gform_wrapper.gravity-theme .gfield_required, body .gform_wrapper .gfield_label .gfield_required, body .gform_wrapper legend .gfield_required, body .wpcf7 .required, body form span.required {
	color: var(--omm-green) !important;
}



.gform-field-label {
	margin-top:0;
	margin-bottom:0;
}

.percentbar_blue {
	background-color: #df9436 !important; 
	border-radius:999px;
	text-align:right;
	padding-right:10px;
	color:white;
}

.gf_progressbar {
	background:#ebe1d1;
	border-radius:999px;
	margin-bottom:32px;
}

.gf_progressbar_title {
	margin-bottom:0px;
}

.validation_message {
	font-size:.9rem;
	color: #d00;
}


.gf_progressbar_percentage {
	font-size:.9rem;
	margin-top:.5rem;
}

.field_description_below {
	margin-bottom:1.25rem;
}

/* Remove bullets from Gravity Form 42 */
#gform_wrapper_42 ul,
#gform_wrapper_42 li {
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Remove pseudo bullet icons if theme injects them */
#gform_wrapper_42 li::before {
    content: none !important;
    display: none !important;
}

/* Gravity Forms – remove list bullets from all forms */
.gform_wrapper.gravity-theme ul.gform_fields,
.gform_wrapper.gravity-theme ol.gform_fields,
.gform_wrapper.gravity-theme li.gfield,
.gform_wrapper.gravity-theme .gform_page_fields {
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Remove pseudo-element bullets/icons injected by themes */
.gform_wrapper.gravity-theme li.gfield::before,
.gform_wrapper.gravity-theme li.gfield::marker {
    content: none !important;
    display: none !important;
}

/* Fallback for older Gravity Forms markup */
.gform_wrapper ul,
.gform_wrapper ol,
.gform_wrapper li {
    list-style: none !important;
}

.gform_wrapper li::before,
.gform_wrapper li::marker {
    content: none !important;
    display: none !important;
}

/* Odd G Form styles */

.gform_wrapper .gfield .ginput_container input[type="text"] {
    padding: 0.75rem 0.875rem;
    box-sizing: border-box;
}

.gform_wrapper .gfield .ginput_container input[type="url"], .gform_wrapper .gfield .ginput_container input[type="tel"],  .gform_wrapper .gfield .ginput_container input[type="email"],.gform_wrapper .gfield .ginput_container textarea, .gform_wrapper .gfield .ginput_container select {
	padding: 0.75rem 0.875rem;
}





.gfield_consent_description_text {
	font-size:.7rem !important;
}

.gfield_consent_label {
	
	font-size:1rem !important;
	font-weight:900 !important;
	
	color: var(--omm-green) !important;
}

body input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), body select, body textarea {
    background: var(--omm-white) !important;
    color: var(--omm-ink) !important;
    border: 1px solid rgba(0, 99, 46, 1) !important;
    border-radius: var(--omm-radius) !important;
    font-family: var(--omm-body) !important;
}


/* Progress bar */

.percentbar_blue {
    background-color: var(--omm-green) !important;
    border-radius: 999px;
    text-align: right;
    padding-right: 10px;
    color: white;
}







.gfield_radio label {
	font-size:1rem !important;
}



/* SYED */

/* dropdown menu */

body .dropdown-menu, body .sub-menu, body .navbar-submenu {
    background: var(--omm-purple) !important;
}




/* END SYED */

/* News */

h1 sup {
	font-size:60%;
}

/* Header style */

.header nav.header-navbar .header-logo {
	width:170px;
	height:170px;
	overflow:visible;
}

.navbar-brand {
	padding-top:2.2125rem;
}

/* Breadcrumb */

.marquee-breadcrumb {
	display:none;
}


.marquee--component.carousel .carousel-item .slide-content .slide-content-container .carousel-item--subhead {
    
    font-family: var(--omm-body) !important;
	margin-top: 0px;
    
}


.marquee--component.hero-marquee .card .card-6-column .card-subheading {
	text-shadow:none;
}

body:not(.no-marquee) .header_content--component {
	border-radius:0px;
}


/* SYED */





/* END SYED */


/* Gallery styles */

body button.slick-next.slick-arrow[data-role="none"][role="button"][aria-label="Next"],
body button.slick-prev.slick-arrow[data-role="none"][role="button"][aria-label="Previous"] {
   font-size: 0 !important;
	padding:8px 10px !important;
	background: var(--omm-green) !important;
}

body button.slick-next.slick-arrow[data-role="none"][role="button"][aria-label="Next"]:hover,
body button.slick-prev.slick-arrow[data-role="none"][role="button"][aria-label="Previous"]:hover {
   font-size: 0 !important;
	padding:8px 10px !important;
	background: var(--omm-accent) !important;
	
}

.gallery-row {
    background-image: none;
    background: var(--omm-green) !important;
}

.gallery-row:before {
    content: '';
    background-image:none;
	background-color:var(--omm-green) !important;
}

.gallery-row:after {
    content: '';
    background-image:none;
	background-color:var(--omm-green) !important;
}

.gallery--component .Gallery {
    border-radius: 0;
}

.gallery-item .gallery-caption .runner {
    font-family: var(--omm-display) !important;
	font-weight:900 !important;
	font-size:1.2rem;
    color: var(--omm-green) !important;
	text-transform:uppercase;
	letter-spacing:.5px;
}




a.yellow-button, button.yellow-button {
   padding: 16px 32px !important;
  
}

/* Eyebrow style */



.ribbon--component .card .btn.btn-primary {
	min-width:1px !important;
}

body .experience--component .content .content-label,.homepage-featured-content--component .container .card .card-body .card-label, body .ribbon--component .card-label,.ribbon--component .card .card-text-area .card-body .card-body-inner .card-label {
	display: inline-block !important;
		background: var(--omm-orange) !important;
	font-family: var(--omm-display) !important;
	font-size:20px !important;
	font-weight:600 !important;
	color: white !important;
	letter-spacing:3px !important;
	padding:2px 6px 0px 8px;
}


.homepage-featured-content--component .container .card .card-body .action-link,.ribbon--component.ribbon-f .card .card-text-area .card-body .action-link {
    display: inline-block !important;
	 padding:0px !important;
	background:none !important; 
	padding:0px !important;
	letter-spacing:3px !important;
	text-align:left !important;
}

.homepage-featured-content--component .container .card .card-body .action-link:after, .ribbon--component.ribbon-f .card .card-text-area .card-body .action-link:after {

	content: "→";
	margin-left: 8px;
)
}

.homepage-featured-content--component .container .card .card-body .action-link,  {
	color:var(--omm-green) !important;
	border-bottom:3px solid var(--omm-white) !important;
}

.homepage-featured-content--component .container .card .card-body .action-link:hover, .ribbon--component.ribbon-f .card .card-text-area .card-body .action-link:hover {
	color:var(--omm-green) !important;
	border-bottom:3px solid var(--omm-green) !important;
}

.experience--component .content .content-cta a.yellow-button, .ribbon--component.ribbon-f .card .card-text-area .card-body .action-link{
	border-bottom:3px solid transparent !important;
}

.experience--component .content .content-cta a.yellow-button:hover {
		color:var(--omm-green) !important;
	border-bottom:3px solid var(--omm-green) !important;
	}






.experience--component {
    font-family: var(--omm-body) !important;
}




.experience--component .content .content-cta a.yellow-button{
  background:none !important; 
	padding:0px !important;
	letter-spacing:3px !important;
}
.experience--component .content .content-cta a.yellow-button::after{
	font-family: var(--omm-body) !important;
font-family:var(--omm-display) !important;
	content: "→";
	margin-left: 8px;
	
}


/* Adjust fonts on bulleted lists */

.bulleted-list--component .bulleted-list-title {
    text-transform: uppercase;
	font-family:var(--omm-display) !important;
    font-weight: 900;
    font-size: 1.5em;
    letter-spacing: 0px;
}

.bulleted-list--component {
    padding-top: 30px;
    padding-bottom: 15px;
    border-top: solid 1px rgba(110, 150, 166, .1);
    border-bottom: solid 1px rgba(110, 150, 166, .1);
}


/* Accordion */

.accordion-component a[data-toggle=collapse]+div {
  
    margin-top: -12px;
}

.accordion-component a[data-toggle="collapse"].collapsed .card-header {
    background-color: var(--omm-green) !important;
    border-radius: 0px !important;
}



/* Card styles */


.news--component-container .news--component .news-date h4 {
    color: var(--omm-green) !important;
    font-family: var(--omm-display) !important;
    font-size: font-size: 1.5em;
    font-weight: 900 !important;
	letter-spacing: 0px !important;
}

.grid_list--component .card .card-body .card-text {
    font-family: var(--omm-body) !important;
}

.blog-embed .card .card-img, .cross-promotion .card .card-img, .grid_list--component .card .card-img {
    border-radius: 0px;
}



/* News */

.news-search-form button[type="submit"] {

    padding: 16px !important;
    height: calc(4px + 2.8rem) !important;

}

body .grid_list--component .card.card-style-d .card-title:hover a {

    color: var(--omm-green) !important;
	text-decoration:underline !important;

}

@media (min-width: 960px) {
    .news--component-container .news--component .news-date {
      padding-left: 0px !important;
			padding-top:16px;
    }
}


/* Experience component */

.experience--component .row-f .floating-box {
    border-radius: 0px !important;
}

.experience--component .row-c .floating-box {
    border-radius: var(--omm-radius) !important;
}


/* MEGA MENU */


.video--component h6.video-title {
	letter-spacing: 0px !important;
	font-size: 1.5em !important;
}

.ribbon--component.ribbon-c .card .card-text-area .card-body .action-link, .ribbon--component.ribbon-f .card .card-text-area .card-body .action-link {
   
    text-align: center;
	border-radius: var(--omm-radius) !important;
   
}

.ribbon--component.ribbon-c .card .card-img, .ribbon--component.ribbon-f .card .card-img {
  
    border-radius: var(--omm-radius) !important;
}

/* Timeline */

body .et-vertical-timeline .et-title, body .et-vertical-timeline .et-title a {
 
    letter-spacing: 0px !important;
   
}

.et-ver-timeline-template-9 .et-content {
	font-size:16px;
  font-weight: 400;
    line-height: 1.5;
   
}


/* Ribbon component */

#ribbon_component_F {
	border:none !important;
}

#ribbon_component_F .card {
	background:none !important;
}

.ribbon--component.ribbon-d .card-body .card-title {
	color: white !important;
}

.ribbon--component.ribbon-d .card-body .card-text {
	color: #FFF !important;
}

.ribbon--component.ribbon-g .card .card-text-area .card-body .card-text {
    var(--omm-ink) !important;
}


body .ribbon--component .card a:not(.btn):not([class*="-button"]) {
    color: var(--omm-accent) !important;
}




.ribbon--component.ribbon-d .card-body .card-title,body .ribbon--component.ribbon-d .card:hover .card-title  {
    font-weight: 900 !important;
	 color: #FFF !important;
}

body .ribbon--component.ribbon-d .card .card-title,
body .ribbon--component.ribbon-d .card h4.card-title,
body .ribbon--component.ribbon-d .card:hover .card-title,
body .ribbon--component.ribbon-d .card .card-title:hover,
body .ribbon--component.ribbon-d .card .card-title a,
body .ribbon--component.ribbon-d .card .card-title a:hover,
body .ribbon--component.ribbon-d .card:hover .card-title a {
  
    font-size: 2.25rem !important;
    
}

body .ribbon--component.ribbon-d .card-body a:hover {

    color: var(--omm-accent) !important;

}

.ribbon--component.ribbon-d .ribbon-overlay {
    background: rgba(20, 105, 57, .1);
}

body .ribbon--component.ribbon-g .card .card-title a:hover,
body .ribbon--component.ribbon-g .card:hover .card-title {
    color: var(--omm-green) !important;
}




/* Utilities

::selection {
    background-color: var(--omm-accent);
    color: var(--omm-green);
}
 */