:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9dbfda7 *//* =========================
   CLUB LIFE PAGE
========================= */

section{
  padding:78px 0;
  border-bottom:1px solid var(--line);
}

.kicker{
  font-family:var(--serif);
  font-size:15px;
  color:var(--brass);
  margin-bottom:12px;
}

h2{
  font-size:clamp(29px,3.9vw,45px);
  max-width:21ch;
}

.sub{
  max-width:56ch;
  margin-top:16px;
  color:rgba(14,35,32,.78);
}

.btn{
  display:inline-block;
  font-family:var(--sans);
  font-size:15px;
  font-weight:500;
  padding:13px 22px;
  text-decoration:none;
  border:1px solid currentColor;
  border-radius:2px;
  background:none;
  color:inherit;
  cursor:pointer;
}

.row{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:26px;
}

.split{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:52px;
  align-items:start;
}


/* =========================
   CLUB LIFE GALLERY
========================= */

.gal{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:11px;
  margin-top:32px;
}

.gal .ph{
  aspect-ratio:3/4;
}


/* =========================
   TABLES
========================= */

table{
  width:100%;
  border-collapse:collapse;
  margin-top:24px;
  font-size:15.5px;
}

th,
td{
  text-align:left;
  padding:13px 12px;
  border-bottom:1px solid var(--line);
}

th{
  font-family:var(--sans);
  font-size:12px;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:rgba(14,35,32,.62);
  font-weight:600;
}

td:last-child,
th:last-child{
  text-align:right;
}


/* =========================
   STAFF
========================= */

.staff{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:30px;
}

.staff div{
  padding-bottom:6px;
}

.staff div b{
  font-family:var(--serif);
  font-size:19px;
  font-weight:500;
  display:block;
}

.staff div span{
  font-size:14px;
  color:rgba(14,35,32,.68);
}


/* =========================
   FOCUS
========================= */

button:focus-visible,
a:focus-visible{
  outline:2px solid var(--brass);
  outline-offset:2px;
}


/* =========================
   RESPONSIVE
========================= */

@media(max-width:920px){

  .split{
    grid-template-columns:1fr;
    gap:30px;
  }

}

@media(max-width:820px){

  .staff{
    grid-template-columns:1fr 1fr;
  }

}

@media(max-width:760px){

  section{
    padding:58px 0;
  }

  .gal{
    grid-template-columns:1fr 1fr;
  }

  table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
  }

}

@media(max-width:520px){

  .gal{
    grid-template-columns:1fr;
  }

  .staff{
    grid-template-columns:1fr;
    gap:24px;
  }

  .row{
    flex-direction:column;
    align-items:stretch;
  }

  .row .btn{
    text-align:center;
  }

}/* End custom CSS */