:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-6f27869 *//* =====================================================================
   FORD'S COLONY — GOLF PAGE
   Palette: dark #001f1e · cream #f8f6d6 · white #ffffff · ink #111
   Accent rule: light background → #111 · dark background → #f8f6d6
   Scoped to #page-golf.
===================================================================== */
#page-golf{
  --dark:#001f1e;
  --dark-2:#0a2c2a;
  --accent:#111111;
  --cream:#f8f6d6;
  --white:#ffffff;
  --ink:var(--dark);
  --text-muted:rgba(0,31,30,.72);
  --text-soft:rgba(0,31,30,.58);
  --light-muted:rgba(248,246,214,.8);
  --light-soft:rgba(248,246,214,.6);
  --line:rgba(0,31,30,.14);
  --line-light:rgba(248,246,214,.18);
  --shadow:0 16px 38px rgba(0,31,30,.09);
  --serif:"Fraunces",Georgia,serif;
  --sans:"Libre Franklin",system-ui,sans-serif;

  display:block;
  background:var(--white);
  color:var(--ink);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
#page-golf *{box-sizing:border-box}
@media (prefers-reduced-motion:reduce){#page-golf *{transition:none!important;animation:none!important}}
#page-golf [id]{scroll-margin-top:90px}
#page-golf h2,#page-golf h3,#page-golf h4{font-family:var(--serif);font-weight:500;line-height:1.1;margin:0;letter-spacing:-.01em;color:inherit}
#page-golf p{margin:0 0 1em}
#page-golf a{color:inherit}
#page-golf [hidden]{display:none!important}
#page-golf .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
#page-golf .note{font-size:13.5px;color:var(--text-soft)}

/* This page has no hero image, so show the header in its solid state */
body:has(#page-golf) .fc-header{background:#001f1e;box-shadow:0 10px 35px rgba(0,0,0,.2)}

/* ---------- Sections ---------- */
#page-golf section{padding:96px 0;border-bottom:1px solid var(--line)}
#page-golf > section:first-of-type{padding-top:150px;background:var(--cream)}
#page-golf #golf-outings{background:var(--white)}
#page-golf #performance-center{background:var(--cream)}

/* ---------- Kicker / headings ---------- */
#page-golf .kicker{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--sans);font-size:15px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--dark);margin-bottom:18px;
}
#page-golf .kicker::before{content:"";width:32px;height:2px;background:var(--accent);flex-shrink:0}
#page-golf h2{font-size:clamp(32px,4vw,48px);max-width:21ch;color:var(--dark)}
#page-golf .sub{max-width:60ch;margin-top:18px;color:var(--text-muted);font-size:17.5px}
#page-golf .rule{width:60px;height:2px;background:var(--accent);margin:26px 0 22px}

/* ---------- Buttons ---------- */
#page-golf .btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--sans);font-size:15px;font-weight:500;line-height:1.2;
  padding:14px 24px;text-decoration:none;
  border:1px solid var(--dark);border-radius:2px;
  background:none;color:var(--dark);cursor:pointer;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
#page-golf .btn:hover{background:var(--dark);color:var(--cream)}
#page-golf .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--white);font-weight:600}
#page-golf .btn.primary:hover{background:#2a2a2a;border-color:#2a2a2a;color:var(--white);transform:translateY(-1px)}
#page-golf .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

#page-golf .split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
@media(max-width:920px){#page-golf .split{grid-template-columns:1fr;gap:34px}}

/* =====================================================================
   COURSE CARDS
===================================================================== */
#page-golf .card{
  position:relative;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:2px;
  margin-top:32px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
#page-golf .card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent);
}
#page-golf .card .top{
  display:grid;grid-template-columns:1fr auto;gap:24px;
  padding:34px 34px 28px;border-bottom:1px solid var(--line);align-items:center;
}
#page-golf .card h3{font-size:clamp(30px,3.2vw,40px);color:var(--dark)}
#page-golf .stat{display:grid;grid-template-columns:repeat(4,auto);gap:0;text-align:left}
#page-golf .stat div{padding:0 26px;border-left:1px solid var(--line)}
#page-golf .stat div:first-child{border-left:0;padding-left:0}
#page-golf .stat div:last-child{padding-right:0}
#page-golf .stat div b{display:block;font-family:var(--serif);font-size:28px;font-weight:500;line-height:1.1;color:var(--dark)}
#page-golf .stat div span{display:block;margin-top:4px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}

