/* =========================================================
   SIMS Foundation – Events page
   Custom styles layered on Bootstrap 5.3.8
   ========================================================= */

:root {
  --sims-dark:  #16130c;   /* navbar / dark bg      */
  --sims-cream: #f8f6f5;   /* off-white text        */
  --sims-teal:  #68c7c5;   /* primary accent        */
  --sims-red:   #ef3e42;   /* secondary accent      */
}

body {
  font-family: 'Open Sans', sans-serif;
  color: var(--sims-dark);
}


/* ===================== HEADER ===================== */
.sims-header {
  position: relative;
}
/* Page container — 1260px cap on large screens; Bootstrap's responsive
   widths (960 / 720 / 540 / 100%) still apply below 1300px */
@media (min-width: 1300px) {
  .container { max-width: 1260px; }
}
/* Dark top navbar */
.sims-navbar {
  background-color: var(--sims-dark);
  height: 109px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;             /* let the logo spill below into the hero */
  position: relative;
  z-index: 20;
}

/* Logo — reserve space in the bar, then let the image overflow downward */
.sims-brand {
  position: relative;
  width: auto;
  height: 115px;
  flex: 0 0 auto;
}
/* .sims-logo {
  position: absolute;
  left: 0;
  top: 12px;                       
  height: 130px;                 
  width: auto;
  display: block;
  z-index: 30;
} */

/* Nav links */
.sims-nav .nav-link {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 17px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--sims-cream);
  padding: 0.5rem 1.15rem;
  position: relative;
  transition: color .18s ease;
}

.sims-nav .nav-link:hover,
.sims-nav .nav-link:focus {
  color: var(--sims-teal);
}

/* Active link underline (matches "HOME" in the design) */
.sims-nav .nav-link.active {
  color: var(--sims-cream);
}
.sims-nav .nav-link.active::after {
  content: "";
  position: absolute;
  left: .5rem;
  right: .5rem;
  bottom: 0.45rem;
  height: 1px;
  background-color: var(--sims-red);
}
nav span.btn-offset__face {
    font-weight: 500;
}
/* Mobile toggler */
.sims-navbar .navbar-toggler {
  border-color: rgba(248, 246, 245, 0.4);
}
.sims-navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 0.2rem rgba(104, 199, 197, 0.35);
}
/* Three-bar icon that morphs into an X when the menu is open */
.sims-navbar .sims-toggler {
  width: 46px;
  height: 40px;
  padding: 0;
  position: relative;
}
.sims-navbar .sims-toggler__bar {
  position: absolute;
  left: 50%;
  width: 24px;
  height: 2px;
  margin-left: -12px;
  border-radius: 2px;
  background-color: #f8f6f5;
  transition: transform 0.3s ease, opacity 0.2s ease, top 0.3s ease;
}
.sims-navbar .sims-toggler__bar:nth-child(1) { top: 13px; }
.sims-navbar .sims-toggler__bar:nth-child(2) { top: 19px; }
.sims-navbar .sims-toggler__bar:nth-child(3) { top: 25px; }
/* Open state: top/bottom bars cross into an X, middle bar fades out */
.sims-navbar .sims-toggler[aria-expanded="true"] .sims-toggler__bar:nth-child(1) {
  top: 19px;
  transform: rotate(45deg);
}
.sims-navbar .sims-toggler[aria-expanded="true"] .sims-toggler__bar:nth-child(2) {
  opacity: 0;
}
.sims-navbar .sims-toggler[aria-expanded="true"] .sims-toggler__bar:nth-child(3) {
  top: 19px;
  transform: rotate(-45deg);
}

/* ===================== OFFSET DOUBLE-LAYER BUTTON ===================== */
.btn-offset {
  position: relative;
  display: inline-block;
  text-decoration: none;
  isolation: isolate;
}

.btn-offset__shadow {
  position: absolute;
  inset: 0;
  transform: translate(-4px, 4px);   /* red peeks out bottom-left */
  background-color: var(--sims-red);
  z-index: 1;
}

