/* Brand blue sampled from the Explore Estero logo's lettering. */
:root{
  --brand-blue:#003565;
  --brand-blue-deep:#002647;
  --brand-blue-soft:#edf2f8;
  --green:var(--brand-blue);
  --green-deep:var(--brand-blue-deep);
  --ink:#17293a;
  --muted:#42556b;
  --line:#dce5ef;
}
.hero-interior{
  background:linear-gradient(111deg,var(--brand-blue) 0%,#164f7a 56%,var(--brand-blue-soft) 56.1%,var(--brand-blue-soft) 100%);
}
.hero-home{
  background-image:linear-gradient(90deg,rgba(0,24,47,.84) 0%,rgba(0,39,74,.52) 37%,rgba(0,39,74,.1) 75%),url('images/coconut-point-home.webp') !important;
}
.hero-interior p{color:#eff5fb}
.breadcrumb{color:#d5e3f4}
.interior-hero-image{background:#e2ebf4;box-shadow:0 15px 45px #0026472d}
.section.alt{background:var(--brand-blue-soft)}
.category-icon,.header-search,.search-icon,.tl-year,.next-link strong,.sm-block h2 a{color:var(--brand-blue)}
.search-wrap input{color:var(--ink)}
.home-search-link,.rc-badge{background:var(--brand-blue)}
.timeline li::before{background:var(--brand-blue)}
.rc-placeholder{background:linear-gradient(135deg,var(--brand-blue),#235f91)}
.rc-cat,.form-note{color:var(--brand-blue);background:#e2ebf7}
.pill{color:var(--brand-blue);background:#e2ebf7}
.restaurant-head img,.restaurant-head .brand-emblem{background:#edf3fa}
.util-card strong{color:var(--brand-blue)}
.util-card p,.restaurant-head small{color:var(--muted)}
.tool-choice{color:var(--brand-blue);border-color:#b7c9dd}
.tool-choice[aria-pressed="true"]{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}
.tool-result{background:#edf3fa}
.tool-result p,.tl-text,.check-progress{color:var(--muted)}
.checkline{background:#f2f6fb}
.checkline input{accent-color:var(--brand-blue)}
.progress-track{background:#dbe6f3}
.progress-fill{background:var(--brand-blue)}
.resource-tile{background:#f2f6fb;border-color:var(--line);color:var(--ink)}
.resource-tile span,.next-link span,.sm-block>p{color:var(--muted)}
.resource-tile:hover,.itinerary-step:hover{background:#e4edf7}
.src-chip{color:var(--brand-blue);background:#f2f6fb;border-color:#c4d3e5}
.src-chip:hover{background:#e2ebf7;border-color:var(--brand-blue)}
.rc-q:hover{border-color:var(--brand-blue)}
.rc-q.is-on{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}
.faqs-count{background:#e2ebf7}
.footer,.footer a{color:#f1f5fb}
.footer .micro{color:#d2deed}
svg [fill="#103d30"]{fill:var(--brand-blue)}
svg [stroke="#103d30"]{stroke:var(--brand-blue)}
.form-note.form-error{background:#f7e9e1;color:#7a2e12}
.nearby-outings .feature-card-photo{flex:none}
.image-illustration-note{font-size:12px;line-height:1.6;color:var(--muted)}
.itinerary-step-photo{display:flex;flex-direction:column}
.itinerary-photo{display:block;flex:none;width:calc(100% + 38px);max-width:none;height:145px;object-fit:cover;border-radius:12px 12px 0 0;margin:-19px -19px 16px}
.itinerary-step-photo>p:not(.itinerary-photo-credit){flex:1;color:var(--muted)}
.category-band.category-band-home{padding-top:48px}
.homepage-sponsor,.living-sponsor{background:#fff;padding:32px 0 0}
.homepage-sponsor{background:#f3f5f7;padding-bottom:32px}
.sponsor-artwork{scroll-margin-top:130px;text-align:center}
.sponsor-artwork .sponsor-label{margin-bottom:28px}
.sponsor-artwork>a{display:inline-block;max-width:100%;vertical-align:top;border-radius:10px}
.sponsor-artwork picture{display:block}
.sponsor-artwork img{display:block;width:auto;height:auto;max-height:300px;border-radius:10px}
.sponsor-artwork a:focus-visible{outline:3px solid var(--brand-blue);outline-offset:4px}
.painter-faq-ad{display:block;width:100%;margin:20px 0;border-radius:10px}
.painter-faq-ad picture{display:block}
.painter-faq-ad img{display:block;width:100%;border-radius:10px}
.painter-faq-ad:focus-visible{outline:3px solid var(--brand-blue);outline-offset:4px}
.sponsor-panel{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:28px;align-items:center;padding:24px 28px;border:1px solid #c4d3e5;border-radius:12px;background:#fff}
.sponsor-logo{display:block;border-radius:6px}
.sponsor-logo img{display:block;width:126px;height:auto;margin:auto}
.sponsor-label{margin:0 0 8px;color:var(--brand-blue);font-size:16px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.sponsor-copy h2{margin:0 0 10px;color:var(--ink);font:400 29px/1.15 Georgia,serif}
.sponsor-description{margin:0 0 8px;color:var(--ink);font-size:14px}
.sponsor-areas{display:flex;flex-wrap:wrap;gap:4px 16px;list-style:none;padding:0;margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.sponsor-areas li{padding:0}
.sponsor-actions{text-align:center}
.sponsor-actions p{margin:0 0 14px;color:var(--ink);font-size:14px;line-height:1.75}
.sponsor-phone{color:var(--brand-blue);font-size:19px;font-weight:700;text-underline-offset:3px}
.sponsor-panel a:focus-visible{outline:3px solid var(--brand-blue);outline-offset:4px}
@media(max-width:900px){
  .sponsor-panel{grid-template-columns:115px minmax(0,1fr);gap:20px}
  .sponsor-logo img{width:110px}
  .sponsor-actions{grid-column:2;text-align:left}
}
@media(max-width:600px){
  .homepage-sponsor,.living-sponsor{padding-top:24px}
  .homepage-sponsor{padding-bottom:24px}
  .sponsor-panel{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px;text-align:center}
  .sponsor-areas{justify-content:center}
  .sponsor-actions{grid-column:auto;text-align:center}
  .sponsor-copy h2{font-size:27px}
}
@media(min-width:761px) and (max-width:1090px){
  .category-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .category-band.category-band-home{padding-top:32px}
  .hero-interior{background:var(--brand-blue)}
}
