/* Calvary Chapel Chino Hills theme – overrides shared styles.css */
:root {
  --navy: #1b2d5b;
  --navy-2: #24386b;
  --teal: #c8652a;        /* primary action colour (terracotta) */
  --teal-dark: #a9531f;
  --teal-light: #f0b48f;
  --hero-a: #13224a;
  --hero-b: #2c3f73;
}

/* header: logo left, menu right (like calvarycch.org) */
.top-inner { display: flex; align-items: center; gap: 36px; padding: 18px 24px; }
.logo { order: -1; margin-right: auto; align-items: flex-start; }
.logo img { height: 56px; }
.nav { gap: 34px; }
.nav a, .mobile-menu nav a { text-transform: none; letter-spacing: .01em; font: 400 1.05rem var(--head-font); color: #2b2f3a; }
.nav a:hover, .nav a[aria-current="page"] { color: var(--teal); }
.cta { text-transform: none; letter-spacing: .01em; font: 500 1.05rem var(--head-font); border-radius: 4px; padding: 11px 28px; box-shadow: none; }

/* hero: navy, with a thin terracotta rule */
.hero { background: linear-gradient(115deg, var(--hero-a) 0%, var(--hero-a) 50%, var(--hero-b) 100%); border-bottom: 4px solid var(--teal); }
.hero::after { background: rgba(200,101,42,.16); }
.hero h1 { font-weight: 800; text-transform: uppercase; letter-spacing: .01em; }
.hero-search input:focus { outline-color: var(--teal-light); }

/* cards */
.card .date { color: var(--teal-light); }
.btn { text-transform: uppercase; }

@media (max-width: 980px) {
  .top-inner { padding: 12px 16px; }
  .logo img { height: 40px; }
  .nav-left, .nav-right-wrap { display: none; }
}