.btn-offset__face {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  padding: 12px 18px;
  background-color: var(--sims-teal);
  color: var(--sims-dark);
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: transform .15s ease, background-color .18s ease;
}

.btn-offset:hover .btn-offset__face {
  transform: translate(-2px, 2px);
  background-color: #7ad2d0;
}

/* ===================== TEAL HERO BAND ===================== */
.sims-hero {
  position: relative;
  background-color: var(--sims-teal);
   background-image: url(../images/hero-patterns.png);
  /* subtle darker polka-dot texture over the teal */
  /* background-image: radial-gradient(rgba(22, 19, 12, 0.07) 2px, transparent 2.5px);
  background-size: 26px 26px; */
  min-height: 410px;
  display: flex;
  align-items: self-start;
  justify-content: center;
  padding: 80px 0 90px;
  overflow: hidden;
}
.sims-hero--single {
  position: relative;
  background-color: var(--sims-teal);
  background-image: url(../images/hero-patterns.png);
  display: flex;
  align-items: center;
  min-height: 248px;
  padding: 45px 0 45px;
  overflow: hidden;
}

.sims-hero-shape {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.sims-hero__title {
  margin: 0;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 85px;          
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: var(--sims-dark);
  letter-spacing: 1px;
}

/* Single-event hero — center the eyebrow/title/meta group in the band */
.sims-hero--single { align-items: center; }

/* Eyebrow label above the title */
.sims-hero__eyebrow {
  margin: 0 0 8px;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  color: var(--sims-dark);
}

/* Meta line: "May 2027 // More Details to Come" */
.sims-hero__meta {
  margin: 16px 0 0;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  color: var(--sims-dark);
}
.sims-hero__meta .sims-hero__sep {
  color: var(--sims-red);
  font-weight: 700;
  margin: 0 6px;
}

/* Wavy cream bottom edge */
.sims-hero__wave {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 90px;
  display: block;
}

/* Learn More variant — red face + black offset shadow */
.btn-offset--learn .btn-offset__face {
  background-color: var(--sims-red);
  color: var(--sims-cream);
  min-width: 188px;
  font-size: 24px;
  padding: 12px 20px;
}
.btn-offset--learn .btn-offset__shadow { background-color: #000; }
.btn-offset--learn:hover .btn-offset__face { background-color: #f2504f; }

/* ===================== SECTION 3 · EVENT CARDS ===================== */
.events-section {
  background-color: #f8f6f5;
  background-image: url(../images/hero-patterns.png);
  /* background-image: radial-gradient(rgba(22, 19, 12, 0.05) 2px, transparent 2.5px);
  background-size: 26px 26px; */
  padding: 80px 0 90px;
  overflow: hidden;
}

.event-card {
  width: 100%;
  max-width: 520px;
  text-align: center;
}

.event-card__media {
  position: relative;
  margin-bottom: 46px;              /* room for the overlapping date chip */
}
.event-card__media img {
  width: 100%;
  height: 335px;
  object-fit: cover;
  border-radius: 16px;
  display: block;
}
/* card image slider */
.event-card__carousel,
.event-card__carousel .carousel-inner { border-radius: 16px; }
.event-card__media .event-arrow,
.event-card__media .event-chip { z-index: 5; }

/* carousel arrows over the image */
.event-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: 0;
  padding: 4px;
  color: #ffffff;
  line-height: 0;
  cursor: pointer;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.5));
  transition: transform .15s ease;
}
.event-arrow:hover { transform: translateY(-50%) scale(1.15); }
.event-arrow--prev { left: 0px; }
.event-arrow--next { right: 0px; }
img.image-section__img {
    width: 100%;
}
/* teal date chip straddling the image bottom */
.event-chip {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  background-color: var(--sims-teal);
  color: var(--sims-dark);
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 10px 42px 12px;
  border-radius: 6px;
}

.event-card__title {
  margin: 0;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 60px;              /* responsive steps in media queries below */
  line-height: 1;
  text-transform: uppercase;
  color: #333333;
}

