/* Four Seasons Campers - branding overlay (BSTA191)
   Loaded LAST (appended in header-css.php) so it overrides the AdminLTE/Bootstrap base.
   Placeholder palette until official FS brand assets/colours are supplied. */

/* Reproduce Yootheme theme.css global base that the WP chrome used to provide.
   AdminLTE/Bootstrap size in rem, so this html base rescales the whole page to
   match the original Staycation render (was defaulting to 16px without it). */
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300;400;600&display=swap');
html{
  font-family:'Kumbh Sans', Arial, sans-serif;
  font-size:17px;
  font-weight:300;
  line-height:1.5;
  -webkit-text-size-adjust:100%;
}

:root{
  --fs-primary:#0f2a36;   /* deep teal */
  --fs-accent:#c8a24b;    /* warm gold */
  --fs-ink:#1d2b30;
}

/* --- top bar (get_header) --- */
.fs-topbar{background:var(--fs-primary);color:#fff;font-family:'Oswald',Arial,sans-serif;}
.fs-topbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;}
.fs-brand{color:#fff;text-decoration:none;font-weight:600;letter-spacing:2px;font-size:22px;line-height:1;}
.fs-brand span{display:block;font-size:12px;letter-spacing:4px;color:var(--fs-accent);font-weight:300;}
.fs-nav a{color:#fff;text-decoration:none;margin-left:22px;font-size:15px;letter-spacing:1px;}
.fs-nav .fs-nav-cta{background:var(--fs-accent);color:var(--fs-primary);padding:8px 16px;border-radius:3px;font-weight:600;}
.fs-nav a:hover{opacity:.85;}

/* --- footer (get_footer) --- */
.fs-footer{background:var(--fs-primary);color:#dfe6e8;margin-top:40px;font-family:'Oswald',Arial,sans-serif;}
.fs-footer-inner{max-width:1200px;margin:0 auto;padding:28px 20px;text-align:center;}
.fs-footer-brand{letter-spacing:3px;color:#fff;margin:0 0 6px;font-size:18px;}
.fs-footer-note{color:var(--fs-accent);margin:0 0 6px;font-size:13px;}
.fs-footer-copy{margin:0;font-size:12px;color:#9fb2b8;}

/* --- accent alignment for the funnel primary buttons --- */
.btn-primary-1{background:var(--fs-primary)!important;border-color:var(--fs-primary)!important;}

/* Banner: teal gradient placeholder (no FS hero image yet), white heading text.
   Cancel the legacy -70px pull-up so the banner can't cover the FS header. */
.banner-bg{
  background-image:linear-gradient(rgba(15,42,54,.55),rgba(15,42,54,.55)), url(/images/fs-banner.jpg) !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:#0f2a36 !important;
  margin-top:0 !important;
}
.banner-text{color:#ffffff !important;}
/* keep the FS top bar above the banner regardless */
.fs-topbar{position:relative;z-index:20;}

/* --- FS logo image in the top bar (replaces the text wordmark) BSTA191 2026-07-02 --- */
.fs-brand{display:inline-flex;align-items:center;}
.fs-brand .fs-logo-img{height:40px !important;max-height:40px !important;width:auto !important;display:block;}
@media (max-width:576px){ .fs-brand .fs-logo-img{height:30px !important;max-height:30px !important;} }

/* --- FS footer: company details + policy links (BSTA191 2026-07-02) --- */
.fs-footer-company{margin:0 0 6px;font-size:13px;color:#cdd9dc;}
.fs-footer-company a{color:#fff;text-decoration:none;}
.fs-footer-links{margin:8px 0 6px;font-size:13px;}
.fs-footer-links a{color:var(--fs-accent);text-decoration:none;}
.fs-footer-links a:hover{text-decoration:underline;}
.fs-footer-links .fs-footer-sep{color:#6f858c;margin:0 8px;}