/* Events-page embed: spacing + shield posters from Elementor/Hello typography.
   stampede.css / chili.css stay the design source. This file must load LAST. */

.dewdrop-featured-events {
  margin: 100px 0 80px;
  padding: 0;
  max-width: 100%;
  isolation: isolate;
}

.dewdrop-featured-events .chili {
  margin-top: 0;
}

/* Desktop plate layout hides sprig/pines. Original `.chili__art{display:none}`
   lost to `.dewdrop-featured-events img{display:block}`. */
.dewdrop-featured-events .chili img.chili__art {
  display: none;
}
@media (max-width: 1139px) {
  .dewdrop-featured-events .chili .chili__canvas img.chili__art {
    display: block;
  }
}

.dewdrop-featured-events .stampede {
  margin: 200px auto 0;
}

@media (max-width: 759px) {
  .dewdrop-featured-events {
    margin: 56px 0 48px;
  }
  .dewdrop-featured-events .stampede {
    margin-top: 80px;
  }
}

/* Kit `.elementor-kit-22506 h2/h3/h4/a` is 0,1,1 and loads after stampede.css.
   Stampede lettering is the heading/link itself (texture clipped to the font),
   so those kit rules make the poster unreadable. Lock the clip properties. */
.dewdrop-featured-events .stampede .stampede__word,
.dewdrop-featured-events .stampede h2.stampede__word,
.dewdrop-featured-events .stampede h3.stampede__word,
.dewdrop-featured-events .stampede h4.stampede__word,
.dewdrop-featured-events .stampede p.stampede__word,
.dewdrop-featured-events .stampede a.stampede__word,
.dewdrop-featured-events .stampede a.stampede__word:visited,
.dewdrop-featured-events .stampede a.stampede__word:hover,
.dewdrop-featured-events .stampede a.stampede__word:focus,
.dewdrop-featured-events .stampede a.stampede__word:active {
  font-family: 'Dewdrop Stampede Lettering', Georgia, serif !important;
  font-size: calc(100 * var(--stampede-u)) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-synthesis: none !important;
  font-kerning: none !important;
  font-variant-ligatures: common-ligatures !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-decoration: none !important;
  text-transform: none !important;
  text-align: left !important;
  background-color: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none;
}

.dewdrop-featured-events .stampede a.stampede__word:focus-visible {
  outline: 2px solid #723b20;
  outline-offset: 3px;
}

.dewdrop-featured-events .stampede img {
  max-width: none;
  height: 100%;
  width: 100%;
}

/* Event Schedule is an h2. Kit `.elementor-kit-22506 h2` swaps it to Raleway.
   Original face is Baltism (script), already self-hosted with chili.css. */
.dewdrop-featured-events .chili h2.chili__card-title {
  font-family: Baltism, 'Balder Script', 'Brush Script MT', cursive !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: calc(45.5 * var(--u)) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #20241d !important;
  -webkit-text-fill-color: #20241d !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 1139px) {
  .dewdrop-featured-events .chili h2.chili__card-title {
    font-size: 42px !important;
  }
}

/* Kit sets `a { color: #fff }`. Chili "Get Directions" is an <a> on cream paper. */
.dewdrop-featured-events .chili a.chili__btn,
.dewdrop-featured-events .chili a.chili__btn:visited,
.dewdrop-featured-events .chili a.chili__btn:hover,
.dewdrop-featured-events .chili a.chili__btn:focus,
.dewdrop-featured-events .chili a.chili__btn:active {
  color: #2b3a1e !important;
  -webkit-text-fill-color: #2b3a1e !important;
  text-decoration: none !important;
  font-family: 'Franklin Gothic', 'Arial Narrow', Arial, sans-serif !important;
}