.event-card__text {
  max-width: 440px;
  margin: 18px auto 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.5;
  color: var(--sims-dark);
}

.event-card .btn-offset--learn { margin-top: 30px; }

/* ===================== SECTION 2 · SINGLE-EVENT DETAIL ===================== */
.event-detail {
  background-color: #f8f6f5;
  padding: 90px 0 100px;
}

/* left image slider */
.event-slider .carousel-item img {
  width: 100%;
  height: 728px;
  object-fit: cover;
  border-radius: 18px;
  display: block;
}

/* dot indicators below the image */
.event-slider__dots {
  position: static;
  margin: 22px 0 0;
  justify-content: center;
}
.event-slider__dots [data-bs-target] {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #c7c3ba;
  border: 0;
  opacity: 1;
  margin: 0 6px;
  transition: background-color .18s ease;
}
.event-slider__dots [data-bs-target].active { background-color: var(--sims-dark); }

/* right info column */
.event-detail__body { max-width: 560px; }

.event-detail__title {
  margin: 0 0 10px;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 80px;              /* responsive steps in media queries below */
  line-height: 1;
  text-transform: uppercase;
  color: var(--sims-dark);
}

.event-detail__meta {
  margin: 0 0 26px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  text-transform: uppercase;
  color: var(--sims-dark);
}
.event-detail__meta .sep { color: var(--sims-red); margin: 0 6px; }

.event-detail__lead {
  margin: 0 0 30px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  color: var(--sims-dark);
}

.event-detail__text {
  margin: 0 0 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.6;
  color: #4a463d;
}
.event-detail__text:last-child { margin-bottom: 0; }

/* Save-the-date callout box */
.save-date {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0 0 30px;
  padding: 26px 30px;
  border: 0.5px solid  #3333334D;
  border-radius: 16px;
  background-color: #F8F6F5;
  box-shadow: 0px 0px 10px 0px #0000001A;

}
.save-date__text {
  flex: 1 1 auto;
  margin: 0;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--sims-dark);
}
.save-date__text .text-red { color: var(--sims-red); }
.save-date__btn { flex: 0 0 auto; }
.save-date__btn .btn-offset__face { min-width: 0; font-size: 20px; white-space: nowrap; }

/* ===================== SECTION 3 · GET INVOLVED CTA ===================== */
.learn-more {
  background-color: #e4e0d5;
  padding: 70px 0 80px;
  text-align: center;
}
.learn-more__title {
  margin: 0 0 34px;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.25;
  text-transform: uppercase;
  color: var(--sims-dark);
}
.learn-more__btn .btn-offset__face {
  min-width: 0;
  padding: 12px 32px;
  font-size: 19px;
  line-height: 1.15;
  text-align: center;
}

.event-loc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  max-width: 290px;
  margin: 30px auto 0;
  text-align: left;
}
.event-loc__pin {
  flex: 0 0 auto;
  color: var(--sims-red);
  margin-top: 2px;
}
.event-loc span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  text-transform: uppercase;
  color: var(--sims-dark);
}

