/**
 * #.#  Client Custom Styles
 *
 * Theme specific styles
*/

/* =============================
  # Fonts
============================= */

/* SELF HOSTED FONTS HERE */

/* =============================
  # Theme Colours
============================= */


:root {
  --main-color: var(--green);
  --dark-grey: var(--grey);
}

/* =============================
  # Site Defaults
============================= */

/* =============================
  # Content Blocks
============================= */

.content-block h1,
.content-block h2,
.content-block h3,
.content-block h4,
.content-block h5,
.content-block h6
/*.content-block p,
.content-block li*/ { color:var(--black)}
.content-block p,
.content-block li { color: var(--muted-foreground); }

.content-block {}

.content-block p {padding-bottom:15px}
.content-block p,
.content-block li { font-size: 20px; line-height: 26px; }
.content-block ul { list-style-position: inside; list-style-type: disc;padding-bottom: 25px; }
.content-block ol { list-style-position: inside; list-style-type: decimal; padding-bottom: 25px;}

/* =============================
  # Slick Slider
============================= */

.slick-prev { left: calc(50% + 40px); background-image: url(../../../img/slick-left.svg); transform: rotate(135deg);}
.slick-next { right: calc(50% - 182px); background-image: url(../../../img/slick-right.svg); transform:  rotate(-45deg);}
.events_module .slick-prev:hover, .events_module .slick-next:hover {border:solid 1px var(--black);opacity:1}
.events_module .slick-prev.slick-disabled {opacity: 0.1;border:solid 1px var(--green)!important;pointer-events: none; cursor: default;}

/* =============================
  # Buttons
============================= */
.btn {
  --bs-btn-padding-x: .75rem;
  --bs-btn-padding-y: .375rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: .375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-disabled-opacity: .65;
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center; text-decoration: none; vertical-align: middle;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.cta-btn {
  border-radius: var(--radius);
  font-size: 20px; line-height: 1; min-width: 120px;
  padding: 10px 25px; text-transform: uppercase; font-weight: var(--medium);
  transition: var(--transition);
}
.cta-btn:hover,
.cta-btn:focus-visible { filter: brightness(.95); }

/* =============================
  # Stable Angel — shared section/card patterns
  # Reused across the Page Builder modules so every section shares the
  # same heading scale, card style and icon treatment as stableangel.com.
============================= */

.sa-section { padding: 96px 0; }
.sa-section--tight { padding: 64px 0; }
.sa-section--surface { background-color: var(--gold); color: var(--gold-foreground); }
.sa-section--muted { background-color: var(--card); }
.sa-section--secondary { background-color: var(--offwhite); }

.sa-section-head {
  max-width: 48rem;
  margin: 0 auto 64px;
  text-align: center;
}

.sa-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 15px 20px;
  margin-bottom: 32px;
  border-radius: var(--pill-radius);
  background-color: var(--accent);
  color: var(--accent-foreground);
  font-size: 0.875rem;
  font-weight: var(--semi);
}

.sa-heading {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 1.5rem;
}

.sa-heading .sa-accent { color: var(--primary); }

.sa-subtext {
  color: var(--muted-foreground);
  font-size: 1.125rem;
}

.sa-section--surface .sa-subtext { color: rgba(26, 26, 26, .8); }

.sa-card {
  background-color: var(--card);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 2rem;
}

.sa-icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-bottom: 1.5rem;
  background-color: rgba(0, 210, 230, .1);
  color: var(--primary);
  font-size: 1.25rem;
}
.sa-accent {color: var(--primary);}
.sa-icon-circle svg {
  width: 1.25rem;
  height: 1.25rem;
  max-width: 100%;
  max-height: 100%;
}
.sa-icon-circle--lg svg {
  width: 1.5rem;
  height: 1.5rem;
}
.sa-icon-circle--lg {
  width: 64px;
  height: 64px;
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  .sa-heading { font-size: 3rem; }
}

@media (max-width: 768px) {
  .sa-section { padding: 64px 0; }
  .sa-section-head { margin-bottom: 40px; }
}

/* =============================
  # Media Queries
============================= */

@media (max-width: 1536px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1080px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

}

@media (max-width: 600px) {

}