#page-golf .card .body{padding:30px 34px;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start}
#page-golf .card .body p{font-size:16px;color:var(--text-muted);margin:0}
#page-golf .sig{
  background:var(--cream);
  border-left:3px solid var(--accent);
  padding:20px 22px;font-size:15px;line-height:1.6;color:var(--text-muted);border-radius:2px;
}
#page-golf .sig b{display:block;font-family:var(--serif);font-size:20px;font-weight:500;margin-bottom:6px;color:var(--dark)}

/* Rating block */
#page-golf .card .body.rate{display:block;border-top:1px solid var(--line);padding-top:28px}
#page-golf .rate h4{
  font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dark);
}
#page-golf .table-wrap{overflow-x:auto;margin-top:16px;border:1px solid var(--line);border-radius:2px}
#page-golf table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:420px}
#page-golf th,#page-golf td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line)}
#page-golf tbody tr:last-child td{border-bottom:0}
#page-golf th{background:var(--dark);color:var(--cream);font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
#page-golf td{color:var(--dark);font-variant-numeric:tabular-nums}
#page-golf td:first-child{font-weight:600}
#page-golf tbody tr:nth-child(even) td{background:rgba(248,246,214,.45)}
#page-golf td:last-child,#page-golf th:last-child{text-align:right}
#page-golf .tee-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:10px;vertical-align:-1px;border:1px solid rgba(0,31,30,.25)}
#page-golf .tee-black{background:#111}
#page-golf .tee-blue{background:#2f55b5}
#page-golf .tee-white{background:#fff}
#page-golf .tee-green{background:#138a4a}

@media(max-width:840px){
  #page-golf .card .top{grid-template-columns:1fr;padding:30px 22px 24px}
  #page-golf .stat{grid-template-columns:repeat(4,1fr)}
  #page-golf .stat div{padding:0 12px}
  #page-golf .stat div b{font-size:22px}
  #page-golf .card .body{grid-template-columns:1fr;gap:22px;padding:24px 22px}
}
@media(max-width:640px){
  #page-golf table{min-width:0;font-size:14px}
  #page-golf th,#page-golf td{padding:12px 10px}
  #page-golf th{font-size:11px;letter-spacing:.08em}
  #page-golf .tee-dot{margin-right:7px;width:10px;height:10px}
}
@media(max-width:480px){
  #page-golf .stat{grid-template-columns:repeat(2,1fr);row-gap:16px}
  #page-golf .stat div:nth-child(3){border-left:0;padding-left:0}
}

/* =====================================================================
   HOLE-BY-HOLE GUIDE
===================================================================== */
#page-golf .hole-guide{background:var(--dark);color:var(--cream);padding:30px 34px 34px}
#page-golf .hole-guide-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:18px}
#page-golf .hole-guide-head h4{font-size:26px;color:var(--cream)}
#page-golf .hole-hint{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cream)}

#page-golf .holes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;align-items:start}
#page-golf .hole-item{border-bottom:1px solid var(--line-light)}
#page-golf .hole-col .hole-item:first-child{border-top:1px solid var(--line-light)}

#page-golf .hole-btn{
  width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;
  padding:16px 6px 16px 14px;background:none;border:0;border-left:3px solid transparent;
  color:var(--cream);font:inherit;text-align:left;cursor:pointer;
  transition:background .25s ease,border-color .25s ease;
}
#page-golf .hole-btn:hover{background:rgba(248,246,214,.05);border-left-color:rgba(248,246,214,.5)}
#page-golf .hole-btn[aria-expanded="true"]{background:var(--dark-2);border-left-color:var(--cream)}
#page-golf .hole-btn:focus-visible{outline:2px solid var(--cream);outline-offset:-2px}

#page-golf .hole-no{display:flex;flex-direction:column;font-family:var(--serif);font-size:28px;line-height:1;min-width:46px;color:var(--cream)}
#page-golf .hole-no small{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--light-soft);margin-bottom:4px}
#page-golf .hole-meta{display:flex;flex-wrap:wrap;gap:8px}
#page-golf .hole-meta span{
  font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--light-soft);
  border:1px solid var(--line-light);border-radius:2px;padding:4px 9px;white-space:nowrap;
}
#page-golf .hole-meta b{color:var(--cream);font-weight:600;margin-left:2px}
#page-golf .hole-btn[aria-expanded="true"] .hole-meta span:first-child{border-color:var(--cream);background:var(--cream);color:var(--dark)}
#page-golf .hole-btn[aria-expanded="true"] .hole-meta span:first-child b{color:var(--dark)}