/* ===================== SECTION 4 · STAY CONNECTED ===================== */
.connect-section { background-color: #399593; }

.connect-panel {
  background-color: #399593;
  display: flex;
  align-items: center;
  background-image: url(../images/stay-connected.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100%;
}
.connect-panel__inner {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 70px 32px 80px;
}

.connect-title {
  margin: 0 0 30px;
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: 55px;              /* responsive steps in media queries below */
  line-height: 1.28;
  color: var(--sims-cream);
}
.connect-text {
  max-width: 430px;
  margin: 0 0 52px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.55;
  color: var(--sims-cream);
}

/* Follow button — red offset, left-aligned two-line label */
.btn-offset--follow .btn-offset__face {
  justify-content: flex-start;
  text-align: center;
  white-space: normal;
  max-width: 200px;
  min-width: 0;
  line-height: 1.12;
}

/* Right image fills its half, edge-to-edge */
.connect-media {
  display: flex;
  padding: 0;
}
.connect-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ===================== SECTION 5 · THANK YOU BAND ===================== */
.thankyou-section {
  position: relative;
  background-color: #d5d2c6;
  background-image: url(../images/thankyou.png);
  /* border-top: 2px solid var(--sims-red);
  border-bottom: 2px solid var(--sims-red); */
  min-height: 418px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 60px 0;
}
.single-event-thankyou {
  background-image: url(../images/single-event-thankyou.png);

}
.single-event-thankyou  h2.thankyou-title {
    color: #fff;
}

.single-event-thankyou span.text-red {
    color: #000;
}
.thankyou-section .container {
  position: relative;
  max-width: 1440px;
}
.thankyou-title {
  margin: 0;
  position: relative;
  z-index: 2;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 60px;              /* responsive steps in media queries below */
  line-height: 1.14;
  text-transform: uppercase;
  text-align: center;
  color: var(--sims-dark);
  letter-spacing: 0.5px;
}
.thankyou-title .text-red { color: var(--sims-red); }

/* lightning bolts (direct SVG images) */
.ty-bolt {
  position: absolute;
  /* width: 60px; */
  height: auto;
  z-index: 1;
}
/* left cluster */
.ty-bolt--a { left: 8%; top: -100px;  }
.ty-bolt--b { left:0%;  top: -60px;  /*transform: rotate(84deg); */}
.ty-bolt--c { left: 2%;  top: 33%; /* transform: rotate(108deg);*/ }
/* right cluster */
.ty-bolt--d {right: 0;top: -60%;/* transform: rotate(8deg); */}
.ty-bolt--e {right: -7%;top: -40px;/* transform: rotate(74deg);*/}
.ty-bolt--f {right: 5%;top: 110px;/*transform: rotate(-18deg); width: 44px;*/}

section.bottom-section {
    background: #EF3E42;
    padding: 15px;
    text-align: center;
}
.bottom-text {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 25px;
    line-height: 1.10;
    text-transform: uppercase;
}
img.footer-img {
    width: 100%;
}


.cal-section {
  background-color: #e4e0d5;
  padding: 40px 0 80px;
}
/* ===================== SECTION 2 · JUNE CALENDAR ===================== 
.cal-left {
  background-color: var(--sims-dark);
  padding: 23px 40px 48px;
  min-height: 519px;
  display: flex;
  flex-direction: column;
}

.cal-left__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.cal-left__title {
  margin: 0;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 53px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--sims-cream);
  text-align: center;
  flex: 1 1 auto;
}
.cal-nav {
  background: none;
  border: 0;
  padding: 6px;
  color: var(--sims-cream);
  line-height: 0;
  cursor: pointer;
  flex: 0 0 auto;
  transition: color .18s ease, transform .15s ease;
}
.cal-nav:hover { color: var(--sims-teal); transform: scale(1.1); }

.cal-events {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 34px;
  row-gap: 34px;
  margin-top: 0;
  margin-bottom: auto;
}
.cal-event {
  display: flex;
  align-items: center;
  gap: 16px;
}
.cal-badge {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--sims-teal);
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cal-event p {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.28;
  letter-spacing: 0.2px;
  color: var(--sims-cream);
}

.cal-grid {
  background-color: #ffffff;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cal-grid__head,
.cal-grid__body { display: grid; grid-template-columns: repeat(7, 1fr); }

.cal-grid__head > div {
  background-color: var(--sims-teal);
  color: var(--sims-cream);
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 4px;
}

.cal-grid__body { flex: 1 1 auto; }
.cal-cell {
  position: relative;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  min-height: 98px;
  padding: 10px 6px;
  text-align: center;
}
.cal-cell:nth-child(7n) { border-right: 0; }
.cal-cell--empty { background-color: #eeeded; }

.cal-date {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--sims-dark);
}
.cal-date--today {
  background-color: var(--sims-red);
  color: #fff;
  border-radius: 50%;
  width: 22px;
  padding: 0 2px;
}
.cal-cell__event {
  margin: 6px 0 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 1.25;
  color: var(--sims-dark);
}
*/
/* =========================================================================
   SIMS Foundation — Events page calendar styling
   Paste into Appearance → Customize → Additional CSS (survives plugin updates)

   Covers two components:
     1. Simple Calendar grid  (.simcal-default-calendar-grid)
     2. Google Calendar Events list widget  (.ac-gcal)

   Colors sampled from the live site:
     teal #66c8c6 · red #ef3e42 · ink #221e19

   SPECIFICITY NOTE: grid rules are scoped with BOTH the grid class and the
   theme class — the same pattern Simple Calendar's own stylesheet uses
   (e.g. `.simcal-default-calendar-grid.simcal-default-calendar-light
   .simcal-day-void`). Drop either class and the plugin's rules win. If you
   ever switch this calendar to the dark theme in its settings, swap
   `-light` for `-dark` throughout.
   ========================================================================= */


/* -------------------------------------------------------------------------
   1. SIMPLE CALENDAR GRID
   ---------------------------------------------------------------------- */
.cal-section .post-edit-link, .cal-section .vc_inline-link, .simcal-align-right { display: none; }
.simcal-default-calendar-grid.simcal-default-calendar-light {
	--sims-teal: #66c8c6;
	--sims-red:  #ef3e42;
	--sims-ink:  #221e19;
	--sims-line: #e7e5e0;
	--sims-void: #efedea;
}

/* Table shell -------------------------------------------------------- */

.simcal-default-calendar-grid.simcal-default-calendar-light table.simcal-calendar-grid {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border: 0;
	background: #fff;
}

/* Hide the plugin's own month title + prev/next arrows.
   NOTE: this leaves the grid fixed on the current month. See the comment
   at the bottom of this file before shipping. */
.simcal-default-calendar-grid.simcal-default-calendar-light thead.simcal-calendar-head tr:first-child {
	/*display: none;*/
}
/* Month nav bar ------------------------------------------------------ */
/* Styled to match the list widget's header — dark bar, white condensed
   caps, white chevrons — so the two components read as one system.
   The plugin navigates by AJAX and replaces the table markup; these rules
   are stylesheet-based, so they survive the swap. */

.simcal-default-calendar-grid.simcal-default-calendar-light thead.simcal-calendar-head tr:first-child th.simcal-nav {
	padding: 1.1rem .75rem;
	border: 0;
	background: var(--sims-ink);
	text-align: center;
	vertical-align: middle;
}

.simcal-default-calendar-grid.simcal-default-calendar-light th.simcal-nav.simcal-current h3 {
	margin: 0;
	font-family: Oswald, sans-serif;
	font-weight: 700;
	font-size: 1.75rem;
	line-height: 1;
	letter-spacing: .01em;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-nav-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: none;
	color: #fff;
	cursor: pointer;
	transition: background-color .15s ease;
}

.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-nav-button:hover {
	background: rgba(255, 255, 255, .14);
}

.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-nav-button:focus-visible {
	outline: 2px solid var(--sims-teal);
	outline-offset: 2px;
}

/* The chevrons are glyphs from the plugin's own icon font. */
.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-nav-button i {
	font-size: 1.25rem;
	line-height: 1;
	color: inherit;
}

/* Weekday band ------------------------------------------------------- */

.simcal-default-calendar-grid.simcal-default-calendar-light th.simcal-week-day {
	padding: .95rem .25rem;
	border: 0;
	background: var(--sims-teal);
	color: #fff;
	font-family: Oswald, sans-serif;
	font-weight: 600;
	font-size: .78rem;
	letter-spacing: .09em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

/* Day cells ---------------------------------------------------------- */

.simcal-default-calendar-grid.simcal-default-calendar-light td.simcal-day {
	padding: 0;
	border: 1px solid var(--sims-line);
	background: #fff;
	vertical-align: top;
}

.simcal-default-calendar-grid.simcal-default-calendar-light td.simcal-day > div {
	padding: .8rem .5rem 1rem;
	text-align: center;
}

/* Leading/trailing cells from adjacent months — borders match the fill so
   the block reads as one flat area rather than a grid of empty boxes. */
.simcal-default-calendar-grid.simcal-default-calendar-light td.simcal-day-void,
.simcal-default-calendar-grid.simcal-default-calendar-light td.simcal-day-void-last {
	background: var(--sims-void);
	border-color: var(--sims-void);
}

/* Day numbers -------------------------------------------------------- */

/* Two separate things have to be defeated here:

   1. Simple Calendar puts rgba(0,0,0,.1) on EVERY day number. Once these
      rules give it a fixed size and a 50% radius, that grey becomes a
      visible circle on all 31 days. Hence `background: none`. The
      `td.simcal-day` in the selector is also required — without it this
      rule loses to the plugin's own and every day keeps its circle.

   2. On days that HAVE events, the plugin writes an inline
      `style="background-color:#68c7c5;color:#000"` from the calendar's
      event-colour setting. Inline styles beat any selector, so those two
      declarations need !important.

   Cleaner alternative to #2: find the event/calendar colour option in the
   calendar's own settings and switch it off. That removes the inline style
   at the source and you can drop both !important flags. */
.simcal-default-calendar-grid.simcal-default-calendar-light td.simcal-day .simcal-day-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	height: 2rem;
	padding: 0;
	border-radius: 50%;
	font-family: Oswald, sans-serif;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1;
	background-color: transparent !important;
	color: var(--sims-ink) !important;
}

/* Today — one more class than the rule above, so it wins regardless of
   source order. Also !important, so it still beats the inline colour on a
   day that is both today and has an event. */
.simcal-default-calendar-grid.simcal-default-calendar-light td.simcal-day.simcal-today .simcal-day-number,
.simcal-default-calendar-grid.simcal-default-calendar-light td.simcal-day.simcal-present .simcal-day-number {
	background-color: var(--sims-red) !important;
	color: #fff !important;
}

/* Events inside a cell ----------------------------------------------- */

/* The plugin prints a "no events" placeholder in every empty cell. */
.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-no-events {
	display: none;
}

.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-events {
	display: block;
	margin-top: .45rem;
}

.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-event {
	display: block;
	margin: 0 0 .45rem;
}

/* Direct child only — .simcal-event-title also appears inside the hidden
   tooltip markup, and that copy should stay untouched. */
.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-event > .simcal-event-title {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: .78rem;
	line-height: 1.3;
	color: var(--sims-ink);
	cursor: pointer;
}

.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-event > .simcal-event-title:hover {
	color: var(--sims-red);
}

/* Full weekday names ------------------------------------------------- */
/* Simple Calendar prints "Mon". Your design shows "MONDAY". Check the
   calendar's own settings for a day-name option first — if there isn't
   one, this swaps the label on wide screens only, since full names will
   not fit seven across on a phone. */

@media (min-width: 900px) {
	.simcal-default-calendar-grid.simcal-default-calendar-light th.simcal-week-day {
		font-size: 0;
	}
	.simcal-default-calendar-grid.simcal-default-calendar-light th.simcal-week-day::after {
		font-size: .78rem;
	}
	.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-week-day-1::after { content: "Monday"; }
	.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-week-day-2::after { content: "Tuesday"; }
	.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-week-day-3::after { content: "Wednesday"; }
	.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-week-day-4::after { content: "Thursday"; }
	.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-week-day-5::after { content: "Friday"; }
	.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-week-day-6::after { content: "Saturday"; }
	.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-week-day-0::after { content: "Sunday"; }
}

/* Small screens ------------------------------------------------------ */

@media (max-width: 600px) {
	.simcal-default-calendar-grid.simcal-default-calendar-light th.simcal-week-day {
		padding: .6rem .1rem;
		font-size: .62rem;
		letter-spacing: .04em;
	}
	.simcal-default-calendar-grid.simcal-default-calendar-light td.simcal-day > div {
		padding: .45rem .2rem .6rem;
	}
	.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-number {
		min-width: 1.6rem;
		height: 1.6rem;
		font-size: .85rem;
	}
	.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-event > .simcal-event-title {
		font-size: .68rem;
	}
}


/* -------------------------------------------------------------------------
   2. GOOGLE CALENDAR EVENTS LIST WIDGET
   ---------------------------------------------------------------------- */

/* Match the site's brand teal (the plugin default is a slightly muted
   #7fc4c0, which reads as a second teal next to the grid). */
.ac-gcal {
	--ac-gcal-accent: #66c8c6;
	--ac-gcal-bg: #221e19;
  height:100%;
}

/* The theme renders this in Playfair Display; the design calls for the
   condensed sans used elsewhere on the site. */
.ac-gcal__title {
	font-family: Oswald, sans-serif;
	font-weight: 700;
	letter-spacing: .01em;
}
.ac-gcal__name {    font-size: 1em!important;
}

/* =========================================================================
   BEFORE SHIPPING — the hidden nav row

   Hiding Simple Calendar's month header (line ~45) matches the mockup, but
   it also removes the grid's only way to change months. The grid will sit
   on the current month permanently while the list widget navigates on its
   own. The two are separate plugins and will not stay in sync.

   If that isn't what you want, delete the rule that hides
   `thead.simcal-calendar-head tr:first-child` and use this instead to style
   the nav to match:

   .simcal-default-calendar-grid.simcal-default-calendar-light th.simcal-nav {
       padding: 1rem .5rem;
       border: 0;
       background: var(--sims-ink);
   }
   .simcal-default-calendar-grid.simcal-default-calendar-light th.simcal-nav h3 {
       margin: 0;
       font-family: Oswald, sans-serif;
       font-weight: 700;
       font-size: 1.5rem;
       text-transform: uppercase;
       color: #fff;
   }
   .simcal-default-calendar-grid.simcal-default-calendar-light .simcal-nav-button {
       background: none;
       border: 0;
       color: #fff;
       cursor: pointer;
   }
   ========================================================================= */

footer a {text-decoration:none;}
footer h3, footer .footer-top-left .logo {text-align:left;}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1600px) {
  .sims-hero { min-height: 360px; }
  .ty-bolt--e{right: -2%;}
  .ty-bolt--d{ right: 2%;  top: -70%;}
  .ty-bolt--f {right: 8%; top: 130px;}
}
@media (max-width: 1199px) {
  .ty-bolt--a {left: 8%;top: -100px; width: 130px;}
  .ty-bolt--b{width: 210px;}
  .ty-bolt--c{width: 210px;}
  .ty-bolt--d{  width: 200px;}
  .ty-bolt--e{ width: 230px; }
  .ty-bolt--f {right: 10%;top: 110px; width: 110px;}

}
@media (max-width: 1400px) {
  .sims-hero { min-height: 360px; }
}
@media (min-width: 992px) and (max-width: 1199px){
  .cal-events{
    column-gap: 15px;
    row-gap: 25px;
  }
  .cal-left{
    padding: 30px 20px 40px;
  }
  .cal-section .col-12.col-lg-5{
    padding-right: 0px;
  }
  .cal-event p{
    font-size: 16px;
  }

}
@media (max-width: 1199px) {
  .sims-hero { min-height: 300px; }
.sims-logo {
  height: 140px;
  top: 0px;
}
  /* title sizes (laptop) */
  .sims-hero__title  { font-size: 68px; }
  .event-card__title { font-size: 52px; }
  .event-detail__title { font-size: 65px; }
  .connect-title     { font-size: 50px; }
  .thankyou-title    { font-size: 50px; }
}
@media (max-width: 991px) {
  
  .sims-navbar { height: 84px; }

  .sims-brand { width: 150px; height: 60px; }
  .sims-logo  { height: 114px; top: -18px; position: relative; left: -34px; }

  /* collapsed menu panel sits on the dark bar */
  #simsNav {
    background-color: var(--sims-dark);
    padding: 0.5rem 0 1.25rem;
    position: absolute;
    width: 100%;
    left: 0;
    top: 84px;
  }
  .sims-nav { padding-top: 0.5rem; }
  .sims-nav .nav-link.active::after { display: none; }

  .btn-offset__shadow { transform: translate(-3px, 3px); }
  .navbar-collapse .btn-offset { margin-bottom: 0.75rem;  left: 20px; }

  .sims-hero { min-height: 250px; padding: 80px 0 70px; }

  /* title sizes (tablet) */
  .sims-hero__title  { font-size: 56px; }
  .event-card__title { font-size: 46px; }
  .event-detail__title { font-size: 50px; }
  .event-slider .carousel-item img { height: 600px; }
  .learn-more__title { font-size: 26px; }
  .connect-title     { font-size: 44px; }
  .thankyou-title    { font-size: 40px; }

  /* calendar section */
  .cal-left { min-height: auto; padding: 32px 24px 36px; }
  .cal-left__title { font-size: 40px; }
  .cal-events { column-gap: 20px; row-gap: 26px; }

  /* stay connected — stack panel over image */
  .connect-panel__inner { padding: 54px 24px 60px; max-width: 620px; }
  .connect-media img { height: auto; }

  /* thank you — smaller bolts tucked to the edges */
  .thankyou-section { min-height: 340px; }
  /* .ty-bolt { width: 40px; }
  .ty-bolt--a, .ty-bolt--f { width: 32px; } */
  .connect-text{
        margin: 0 0 30px;
  }
  .ty-bolt--a {left: 8%;top: -100px; width: 100px;}
  .ty-bolt--b{width: 150px;}
  .ty-bolt--c{width: 150px;}
  .ty-bolt--d{width: 150px;}
  .ty-bolt--e{width: 180px;}
  .ty-bolt--f {right: 10%;top: 77px;width: 80px;}

  .sims-hero--single{
        min-height: 245px;
  }
  .event-detail{
    padding: 70px 0 80px;
  }
  .event-detail__body{
    margin:20px auto 0 auto;
    width: 100%;
    max-width: 100%;
  }
    
}
@media (max-width: 767px) {
  .ty-bolt {
    display: none;
}
.learn-more__title br{
  display: none;
}

}
@media (max-width: 640px) {
.sims-hero-shape{
  height: 60px;
}
.thankyou-section {
    min-height: 270px;
}
.sims-hero--single {
  min-height: 200px;
  }
  .event-detail{
    padding: 50px 0 60px;
  }
  .learn-more{
    padding: 50px 0 60px;
  }

}

