.elementor-14960 .elementor-element.elementor-element-c5cbcb1{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9118db8 *//* ===== Flowers of Southport – About Page ===== */
:root{
  --ink:#1c1c1c;
  --muted:#6b6b6b;
  --rose:#e9cdd3;
  --peach:#f5e5dd;
  --sand:#faf7f4;
  --white:#fff;
  --radius:18px;
  --shadow:0 10px 30px rgba(0,0,0,.06);
}
.fos-about__hero .fos-h1 { color: #fafafa; }
.fos-about__hero .fos-sub { color: #f1f1f1; }

#about-southport-flower-shop{font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial; color:var(--ink); line-height:1.6;}

/* Hero */
.fos-about__hero{
  position:relative;
  min-height:38vh;
  
  background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.25)),
             url('https://flowersofsouthport.com.au/wp-content/uploads/2025/10/Gemini_Generated_Image_mefw0imefw0imefw.png') center/cover no-repeat;
             
             
             
             
  display:grid; place-items:center; text-align:center;
}
.fos-about__hero-inner{padding:6rem 1.25rem;}
.fos-h1{font-size:clamp(2rem, 3.5vw, 3rem); color:var(--white); letter-spacing:.4px; margin:0 0 .5rem;}
.fos-sub{color:#f3f3f3; font-size:clamp(1rem, 1.5vw,1.125rem); margin:0;}

/* Container */
.fos-container{max-width:1080px; margin:auto; padding:3rem 1.25rem 4rem; background:transparent;}
.fos-h2{font-size:clamp(1.5rem, 2.4vw, 2rem); margin:2rem 0 1rem; letter-spacing:.2px;}
.fos-h3{font-size:1.05rem; margin:.25rem 0 .4rem;}

/* Story */
.fos-about__story p{margin:.75rem 0;}

/* Values grid */
.fos-about__values .fos-grid{
  display:grid; gap:1rem; margin-top:.75rem;
  grid-template-columns:repeat(4, 1fr);
}
@media (max-width:900px){ .fos-about__values .fos-grid{grid-template-columns:repeat(2, 1fr);} }
@media (max-width:560px){ .fos-about__values .fos-grid{grid-template-columns:1fr;} }

.fos-card{
  background:var(--sand);
  border:1px solid #eee;
  border-radius:var(--radius);
  padding:1.1rem 1.1rem 1.2rem;
  box-shadow:var(--shadow);
}

/* Timeline */
.fos-about__timeline{margin-top:1rem;}
.fos-timeline{list-style:none; margin:0; padding:0; border-left:2px solid #eee; padding-left:1.25rem;}
.fos-timeline li{position:relative; margin:1rem 0; padding-left:.25rem;}
.fos-timeline li::before{
  content:""; position:absolute; left:-10px; top:.45rem;
  width:12px; height:12px; background:var(--rose); border-radius:999px; border:2px solid var(--white); box-shadow:0 0 0 2px var(--rose);
}
.fos-tl__year{display:inline-block; font-weight:700; margin-right:.5rem;}
.fos-tl__text{color:var(--muted);}

/* Trust */
.fos-about__trust{margin:2rem 0 1rem;}
.fos-trust__wrap{display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem;}
@media (max-width:700px){ .fos-trust__wrap{grid-template-columns:1fr;}}
.fos-trust__item{
  background:linear-gradient(180deg, var(--peach), var(--sand));
  border:1px solid #eee; border-radius:var(--radius); padding:1.25rem; text-align:center; box-shadow:var(--shadow);
}
.fos-stat{display:block; font-size:1.25rem; font-weight:800; letter-spacing:.3px;}
.fos-label{display:block; color:var(--muted); margin-top:.25rem; font-size:.95rem;}
.fos-note{color:var(--muted); text-align:center; margin:.75rem 0 0;}

/* CTA */
.fos-about__cta{display:flex; gap:.75rem; justify-content:center; margin:2.25rem 0 1rem; flex-wrap:wrap;}
.fos-btn{
  appearance:none; border:none; cursor:pointer; text-decoration:none;
  padding:.85rem 1.15rem; border-radius:999px; background:var(--ink); color:var(--white);
  transition:transform .15s ease, opacity .15s ease;
}
.fos-btn:hover{transform:translateY(-1px); opacity:.92;}
.fos-btn--ghost{background:transparent; color:var(--ink); border:1px solid var(--ink);}

/* Local SEO helper */
.seo-text{border-top:1px dashed #e6e6e6; margin-top:2.25rem; padding-top:1.25rem; color:#2a2a2a;}
.seo-text p{margin:.5rem 0 0;}
/* ===== CTA button fixes (override theme) ===== */
.fos-about__cta .fos-btn,
.fos-about__cta .fos-btn:link,
.fos-about__cta .fos-btn:visited{
  color:#fff !important;            /* force white text on the filled button */
  font-weight:600;
  line-height:1.1;
}

.fos-about__cta .fos-btn{
  background: var(--ink);
  border: none;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

.fos-about__cta .fos-btn:hover,
.fos-about__cta .fos-btn:focus{
  opacity:.95;
  transform: translateY(-1px);
}

.fos-about__cta .fos-btn--ghost,
.fos-about__cta .fos-btn--ghost:link,
.fos-about__cta .fos-btn--ghost:visited{
  color: var(--ink) !important;     /* make ghost button text dark */
  background: transparent;
  border: 1.5px solid var(--ink);
}

/* Better tap targets + visual balance */
.fos-about__cta .fos-btn{ padding: 1rem 1.35rem; border-radius: 999px; }/* End custom CSS */