/*
 * Ricks Brothers Foundation official brand colors, v1.1.0.
 * Source: foundation_brand_colors.pdf (October 2026).
 * This stylesheet changes colors only; original saved template spacing,
 * typography, and section layout live in the page CSS files.
 */
:root {
  --rbf-royal-blue: #173B70;
  --rbf-warm-gold: #D4A84F;
  --rbf-white: #FFFFFF;
  --rbf-sage-green: #71977B;
  --rbf-deep-navy: #102A4D; /* legible utility text specified as deep navy in guide */
  --rbf-light-neutral: #F6F8FB;
  --global-palette1: var(--rbf-royal-blue);
  --global-palette2: var(--rbf-warm-gold);
  --global-palette3: var(--rbf-sage-green);
  --wp--preset--color--theme-palette-1: var(--rbf-royal-blue);
  --wp--preset--color--theme-palette-2: var(--rbf-warm-gold);
  --wp--preset--color--theme-palette-3: var(--rbf-sage-green);
  --e-global-color-thebase1: var(--rbf-royal-blue);
  --e-global-color-thebase2: var(--rbf-warm-gold);
  --e-global-color-thebase3: var(--rbf-sage-green);
  --e-global-color-primary: var(--rbf-royal-blue);
  --e-global-color-accent: var(--rbf-sage-green);
  --global-palette-btn-bg: var(--rbf-warm-gold);
  --global-palette-btn: var(--rbf-deep-navy);
}

/* Royal blue header and navigation; retain original component dimensions. */
body.rbf-wordpress { background-color: var(--rbf-white); }
body.rbf-wordpress .site-top-header-wrap .site-header-row-container-inner,
body.rbf-wordpress .site-main-header-wrap .site-header-row-container-inner {
  background: var(--rbf-royal-blue) !important;
}
body.rbf-wordpress .site-top-header-wrap .header-html-inner,
body.rbf-wordpress .site-top-header-wrap .header-html-inner p,
body.rbf-wordpress .site-top-header-wrap .header-html-inner a {
  color: var(--rbf-white) !important;
}
body.rbf-wordpress #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a,
body.rbf-wordpress #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a:visited,
body.rbf-wordpress #main-header .search-toggle-open,
body.rbf-wordpress #main-header .search-toggle-open .thebase-svg-icon {
  color: var(--rbf-white) !important;
  fill: currentColor;
}
body.rbf-wordpress #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
body.rbf-wordpress #main-header .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a,
body.rbf-wordpress #main-header .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-ancestor > a,
body.rbf-wordpress #main-header .main-navigation .primary-menu-container > ul > li.menu-item > a:focus-visible {
  color: var(--rbf-warm-gold) !important;
}
/* Uploaded logo has dark lettering on transparent pixels. Keep a white
   backing under the logo so it stays readable against the blue header. */
body.rbf-wordpress #main-header .site-branding a.brand.has-logo-image {
  background: var(--rbf-white);
  border-radius: 3px;
  padding: 5px 7px;
  display: inline-flex;
  align-items: center;
}
body.rbf-wordpress #main-header .main-navigation .sub-menu,
body.rbf-wordpress #main-header .main-navigation .sub-menu li {
  background-color: var(--rbf-white);
}
body.rbf-wordpress #main-header .main-navigation .sub-menu a {
  color: var(--rbf-deep-navy) !important;
}
body.rbf-wordpress #main-header .main-navigation .sub-menu a:hover,
body.rbf-wordpress #main-header .main-navigation .sub-menu a:focus-visible {
  color: var(--rbf-royal-blue) !important;
  background: var(--rbf-light-neutral);
}

/* Warm gold buttons with high-contrast navy labels (not white on gold). */
body.rbf-wordpress #main-header .header-button,
body.rbf-wordpress .rbf-primary-button,
body.rbf-wordpress .rbf-native-form .last-item input,
body.rbf-wordpress .elementor-widget-button a.elementor-button,
body.rbf-wordpress .elementor-widget-button .elementor-button {
  background-color: var(--rbf-warm-gold) !important;
  color: var(--rbf-deep-navy) !important;
  border-color: var(--rbf-warm-gold) !important;
}
body.rbf-wordpress #main-header .header-button:hover,
body.rbf-wordpress .rbf-primary-button:hover,
body.rbf-wordpress .rbf-native-form .last-item input:hover,
body.rbf-wordpress .elementor-widget-button .elementor-button:hover {
  background-color: #C49A43 !important;
  border-color: #C49A43 !important;
  color: var(--rbf-deep-navy) !important;
}
body.rbf-wordpress .elementor-widget-button .elementor-button-text,
body.rbf-wordpress .elementor-widget-button .elementor-button-icon,
body.rbf-wordpress #main-header .header-button span {
  color: inherit !important;
}
body.rbf-wordpress .rbf-card a,
body.rbf-wordpress .rbf-editor-content a:not(.button),
body.rbf-wordpress .rbf-post-article a:not(.button) {
  color: var(--rbf-royal-blue);
}