@media (max-width: 575px) {
  .ty-bolt--b, .ty-bolt--c, .ty-bolt--d, .ty-bolt--e { opacity: 0.5; }
  .ty-bolt { width: 28px; }
  .thankyou-section { min-height: 220px;}
  .thankyou-title br { display: none;}
  .sims-hero__meta { font-size: 20px;}
  .cal-events { grid-template-columns: 1fr; }
  .cal-grid__head > div { font-size: 9px; padding: 8px 2px; }
  .cal-cell { min-height: 74px; padding: 6px 3px; }
  .cal-cell__event { font-size: 9px; }

  /* title sizes (mobile) */
  .sims-hero__title  { font-size: 44px; }
  .event-card__title { font-size: 36px; }
  .event-detail__title { font-size: 38px; }
  .event-slider .carousel-item img { height: 320px; }
  .save-date { flex-direction: column; align-items: flex-start; }
  .learn-more__title { font-size: 22px; }
  .connect-title     { font-size: 40px; }
  .thankyou-title    { font-size: 30px; }
  .bottom-text { font-size: 18px; }
  .btn-offset--learn .btn-offset__face { font-size: 20px; }

}


/* Added by LT */


/* ===================== ADDED BY LT ===================== */
  .sims-hero {
      min-height: 350px;
  }
	.dropdown-menu{
		background-color: #66c8c6 !important;
    	background-clip: padding-box;
    	border: 1px solid #66c8c6 !important;
	}
	.donate-btn {text-decoration:none!important;}
  body section.connect-section{
  padding:0px!important;
  }
/* ===================== END LT ADD ===================== */