#page-golf .hole-chev{
  width:30px;height:30px;border-radius:50%;border:1px solid var(--line-light);position:relative;flex-shrink:0;
  transition:transform .3s ease,background .25s ease,border-color .25s ease;
}
#page-golf .hole-chev::before{
  content:"";position:absolute;left:50%;top:45%;width:7px;height:7px;
  border-right:1.5px solid var(--cream);border-bottom:1.5px solid var(--cream);
  transform:translate(-50%,-50%) rotate(45deg);
}
#page-golf .hole-btn:hover .hole-chev{border-color:var(--cream)}
#page-golf .hole-btn[aria-expanded="true"] .hole-chev{transform:rotate(180deg);background:var(--cream);border-color:var(--cream)}
#page-golf .hole-btn[aria-expanded="true"] .hole-chev::before{border-color:var(--dark)}

/* smooth open / close */
#page-golf .hole-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
#page-golf .hole-panel.open{grid-template-rows:1fr}
#page-golf .hole-panel-inner{overflow:hidden;min-height:0}
#page-golf .hole-panel figure{margin:0;padding:4px 0 18px}
#page-golf .hole-panel img{display:block;width:100%;object-fit:cover;border-radius:2px}
#page-golf .hole-panel figcaption{margin-top:10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--light-soft)}

@media(max-width:960px){#page-golf .holes-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
  #page-golf .hole-guide{padding:26px 20px 28px}
  #page-golf .holes-grid{grid-template-columns:1fr}
  #page-golf .hole-col + .hole-col .hole-item:first-child{border-top:0}
}

/* =====================================================================
   COURSE CHOOSER
===================================================================== */
#page-golf .chooser{
  background:var(--dark);color:var(--cream);
  border-left:4px solid var(--cream);border-radius:2px;
  padding:34px;margin-top:40px;
}
#page-golf .chooser h3{font-size:28px;margin-bottom:6px;color:var(--cream)}
#page-golf .chooser .note{color:var(--light-soft)}
#page-golf .opts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
#page-golf .opt{
  border:1px solid var(--line-light);background:transparent;color:var(--cream);
  padding:11px 18px;border-radius:2px;font:inherit;font-size:15px;cursor:pointer;
  transition:background .25s ease,border-color .25s ease,color .25s ease;
}
#page-golf .opt:hover{border-color:var(--cream)}
#page-golf .opt[aria-pressed="true"]{background:var(--cream);color:var(--dark);border-color:var(--cream);font-weight:600}
#page-golf .answer{margin-top:20px;padding:20px 22px;background:var(--cream);color:var(--text-muted);border-radius:2px;font-size:15.5px}
#page-golf .answer b{font-family:var(--serif);font-size:22px;font-weight:500;display:block;margin-bottom:6px;color:var(--dark)}

/* =====================================================================
   TOURNAMENTS & OUTINGS
===================================================================== */
#page-golf .paths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
#page-golf .path{
  position:relative;background:var(--cream);border:1px solid var(--line);border-radius:2px;
  padding:32px 28px 30px;transition:transform .3s ease,box-shadow .3s ease;
}
#page-golf .path::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--accent);
  transform:scaleX(0);transform-origin:left;transition:transform .35s ease;
}
#page-golf .path:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
#page-golf .path:hover::after{transform:scaleX(1)}
#page-golf .path h3{font-size:25px;margin-bottom:10px;color:var(--dark)}
#page-golf .path p{font-size:15.5px;color:var(--text-muted);margin:0}
@media(max-width:860px){#page-golf .paths{grid-template-columns:1fr}}

/* =====================================================================
   PERFORMANCE CENTER
===================================================================== */
#page-golf #performance-center h3{color:var(--dark);margin-top:30px}
#page-golf .checks{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:10px}
#page-golf .checks li{
  background:var(--white);border:1px solid var(--line);border-radius:2px;
  padding:10px 18px 10px 34px;position:relative;font-size:15px;font-weight:600;color:var(--dark);
}
#page-golf .checks li::before{content:"";position:absolute;left:16px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--accent);transform:translateY(-50%)}
#page-golf .ph{border-radius:2px;background:var(--white);border:1px solid var(--line)}
#page-golf .ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
#page-golf .ph:hover img{transform:scale(1.035)}

@media(max-width:760px){
  #page-golf section{padding:68px 0}
  #page-golf > section:first-of-type{padding-top:120px}
  #page-golf .wrap{padding:0 20px}
  #page-golf .chooser{padding:26px 22px}
}/* End custom CSS */