@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');
:root {
  --theme-primary: #6B7A3D;
  --theme-secondary: #9CA66B;
  --theme-accent: #C2A56B;
  --theme-background: #FAF4E6;
  --theme-text: #3A342B;
  --theme-appbar-background: #5F6B3A;
  --theme-appbar-text: #FFFBEF;
  --theme-appbar-hover: rgba(255, 251, 239, 0.16);
  --theme-heading-font: 'Libre Baskerville', serif;
  --theme-body-font: 'Lato', sans-serif;
  --theme-base-font-size: 16px;
  --theme-radius: 12px;
  --theme-section-gap: 2.5rem;
  --theme-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --theme-nav-style: bordered-bottom;
  --theme-button-style: soft;
}
.club-site-page .hero-block, .club-site-page .rich-text-block, .club-site-page .upcoming-events-block, .club-site-page .event-calendar-block, .club-site-page .team-members-block, .club-site-page .cta-block, .riding-school-page .hero-block, .riding-school-page .rich-text-block, .riding-school-page .upcoming-events-block, .riding-school-page .event-calendar-block, .riding-school-page .team-members-block, .riding-school-page .cta-block {
  margin-bottom: var(--theme-section-gap, 1.5rem) !important;
  border-radius: var(--theme-radius, 6px) !important;
  box-shadow: var(--theme-card-shadow, 0 2px 8px rgba(0, 0, 0, 0.08));
}
.club-site-page .hero-cta-button, .club-site-page .hero-secondary-cta-button, .club-site-page .cta-button, .club-site-page .e-btn.e-primary, .riding-school-page .hero-cta-button, .riding-school-page .hero-secondary-cta-button, .riding-school-page .cta-button, .riding-school-page .e-btn.e-primary {
  border-radius: var(--theme-radius, 6px) !important;
}
.club-site-page, .riding-school-page, .site-shell-page {
  --color-primary: #6B7A3D;
  --color-primary-hover: color-mix(in srgb, #6B7A3D 80%, white);
  --color-primary-active: color-mix(in srgb, #6B7A3D 80%, black);
  --color-accent: #C2A56B;
  --color-accent-hover: color-mix(in srgb, #C2A56B 80%, white);
  --color-secondary: #9CA66B;
}
.club-site-page, .riding-school-page, .site-shell-page {
  background-color: var(--theme-background, #FFFFFF);
  color: var(--theme-text, #1F2937);
  font-family: var(--theme-body-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif);
  font-size: var(--theme-base-font-size, 16px);
}
.club-site-page h1, .club-site-page h2, .club-site-page h3, .club-site-page h4, .club-site-page h5, .club-site-page h6, .riding-school-page h1, .riding-school-page h2, .riding-school-page h3, .riding-school-page h4, .riding-school-page h5, .riding-school-page h6, .site-shell-page h1, .site-shell-page h2, .site-shell-page h3, .site-shell-page h4, .site-shell-page h5, .site-shell-page h6 {
  font-family: var(--theme-heading-font, inherit);
}
.club-site-page .theme-primary, .riding-school-page .theme-primary, .site-shell-page .theme-primary { color: var(--theme-primary, #2E4E3F); }
.club-site-page .theme-primary-bg, .riding-school-page .theme-primary-bg, .site-shell-page .theme-primary-bg { background-color: var(--theme-primary, #2E4E3F); }
.club-site-page .theme-primary-border, .riding-school-page .theme-primary-border, .site-shell-page .theme-primary-border { border-color: var(--theme-primary, #2E4E3F); }
.club-site-page .theme-accent, .riding-school-page .theme-accent, .site-shell-page .theme-accent { color: var(--theme-accent, #D3A71A); }
.club-site-page .theme-accent-bg, .riding-school-page .theme-accent-bg, .site-shell-page .theme-accent-bg { background-color: var(--theme-accent, #D3A71A); }
.club-site-page .theme-accent-border, .riding-school-page .theme-accent-border, .site-shell-page .theme-accent-border { border-color: var(--theme-accent, #D3A71A); }
.riding-school-page .e-btn.e-primary, .club-site-page .e-btn.e-primary, .site-shell-page .e-btn.e-primary {
  background-color: var(--theme-primary, #2E4E3F) !important;
  border-color: var(--theme-primary, #2E4E3F) !important;
  color: #FFFFFF !important;
}
.riding-school-page .e-btn.e-primary:hover, .club-site-page .e-btn.e-primary:hover, .site-shell-page .e-btn.e-primary:hover {
  background-color: var(--theme-primary, #2E4E3F) !important;
  opacity: 0.9;
}
.riding-school-page .e-btn.e-primary:active, .club-site-page .e-btn.e-primary:active, .site-shell-page .e-btn.e-primary:active {
  background-color: var(--theme-primary, #2E4E3F) !important;
  opacity: 0.8;
}
.club-site-page.button-style-outline .hero-cta-button, .club-site-page.button-style-outline .cta-button, .riding-school-page.button-style-outline .hero-cta-button, .riding-school-page.button-style-outline .cta-button, .site-shell-page.button-style-outline .hero-cta-button, .site-shell-page.button-style-outline .cta-button, .button-style-outline .club-site-page .hero-cta-button, .button-style-outline .club-site-page .cta-button, .button-style-outline .riding-school-page .hero-cta-button, .button-style-outline .riding-school-page .cta-button, .button-style-outline .site-shell-page .hero-cta-button, .button-style-outline .site-shell-page .cta-button {
  background-color: transparent !important;
  color: var(--theme-primary, #2E4E3F) !important;
  border: 2px solid var(--theme-primary, #2E4E3F) !important;
}
.club-site-page.button-style-soft .hero-cta-button, .club-site-page.button-style-soft .cta-button, .riding-school-page.button-style-soft .hero-cta-button, .riding-school-page.button-style-soft .cta-button, .site-shell-page.button-style-soft .hero-cta-button, .site-shell-page.button-style-soft .cta-button, .button-style-soft .club-site-page .hero-cta-button, .button-style-soft .club-site-page .cta-button, .button-style-soft .riding-school-page .hero-cta-button, .button-style-soft .riding-school-page .cta-button, .button-style-soft .site-shell-page .hero-cta-button, .button-style-soft .site-shell-page .cta-button {
  background-color: color-mix(in srgb, var(--theme-primary, #2E4E3F) 18%, white) !important;
  color: var(--theme-primary, #2E4E3F) !important;
  border: 1px solid color-mix(in srgb, var(--theme-primary, #2E4E3F) 40%, white) !important;
}
.club-site-nav, .riding-school-nav {
  background-color: var(--theme-appbar-background, #2E4E3F) !important;
  border-bottom: 0;
}
.nav-style-transparent .club-site-nav, .nav-style-transparent .riding-school-nav {
  background-color: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid transparent;
}
.nav-style-bordered .club-site-nav, .nav-style-bordered .riding-school-nav {
  box-shadow: none !important;
  border-bottom: 1px solid color-mix(in srgb, var(--theme-appbar-text, #FFFFFF) 20%, transparent);
}
.club-site-nav a.appbar-item, .club-site-nav button.appbar-item-button, .riding-school-nav a.appbar-item, .riding-school-nav button.appbar-item-button {
  color: var(--theme-appbar-text, #FFFFFF) !important;
}
.dropdown-panel {
  background-color: #FFFFFF;
  color: #212529;
}
html[data-theme="dark"] .dropdown-panel {
  background-color: #2d2d2d;
  color: #e4e4e7;
}
.dropdown-panel a, .dropdown-panel div, .dropdown-panel span, .dropdown-panel button:not(.btn-primary) {
  color: inherit;
}
.club-site-nav a.appbar-item:hover, .club-site-nav button.appbar-item-button:hover, .riding-school-nav a.appbar-item:hover, .riding-school-nav button.appbar-item-button:hover {
  background-color: var(--theme-appbar-hover, rgba(255, 255, 255, 0.1)) !important;
}
.club-site-nav a.appbar-item-active {
  background-color: var(--theme-appbar-hover, rgba(255, 255, 255, 0.1)) !important;
  opacity: 1 !important;
}
.club-site-nav .mobile-menu-button, .riding-school-nav .mobile-menu-button {
  color: var(--theme-appbar-text, #FFFFFF) !important;
}
.club-site-nav .mobile-menu-button:hover, .riding-school-nav .mobile-menu-button:hover {
  background-color: var(--theme-appbar-hover, rgba(255, 255, 255, 0.1)) !important;
}
</style>