/* Neutral base and measured sage-green accents for recovery and community. */
body.rbf-wordpress .rbf-form-section,
body.rbf-wordpress .rbf-program-section {
  background-color: var(--rbf-light-neutral);
}
body.rbf-wordpress .rbf-section-wrap h2,
body.rbf-wordpress .rbf-program-section h2,
body.rbf-wordpress .rbf-card h3 {
  color: var(--rbf-royal-blue);
}
body.rbf-wordpress .rbf-program-section .rbf-card {
  border-top: 3px solid var(--rbf-sage-green);
}
body.rbf-wordpress .rbf-form-status.rbf-success {
  background-color: #EDF4EE;
  border-color: var(--rbf-sage-green);
  color: var(--rbf-deep-navy);
}
body.rbf-wordpress .rbf-native-form input:focus,
body.rbf-wordpress .rbf-native-form textarea:focus,
body.rbf-wordpress .rbf-native-form select:focus {
  outline: 2px solid var(--rbf-royal-blue);
  outline-offset: 2px;
}

/* Footer coordinates with the blue brand, while preserving column layout. */
body.rbf-wordpress .site-footer .site-middle-footer-wrap .site-footer-row-container-inner {
  background: var(--rbf-royal-blue) !important;
  color: var(--rbf-white);
}
body.rbf-wordpress .site-footer .site-bottom-footer-wrap .site-footer-row-container-inner {
  background: var(--rbf-deep-navy) !important;
  color: var(--rbf-white);
}
body.rbf-wordpress .site-footer .site-middle-footer-wrap .site-footer-row-container-inner p,
body.rbf-wordpress .site-footer .site-middle-footer-wrap .site-footer-row-container-inner li,
body.rbf-wordpress .site-footer .site-middle-footer-wrap .site-footer-row-container-inner h2,
body.rbf-wordpress .site-footer .site-middle-footer-wrap .site-footer-row-container-inner h3,
body.rbf-wordpress .site-footer .site-middle-footer-wrap .site-footer-row-container-inner h4,
body.rbf-wordpress .site-footer .site-bottom-footer-wrap .site-footer-row-container-inner p,
body.rbf-wordpress .site-footer .site-bottom-footer-wrap .site-footer-row-container-inner h2 {
  color: var(--rbf-white) !important;
}
body.rbf-wordpress .site-footer .site-middle-footer-wrap .site-footer-row-container-inner a:not(.button),
body.rbf-wordpress .site-footer .site-bottom-footer-wrap .site-footer-row-container-inner a:not(.button) {
  color: var(--rbf-white) !important;
}
body.rbf-wordpress .site-footer .site-middle-footer-wrap a:not(.button):hover,
body.rbf-wordpress .site-footer .site-bottom-footer-wrap a:not(.button):hover {
  color: var(--rbf-warm-gold) !important;
}

/* Restored mobile navigation retains its white panel and navy labels. */
body.rbf-wordpress .rbf-mobile-toggle {
  background: var(--rbf-warm-gold);
  color: var(--rbf-deep-navy);
}
body.rbf-wordpress .rbf-mobile-panel li a,
body.rbf-wordpress .rbf-mobile-panel .sub-menu li a {
  color: var(--rbf-deep-navy);
}
body.rbf-wordpress .rbf-mobile-panel li a:hover {
  color: var(--rbf-royal-blue);
}
body.rbf-wordpress .rbf-mobile-hero p { color: var(--rbf-warm-gold); }
body.rbf-wordpress .rbf-mobile-hero .rbf-primary-button {
  background: var(--rbf-warm-gold) !important;
  color: var(--rbf-deep-navy) !important;
}

/* Visible keyboard focus, without forcing additional layout changes. */
body.rbf-wordpress a:focus-visible,
body.rbf-wordpress button:focus-visible {
  outline: 3px solid var(--rbf-warm-gold);
  outline-offset: 3px;
}
@media (max-width: 1024px) {
  body.rbf-wordpress #main-header .rbf-mobile-toggle { display: inline-flex; }
}
@media (prefers-reduced-motion: reduce) {
  body.rbf-wordpress .rbf-primary-button { transition: none; }
}