/* ═══════════════════════════════════════════════════
   FOO FOO FESTIVAL 2026
   Design: 1440px canvas | Content max: 1332px
   ═══════════════════════════════════════════════════ */

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
html, body {  overscroll-behavior: none;}
body {
  font-family: 'apparat', sans-serif;
  font-weight: 400;
  color: #221b50;
  background-color: #f5f4ee;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;  
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
img, svg { max-width: 100%; display: block; }
ul { list-style: none; }
a { color: inherit; text-decoration: none !important;; }
.admission-underline p a.underline {
    border-bottom: 2px solid #F55317;
}
/* ── Helpers ── */
.sr-only-2026 {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

.skip-link-2026 {
  position: absolute; top: -200px; left: 16px; z-index: 9999;
  padding: 10px 18px; background: #221b50; color: #ffffff;
  font-family: 'apparat', sans-serif; font-weight: 700; font-size: 14px;
  border-radius: 0 0 6px 6px; transition: top 0.2s;
}
.skip-link-2026:focus { top: 0; outline: 3px solid #ffd58c; outline-offset: 2px; }

.container-2026 {
    max-width: 1439.187px;
    margin: 0 auto;
    padding: 0 53px;
}

/* ── Global type scale ── */
.coman-fonts-2026 h1 { font-family: 'apparat', sans-serif; font-weight: 850; font-size: 60px; line-height: 60px; color: #221b50; }
.coman-fonts-2026 h2 {
        font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 75px;    
    color: #221b50;
    line-height: 1;
    letter-spacing: 0.00em;
}
.coman-fonts-2026 h3 { font-family: 'apparat', sans-serif; font-weight: 850; font-size: 20px; line-height: 1.35; color: #221b50; }
.coman-fonts-2026 h4 { font-family: 'apparat', sans-serif; font-weight: 850; font-size: 18px; line-height: 1.4; color: #221b50; }
.coman-fonts-2026 h5 { font-family: 'apparat', sans-serif; font-weight: 850; font-size: 16px; line-height: 1.4; color: #221b50; }
.coman-fonts-2026 h6 { font-family: 'apparat', sans-serif; font-weight: 850; font-size: 14px; line-height: 1.4; color: #221b50; }
.coman-fonts-2026 p {
    font-family: 'apparat', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.65;
    color: #221b50;
    margin-bottom: 0;
}
.coman-fonts-2026 h3 {    
    font-weight: 850;
    font-size: 26px;
    line-height: 1.2;
    color: #221B51;
    margin-bottom: 16px;
}

/* ═══════════════════════════════════════════════════
   HEADER  — Logo | Date pill | Hamburger
   ═══════════════════════════════════════════════════ */
#site-header-2026 {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  transition: background-color 0.4s ease, backdrop-filter 0.4s ease;
}
.header-inner-2026 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 50px 0 0;
  height: 0;
}

/* ── Logo ── */
.logo-link-2026 {
    flex-shrink: 0;
    display: block;
    width: 156.1896px;
    height: 156.1896px;
    background-color: #FFD58C;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom-right-radius: 138px;
    outline: none !important;
}
.logo-link-2026 img {
    width: 101.5779px;
    height: auto;
    display: block;
    position: relative;
    left: -12px;
    top: -10px;
}
.logo-link-2026:focus-visible {
  outline: 3px solid #ffd58c; outline-offset: 4px; border-radius: 4px;
}

/* ── Date pill — amber, hangs from top edge, bottom corners only rounded ── */
.header-date-2026 {
    flex-shrink: 0;
    background-color: #ffd58c;
    border-radius: 0 0 100px 100px;
    width: 361px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'apparat', sans-serif;
    font-weight: 900;
    font-size: 26px;
    line-height: 1;
    color: #221b50;
    white-space: nowrap;
    letter-spacing: 0.01em;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    opacity: 1;
    pointer-events: none;
    transition: opacity 0.35s ease;
}
.header-date-2026.is-visible-2026 {
  opacity: 1;
  pointer-events: auto;
}

/* ── Hamburger — dark navy circle ── */
.hamburger-btn-2026 {
    flex-shrink: 0;
    width: 84px;
    height: 84px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    /* padding: 0; */
    transition: background-color 0.2s, transform 0.2s;
    position: fixed;
    right: 25px;
    top: 21px;
    z-index: 2222;
    outline: none !important;    
}
.hamburger-btn-2026::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background-color: #221b50;
    border: 4px solid #FFD58C;
    z-index: -1;

    transform: translate(0, 0);
    opacity: 1;

    transition:
        transform 0.5s ease-in-out,
        opacity 0.5s ease-in-out,
        background-color 0.5s ease-in-out,
        border-color 0.5s ease-in-out;
}

.hamburger-btn-2026.is-active-2026::before {
    transform: translate(20px, 50px);
    opacity: 0;
}
.hamburger-btn-2026:focus-visible { outline: 3px solid #ffd58c; outline-offset: 3px; }

.ham-bar-2026 {
    display: block;
    width: 29.859px;
    height: 3px;
    background-color: #ffffff;
    border-radius: 5px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}


/* ═══════════════════════════════════════════════════
   NAV BACKDROP
   ═══════════════════════════════════════════════════ */
.nav-backdrop-2026 {
    position: fixed;
    inset: 0;
    z-index: 2;
    background: transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0s linear 0.5s;
}
.nav-backdrop-2026.is-visible-2026 {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0s linear 0s;
}


/* ═══════════════════════════════════════════════════
   NAV MENU  — GPU clip-path top-to-bottom reveal
   ═══════════════════════════════════════════════════ */
.nav-menu-2026 {
  position: fixed;
  top: 0; right: 0;
  z-index: 200;
  width: 705px;
  max-width: 100vw;
  height: 100vh;
  background-color: #221b50;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  clip-path: inset(0 0 100% 0);
  transition:
    clip-path 0.7s cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0s linear 0.7s;
  will-change: clip-path;
  visibility: hidden;
  left: auto;
}
.hamburger-btn-2026.is-active-2026 {
    right: 41px;
    top: 23px;
}
.nav-menu-2026.is-open-2026 {
  clip-path: inset(0 0 0% 0);
  visibility: visible;
  transition:
    clip-path 0.7s cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0s linear 0s;
}

/* ── Menu inner content ── */
.nav-menu-inner-2026 {
    padding: 40px 60px 50px 99px;
    min-height: 100vh;
}

/* ── Top bar: Accommodations btn + Close btn ── */
.nav-topbar-2026 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 59px;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.35s ease, transform 0.4s ease;
  transition-delay: 0s;
}
.nav-menu-2026.is-open-2026 .nav-topbar-2026 {
  opacity: 1; transform: translateY(0);
  transition-delay: 0.14s;
}
/* Overrides inline visibility:hidden left by WOW.js's scroll-based
   check, which misreads this off-canvas button's position. */
.nav-menu-2026.is-open-2026 .btn-2026 {
  visibility: visible !important;
}
.nav-menu-2026:not(.is-open-2026) .nav-topbar-2026 {
  opacity: 0; transform: translateY(14px);
  transition-delay: 0s;
}

/* ── Hamburger → ✕ transform when menu is open ── */
.hamburger-btn-2026.is-active-2026 .ham-bar-2026:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
.hamburger-btn-2026.is-active-2026 .ham-bar-2026:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.hamburger-btn-2026.is-active-2026 .ham-bar-2026:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}

/* ── Nav links ── */
.nav-links-2026 {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
}

.nav-links-2026 li {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.35s ease, transform 0.4s ease;
  transition-delay: 0s;
}
.nav-menu-2026.is-open-2026 .nav-links-2026 li:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:0.18s; }
.nav-menu-2026.is-open-2026 .nav-links-2026 li:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:0.23s; }
.nav-menu-2026.is-open-2026 .nav-links-2026 li:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:0.27s; }
.nav-menu-2026.is-open-2026 .nav-links-2026 li:nth-child(4) { opacity:1; transform:translateY(0); transition-delay:0.31s; }
.nav-menu-2026.is-open-2026 .nav-links-2026 li:nth-child(5) { opacity:1; transform:translateY(0); transition-delay:0.35s; }
.nav-menu-2026.is-open-2026 .nav-links-2026 li:nth-child(6) { opacity:1; transform:translateY(0); transition-delay:0.39s; }
.nav-menu-2026.is-open-2026 .nav-links-2026 li:nth-child(7) { opacity:1; transform:translateY(0); transition-delay:0.43s; }
.nav-menu-2026.is-open-2026 .nav-links-2026 li:nth-child(8) { opacity:1; transform:translateY(0); transition-delay:0.47s; }
.nav-menu-2026.is-open-2026 .nav-links-2026 li:nth-child(9) { opacity:1; transform:translateY(0); transition-delay:0.51s; }
.nav-menu-2026:not(.is-open-2026) .nav-links-2026 li { opacity:0; transform:translateY(14px); transition-delay:0s; }

.nav-links-2026 li a {
    text-decoration: none !important;;
    display: block;
    font-weight: 850;
    font-size: 32px;
    line-height: 1.1;
    color: #ffffff;
    text-transform: uppercase;
    transition: color 0.2s;
    margin-bottom: 31px;
    letter-spacing: 0.00em;
    font-family: "apparat-cond", sans-serif;
}
.nav-links-2026 li a:hover { color: #ffd58c; }
.nav-links-2026 li a:focus-visible { outline: 3px solid #ffd58c; outline-offset: 4px; border-radius: 2px; }

/* ── Social row ── */
.nav-social-wrap-2026 {
  margin-top: 33px;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.35s ease, transform 0.4s ease;
  transition-delay: 0s;
}
.nav-menu-2026.is-open-2026 .nav-social-wrap-2026 {
  opacity: 1; transform: translateY(0); transition-delay: 0.55s;
}
.nav-menu-2026:not(.is-open-2026) .nav-social-wrap-2026 {
  opacity: 0; transform: translateY(14px); transition-delay: 0s;
}

.nav-social-pill-2026 {
    display: inline-flex;
    align-items: center;
    gap: 26.5px;
    background-color: #5c9ef2;
    border-radius: 100px;
    padding: 17px 38px 17px 38px;
    list-style: none;
}

.nav-social-icon-2026 {
  display: flex; align-items: center; justify-content: center;
  width: 38.392px; height: 38.392px;
  border-radius: 50%;
  background-color: #221B50;
  color: #fff;
  text-decoration: none !important;;
  transition: all 0.5s ease-in-out;
  text-decoration: none !important;;    
}
.nav-social-icon-2026:hover {
    background-color: #fff;
}
.nav-social-icon-2026:focus-visible { outline: 3px solid #ffd58c; outline-offset: 2px; }
.nav-social-pill-2026 a i {
    font-size: 20px;
    color: #5c9ef2;
}


/* ═══════════════════════════════════════════════════
   BUTTONS
   ═══════════════════════════════════════════════════ */
.btn-2026 {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 8px 8px 8px 22px;
  border: none; border-radius: 100px;
  cursor: pointer;
  font-family: 'apparat', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  line-height: 1;  
  white-space: nowrap;
  transition: background-color 0.2s, border-color 0.2s;
  text-decoration: none !important; !important;
}
.btn-2026:focus-visible { outline: 3px solid #ffd58c; outline-offset: 3px; }

/* Variants */
.btn-design-2026 {
    background-color: transparent;
    color: #221b50;
    border: 2px solid #221b50;
    padding: 14px 27px 15px 36px;
    gap: 36px;
    font-family: 'apparat', sans-serif;
    font-weight: 800;
    font-size: 18px;
    transition: border-color 0.3s ease;
    letter-spacing: 0.00em;
    text-decoration: none !important;
    outline: none !important;
}
.btn-design-2026:hover {
    color: #221b50;
}
.btn-design-2026:hover .btn-circle-2026 {
    background-color: #5C9EF2;
}

.btn-nav-cta-2026 {
  background-color: transparent;
  color: #ffffff;
  border: 1.5px solid rgba(255,255,255,0.6);
}
.btn-nav-cta-2026:hover { border-color: #ffffff; }

.btn-outline-white-2026 {
  background-color: transparent;
  color: #ffffff;
  border: 1.5px solid #ffffff;
  padding: 10px 10px 10px 22px;
}
.btn-outline-white-2026:hover { background-color: rgba(255,255,255,0.08); }
.btn-2026.btn-design-2026.btn-secondary-2026 span.btn-circle-2026 {
    background-color: #221B50;
}

.btn-2026.btn-design-2026.btn-secondary-2026:hover span.btn-circle-2026 {
    background-color: #FFD58C;
}
.btn-2026.btn-design-2026.btn-secondary-2026:hover span.btn-circle-2026 svg:last-child path {
    stroke: #221B50;
}

.btn-2026.btn-design-2026.btn-tertiary-2026 {
    color: #fff;
    border-color: #fff;
}
.btn-2026.btn-design-2026.btn-tertiary-2026 span.btn-circle-2026 {
    background-color: #EE6A2C;
}
.btn-2026.btn-design-2026.btn-tertiary-2026:hover span.btn-circle-2026 {
    background-color: #FFD58C;
}
.btn-2026.btn-design-2026.btn-tertiary-2026:hover span.btn-circle-2026 svg:last-child path {
    stroke: #221B50;
}

/* btn-design-2026: text wrap fills button height; text 1 exits top, text 2 enters from bottom */
.btn-design-2026 .btn-text-wrap-2026 {
  align-self: stretch;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.btn-design-2026 .btn-text-2026{
  display: block;
  line-height: 1;
  white-space: nowrap;
  position: relative;
  top: 1px;
}
.btn-design-2026 .btn-text-2026:first-child {
  transition: transform 0.38s cubic-bezier(0.76, 0, 0.24, 1);
}
.btn-design-2026 .btn-text-2026:last-child {
  position: absolute;
  left: 0;
  top: 100%;
  transition: top 0.38s cubic-bezier(0.76, 0, 0.24, 1),
              transform 0.38s cubic-bezier(0.76, 0, 0.24, 1);
}
.btn-design-2026:hover .btn-text-2026:first-child { transform: translateY(-3em); }
.btn-design-2026:hover .btn-text-2026:last-child  { top: 50%; transform: translateY(-50%); }

/* Arrow circle — two arrows: first exits right, second enters from left */
.btn-circle-2026{
  display: flex; align-items: center; justify-content: center;
  position: relative;
  width: 40px; height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  transition: all 0.5s ease-in-out;
}
.btn-circle-2026 svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -7px;
  transition: transform 0.38s cubic-bezier(0.76, 0, 0.24, 1);
}
.btn-circle-2026 svg:last-child        { transform: translateX(-50px); }
.btn-2026:hover .btn-circle-2026 svg:first-child { transform: translateX(50px); }
.btn-2026:hover .btn-circle-2026 svg:last-child  { transform: translateX(0); }

.btn-circle-orange-2026 { background-color: #f55419; }
.btn-circle-ghost-2026  { background-color: rgba(255,255,255,0.18); }
.btn-circle-white-2026  { background-color: #ffffff; }
.btn-circle-amber-2026  { background-color: #ffd58c; }

.btn-row-2026 {
  display: flex;
  justify-content: center;
  margin-top: 43px;
}


/* ═══════════════════════════════════════════════════
   HERO
   ═══════════════════════════════════════════════════ */
.hero-section-2026 {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-color: #F55317;
  overflow: hidden;
}

.hero-img {
  position: absolute;
  inset: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.hero-img img {
  margin: 0 auto;
}

/* ── Banner intro animation ── */

/* All sibling groups hidden via CSS on load — no JS race / FOUC */
.top-banner-img-2026 svg > g > *:not(.foo-foo-img-2026) {
  opacity: 0;
  transition: opacity 0.55s ease;
}
/* Once zoom completes, JS adds .paths-revealed-2026 → they all fade in */
.top-banner-img-2026 svg.paths-revealed-2026 > g > *:not(.foo-foo-img-2026) {
  opacity: 1;
}

/* g.bottom-img-2026: @keyframes keep both movements on the compositor thread.
   isolation: isolate stops sibling opacity changes from invalidating this layer. */
.top-banner-img-2026 svg .bottom-img-2026 {
  transform: translate3d(0, 150px, 0);
  will-change: transform;
  backface-visibility: hidden;
  isolation: isolate;
}

@keyframes bottom-img-2026-up {
  from { transform: translate3d(0, 150px, 0); }
  to   { transform: translate3d(0, 0, 0); }
}
@keyframes bottom-img-2026-scroll-up-2026 {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(0, -200px, 0); }
}

.top-banner-img-2026 svg .bottom-img-2026.slide-in-2026 {
  animation: bottom-img-2026-up 1s ease-out forwards;
}
/* scroll-up-2026 overrides slide-in-2026 when both classes present */
.top-banner-img-2026 svg .bottom-img-2026.slide-in-2026.scroll-up-2026 {
  animation: bottom-img-2026-scroll-up-2026 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* foo-foo-img-2026: scale animation centred on its own bounding box.
   transition applies after zoom-anim-2026 class is removed (so collapse scale is smooth) */
.foo-foo-img-2026 {
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── scroll-bottom-2026 click: collapse paths ── */
.top-banner-img-2026 svg.paths-collapsed-2026 > g > *:not(.foo-foo-img-2026):not(.bottom-img-2026) {
  opacity: 0;
}
.top-banner-img-2026 svg.paths-collapsed-2026 .foo-foo-img-2026 {
  transform: translateY(-60px) scale(0.72);
}

/* ── show-text-2026: hidden by default, reveals on scroll-bottom-2026 click ── */
.show-text-2026 {
  margin-top: 50px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.6s ease, opacity 0.45s ease;
}
.show-text-2026.is-visible-2026 {
  max-height: 100%;
  opacity: 1;
}

/* .scroll-bottom-2026 fades out on click */
.scroll-bottom-2026 { transition: opacity 0.35s ease; }
.scroll-bottom-2026.is-hidden-2026 { opacity: 0; pointer-events: none; }

@keyframes foo-foo-zoom {
  0%   { transform: scale(5);   opacity: 0; }
  10%  { transform: scale(5);   opacity: 1; }
  45%  { transform: scale(0.2); opacity: 1; }
  75%  { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(1);   opacity: 1; }
}
.foo-foo-img-2026.zoom-anim-2026 {
  animation: foo-foo-zoom 2.4s ease forwards;
}

/* ─────────────────────────── */

.bottom-banner-img-2026 {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    display: flex;
    justify-content: end;
    align-items: end;
    transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.85s ease;
    position: absolute;
    bottom: 180px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
}
.bottom-banner-img-2026.slide-up-2026 {opacity: 1; }
.banner-middle-text-2026 {
    max-width: 1030px;
    margin: 0 auto;
    text-align: center;
}

.banner-middle-text-2026 h1 {
    color: #221B50;
    text-align: center;
    font-family: Apparat;
    font-size: 60px;
    font-style: normal;
    font-weight: 850;
    line-height: 60px; /* 100% */
    margin-bottom: 20px;
}

.banner-middle-text-2026 h2 {
    color: #221B50;
    font-family: Apparat;
    font-size: 34px;
    font-style: normal;
    font-weight: 850;
    line-height: 38px; /* 111.765% */
    margin-bottom: 30px;
}

.banner-middle-text-2026 .show-text-2026 p {
    color: #221B50;
    text-align: center;
    font-family: "apparat-cond-light", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 163.636% */
    margin-bottom: 40px;
}
.top-banner-img-2026 img {
    display: block;
    width: 100%;
}
.scroll-bottom-2026 {
    background-color: #000;
    display: inline-block;
    width: 100%;
    height: 30px;
    cursor: pointer;
}
/* ═══════════════════════════════════════════════════
   FEATURED EVENTS
   ═══════════════════════════════════════════════════ */
.section-events-2026 {
  position: relative;
  padding: 84px 0 70px;
  background-color: #FFF5E5;
  overflow: hidden;
}
.section-events-2026 {
    position: relative;
    padding: 54px 0 66px;
    background-color: #FFD58C;
}
.slider-events-2026 .events-top-yellow {
    position: absolute;
    width: 100%;
    height: 20px;
    top: -19px;
}

.slider-events-2026 .events-top-yellow img {
    height: 20px;
    object-fit: cover;
    object-position: top;
    width: 100%;
}
.slider-events-2026 .events-bottom-yellow {
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: -19px;
    z-index: 1;
}
.slider-events-2026 .events-bottom-yellow img {
    height: 20px;
    object-fit: cover;
    background-position: bottom;
    width: 100%;
}
.slider-events-2026 .container-2026 {
    max-width: 1439.187px;
    margin: 0 auto;
    padding: 0 53px;
}
.slider-events-2026 {
    position: relative;
    padding: 54px 0 45px;
    background-color: #FFD58C;
}
.section-events-2026 .events-bottom-yellow img {
    height: 20px;
    object-fit: cover;
    object-position: bottom;
    width: 100%;
}
.wave-deco-2026 {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    width: 284px;
    height: 74px;
}
.wave-deco--left-2026  {top: -19px;left: 0;}
.wave-deco--right-2026 {top: -42px;right: 0;}
.wave-deco-2026 img {
    display: block;
    width: 100%;
    height: 202%;
    object-fit: cover;
}
.section-events-2026 h2 {
    text-align: center;
    margin-bottom: 60px;
}

.section-events-2026 .container-2026 { position: relative; z-index: 2; max-width: 100%; padding: 0; }
.section-events-2026 .container-2026 > h1, .section-events-2026 .container-2026 > h2 { padding: 0 53px; text-align: center;    font-size: 75px;line-height: 75px;}
.section-experience-2026 h2 { text-align: center; }

/* overflow clip for marquee; padding+margin trick keeps vertical wave unclipped */
.main-event-blocks-2026 {
    overflow: hidden;
    padding: 56px 0 32px;
    margin: -32px 0;
}
.events-grid-2026 {
  display: flex;
  flex-direction: row;
  width: max-content;
  will-change: transform;
}
.events-track-2026 {
  display: flex;
  flex-direction: row;
  gap: 30px;
  padding-right: 30px; /* trailing gap so track boundary = inter-card gap */
  flex-shrink: 0;
}

.event-card-wrap-2026 {
  width: 311.234px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 63px;
  will-change: transform;
}
/* wave animations applied via JS so originals + clones start at identical moment */
@keyframes wrap-ttb {
  from { transform: translateY(-24px); }
  to   { transform: translateY(24px); }
}
@keyframes wrap-btt {
  from { transform: translateY(24px); }
  to   { transform: translateY(-24px); }
}

.event-card-2026 {
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}
.event-card-2026:hover figcaption h3 {
    color: #ED6A2C;
}
.event-card-2026 a { display: block;     text-decoration: none !important;    outline: none !important;}
.event-card-2026 a:focus-visible {
  outline: 3px solid #221b50; outline-offset: -3px;
}

.event-card-2026 figure { margin: 0; }

.event-card-2026 figure img {
    width: 100%;
    height: 230.151px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}

.event-card-2026 figcaption {
  padding: 13px 0px 18px;
  display: flex; flex-direction: column; gap: 4px;
  text-align: center;
}
.event-card-2026 figcaption h3 {
    text-transform: uppercase;
    font-size: 26px;
    font-style: normal;
    line-height: 26px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    font-family: "apparat-cond", sans-serif;
    margin-bottom: 0;
    letter-spacing: 0.00em;
}
.event-card-2026 figcaption span {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #221B50;
    font-family: "apparat-cond-light", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.slider-events-2026 span.event-details-img {
    width: 100%;
    display: block;
    height: 392.59px;
    overflow: hidden;
    border-radius: 10px;
}
.slider-events-2026 .event-card-2026 figure img {
    height: 100%;
    transition: all 0.5s ease-in-out; 
    border-radius: 0;
}
.slider-events-2026 .event-card-2026 figcaption {
    text-align: left;
    padding-top: 21px;
}

.slider-events-2026 .event-card-2026 figcaption h3 {
    text-align: left;
    margin-bottom: 7px;
}

.slider-events-2026 .event-card-2026 figcaption span {font-size: 22px;text-transform: inherit;font-family: "apparat-cond",sans-serif;letter-spacing: 0.00em;}
.slider-events-2026 a:hover span.event-details-img img {
    transform: scale(1.2);
}

/* ═══════════════════════════════════════════════════
   ABOUT — WHAT IS FOO FOO FEST?
   ═══════════════════════════════════════════════════ */
.section-about-2026 {
  padding: 41px 0 40px;
  background-color: #FFD58C;
  position: relative;
}
.about-top-pattern-2026,
.about-bottom-pattern-2026 {
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  pointer-events: none;
  z-index: 1;
}
.about-top-pattern-2026 {
    top: -16px;
}
.about-bottom-pattern-2026 { bottom: -16px; }
.about-top-pattern-2026 img, .about-bottom-pattern-2026 img {
    width: 100%;
    display: block;
    height: 30px;
    object-fit: cover;
}

.about-card-2026 {
  display: flex;
  align-items: stretch;
  border-radius: 14px;
  overflow: hidden;
  background-color: #5c9ef2;
  padding: 69px 69px 73px 58px;
  gap: 66px;
}

.about-img-col-2026 {
  flex: 0 0 49.3%;
}

.about-video-wrap-2026 {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Play button — white 90px circle with navy triangle */
.play-btn-2026 {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 90px; height: 90px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 24px rgba(0,0,0,0.28);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  padding: 0;
  text-decoration: none !important;;
}
.play-btn-2026:hover {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 8px 32px rgba(0,0,0,0.38);
}
.play-btn-2026:focus-visible {
  outline: 3px solid #ffd58c;
  outline-offset: 4px;
}
.play-btn-2026 svg { margin-left: 5px; }
.about-video-wrap-2026 svg path {fill: #F75C3D;}


.about-text-col-2026 h2 {
      font-family: "apparat", sans-serif;
      font-weight: 900;
      font-size: 60px;
      letter-spacing: 0.00em;
      text-transform: uppercase;
      color: #221b50;
      line-height: 60px;
      margin-bottom: 39px;
}

.about-text-col-2026 p {
  font-family: 'apparat', sans-serif;
  font-weight: 400;
  line-height: 1.63;
  color: #221b50;
  margin-bottom: 39px;
}


/* ═══════════════════════════════════════════════════
   EXPERIENCE PENSACOLA
   ═══════════════════════════════════════════════════ */
.section-experience-2026 {
    padding: 52px 0 45px;
    background-color: #ffd58c;
    position: relative;
}

.section-experience-2026 .container-2026 > p {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 60px;
}

/* Overlapping photos */
.experience-photos-2026 {
  position: relative;
  height: 528px;
  max-width: 1301px;
  margin: 0 auto 69px;
  left: 50px;
}

.exp-photo-2026 {
    position: absolute;
    margin: 0;
    width: 44%;
    height: 483px;
    transform: rotate(-2deg);
    overflow: hidden;
    top: 14px;
    opacity: 0;
    translate: 0 -140px;
    transition: translate 900ms cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 600ms ease;
}
/* Scroll-triggered "fall from top" reveal, staggered left → right
   (is-revealed-2026 is added to experience-photos-2026 by main.js via
   IntersectionObserver) — same drop-in motion/easing as .footer-banana__path
   on alabamacontdev.wpenginepowered.com. translate is used instead of
   transform so the per-photo rotate() above is untouched. */
.experience-photos-2026.is-revealed-2026 .exp-photo-2026 {
    opacity: 1;
    translate: 0 0;
}
.experience-photos-2026.is-revealed-2026 .exp-photo-2026:nth-of-type(1) { transition-delay: 100ms; }
.experience-photos-2026.is-revealed-2026 .exp-photo-2026:nth-of-type(2) { transition-delay: 250ms; }
.experience-photos-2026.is-revealed-2026 .exp-photo-2026:nth-of-type(3) { transition-delay: 400ms; }
.exp-photo-2026 img {
    width: 98.5%;
    height: 98%;
    object-fit: cover;
    border-radius: 12px;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    border-radius: 13px;
}
.exp-photo-2026:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 9px solid transparent;
    border-image: url(../../images/2026/image-border.svg) 12 12 stretch;
    z-index: 4;
}
.exp-photo-2026 + .exp-photo-2026 {
    left: 19.59%;
    top: 41px;
    width: 43.76%;
    height: 486px;
    z-index: 1;
    transform: rotate(0);
}
.exp-photo-2026 + .exp-photo-2026 + .exp-photo-2026 {
    left: 48.52%;
    top: 2px;
    width: 44.03%;
    height: 487px;
    z-index: 2;
    transform: rotate(3deg);
}

.section-experience-2026 .btn-row-2026 { position: relative; z-index: 4; }
.section-about-2026 .container-2026 {
    position: relative;
}

.section-about-2026 .container-2026 .girl-top-img {
    position: absolute;
    top: -95px;
    right: 89px;
    width: 108px;
    z-index: 1;
}
.section-experience-2026 .top-heading-2026 {
    position: relative;
    width: 100%;
    padding: 0 220px;
    text-align: center;
    margin-bottom: 62px;
}

.section-experience-2026 .top-heading-2026 .dogsman-walk-2026 {
    width: 146px;
    position: absolute;
    left: 44px;
    top: 2px;
}
.section-experience-2026 h2 {
    margin-bottom: 30px;
}
.section-experience-2026 .top-heading-2026 .plan-fl-2026 {
    position: absolute;
    width: 151px;
    top: -31px;
    right: 108px;
}

.section-experience-2026 .top-heading-2026 .bicycle-man-2026 {
    position: absolute;
    width: 134px;
    right: 33px;
    bottom: 10px;
}
.experience-photos-2026 .ston-left-2026 {
    position: absolute;
    left: -47px;
    top: -28px;
    z-index: 1;
    width: 145px;
}

.experience-photos-2026 .birds-bottom-2026 {
    position: absolute;
    width: 88px;
    bottom: -45px;
    right: 53px;
    z-index: 2;
}
.wave-footer-wrap-2026 img {
  width: 100%; height: auto;
  display: block;
}

/* ═══════════════════════════════════════════════════
   FOO FOO UPDATES / NEWS
   ═══════════════════════════════════════════════════ */
.section-news-2026 {
    padding: 69px 0 44px;
    background-color: #221B50;
    position: relative;
}
.section-news-2026.coman-fonts-2026 h2 {
    color: #FFD58C;
    text-align: center;
    font-size: 60px;
    margin-bottom: 61px;
}
.section-news-2026 .container-2026 {
    max-width: 1358px;
}
.news-grid-2026 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 31px;
    row-gap: 0;
}

.news-card-2026 {
    border-radius: 10px;
    padding: 31px 16px 35px 16px;
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
    transition: border-color 0.3s, background-color 0.3s;
    background-color: #fff;
    gap: 0;
}
.news-card-2026 h3 {
    font-family: 'apparat', sans-serif;
    font-weight: 850;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: 0.00em;
    margin: 0 !important;
    text-transform: capitalize;    
}
.section-news-2026 .news-card-2026 p {
    font-size: 16px;
    margin-top: 8px;
    letter-spacing: -0.003em;
    line-height: 1.2;
    font-weight: 300;
}
.section-news-2026 .news-card-2026 h4 {
    text-transform: uppercase;
    font-weight: 850;
    font-size: 16px;
    margin-top: 14px;
    margin-bottom: 0;
    letter-spacing: 0.0em;
}
.news-card-2026 .news-more-2026 {
    display: inline-block;
    text-decoration: none !important;;
    align-items: center;
    font-family: 'apparat', sans-serif;
    font-weight: 850;
    font-size: 16px;
    text-transform: uppercase;
    color: #D70507; 
    margin-top: 11px;
    transition: color 0.5s;
    max-width: 110px;
    width: 100%;
}
.news-card-2026 .news-more-2026:hover {
    color: #221b50;
}
.news-more-2026:hover { color: #ffffff; }
.news-more-2026:focus-visible { outline: 3px solid #ffd58c; outline-offset: 4px; border-radius: 2px; }
.news-more-2026:hover::after { transform: translateX(4px); }
.section-news-2026 .waterboarding-2026 {
    position: absolute;
    width: 181px;
    left: 0;
    top: -77px;
    z-index: 1;
}

.section-news-2026 .girl-panting-2026 {
    position: absolute;
    left: 202px;
    width: 90.556px;
    top: -111px;
    z-index: 1;
}

.section-news-2026 .dancing-people-2026 {
    position: absolute;
    right: 58px;
    top: -115px;
    width: 235px;
    display: flex;
    z-index: 1;
}

.section-news-2026 .container-2026 {
    position: relative;
}

.section-news-2026 .dancing-people-2026 span {
    display: inline-block;
    width: 196px;
    padding-top: 7px;
    padding-right: 8px;
    margin-right: 1px;
}

.section-news-2026 .dancing-people-2026 span:last-child {
    width: 278px;
    padding-top: 0;
}

/* ═══════════════════════════════════════════════════
   NEWSLETTER
   ═══════════════════════════════════════════════════ */
.section-newsletter-2026 {
    padding: 67px 0 30px;
    background-color: #221b50;
    position: relative;
}
.wave-footer-wrap-2026 {
    position: absolute;
    width: 100%;
    top: 46px;
    z-index: 1;
}

.newsletter-box-2026 {
    background-color: #ED6A2C;
    border-radius: 14px;
    overflow: hidden;
    padding: 129px 50px 35px 50px;
    position: relative;
}

.newsletter-content-2026 {
    width: 100%;
    text-align: center;
    padding: 0 180px;
}
.newsletter-content-2026 h2 {
    font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 60px;
    letter-spacing: 0.00em;
    text-transform: uppercase;
    color: #221B50;
    line-height: 60px;
    margin-bottom: 23px;
}

.newsletter-content-2026 p {
    font-family: 'apparat', sans-serif;
    font-weight: 850;
    font-size: 30px;
    color: #221b50;
    margin-bottom: 40px;
    letter-spacing: 0.00em;
    line-height: normal;
}

/* ── Gravity Forms newsletter embed — match site form design ── */
.newsletter-box-2026 .gravity-theme .gform-body .ginput_container input {    
    padding: 15px 20px 12px 15px;
    border: none;
    border-radius: 6px;
    background-color: #fff;
    font-weight: 400;
    font-size: 16px;
    color: #4D4D4E;
    font-family: "apparat", sans-serif;
    outline: none;
}
.newsletter-box-2026 .gravity-theme .gform-body .ginput_container input::placeholder { color: rgba(34,27,80,0.5); }


.newsletter-box-2026 .ginput_container_checkbox .gchoice {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  margin-top: 13px;
}
.newsletter-box-2026 .gform_wrapper.gravity-theme .gfield-choice-input+label {
    font-size: 16px;
    font-weight: 400;
    font-family: 'apparat', sans-serif;
    letter-spacing: 0.00em;
}
.newsletter-box-2026 .ginput_container_checkbox input[type="checkbox"] {
    width: 24.891px;
    height: 24.891px;
    margin-top: 2px;
    flex-shrink: 0;
    accent-color: #221B50;
    cursor: pointer;
    border: 1px solid #221B50 !important;
    position: relative;
    top: -4px;
}
.newsletter-box-2026 .ginput_container_checkbox label {
    font-family: 'apparat', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #221B50 !important;
    line-height: 1.5;
    cursor: pointer;
}
.newsletter-box-2026 .gform-footer {
    max-width: 357.909px;
    margin: 0 auto !important;
    position: relative;
    padding-top: 0 !important;
    margin-top: 28px !important;
    padding-bottom: 0 !important;
    flex-direction: column;
}
.newsletter-content-2026 p.gform_required_legend {
    display: none;
}
.newsletter-content-2026 .gravity-theme {
    max-width: 813px;
    margin: 0 auto;
}
.newsletter-box-2026 .gform-footer input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-flex;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #221B50;
    border: 2px solid #221B50 !important;
    border-radius: 100px;
    padding: 26px 76px 25px 37px;
    font-family: 'apparat', sans-serif;
    font-weight: 800;
    font-size: 18px;
    line-height: 1 !important;
    letter-spacing: 0.00em;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    width: 100%;
    text-align: left;
    background-color: transparent;
    position: relative;
    z-index: 1;
    margin-bottom: 0 !important;
    min-height: auto !important;
}
.newsletter-box-2026 .gform-footer input[type="submit"]:hover {
    color: #fff;
    border-color: #fff;
}
.newsletter-box-2026 .photosclick-2026 {
    position: absolute;
    bottom: 29px;
    width: 153px;
}
.newsletter-box-2026 .newsletter-fig-2026 {
    position: absolute;
    right: 36px;
    bottom: 22px;
}
/* ═══════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════ */
.site-footer-2026 {
    background-color: #221b50;
    padding: 12px 0 47px;
    position: relative;
}

.footer-inner-2026 {
    display: flex;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.footer-logo-2026 a { display: inline-block;     text-decoration: none !important;;}
.footer-logo-2026 a:focus-visible { outline: 3px solid #ffd58c; outline-offset: 4px; border-radius: 4px; }
.footer-logo-2026 img { width: 101px; height: auto; }

.footer-social-pill-2026 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    background-color: #5C9EF2;
    border-radius: 48px;
    padding: 17px 38px;
    width: fit-content;
    margin: 0 auto;
}
.site-footer-2026 nav {
    position: inherit;
    padding: 0;
    margin: 0;
    height: inherit;
}
.footer-inner-2026 .footer-logo-2026 {
    width: 25%;
    text-align: left;
}
.footer-social-icon-2026 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38.617px;
    height: 38.617px;
    border-radius: 50%;
    transition: background-color 0.2s;
    background-color: #221B50;
    color: #fff;
    font-size: 16px;
    text-decoration: none !important;;
    transition: all 0.5s ease-in-out;
}
.footer-social-icon-2026:hover {
    background-color: #fff;
}
.footer-social-icon-2026:focus-visible { outline: 3px solid #ffd58c; outline-offset: 2px; }
.footer-social-pill-2026 li a i {
    font-size: 20px;
    color: #5c9ef2;
}
.footer-right-2026 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    width: 25%;
}
.footer-right-2026 p {
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 0.00em;
    margin-bottom: 0;
    margin-top: 0;
}
.footer-right-2026 .footer-bottom .footer-credit p {
    font-weight: 100;
    font-size: 14px;
    margin-top: 4px;
    letter-spacing: 0.00em;
    font-family: 'apparat', sans-serif;
}

.footer-right-2026 .footer-bottom .footer-credit {
    float: right;
    margin-top: 5px;
}

.footer-right-2026 .footer-bottom .footer-credit .svg-img {
    padding: 0 3px 0 7px;
}

.footer-right-2026 .footer-bottom .footer-credit a {
    text-decoration: underline;
    transition: all 0.5s ease-in-out;
    text-decoration: underline !important;
}

.footer-right-2026 .footer-bottom .footer-credit a:hover {
    opacity: 0.5;
    color: #fff;
}

/* ═══════════════════════════════════════════════════
   EVENT DETAIL PAGE
   ═══════════════════════════════════════════════════ */

/* ── Hero banner ── */
.event-hero-2026 {
  width: 100%;
  height: 574px;
  position: relative;
}
.event-hero-img-2026 {
  width: 100%;
  height: 100%;
}
.event-hero-img-2026 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── Event intro — amber background ── */
.event-intro-2026 {
  background-color: #ffd58c;
  padding: 31px 0 23px;
  position: relative;
}
.event-intro-2026:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    background-image: url(../images/event-intro-bg-pattrn.svg);
    top: -10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.event-back-link-2026 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'apparat', sans-serif;
    color: #000000;
    margin-bottom: 24px;
    transition: opacity 0.2s;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.event-back-link-2026 svg path {
    fill: #000;
}
a.event-back-link-2026 svg {
    width: 15px;
    position: relative;
    top: -1px;
}
.event-back-link-2026:hover { opacity: 0.65; }
.event-back-link-2026:focus-visible { outline: 3px solid #221b50; outline-offset: 3px; border-radius: 3px; }
.event-title-row-2026 {
    position: relative;
    padding: 0 140px;
}
.event-title-row-2026 .couple-top-img{
    position: absolute;
    width: 132.76px;
    top: -40px;
    right: 0;
}
.event-title-text-2026 {
    width: 100%;
    text-align: center;
}
.event-title-text-2026 h1 {
    text-transform: capitalize;
    margin-bottom: 4px;
    font-size: 75px;
    line-height: 75px;
}
.event-title-text-2026 p {
    font-size: 20px;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.event-title-text-2026 h3, .event-title-text-2026 h2 {
    font-size: 30px !important;
    line-height: 1 !important;
    display: inline-block;
    width: 100%;
}


/* ── Event body — cream card on amber bg ── */
.event-body-2026 {
  background-color: #ffd58c;
  padding: 0 0 123px;
  position: relative;
}
.event-detail-card-2026 {
  background-color: #fff5e5;
  border-radius: 14px;
  overflow: hidden;
  padding: 64px 50px 90px 80px;
}
.event-detail-cols-2026 {
  display: flex;
  gap: 73px;
  align-items: flex-start;
  margin-bottom: 65px;
}

/* Description column */
.event-desc-col-2026 { flex: 1; min-width: 0; }
.event-desc-col-2026 p {
  font-family: 'apparat', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  color: #000000;
  margin-bottom: 27px;
  letter-spacing: -0.007em;
}
.event-details-list-2026 {margin-top: 57px;}
.event-desc-col-2026 h3 {
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
    color: #221b50;
    margin-bottom: 12px;
    font-family: "apparat-cond",sans-serif;
    letter-spacing: 0.00em;
}
.friends-of-foo-26 p {
    color: #fff;
    font-size: 30px;
    font-weight: 850;
    max-width: 670px;
    margin: 0 auto;
    font-family: "apparat", sans-serif;
    line-height: 1.2;
}
.friends-of-foo-26 h2 {
    margin-bottom: 30px !important;
}
.event-desc-col-2026 ul {
  list-style: disc;
  padding-left: 30px;
}
.event-desc-col-2026 li {
  font-family: 'apparat', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 0;
  letter-spacing: -0.006em;
}

/* Meta sidebar */
.event-meta-col-2026 {
    flex: 0 0 528px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 38px 42px 8px 40px;
    border-radius: 10px;
}
.event-meta-block-2026 {
    margin-bottom: 31px;
}
.event-content-block h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 850;
    color: #221B50;
    margin-bottom: 9px;    
    letter-spacing: 0.00em;
    line-height: 1.1;
    font-family: 'apparat', sans-serif;
}
.event-content-block p {
    font-size: 20px;
    margin-bottom: 36px;
    color: #000000;
    line-height: 33px;
    font-weight: 300;
}
.event-content-block p a {
    margin-bottom: 5px;
    display: inline-block;
}
.event-content-block address {
      font-family: 'apparat', sans-serif;
      line-height: 1.6;
      color: #000000;
      font-size: 20px;
      font-style: normal;
      font-weight: 300;
      margin-top: 6px;
      letter-spacing: -0.008em;
}
.event-map-2026 {
  width: 100%;
  height: 160px;
  overflow: hidden;  
  margin-top: 12px;
  background-color: #ddd8cc;
}
.event-meta-link-2026 {
    font-family: 'apparat', sans-serif;
    color: #000000;
    text-underline-offset: 2px;
    margin-bottom: 6px;
    transition: opacity 0.2s;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 3px;
    outline: none;    
    display: table;
}
.admission-underline p a.underline {
    border-bottom: 2px solid #F55317;
    font-weight: 300;
}
.admission-underline p a.underline:hover, .admission-underline p a:hover {
    color: #F55317;
}
.event-meta-link-2026:hover { opacity: 0.6; }
.event-meta-link-2026:last-child { margin-bottom: 0; }
.event-meta-link-2026:focus-visible { outline: 3px solid #221b50; outline-offset: 2px; border-radius: 2px; }
.event-meta-block-2026.event-diff-block a.event-meta-link-2026 {
    border-bottom: 2.2px solid #F55317;
    display: inline-block;
    padding-bottom: 0px;
    transition: all 0.5s ease-in-out;
    margin-top: 6px;
}

.event-meta-block-2026.event-diff-block a.event-meta-link-2026:hover {
    border-color: #000000;
}
/* Video embed */
.event-video-2026 {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.event-video-inner-2026 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.event-video-inner-2026 iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border: none;
  display: block;
}
.event-video-2026 .event-video-inner-2026 {
    margin-bottom: 20px;
}

.event-video-2026 .event-video-inner-2026:last-child {
    margin-bottom: 0;
}
.newsletter-content-2026 .gform_validation_errors{
    display: none;
}
.newsletter-content-2026 .gform_validation_error input {
    border: none !important;
}
.home-banner-block {
    position: relative;
    overflow: hidden;   
}
/*
.home-banner-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 46%;
    background-color: #5c9ef2;
    animation: bgFadeIn 1s ease-in-out 4s forwards;
    bottom: 0;
}

@keyframes bgFadeIn {
    from {
        background-color: #5c9ef2;
    }
    to {
        background-color: #ffd68c;
    }
}
*/
.home-banner-block dotlottie-wc {
    display: block;
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    aspect-ratio: 2285.6 / 1606.89;
    height: 100%;
    background-color: #5c9ef2;
}
.home .header-date-2026 {
    opacity: 0;
}
.home .header-date-2026.show {
    opacity: 1;
}
/* ═══════════════════════════════════════════════════
   ALL EVENTS PAGE — 2026 EVENTS INTRO
   ═══════════════════════════════════════════════════ */
.section-2026-events-2026 {
    padding: 100px 0 200px;
    position: relative;
    background-color: #ED6A2C;
}
.events-2026-intro-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.events-2026-intro-fig {
    min-width: 0;
    width: 49.4%;
    position: absolute;
    left: 0;
      top: 0;
}
.events-2026-intro-fig img {
  display: block;
  width: 100%;
  height: auto;
}
.events-2026-intro-text {
    max-width: 570px;
    padding-top: 41px;
    margin-right: 70px;
}
.events-2026-intro-text h1 {
    font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 75px;
    line-height: 75px;
    letter-spacing: 0.00em;
    color: #221b50;
    margin-bottom: 17px;
    text-transform: uppercase;
}
.events-2026-intro-text p {
  max-width: 640px;
}
.gform_wrapper .gform-body.gform_body li.gfield.gfield_error {
    background-color: transparent !important;
    border: none;
}

.gform_wrapper div.validation_error {
    display: none;
}
.gform_legacy_markup_wrapper .gfield_required, .gform_legacy_markup_wrapper .gfield_error .gfield_label {
    color: #221b50 !important;
}


/* ═══════════════════════════════════════════════════
   ALL EVENTS PAGE — FEATURED EVENTS SLIDER
   ═══════════════════════════════════════════════════ */
.featured-events-head-2026 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  padding: 0 47px;
  margin-bottom: 50px;
}
.featured-events-head-2026 h2 {
  margin-bottom: 9px;
}
.featured-events-sub-2026 {
  margin-bottom: 0;
  max-width: 620px;
}
.slider-arrows-2026 {
    display: flex;
    gap: 24px;
    flex-shrink: 0;
    position: relative;
    top: -9px;
    right: -7px;
}
.slider-arrow-2026 {
  background: none;
  border: none;
  padding: 0;
  line-height: 0;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.5s;
  outline: none !important;
}
.slider-arrow-2026:hover,
.slider-arrow-2026:focus-visible { opacity: 0.5; }
.slider-arrow-2026:focus-visible { outline: 3px solid #221b50; outline-offset: 3px; }
.slider-arrow-2026:disabled { opacity: 0.4; cursor: not-allowed; }
.slider-arrow-2026 img {
    display: block;
    width: 91.1924px;
    height: 91.1924px;
}

.featured-events-slider-2026 { padding: 0 46px; }
.featured-events-slider-2026 .slick-list { margin: 0 -7px; overflow: hidden; }
.featured-events-slider-2026 .slick-track { display: flex; align-items: stretch; }
.featured-events-slider-2026 .slick-slide { height: auto; padding: 0 7px; }
.featured-events-slider-2026 .event-card-2026 { height: 100%; }
.featured-events-slider-2026:not(.slick-initialized) { display: flex; overflow-x: auto; gap: 30px; padding: 0 53px; }
.featured-events-slider-2026:not(.slick-initialized) .event-card-2026 { flex: 0 0 310px; }

/* ═══════════════════════════════════════════════════
   FOO ON THE MENU PAGE — INTRO / BECOME A PARTNER
   ═══════════════════════════════════════════════════ */

.section-menu-intro-2026 {
  background-color: #221b50;
  padding: 55px 0 92px;
}
.menu-intro-head-2026 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    position: relative;
    max-width: 1164px;
    width: 100%;
    margin: 0 auto;
    padding: 0 130px 44px 130px;
}
.menu-intro-head-2026 h1 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 75px;
  color: #ffd58c;
  line-height: 75px;
  text-align: center;
  margin: 0;
}
.menu-intro-head-2026 .menu-intro-head-icon-2026 {
    position: absolute;
    right: 37px;
    bottom: -27px;
}
.menu-partner-card-2026 {
  background-color: #ffffff;
  border-radius: 14px;
  max-width: 1164px;
  margin: 0 auto;
  padding: 75px 177px 41px 182px;
  position: relative;
}
.menu-partner-card-2026 h2 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 60px;
  text-transform: uppercase;
  color: #221b50;
  line-height: 1;
  margin-bottom: 32px;
}
.menu-partner-card-2026 h3 {
    text-transform: capitalize;
    font-size: 22px !important;
    line-height: 36px !important;
    letter-spacing: 0.00em;
    margin-bottom: 49px;
}
.menu-partner-card-2026 p {
    font-family: "apparat", sans-serif;
    color: #221b50;
    margin-bottom: 22px;
    font-size: 18px !important;
    line-height: 28px !important;
}
.menu-partner-card-2026 p strong { font-weight: 800; }
.menu-partner-card-2026 ul {margin: 4px 0 9px 34px;display: inline-block;}
.menu-partner-card-2026 ul li {
    list-style: disc;
    font-size: 18px;
    line-height: 28px;
    color: #221b50;
    margin-bottom: 10px;
}
.menu-partner-card-2026 a.link-underline-2026 {
  color: #2e71c7;
  font-weight: 800;
  text-decoration: underline !important;
}
.menu-partner-divider-2026 {
  border: none;
  border-top: 1px solid #231B50;
  margin: 62px 0 39px 0;
  width: calc(100% + 187px);
  margin-left: -92px;
}
.menu-signup-2026 {/* text-align: center; */}
.menu-signup-2026 h2 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 30px !important;
  color: #221b50;
  margin-bottom: 30px;
  text-transform: none;
}
.menu-signup-2026 h3.gform_title {
    display: none;
}
.friends-form-card-2026 .gform-footer, .menu-signup-2026 .gform-footer {
    max-width: 229px !important;
    margin: 0 auto !important;
    position: relative;
    padding-top: 0 !important;
    margin-top: 45px !important;
    padding-bottom: 0 !important;
    flex-direction: column;
}
.friends-form-card-2026 .gform-footer input[type="submit"], .menu-signup-2026 .gform-footer input[type="submit"] {
  margin-right: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    display: inline-flex !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #221B50 !important;
    border: 2px solid #221B50 !important;
    border-radius: 100px !important;
    padding: 26px 76px 25px 37px !important;
    font-family: 'apparat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    letter-spacing: 0.00em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: all 0.5s ease-in-out !important;
    width: 100% !important;
    text-align: left !important;
    background-color: transparent !important;
    position: relative !important;
    z-index: 1 !important;
    margin-bottom: 0 !important;
    min-height: auto !important;
}
.friends-form-card-2026 .gform-footer input[type="submit"]:hover, .menu-signup-2026 .gform-footer input[type="submit"]:hover {
    color: #EE6A2C !important;
}

/* ═══════════════════════════════════════════════════
   FOO ON THE MENU PAGE — 2026 MENU GRID
   ═══════════════════════════════════════════════════ */
.menu-2026-head-2026 .menu-2026-head-icon-right-2026 {
    position: absolute;
    right: 184px;
    top: -139px;
  }
  .menu-2026-head-2026 .menu-2026-head-icon-left-2026 {
    position: absolute;
    top: -133px;
    left: 208px;
}
.section-menu-2026 {
    background-color: #5c9ef2;
    padding: 78px 0 83px;
    position: relative;
}
.section-menu-2026 .section-menu-top-ptn {
    position: absolute;
    top: -7px;
    width: 100%;
}

.section-menu-2026 .section-menu-top-ptn img {
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 20px;
}

.section-menu-2026 .section-menu-bottom-ptn {
    position: absolute;
    bottom: -10px;
    width: 100%;
}

.section-menu-2026 .section-menu-bottom-ptn img {
    width: 100%;
    object-fit: cover;
    object-position: bottom;
    height: 20px;
}
.menu-2026-head-2026 {width: 100%;position: relative;margin-bottom: 54px;}
.menu-2026-head-2026 h2 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 60px;
  text-transform: uppercase;
  color: #221b50;
  text-align: center;
  margin: 0;
}
.menu-2026-head-icon-2026 { flex-shrink: 0; }
.menu-2026-head-icon-2026 img { height: auto; display: block; }

.menu-cards-grid-2026 {
    display: grid;
    gap: 42.55px;
    max-width: 1163px;
    margin: 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 51px;
}
.menu-card-2026 {
    background-color: #fff;
    overflow: hidden;
    width: 100%;
    border-radius: 0 0 10px 10px;
}
.menu-card-2026 figure { margin: 0; }
.menu-card-video-2026 {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.menu-card-video-2026 iframe {
  position: absolute;
  inset: 0;
  width: 101%;
  height: 100%;
  border: none;
  display: block;
}
.menu-card-body-2026 {
    padding: 24px 28px 62px 26px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 363px;
}
.menu-card-2026 h3 {
    font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 26px;
    color: #221b50;
    margin-bottom: 9px;
    text-transform: inherit;
    letter-spacing: 0.00em;
}
.menu-card-body-2026 h4 {
    display: block;
    font-family: "apparat", sans-serif;
    font-weight: 800;
    font-size: 22px;
    color: #2E71C7;
    margin-bottom: 20px;
    line-height: 1.32;
    letter-spacing: -0.01em;
    text-transform: inherit;
}
.menu-card-2026 p {
    font-size: 16px;
    line-height: 1.6;
    color: #221b50;
    margin-bottom: 26px;
    letter-spacing: -0.005em;
    font-weight: 300;
}
.menu-card-learn-2026 {
    display: inline-block;
    font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 16px;
    text-transform: uppercase;
    color: #d70507;
    position: absolute;
    bottom: 32px;
    transition: all 0.5s ease-in-out;
}
.menu-card-learn-2026:hover {
    color: #5c9ef2;
}

/* ═══════════════════════════════════════════════════
   FOO ON THE MENU PAGE — SEE PAST MENUS
   ═══════════════════════════════════════════════════ */
.section-past-menus-2026 {background-color: #221b50;padding: 52px 0 2px 0;}
.section-past-menus-2026 nav {
    position: inherit;
    padding: 0 !important;
    margin: 0 !important;
    height: inherit;
}
.past-menus-bar-2026 {
  background-color: #ffd58c;
  border-radius: 14px;
  max-width: 1333px;
  margin: 0 auto;
  padding: 67px 30px 60px 30px;
  text-align: center;
}
.past-menus-bar-2026 h2 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 60px;
  text-transform: uppercase;
  color: #221b50;
  margin-bottom: 41px;
}
.past-menus-list-2026 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.past-menus-list-2026 li { display: flex; align-items: center; }
.past-menus-list-2026 a {
    display: inline-block;
    font-family: "apparat-cond", sans-serif;
    font-weight: 850;
    font-size: 20px;
    text-transform: uppercase;
    color: #221b50;
    padding: 0 21px;
    transition: all 0.5s ease-in-out;
    line-height: 1;
    letter-spacing: 0.00em;
    border-right: 3px solid #221B5038;
}
.past-menus-list-2026 a:hover {
    color: #ED6A2C;
}
.past-menus-list-2026 li.no-border a {
    border-right: none;
}

/* ═══════════════════════════════════════════════════
   PENSACOLA IN THE FALL PAGE — INTRO
   ═══════════════════════════════════════════════════ */
.section-fall-intro-2026 {
  background-color: #fff5e5;
  padding: 44px 0 51px;
  position: relative;
}
.section-fall-intro-2026 .container-2026 {
  /* position: relative; */
  /* max-width: 920px; */
}
.section-fall-intro-2026 h1 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 75px;
  color: #221b50;
  line-height: 75px;
  margin-bottom: 36px;
  text-align: center;
}
.section-fall-intro-2026 p {
  font-family: "apparat", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.65;
  color: #221b50;
  margin-bottom: 46px;
}
.section-fall-intro-2026 p a {
  color: #2e71c7;
  font-weight: 800;
  text-decoration: underline !important;
  transition: all 0.5s ease-in-out;
}
.section-fall-intro-2026 p a:hover {
    color: #ed6a2c;
}
.fall-intro-actions-2026 { display: flex; justify-content: center; }
.fall-icon-2026 { position: absolute; pointer-events: none; }
.fall-icon-2026 img { width: 100%; height: auto; display: block; }
.fall-icon-seagull-2026 {
    top: 28px;
    left: -46px;
    width: 99px;
}
.fall-intro-2026-headings .fall-icon-seagull-2026 {display: block !important;}
.section-fall-intro-2026 .fall-intro-top-ptn {
    position: absolute;
    top: -30px;
    width: 100%;
}

.section-fall-intro-2026 .fall-intro-top-ptn img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    display: block;
}

.section-fall-intro-2026 .fall-intro-bottom-ptn {
    position: absolute;
    bottom: -19px;
    width: 100%;
    z-index: 1;
    height: 19px;
    display: none;
}

.section-fall-intro-2026 .fall-intro-bottom-ptn img {
    width: 100%;
    object-fit: cover;
    object-position: bottom;
    height: 17px;
}
.heading-fall-history-2026 .fall-icon-family-2026 {
    position: absolute;
    left: -205px;
    bottom: -85px;
    display: block !important;
}

.heading-fall-history-2026 .fall-icon-hockey-2026 {
    position: absolute;
    right: -173px;
    display: block !important;
    bottom: -24px;
}

.section-fall-intro-2026 .fall-intro-2026-headings {
    width: 100%;
    position: relative;
    max-width: 1168px;
    margin: 0 auto;
    text-align: center;
    padding: 0 76px;
}
.section-fall-intro-2026 .fall-intro-2026-headings .fall-icon-family-2026 {
    position: absolute;
    bottom: -86px;
    z-index: 1;
    left: 3px;
    width: 137px;
    display: block !important;
}
.plan.section-fall-intro-2026 .fall-intro-2026-headings .fall-icon-family-2026 {
    bottom: -74px;
}
.section-fall-intro-2026 .fall-intro-2026-headings .fall-icon-hockey-2026 {
    position: absolute;
    right: 10px;
    bottom: -58px;
    z-index: 0;
    display: block !important;
}
.plan.section-fall-intro-2026 .fall-intro-2026-headings .fall-icon-hockey-2026 {
    bottom: -87px;
    z-index: 1;
}
/* ═══════════════════════════════════════════════════
   PENSACOLA IN THE FALL PAGE — HISTORY & HERITAGE
   ═══════════════════════════════════════════════════ */
.section-fall-history-2026 {
  background-color: #5c9ef2;
  padding: 80px 0 84px 0;
  position: relative;
}

.section-fall-history-2026 h2 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 75px;
  text-transform: uppercase;
  color: #221b50;
  text-align: center;
  line-height: 75px;
  margin-bottom: 21px;
}
.section-fall-history-2026 p {
  font-family: "apparat", sans-serif;  
  font-size: 22px;
  line-height: 1.65;
  color: #221b50;
  text-align: center;
  margin-bottom: 40px;
}
.fall-history-actions-2026 { display: flex; justify-content: center; }
.fall-icon-kite-2026 { top: -30px; left: -2%; width: 220px; }
.fall-icon-georgeteddy-2026 { bottom: -20px; right: 2%; width: 110px; }

/* ═══════════════════════════════════════════════════
   PENSACOLA IN THE FALL PAGE — DOWNTOWN / ARTS & CULTURE
   ═══════════════════════════════════════════════════ */
.section-fall-explore-2026 {
  background-color: #5c9ef2;
  padding: 0 0 84px;
}
.fall-explore-card-2026 {
  background-color: #ffd58c;
  border-radius: 14px;
  max-width: 1333px;
  margin: 0 auto;
  padding: 66px 52px 58px 58px;
}
.fall-row-2026 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.fall-row-2026:not(:last-child) {margin-bottom: 70px;}
.fall-row-img-2026 {
    width: 48.7%;
}
.fall-row-img-2026 img {
  width: 100%;
  height: auto;
  display: block;
}
.fall-row-text-2026 {width: 46%;}
.fall-row-text-2026 h2 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 60px;
  text-transform: uppercase;
  color: #221b50;
  line-height: 1;
  margin-bottom: 24px;
  text-align: left;
}
.fall-row-text-2026 p {
  font-family: "apparat", sans-serif;
  font-size: 22px;
  line-height: 1.65;
  color: #221b50;
  margin-bottom: 44px;
  text-align: left;
}
.section-fall-history-2026 .heading-fall-history-2026 {
    max-width: 888px;
    margin: 0 auto 58px;
    width: 100%;
    position: relative;
}
.fall-explore-card-2026 .fall-row-2026:nth-child(even) figure.fall-row-img-2026 {
    order: 2;
}
/* ═══════════════════════════════════════════════════
   PENSACOLA IN THE FALL PAGE — BEACHES & MORE
   ═══════════════════════════════════════════════════ */
.section-fall-beaches-2026 {
    background-color: #5c9ef2;
    position: relative;
    overflow: hidden;
    padding-bottom: 54px;
}
.section-fall-beaches-2026 .experience-photos-2026 {
    margin-bottom: 0;
}
.section-fall-beaches-2026 .fall-beaches-heading {
    max-width: 930px;
    margin: 0 auto;
    text-align: center;
}
.section-fall-beaches-2026 nav.fall-tags-nav-2026 {
    position: relative;
    height: auto;
    font-size: inherit;
    padding: 0 !important;
    margin: 0 !important;
}
.section-fall-beaches-2026 h2 {
    font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 75px;
    text-transform: uppercase;
    color: #221b50;
    text-align: center;
    line-height: 75px;
    margin-bottom: 24px;
}
.section-fall-beaches-2026 p {
    font-family: "apparat", sans-serif;
    font-size: 22px;
    line-height: 1.65;
    color: #221b50;
    text-align: center;
    margin-bottom: 50px;
}
.fall-tags-nav-2026 ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 66px;
}
.fall-tags-nav-2026 li {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.fall-tags-nav-2026 a {
    display: inline-block;
    font-family: "apparat-cond", sans-serif;
    font-weight: 850;
    font-size: 20px;
    text-transform: uppercase;
    color: #221b50;
    padding: 0 23px;
    line-height: 1;
    transition: all 0.5s ease-in-out;
    border-right: 3px solid #221B5038;
}
.fall-tags-nav-2026 li.no-border a {
    border-right: none;
}

.fall-tags-nav-2026 a:hover {
    color: #ffd58c;
}
.fall-photos-2026 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  max-width: 1333px;
  margin: 0 auto;
}
.fall-photos-2026 figure { margin: 0; }
.fall-photos-2026 img {
  width: 100%;
  height: auto;
  display: block;
}
.section-fall-beaches-2026 .container-2026 {
    position: relative;
    z-index: 1;
}
.section-fall-beaches-2026 .bottom-blue-ptn {
    width: 100%;
    height: 255px;
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.section-fall-beaches-2026 .bottom-blue-ptn img {
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: calc(100% + 20px);
}
/* ═══════════════════════════════════════════════════
   NEWS PAGE — TITLE HEADER
   ═══════════════════════════════════════════════════ */
.section-news-header-2026 {
  background-color: #ed6a2c;
  padding: 147px 0 110px;
  position: relative;
}
.section-news-header-2026 .banner-bottom-ptn {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 0;
}
.section-news-header-2026 .banner-bottom-ptn img {
    width: 100%;
    height: 20px;
    object-fit: cover;
    object-position: top;
}
.section-news-header-2026 h1,
.section-news-header-2026 p {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 75px;
  color: #221b50;
  text-align: center;
  line-height: 75px;
  margin: 0;
  position: relative;
  z-index: 1;
}
.news-icon-2026 { position: absolute; pointer-events: none; z-index: 0; z-index: 1;}
.news-icon-2026 img { width: 100%; height: auto; display: block; }
.section-news-header-2026 .news-icon-boat-2026 {
    top: inherit;
    left: 0;
    width: 173px;
    bottom: -228px;
    z-index: 1;
}
.section-news-header-2026 .news-icon-painter-2026 {top: inherit;left: 24%;width: 88px;bottom: -9px;z-index: 1;}
.section-news-header-2026  .news-icon-singer-2026 {bottom: -15px;right: 25.2%;width: 88px;z-index: 1;}
.section-news-header-2026  .news-icon-guitarist-2026 {top: inherit;right: 17.6%;width: 123px;bottom: 3px;z-index: 1;}
/* ═══════════════════════════════════════════════════
   NEWS PAGE — NEWS GRID
   ═══════════════════════════════════════════════════ */
.section-news-grid-2026 {
  background-color: #221b50;
  padding: 50px 0 39px;
}
.section-news-grid-2026 h2 {
    font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 30px !important;
    color: #ffffff;
    text-align: center;
    max-width: 686px;
    margin: 0 auto 56px !important;
    line-height: 1.15 !important;
    text-transform: inherit;
}
.news-cards-grid-2026 {
    display: grid;
    gap: 40px;
    max-width: 1249px;
    margin: 0 auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 31px;
    row-gap: 24px;
}
.news-card-2026 { background-color: #ffffff; border-radius: 10px; overflow: hidden; }
.news-card-2026 a { display: block; text-decoration: none !important; }
.news-card-2026 a:focus-visible { outline: 3px solid #ffd58c; outline-offset: -3px; }
.news-card-2026 figure {margin: 0;border-radius: 10px;overflow: hidden;height: 366px;}
.news-card-2026 figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.news-card-body-2026 {
    padding: 20px 0px 0 2px;
}
.news-card-body-2026 time {
    display: block;
    font-weight: 850;
    font-size: 16px;
    color: #221b50;
    text-transform: uppercase;
    margin-bottom: 9px;
    font-family: 'apparat', sans-serif;
}
.news-card-body-2026 p {
    font-size: 16px;
    line-height: 1.2;
    color: #221b50;
    margin-bottom: 20px;
    letter-spacing: -0.005em;
    font-weight: 300;
}
.news-card-learn-2026 {
    display: inline-block;
    font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 16px;
    text-transform: uppercase;
    color: #d70507;
    transition: all 0.5s ease-in-out;
}
.news-loadmore-wrap-2026 {
    display: flex;
    justify-content: center;
    margin-top: 56px;
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
}

.load-more-btn-2026 {
    background: transparent;
    border: 2px solid #ffffff;
    display: inline-block;
    color: #ffffff;
    font-family: "apparat", sans-serif;
    font-weight: 800;
    font-size: 18px;
    text-transform: uppercase;
    padding: 15px 61px;
    border-radius: 48px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.news-card-learn-2026:hover {
    color: #5C9EF2;
}
.load-more-btn-2026:hover { background-color: #ffffff; color: #221b50; }
.load-more-btn-2026:focus-visible { outline: 3px solid #ffd58c; outline-offset: 3px; }
.news-cards-grid-2026 .news-card-two-2026 {
    background-color: #fff;
    padding: 15px 15px 36px 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.news-card-two-2026 figure {
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
    height: 366px;
    flex-shrink: 0;
}
.news-card-two-2026 figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.news-card-body-2026 {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.news-card-body-2026 > a {
    margin-top: auto;
    text-decoration: none !important;
}
.news-card-body-2026 > a:focus-visible {
    outline: 3px solid #ffd58c;
    outline-offset: 2px;
}

/* ═══════════════════════════════════════════════════
   NEWS ARTICLE PAGE
   ═══════════════════════════════════════════════════ */
.section-article-2026 {background-color: #221b50;padding: 26px 20px 35px;}
.article-back-wrap-2026 {max-width: 1164px;margin: 0 auto 44px; text-align: center;}
.article-back-wrap-2026 .event-back-link-2026 { color: #ffffff; }
.article-back-wrap-2026 .event-back-link-2026 path { stroke: #ffffff; }
.article-pagination-2026 a:hover {
    color: #221b50;
}
.article-card-2026 {
  background-color: #ffffff;
  border-radius: 14px;
  max-width: 1164px;
  margin: 0 auto;
  padding: 55px 58px 41px 53px;
}
.article-head-2026 {
  display: flex;
  gap: 61px;
  align-items: flex-start;
  margin-bottom: 27px;
  flex-wrap: wrap;
}
.article-head-fig-2026 {flex: 0 0 435px;}
.article-head-fig-2026 img { width: 100%; height: auto; border-radius: 10px; display: block; }
.article-head-text-2026 {flex: 1 1 380px;padding-top: 16px;}
.article-head-text-2026 h1 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 40px;
  color: #221b50;
  line-height: 1.25;
  margin-bottom: 23px;
}
.article-head-text-2026 time {
  display: block;
  font-weight: 400;
  font-size: 18px;
  color: #221b50;
  text-transform: uppercase;
  margin-bottom: 31px;
  font-family: "apparat", sans-serif;
  letter-spacing: -0.005em;
}
.article-head-text-2026 h2 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 26px !important;
  line-height: 1.4;
  color: #221b50;
  margin: 0;
  text-transform: inherit;
}

.article-card-2026 .article-body-2026 {
    font-family: "apparat", sans-serif;
    font-size: 18px;
    line-height: 1.55;
    color: #000000;
    padding: 18px 83px 64px 101px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 0;
}
.article-body-2026 p {margin-bottom: 28px;font-size: 18px;line-height: 1.56;    font-weight: 300;}
.article-body-2026 h3 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 22px;
  color: #221b50;
  margin: 20px 0 27px;
      text-transform: capitalize;
}
.article-body-2026 h4 {
    margin: 0 0 27px;
    color: #2e71c7;
    text-transform: inherit;
    letter-spacing: 0.00em;
}
.section-article-2026 .article-card-2026 hr {
    margin-top: 55px;
    margin-bottom: 60px;
}
.article-body-2026 h4 a {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 22px;
  color: #2e71c7;
  text-decoration: underline !important;
}
.article-body-2026 a { color: #000000; text-decoration: underline !important; }

.article-about-2026 {
    padding: 0 101px 0 101px;
}
.article-about-2026 h2 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 18px;
  color: #2e71c7;
  margin-bottom: 34px;
  text-transform: uppercase;
}
.article-about-2026 p {font-size: 18px;line-height: 1.55;color: #000000;letter-spacing: -0.005em;}

.article-share-2026 {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 46px 10px 78px 101px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.article-share-2026 p {
  font-family: "apparat", sans-serif;
  font-size: 20px;
  color: #000000;
  margin: 0;
}
.article-share-2026 ul { display: flex; gap: 10px; }
.article-share-2026 ul a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #221b50;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}
.article-share-2026 ul a:hover { background-color: #2e71c7; }

.article-pagination-2026 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 90px 10px 97px;
    position: relative;
    height: auto;
}
.article-pagination-2026 a {
    font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 20px;
    color: #d70507;
    transition: all 0.5s ease-in-out;
}
.section-article-2026 a.event-back-new-2026 {
    color: #fff;
    font-size: 30px;
    font-family: 'apparat', sans-serif;
    font-weight: 850;
    transition: all 0.05s ease-in-out;
}
.section-article-2026 a.event-back-new-2026:hover {
    color: #ffd58c;
}
.article-body-2026 a:hover{
    color: #2e71c7;
}
.article-body-2026 a{
    transition: all 0.05s ease-in-out;
}
/* ═══════════════════════════════════════════════════
   PATRONS PAGE
   ═══════════════════════════════════════════════════ */

.section-patrons-founder-2026 h1 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 75px;
  color: #221b50;
  text-align: center;
  line-height: 1.1;
  margin: 0;
}

.section-patrons-founder-2026 {background-color: #fff5e5;padding: 49px 0 52px;}
.section-patrons-founder-2026 .heading-patrons-founder {
    margin-bottom: 64px;
}
.section-patrons-founder-2026 .heading-patrons-founder p {
    display: none;
}
.patrons-founder-row-2026 {
  display: flex;
  gap: 39px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.patrons-founder-photo-2026 { flex: 1 1 480px; }
.patrons-founder-photo-2026 span {
    width: 100%;
    height: 490px;
    z-index: 1;
    transform: rotate(-2deg);
    position: relative;
    display: inline-block;
    overflow: hidden;
    display: flex;
    align-items: center;
    max-width: 576.21px;
    top: 20px;
    left: 7.1%;
}
.patrons-founder-photo-2026 span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 4;
    border: 15px solid transparent;
    border-image: url(../../images/2026/image-border.svg) 12 12 stretch;
    z-index: 4;
}
.patrons-founder-photo-2026 img {
  width: calc(100% - 12px);
  height: calc(100% - 16px);
  border-radius: 14px;
  display: block;
  object-fit: cover;
  margin: 0 auto;
}
.patrons-founder-text-2026 {
    flex: 1 1 420px;
    /* padding-top: 6px; */
}
.section-patrons-founder-2026 .patrons-founder-text-2026 p {
    margin-bottom: 27px;
    font-size: 18px;
    letter-spacing: -0.005em;
    line-height: 1.56;
    font-weight: 300;
}
.patrons-founder-text-2026 > p:first-child {
    font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 30px !important;
    color: #221b50;
    margin: 0 0 20px !important;
    line-height: 1.3;
}
.patrons-founder-text-2026 h2 {
    font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 60px;
    color: #221b50;
    margin: 0 0 43px;
    text-transform: inherit;
}
.patrons-bio-2026 p {
    margin: 0 0 30px;
    font-size: 18px;
    letter-spacing: -0.006em;
    line-height: 1.55;
}
.patrons-bio-2026 p:last-child { margin-bottom: 0; }

.section-patrons-sponsor-2026 { background-color: #fff5e5; padding: 0 0 66px;     position: relative;}
.section-patrons-sponsor-2026 .about-bottom-pattern-2026 img.mobile-view-ptn {
    display: none;
}
.section-patrons-sponsor-2026 .about-bottom-pattern-2026 img { 
    object-position: bottom;
}
.patrons-sponsor-card-2026 {
  background-color: #ffd58c;
  border-radius: 14px;
  padding: 83px 58px 80px 51px;
  display: flex;
  gap: 63px;
  flex-wrap: wrap;
}
.patrons-sponsor-box-2026 {
  background-color: #221b50;
  border-radius: 14px;
  padding: 114px 65px 40px 75px;
  flex: 1 1 507px;
  position: relative;
}
.patrons-sponsor-box-2026 h2 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 60px;
  line-height: 1;
  color: #ffd58c;
  margin: 0 0 29px;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
}
.patrons-sponsor-box-2026 p {
  font-family: "apparat", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.65;
  color: #ffffff;
  margin: 0;
  position: relative;
  z-index: 1;
}
.patrons-fireworks-icon-2026 {position: absolute;top: -62px;left: 13%;pointer-events: none;max-width: 287px;width: 100%;}
.patrons-couple-icon-2026 {
    position: absolute;
    bottom: -99px;
    right: 10px;
    pointer-events: none;
    z-index: 1;
}
.patrons-orgs-2026 {flex: 1 1 461px;margin-top: -13px;}
.patrons-orgs-2026 h2 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 60px;
  line-height: 1;
  color: #221b50;
  text-transform: uppercase;
  margin: 0 0 25px;
}
.patrons-orgs-2026 ul {
  font-family: "apparat", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.6;
  color: #221b50;
  padding-left: 26px;
  margin: 0;
  list-style: disc;
}
.patrons-orgs-2026 ul li { margin-bottom: 11px;font-weight: 300;}
.patrons-orgs-2026 ul li:last-child { margin-bottom: 0; }
.patrons-orgs-2026 ul a {color: #221b50;text-decoration: underline !important;transition: all 0.05s ease-in-out;}
.patrons-orgs-2026 ul a:hover {
    color: #ED6A2C;
}

/* ═══════════════════════════════════════════════════
   CONTACT & MEDIA PAGE
   ═══════════════════════════════════════════════════ */
.section-contact-2026 {
  background-color: #ffd58c;
  padding: 61px 0 85px;
  position: relative;
}
.section-contact-2026 .about-bottom-pattern-2026 {
    bottom: -10px;
    z-index: 2;
}
.contact-intro-2026 {
  margin: 0 auto 72px;
  position: relative;
  max-width: 1166px;
}
.contact-intro-2026 h1 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 75px;
  color: #221b50;
  text-align: center;
  line-height: 75px;
  margin: 0 0 51px;
}
.contact-inquiries-2026 {
  font-family: "apparat", sans-serif;
  font-weight: 850;
  font-size: 26px;
  color: #221b50;
  text-align: center;
}
.contact-inquiries-2026 p {
    margin: 0 0 0px;
    font-size: 26px;
}
.contact-inquiries-2026 p:last-child { margin-bottom: 0; }
.contact-inquiries-2026 a {
    color: #221b50;
    text-decoration: underline !important;
    font-weight: 400;
    transition: all 0.5s ease-in-out;
}
.contact-inquiries-2026 a:hover {
    color: #ed6a2c;
}
.contact-icon-2026 { position: absolute; pointer-events: none; }
.contact-intro-2026 .contact-icon-dancers-2026 {top: 1px;left: 13px;}
.contact-cards-grid-2026 .contact-icon-bubbles-2026 {
    top: -187px;
    right: 16px;
    width: 148px;
    height: 132px;
}
.contact-bubbles-back-2026 { position: absolute; top: 0; left: 45px; }
.contact-bubbles-front-2026 { position: absolute; top: 34px; left: 0; }

.contact-cards-grid-2026 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 43px;
  row-gap: 28px;
  max-width: 1166px;
  margin: 0 auto;
  position: relative;
}
.contact-card-2026 {
  background-color: #ffffff;
  border-radius: 14px;
  padding: 26px 43px 10px 43px;
  text-align: center;
}
.contact-card-icon-2026 {width: 69px;height: 69px;margin: 0 auto 15px;}
.contact-card-icon-2026 .style-svg { width: 100%; height: 100%; display: block; }
.contact-card-2026 h2 {
  font-family: "apparat", sans-serif;
  text-transform: none;
  font-weight: 850;
  font-size: 40px !important;
  color: #221b50;
  margin: 0 0 24px;
    line-height: 1 !important;
}
.contact-card-2026 p {
  font-family: "apparat", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.65;
  color: #221b50;
  margin: 0 0 17px;
}
.contact-card-link-2026 {
  font-family: "apparat", sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #2e71c7;
  text-decoration: underline !important;
  letter-spacing: -0.01em;
  transition: all 0.05s ease-in-out;
}
.contact-card-link-2026:hover{
  color: #221b50;
}

/* ═══════════════════════════════════════════════════
   FRIENDS OF FOO SIGN UP PAGE
   ═══════════════════════════════════════════════════ */
.section-friends-2026 {
    background-color: #ed6a2c;
    padding: 70px 0 90px;
    position: relative;
}
.section-friends-2026 .events-top-yellow {
    position: absolute;
    bottom: -10px;
    z-index: 1;
    width: 100%;
}

.section-friends-2026 .events-top-yellow img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
        height: 20px;
}
.section-friends-2026 h1 {
    font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 75px;
    color: #221b50;
    text-align: center;
    line-height: 1.1;
    margin: 0 0 57px;
    padding: 0 0;
    max-width: 640px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-transform: inherit;
}
.friends-form-wrap-2026 { position: relative; max-width: 1164px; margin: 0 auto; }
.friends-form-card-2026 {
    background-color: #ffffff;
    border-radius: 14px;
    padding: 79px 182px 70px 182px;
    position: relative;
}
.friends-form-card-2026 h2 {
    font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 60px;
    text-transform: uppercase;
    color: #221b50;
    margin: 0 0 36px;
}
.friends-form-card-2026 h3 {
    font-size: 22px;
    text-transform: inherit; 
    letter-spacing: 0.00em;
    line-height: 1.6;
}

.friends-form-card-2026 p {
    font-family: "apparat", sans-serif;
    color: #221b50;
    margin: 0 auto 21px;
    font-size: 18px !important;
    line-height: 28px !important;
}
.friends-form-card-2026 p:last-child { margin-bottom: 0; }
.friends-form-card-2026 ul {
    font-family: "apparat", sans-serif;
    font-size: 22px;
    line-height: 1.65;
    color: #221b50;
    margin: 0 auto 22px;
    padding-left: 33px;
    list-style: disc;
}
.friends-form-card-2026 ul li {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
}
.friends-form-card-2026 hr {
    border-top-color: #000;
    margin: 40px 0 40px;
    width: 120%;
    left: -10%;
    position: relative;
}
.friends-form-card-2026 .gform_legacy_markup_wrapper h3.gform_title {
    letter-spacing: normal !important;
    margin: 10px 0 6px 0;
    font-size: 30px;
}
.friends-form-card-2026 ul li:last-child { margin-bottom: 0; }

.friends-icon-2026 { position: absolute; pointer-events: none; z-index: 1; }
.friends-form-wrap-2026 .friends-icon-opera-2026 {
    top: -127px;
    left: 73px;
}
.friends-form-wrap-2026 .intro-three-right-icon {
    position: absolute;
    right: 23px;
    width: 233px;
    top: -144px;
    display: block;
}

.friends-form-wrap-2026 .intro-three-right-icon .friends-icon-dj-2026 {
    right: 0px;
    bottom: -162px;
}

.friends-form-wrap-2026 .intro-three-right-icon .friends-icon-notes-2026 {
    right: 95px;
    bottom: -90px;
}

.friends-form-wrap-2026 .intro-three-right-icon .friends-icon-disco-2026 {left: -19px;}

/* ═══════════════════════════════════════════════════
   Big Art Section Style
   ═══════════════════════════════════════════════════ */

.big-art-section-2026 {
    background-color: #FFF5E5;
    padding-top: 38px;
    padding-bottom: 65px;
    position: relative;
}

.big-art-section-2026 .big-art-wra-2026 {
    position: relative;
    padding: 0 280px 35px;
    text-align: center;
}

.big-art-section-2026 .big-art-wra-2026 .big-art-left-pattern-2026 {
    position: absolute;
    left: -4px;
    width: 245px;
    top: -4px;
}

.big-art-section-2026 .big-art-wra-2026 .big-art-right-pattern-2026 {
    position: absolute;
    right: 0;
    bottom: 124px;
}
.big-art-section-2026 .big-art-wra-2026 .big-art-right-pattern-2026 img.big-art-music {
    position: relative;
    right: 78px;
    top: -5px;
}
.big-art-section-2026 .fall-intro-bottom-ptn {
    position: absolute;
    bottom: -22px;
    width: 100%;
    z-index: 1;
}

.big-art-section-2026 .fall-intro-bottom-ptn img {
    width: 100%;
    object-fit: cover;
    height: 24px;
    object-position: bottom;
}

.big-art-section-2026 .big-art-wra-2026 h1 {
    font-size: 75px;
    margin-bottom: 31px;
    line-height: 1;
}

.big-art-section-2026 .big-art-wra-2026 p {
    margin-bottom: 37px;
}

.big-art-section-2026 .big-art-wra-2026 p strong {
    font-weight: 850;
}

.big-art-section-2026 .experience-photos-2026 {
    margin-bottom: 59px;
}

/* ═══════════════════════════════════════════════════
   EVENTS & TICKETS Section Start
   ═══════════════════════════════════════════════════ */
.section-event-tickets-2026 .event-tickets-2026 {
    padding: 0 258px;
    text-align: center;
}

.section-event-tickets-2026 .event-tickets-2026 p {
    color: #fff;
    margin-bottom: 32px;
}

.section-event-tickets-2026 .event-tickets-2026 h3 {
    color: #fff;
    font-size: 30px;    
    line-height: 1.3;
    text-transform: none;
}

.section-event-tickets-2026 .event-tickets-2026 h2 {
    margin-bottom: 0;
    font-size: 75px;
    margin-bottom: 41px;
}

.section-news-2026.section-event-tickets-2026 {
    padding-top: 81px;
    padding-bottom: 32px;
}

.event-tickets-2026 .event-tickets-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 23px;
    margin-top: 48px;
    column-gap: 23px;
}

.event-tickets-2026 .event-tickets-btn .btn-row-2026 {
    margin-top: 0;
}

.section-event-tickets-2026 .events-tickers-faq-2026 {
    padding-top: 115px;
    max-width: 1163px;
    margin: 0 auto;
}

.section-event-tickets-2026 .events-tickers-faq-2026 .events-t-list-2026 {
    background-color: #fff;
    border-radius: 14px;
    padding: 27px 47px 31px 47px;
    margin-bottom: 28px;
}

.section-event-tickets-2026 .events-tickers-faq-2026 .events-t-list-2026 h2 {
    margin-bottom: 0;
}

.section-event-tickets-2026 .events-tickers-faq-2026 h2 {
    margin-bottom: 47px;
}

.section-event-tickets-2026 .events-tickers-faq-2026 .events-t-list-2026 h3 {
    font-size: 30px;
    color: #D70507;
    margin-bottom: 11px;
    text-transform: inherit;
}

.section-event-tickets-2026 .events-tickers-faq-2026 .events-t-list-2026 p {
    font-size: 20px;
    letter-spacing: -0.0065em;
    line-height: 1.5;
    font-weight: 300;
}

.section-event-tickets-2026 .events-tickers-faq-2026 .events-t-list-2026 p a {
    color: #2E71C7;
    text-decoration: underline !important;
}

.section-event-tickets-2026 .events-tickers-faq-2026 .events-t-list-2026 p a:hover {
    color: #221b50;
}

/* ═══════════════════════════════════════════════════
   REDUCED MOTION
   ═══════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .nav-menu-2026 { transition: none !important; }
  .nav-links-2026 li, .nav-topbar-2026, .nav-social-wrap-2026 { transition: none !important; }
}
.event-hero-2026 .banner-bottom-ptn {
    position: absolute;
    bottom: -2px;
    z-index: 1;
    width: 100%;
}
.event-hero-2026 .banner-bottom-ptn img {
    width: 100%;
    height: 20px;
    object-fit: cover;
    object-position: top;
}
.patrons-sponsor-box-2026 .patrons-fireworks-icon-2026, .patrons-sponsor-box-2026 .patrons-couple-icon-2026 {
    display: block !important;
}
/* ═══════════════════════════════════════════════════
   CALENDAR OF EVENTS Section Style
   ═══════════════════════════════════════════════════ */
.calendar-events-2026 h2 {
    font-family: "apparat", sans-serif;
    font-weight: 850;
    font-size: 75px;
    color: #221b50;
    text-align: center;
    line-height: 1.1;
    margin: 0;
    margin-bottom: 4px;
    letter-spacing: 0.00em;
}

.calendar-events-2026 {
    padding-top: 83px !important;
    position: relative;
}
.calendar-events-2026:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    bottom: 0;
    background-image: url(../../images/2026/blue-bottom-ptn-clnd.svg);
    z-index: 1;
}

.calendar-events-2026 p {
    text-align: center;
    font-size: 22px;
}

.calendar-events-2026 .cal-content {
    margin-bottom: 62px;
}

.calendar-events-2026  .event-tabs ul.event-tab-nav {text-align: center !important;    padding-bottom: 0 !important;}

.calendar-events-2026 .event-tabs ul.event-tab-nav li.active {
    background-color: #ED6A2C !important;
    color: #221B50 !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    padding: 11px 44px 9px 44px !important;
    font-size: 20px !important;
}

.calendar-events-2026 .event-tabs ul.event-tab-nav li {
    font-family: 'apparat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 8px 23px 6px 23px !important;
    letter-spacing: 0.00em !important;
    margin: 0 12px -1px !important;
}
.calendar-events-2026 .container {
    max-width: 1229px;
}

.calendar-events-2026 .event-tabs .es-widget-background-wrapper {
    padding: 0 9px !important;
}
.calendar-events-2026 .event-tabs .es-widget-background-wrapper .eapp-events-calendar-controls-itemContainer button {
    padding: 9px 34px 9px 14px !important;
    text-transform: uppercase;
    border-radius: 5px;
}

.calendar-events-2026 .event-tabs .es-widget-background-wrapper .eapp-events-calendar-controls-itemContainer button svg {
    position: relative;
    right: -16px;
}
.calendar-events-2026 .event-tabs .es-widget-background-wrapper .eapp-events-calendar-grid-item-category {
    font-family: "apparat-cond-light", sans-serif;
    letter-spacing: 0.06em;
}
.article-body-2026 .addtoany_share_save_container {
    display: flex;
    align-items: baseline;
}

.article-body-2026 .addtoany_share_save_container .addtoany_header {
    margin-bottom: 0;
    margin-right: 10px;
    font-family: "apparat", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #221b50;
    line-height: 1;
    margin-bottom: 0;
}

/*404 page css*/
.white-spikey.error-page {
    background-color: #ED6A2C;
    padding: 60px 0;
}

.white-spikey.error-page .section-border h1 {
    font-family: "apparat", sans-serif;
}

.white-spikey.error-page .page-content {
    width: 100%;
    text-align: center;
}
.white-spikey.error-page .page-content nav.fall-tags-nav-2026 {
    position: relative;
    height: auto;
}
.white-spikey.error-page .page-content nav.fall-tags-nav-2026 ul.list {
    margin: 40px 0 0 0;
}
.section-news-grid-2026 .news-card-body-2026 h3 {
    text-transform: inherit;
}
.fall-explore-card-2026 .fall-row-text-2026 a.btn-2026.btn-design-2026.btn-secondary-2026:hover span.btn-circle-2026 {
    background-color: #f55419;
}
.fall-explore-card-2026 .fall-row-text-2026 a.btn-2026.btn-design-2026.btn-secondary-2026:hover span.btn-circle-2026 svg:last-child path {
    stroke: #fff;
}
.section-news-2026.section-event-tickets-2026 .girl-panting-2026 {
    left: 144px;
    top: -103px;
}
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_legacy_markup_wrapper .validation_message {
    color: #ED6A2C !important;
}
.friends-of-foo-26 .waterboarding-2026 {
    top: -114px;
}
.single .section-news-2026.friends-of-foo-26 .waterboarding-2026 {
    top: -78px;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: transparent !important;
    border: none !important;
    font-size: 14.992px !important;
    margin-block-start: 8px !important;
    padding: 9px 0 0 0 !important;    
    color: #221b50 !important;
    font-weight: 700;
}
.fall-intro-2026-headings h2 {
    text-transform: capitalize;
}
.archive .banner-bottom-ptn {
    display: none;
}
.news-loadmore-wrap-2026 a.btn-2026 {
    padding: 16px 60px 19px 60px;
}
.gform-footer span.btn-circle-2026 {
    position: relative;
    left: 5px;
}
.friends-form-card-2026 .gform-footer .btn-design-2026, .menu-signup-2026 .gform-footer .btn-design-2026 {
    width: 100%;
    gap: 46px;
}
.event-title-row-2026 .couple-top-img .svg-img {
    max-height: 132px;
    width: 132px;
}
.mobile-lottie {
    display: none;
}

.home-banner-block .home-banner-text {
    position: absolute;
    bottom: 180px;
    max-width: 1200px;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0 50px;
    bottom: 37px;
}

.home-banner-block .home-banner-text h1 {
    font-family: 'apparat', sans-serif;
    font-weight: 850;
    font-size: 60px;
    line-height: 1.1;
    color: #221b50;
    margin-bottom: 23px;
}

.home-banner-block .home-banner-text h2 {
    font-size: 34px;
    color: #221B50;
    font-family: 'apparat', sans-serif;
    text-transform: inherit;
    letter-spacing: 0.00em;
    margin-bottom: 49px;
}
.home-banner-block .home-banner-text p {
    font-size: 22px;
    max-width: 960px;
    margin: 0 auto 49px;
    line-height: 1.62;
}

.home-banner-block .home-banner-text {
  opacity: 0;
  animation: fadeIn 1s ease-in-out 3s forwards; /* duration: 1s, delay: 3s */
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.home-banner-block .home-banner-text .btn-design-2026 {
    background-color: transparent;
    color: #221b50;
    border: 2px solid #221b50;
    padding: 12px 26px 12px 33px;
    gap: 36px;
    font-family: 'apparat', sans-serif;
    font-weight: 800;
    font-size: 18px;
    transition: border-color 0.3s ease;
    letter-spacing: 0;
    text-decoration: none !important;
    outline: none !important;
}

.home-banner-block .home-banner-text .btn-circle-2026 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

    width: clamp(32px, 2.2vw, 40px);
    height: clamp(32px, 2.2vw, 40px);

    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    transition: all 0.5s ease-in-out;
}

/* Arrow SVG responsive */
.home-banner-block .home-banner-text .btn-circle-2026 svg {    
     width: clamp(10px, 0.73vw, 14px) !important;
    height: clamp(10px, 0.73vw, 14px) !important;
    left: 0;
    transition: transform 0.38s cubic-bezier(0.76, 0, 0.24, 1);
    transform: translateY(-50%) translateX(0);
    right: 0;
    margin: 0 auto;
}
.home-banner-block .home-banner-text .btn-circle-2026 svg:last-child{
        transform: translateY(-50%) translateX(-50px);
}
.home-banner-block .home-banner-text .btn-2026:hover .btn-circle-2026 svg:last-child{
        transform: translateY(-50%) translateX(0) !important;
}
.newsletter-box-2026 .gravity-theme .ginput_container_checkbox input {
    accent-color: #221B50;
    background-color: #fff !important;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #221B50 !important;
    background: #221B50;
    padding: 0 !important;
    border-radius: 0 !important;
}
.newsletter-box-2026 .ginput_container_checkbox input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid #221B50;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.section-fall-history-2026:before {
    content: "";
    background-image: url(../../images/2026/blue-bottom-ptn-sec.svg);
    position: absolute;
    top: -10px;
    width: 100%;
    height: 20px;
    z-index: 0;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.event-hero-2026 .event-hero-img-2026 img.mobile-bg {
    display: none;
}
.plan.section-fall-intro-2026.plan .fall-intro-2026-headings .fall-icon-family-2026 {
    width: 203px;
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════ */
@media (min-width: 1921px){ 

.home-banner-block .home-banner-text {
    bottom: 135px;
}

}

@media (min-width: 1750px) and (max-width: 1920px) { 

.home-banner-block {
    height: 1220px;
}

}

@media (min-width: 1560px) and (max-width: 1749px) { 

.home-banner-block {
    height: 1080px;
}

}



@media (min-width: 2000px) { 
  .section-2026-events-2026 {
      padding: 100px 0 350px !important;
  }
}   
@media (min-width: 2500px) { 
  .section-2026-events-2026 {
      padding: 100px 0 450px !important;
  }
}


@media (max-width: 1600px) { 
  .section-news-header-2026 .news-icon-painter-2026 {      
      left: 15%;
  }
  .section-news-header-2026 .news-icon-singer-2026 {    
    right: 13.2%;
  }
  .section-news-header-2026 .news-icon-guitarist-2026 {    
      right: 4.6%;
  }
}

@media (min-width: 1196px) { 
  .calendar-events-2026 .event-tabs .es-widget-background-wrapper .Grid__GridContainer-sc-36c876de-1 .eapp-events-calendar-grid-item-container {
      width: calc(33.33%);
  }
}

 @media (max-width: 1440px) { 
    .home-banner-block .home-banner-text h1 {
        font-size: 60px;
    }
    .home-banner-block .home-banner-text h2 {
        font-size: 34px;
    }
    .home-banner-block .home-banner-text p {
        font-size: 22px;
    }

  .section-2026-events-2026 {
      padding: 30px 0 102px;
  }  
  .big-art-section-2026 .big-art-wra-2026 {
      padding: 0 234px 35px;   
  }
  .home-banner-block .home-banner-text {
        bottom: 40px;
    }
}
 @media (max-width: 1400px) { 
  .events-2026-intro-text {
    margin-right: 0;
    padding-left: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) { 
    .home-banner-block .home-banner-text {
        max-width: 1140px;
    }
}

@media (max-width: 1366px) {    
    .home-banner-block .home-banner-text h2 {
        margin-bottom: 30px;
    }
    .home-banner-block .home-banner-text p {
        margin: 0 auto 30px;     
    }
  .section-news-2026.section-event-tickets-2026 .girl-panting-2026 {
      left: 188px;   
  }
  .patrons-sponsor-box-2026 {
        padding: 114px 30px 97px 30px;
    }
  .section-news-header-2026 .news-icon-boat-2026 {
      bottom: -230px;      
  }
  .heading-fall-history-2026 .fall-icon-family-2026 {      
      left: -110px;
      width: 250px;
  }
  .heading-fall-history-2026 .fall-icon-hockey-2026 {
      width: 110px;
  }
  .patrons-sponsor-box-2026 {
      flex: inherit;      
      width: 47%;
  }
  .patrons-orgs-2026 {
      flex: inherit;   
      width: 47%;
  }
  .patrons-sponsor-card-2026 {
      justify-content: space-between;
      gap: 0;
  }

  .patrons-founder-photo-2026 {
      flex: inherit;
      width: 46%;
  }
  .patrons-founder-text-2026 {
      flex: inherit;
      width: 46%;
  }
  .patrons-founder-row-2026 {
    justify-content: space-between;
  }
  .news-card-two-2026 figure {
    height: 296px; 
  }
  .section-news-header-2026 .news-icon-guitarist-2026 {
        right: 2%;
    }
  .heading-fall-history-2026 .fall-icon-hockey-2026 {   
      right: -110px;   
  }
  .fall-icon-seagull-2026 {      
      left: 0;   
  }
  .section-experience-2026 .top-heading-2026 {
    padding: 0 15%;
  }
  .section-experience-2026 .top-heading-2026 .dogsman-walk-2026 {
      width: 120px;
      left: 0;
  }
  .section-experience-2026 .top-heading-2026 .bicycle-man-2026 {      
      width: 120px;
      right: 0;   
  }
  .section-experience-2026 .top-heading-2026 .plan-fl-2026 {
    top: -31px;
    right: 60px;
  }
  .section-experience-2026 .top-heading-2026 {
        padding: 0 13%;
    }
    .slider-arrow-2026 img {   
      width: 80px;
      height: 80px;
  }

}

@media (max-width: 1200px) {
    .friends-form-card-2026 hr {
        width: 100%;
        left: 0;
    }
    .home-banner-block dotlottie-wc {
        aspect-ratio: 2287.7 / 1608.89;
    }
    .home-banner-block .home-banner-text {
        bottom: 40px;
    }
    .home-banner-block .home-banner-text p {
        font-size: 18px;
        margin: 0 auto 20px;
    }
    .home-banner-block .home-banner-text h1 {
        font-size: 45px;
        margin-bottom: 16px;
    }
    .home-banner-block .home-banner-text h2 {        
        font-size: 26px;
        margin-bottom: 20px;
    }
    .home-banner-block .home-banner-text {
        margin: 10px auto 0;
    }
  .friends-form-card-2026 .gform-footer .btn-design-2026, .menu-signup-2026 .gform-footer .btn-design-2026 {   
      gap: 54px;
  }
  .newsletter-box-2026 .gform-footer {
      max-width: 339.909px;
  }
  .nav-menu-2026 {
      height: calc(100vh + 7px);
  }
  .contact-cards-grid-2026 .contact-icon-bubbles-2026 img {
      display: inline-block !important;
      position: relative !important;
      left: 0;
  }
  .contact-cards-grid-2026 .contact-icon-bubbles-2026 {
      top: -165px;
      right: 0;
      width: 128px;
  }
  .section-friends-2026 h1 {
      max-width: 100%;
      padding: 0 220px;
  }
  .friends-form-wrap-2026 .friends-icon-opera-2026 {
      top: -119px;
      left: 13px;
      width: 140px;
  }
  .friends-form-wrap-2026 .intro-three-right-icon {      
      right: 9px;
      width: 213px;
  }
  .friends-form-wrap-2026 .intro-three-right-icon .friends-icon-disco-2026 {
      left: 0;
      width: 86px;
      margin-top: 20px;
  }
  .friends-form-wrap-2026 .intro-three-right-icon .friends-icon-dj-2026 {      
      bottom: -162px;
      width: 105px;
  }
  .friends-form-wrap-2026 .intro-three-right-icon .friends-icon-notes-2026 {
      right: 75px;   
  }

  .friends-form-card-2026 {
        padding: 70px 100px 70px 100px;
    }

  .heading-fall-history-2026 .fall-icon-family-2026 {      
      left: 0;
  }
  .heading-fall-history-2026 .fall-icon-hockey-2026 {
        right: 0;
    }
  .section-fall-intro-2026 .fall-intro-2026-headings {
      padding: 0 100px;
  }
  .menu-2026-head-2026 .menu-2026-head-icon-left-2026 {
      left: 10%;
  }
  .menu-2026-head-2026 .menu-2026-head-icon-right-2026 {      
      right: 10%;   
  }
  .menu-partner-card-2026 {
      padding: 75px 120px 51px 120px;   
  }
  .section-event-tickets-2026 .event-tickets-2026 h3 {
      font-size: 26px;   
  }
  .section-event-tickets-2026 .event-tickets-2026 {
      padding: 0 130px;   
  }
  .big-art-section-2026 .big-art-wra-2026 .big-art-left-pattern-2026 {
      width: 200px;   
  }
  .big-art-section-2026 .big-art-wra-2026 .big-art-right-pattern-2026 {
      width: 61px;
  }
  .big-art-section-2026 .big-art-wra-2026 {
        padding: 0 200px 35px;
    }
  .contact-inquiries-2026 p {   
      font-size: 24px;
  }
  .contact-intro-2026 h1 {
      margin: 0 0 27px;
      line-height: 1;
  }
  
  .featured-events-head-2026 .featured-events-slider-heading {
    max-width: 600px;
    width: 100%;
}
.featured-events-head-2026 {
    padding: 0 0;
}
.featured-events-slider-2026 {
    padding: 0 0;
}
 .events-2026-intro-text {
        width: 50%;
    }
    .events-2026-intro-fig {
      top: 50%;
      transform: translateY(-50%);
  }             
  .section-experience-2026 .top-heading-2026 .plan-fl-2026 {top: -79px;right: 40px;    }
  .event-meta-col-2026 {flex: 0 0 450px;}
  .event-detail-card-2026 {padding: 50px 50px 50px 50px;}
  .event-title-text-2026 h3, .event-title-text-2026 h2 {font-size: 26px !important;}
  .event-title-text-2026 h1 {font-size: 60px;        line-height: 60px;}
  .section-news-2026.coman-fonts-2026 h2 {max-width: 550px;margin: 0 auto 61px;font-size: 50px;        line-height: 50px;}
  .section-news-2026 .girl-panting-2026 {left: 172px;width: 70.556px;top: -94px;}
  .container-2026, .slider-events-2026 .container-2026{ padding: 0 40px; }
  .footer-inner-2026 { padding: 0 40px; }
  .event-card-wrap-2026 { width: 240px; }
  .nav-menu-2026 {width: 100%;max-width: 500px;}
  .hamburger-btn-2026.is-active-2026 {right: 20px;top: 34px;}
    .nav-menu-inner-2026 {padding: 40px 50px 60px 50px;}
  .header-date-2026 { width: 312px; font-size: 22px; }
  .section-events-2026 {padding: 124px 0 70px;}
  .coman-fonts-2026 h2, .events-2026-intro-text h1, .contact-intro-2026 h1, .big-art-section-2026 .big-art-wra-2026 h1, .menu-intro-head-2026 h1, .section-fall-intro-2026 h1, .section-news-header-2026 h1, .section-patrons-intro-2026 h1, .section-patrons-founder-2026 h1, .calendar-events-2026 h2, .section-friends-2026 h1, .section-events-2026 .container-2026 > h1, .section-events-2026 .container-2026 > h2 {font-size: 60px;line-height: 60px;}
  .event-card-2026 figcaption h3 {font-size: 22px;}
  .event-card-2026 figcaption span {font-size: 18px;}
  .events-track-2026 {gap: 20px;padding-right: 20px;}
  .coman-fonts-2026 h2 {font-size: 50px;        line-height: 1;}
  .btn-design-2026 {padding: 12px 23px 13px 33px;gap: 25px;}
  .about-card-2026 {padding: 60px 40px 60px 40px;gap: 50px;}
  .section-about-2026 .container-2026 .girl-top-img {width: 96px;}
  .section-news-2026 .dancing-people-2026 {width: 168px;}
  .newsletter-content-2026 {padding: 0 140px;}
  .newsletter-box-2026 .photosclick-2026 {width: 110px;}
  .newsletter-fig-2026 img {height: 150px;}
  .footer-right-2026 {width: 30%;}
  .footer-inner-2026 .footer-logo-2026 {width: 30%;}

}

@media (max-width: 1024px) {
  .article-card-2026 .article-body-2026 {
      padding: 18px 0 24px 0;
  }
  .article-pagination-2026 {
      padding: 20px 0 10px 0;
  }
  .article-head-2026 {
      gap: 25px;
  }
  .nav-menu-inner-2026 { padding: 32px 40px 48px; }
  .section-news-2026 {padding: 102px 0 55px;}
  .section-news-2026 .girl-panting-2026 {top: -145px;}
  .section-news-2026 .dancing-people-2026{    top: -139px;}
  .section-news-2026 .waterboarding-2026 {width: 139px;    top: -57px;}
  .section-news-2026.section-event-tickets-2026 .waterboarding-2026 {top: -52px;}
  .news-grid-2026 {column-gap: 20px; row-gap: 20px;}
  .event-title-row-2026 .couple-top-img {width: 93.495px;}
  .event-title-row-2026 {padding: 0 100px;}
  .friends-of-foo-26 .waterboarding-2026 {    top: -93px !important;}
  .single .section-news-2026.friends-of-foo-26 .waterboarding-2026 {top: -56px !important;}

}
@media (min-width: 992px) and (max-width: 1199px) { 
    .home-banner-block .home-banner-text {
        max-width: 960px;
    }
}

@media (min-width: 768px) and (max-width: 991px) { 
    .home-banner-block .home-banner-text {
        max-width: 720px;
    }
}

@media (max-width: 991px) { 
    .home-banner-block .home-banner-text h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .home-banner-block .home-banner-text h2 {
        font-size: 20px;     
    }
    .home-banner-block .home-banner-text p {
        font-size: 14px;
        margin: 0 auto 15px;
    }
    .home-banner-block .home-banner-text {     
        bottom: 33px;
    }
    .home-banner-block .home-banner-text .btn-design-2026 {
        padding: 8px 16px 8px 23px;
        gap: 23px;
        font-size: 16px;
    }
    .home-banner-block .home-banner-text h2 {
        margin-bottom: 15px;
    }

  .section-news-2026.section-event-tickets-2026 .girl-panting-2026 {
      left: 150px;
      top: -139px;
  }
  .patrons-sponsor-box-2026 {
        padding: 114px 30px 70px 30px;
    }
  .heading-fall-history-2026 .fall-icon-family-2026 {   
      width: 210px;
  }
  .heading-fall-history-2026 .fall-icon-hockey-2026 {   
      bottom: -52px;
  }
  .friends-form-card-2026 {
        padding: 70px 50px 70px 50px;
    }
  .friends-form-wrap-2026 .friends-icon-opera-2026, .friends-form-wrap-2026 .intro-three-right-icon .friends-icon-disco-2026, .friends-form-wrap-2026 .intro-three-right-icon .friends-icon-dj-2026, .friends-form-wrap-2026 .intro-three-right-icon .friends-icon-notes-2026{
    display: block !important;
  }
  .article-head-text-2026 h1 {
      font-size: 35px;
      margin-bottom: 19px;
  }
  .article-head-text-2026 time {
        margin-bottom: 15px;
    }
  .article-card-2026 .article-body-2026 {
      margin-bottom: 20px;
  }
  .article-head-fig-2026 {
      flex: none;
      width: 100%;
  }
  .article-head-2026 {      
      gap: 0;
      margin-bottom: 20px;
  }
  .article-head-text-2026 time {
      margin-bottom: 25px;
  }
  .patrons-sponsor-card-2026 {
      padding: 80px 40px 70px 40px;
  }
  .patrons-fireworks-icon-2026 {      
      top: -53px;
      left: 0;   
      max-width: 247px;
      width: 100%;
      right: 0;
      margin: 0 auto;
  }
  .patrons-sponsor-box-2026 {     
        width: 100%;
        text-align: center;
    }
    .patrons-orgs-2026 {     
        width: 100%;
        margin-top: 0;
        padding-top: 99px;
    }
    .patrons-orgs-2026 h2 {
      text-align: center;
  }
  .patrons-couple-icon-2026 {      
      bottom: -99px;
      width: 88px;
      left: 0;
      right: 0;
      margin: 0 auto;
  }
  .patrons-founder-text-2026 > p:first-child {
      display: none;
  }
  .patrons-founder-text-2026 h2 {
      margin: 0 0 30px;
  }
  .patrons-founder-photo-2026 {   
      width: 100%;
      margin-bottom: 40px;
    }
    .patrons-founder-photo-2026 span {
      height: 430px;
      max-width: 500px;
      top: 20px;
      left: 0;
      margin: 0 auto;
  }

    .patrons-founder-text-2026 {     
        width: 100%;
        text-align: center;
    }
  .section-news-grid-2026 h2 {
      padding: 0 50px;
  }
  .news-cards-grid-2026 {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 20px;
      row-gap: 20px;
  }
  .news-card-two-2026 figure {
        height: 407px;
    }
  .section-news-header-2026 {      
      padding: 110px 0 170px;   
  }
  .section-news-header-2026 .news-icon-painter-2026 {
      left: 18%;
  }
  .section-news-header-2026 .news-icon-singer-2026 {
        right: 17.2%;
    }
  .fall-row-2026 {
    flex-direction: column;
  }
  .fall-explore-card-2026 {
      padding: 50px 40px 50px 40px;
  }
  .fall-row-img-2026 {
      width: 100%;
      margin-bottom: 30px;
  }
  .fall-row-text-2026 {
    width: 100%;
    order: 2;
}
  .fall-icon-seagull-2026 {
        left: 0;
        bottom: 20px;
        top: inherit;
        right: 0;
        margin: 0 auto;
    }
    .section-fall-intro-2026 .fall-intro-2026-headings .fall-icon-family-2026 {
      left: 0;
    }
    .section-fall-intro-2026 .fall-intro-2026-headings .fall-icon-hockey-2026 {      
        right: 0;
      }
    .section-fall-intro-2026 .fall-intro-2026-headings {
        padding: 0 0 100px 0;
    }
  .menu-2026-head-2026 .menu-2026-head-icon-left-2026 {     
        width: 80px;
    }
    .menu-2026-head-2026 .menu-2026-head-icon-right-2026 {     
        width: 101px;
    }
  .menu-cards-grid-2026 {      
      gap: 30px;
      row-gap: 30px;
  }
  .past-menus-bar-2026 {
      padding: 50px 30px 60px 30px;   
  }
  .menu-partner-card-2026 {
        padding: 60px 60px 50px 60px;
    }
  .section-event-tickets-2026 .events-tickers-faq-2026 {
      padding-top: 70px;
  }
  .section-event-tickets-2026 .event-tickets-2026 {
        padding: 0 20px;
    }
  .section-event-tickets-2026 .event-tickets-2026 h3 {
        font-size: 24px;
    }
    .section-event-tickets-2026 .events-tickers-faq-2026 .events-t-list-2026 h3 {
      font-size: 28px;
  }  
  .section-event-tickets-2026 h2 {
    margin-bottom: 30px !important;
}
  .big-art-section-2026 .big-art-wra-2026 .big-art-left-pattern-2026 {
        width: 232px;
        bottom: 55px;
        top: inherit;
        left: -8px;
    }
    .big-art-section-2026 .big-art-wra-2026 .big-art-right-pattern-2026 {
        width: 57px;
        bottom: 66px;
        right: -8px;
    }
    .big-art-section-2026 {
      padding-bottom: 89px;   
  }
    .big-art-section-2026 .big-art-wra-2026 .big-art-right-pattern-2026 img:first-child {
      width: 28px;
      position: relative;
      right: -22px;
      bottom: -61px;
  }
    .big-art-section-2026 .big-art-wra-2026 .big-art-right-pattern-2026 img.big-art-music {   
      right: 48px;
      top: 0;
  }
  .big-art-section-2026 .big-art-wra-2026 {
        padding: 0 0 264px;
    }
  .contact-card-2026 h2 {
      font-size: 35px !important;
  }
  .contact-cards-grid-2026 {
      column-gap: 20px;
      row-gap: 20px;
      grid-template-columns: repeat(1, 1fr);
  }
  .contact-card-link-2026 {
      font-size: 20px;
  }

  .contact-intro-2026 .contact-icon-dancers-2026, .contact-cards-grid-2026 .contact-icon-bubbles-2026{
    display: block !important;
  }
  .contact-intro-2026 {
    padding: 0 115px;
}
  .slider-arrow-2026 img {
        width: 70px;
        height: 70px;
    }
    .featured-events-head-2026 .featured-events-slider-heading {
        max-width: 472px;     
    }
  .events-2026-intro-row {
      display: block;
  }
  .section-2026-events-2026 .container-2026 {
      padding: 0;
  }
  .events-2026-intro-text {
      width: 100%;
      text-align: center;
      max-width: 100%;
      padding: 30px 30px 0;
  }
  .events-2026-intro-text p {
      max-width: 100%;
  }
  .events-2026-intro-fig {
      top: 0;
      transform: inherit;
      position: relative;
      width: 100%;
  }
  .fall-icon-2026 {
        display: none !important;
    }
  .patrons-fireworks-icon-2026,
  .patrons-couple-icon-2026,
  .contact-icon-2026,
  .friends-icon-2026 {
        display: none !important;
    }              
  .section-experience-2026 .top-heading-2026 {
        padding: 0 15%;
    }
    .section-experience-2026 .top-heading-2026 .bicycle-man-2026 {
        width: 100px;     
    }
    .section-experience-2026 .top-heading-2026 .dogsman-walk-2026 {
        width: 100px;     
    }
  .event-desc-col-2026 {     
        background-color: #FFF5E5;
        border-radius: 10px;
        padding: 27px 20px 20px 19px;
    }
  .event-desc-col-2026 {order: 2;   margin-top: 0;margin-bottom: 0;}  
  .event-back-link-2026 {position: relative;}
  .event-intro-2026:before {height: 20px;}
  .event-title-text-2026 p {font-size: 18px;}
  .event-title-text-2026 h1 { font-size: 52px;         line-height: 52px;}
  .event-detail-card-2026 { padding: 40px; }
  .event-detail-cols-2026 { flex-direction: column; gap: 0; }  
  .event-meta-col-2026 .event-meta-block-2026:first-child { border-top: none; }  
  .logo-link-2026 {width: 140px;height: 140px;}
  .logo-link-2026 img {width: 82.5779px;left: -14px;top: -12px;}
  .hamburger-btn-2026 {width: 78px;height: 78px;}
  .hamburger-btn-2026.is-active-2026 {right: 20px;top: 23px;    }
  .nav-links-2026 li a {font-size: 30px;margin-bottom: 25px;} 
  .event-card-2026 figcaption h3 {font-size: 20px;}
  .event-card-2026 figure img {height: 200px;}
  .event-card-wrap-2026 { width: 200px; }
  .about-card-2026 { flex-direction: column; }
  .about-img-col-2026 { flex: none; }
  .about-video-wrap-2026 { height: 380px; }
  .news-grid-2026 { grid-template-columns: 1fr 1fr; }
  .newsletter-box-2026 {padding: 70px 40px 172px;}
  .footer-inner-2026 { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .footer-right-2026 { align-items: center; width: 100%;}
  .header-date-2026 { width: 280px; font-size: 19px; height: 44px; }
  .exp-photo-2026 {height: 373px !important;}
  .experience-photos-2026 {height: 393px;}
  .exp-photo-2026 img {height: 99%;border-radius: 8px;}
  .newsletter-content-2026 {padding: 0;}
  .newsletter-box-2026 .photosclick-2026 {
        width: 107px;
        bottom: 21px;
        left: 21px;
    }
  .newsletter-box-2026 .newsletter-fig-2026 {
        position: absolute;
        right: 17px;
        bottom: 20px;
        width: 172px;
    }
  .wave-footer-wrap-2026 img { height: 120px;object-fit: cover;}
  .wave-footer-wrap-2026 { top: 55px; z-index: 1;}
  .footer-inner-2026 {display: block;text-align: center;}
  .footer-inner-2026 .footer-logo-2026 {width: 100%;text-align: center;margin-bottom: 29px;}
  .footer-inner-2026 nav {margin-bottom: 32px;}
  .footer-right-2026 .footer-bottom {width: 100%;text-align: center;display: flex;flex-direction: column;justify-content: center;}
  .footer-right-2026 p {justify-content: center;}
  .event-detail-cols-2026 {margin-bottom: 0;}
  .event-meta-col-2026 {padding: 29px 25px 30px 25px;border-top:none;flex: none; width: 100%;margin-bottom: 30px;}
  .event-map-2026 {height: 314.734px;}
  .footer-social-pill-2026 {padding: 10px 40px;gap: 29px;    }
  .site-footer-2026 {padding: 8px 0 57px;}
  .section-patrons-founder-2026 .heading-patrons-founder p {
      font-family: "apparat", sans-serif;
      font-weight: 850;
      font-size: 28px;
      color: #221b50;
      margin: 0 0 20px;
      line-height: 1.3;
      display: block;
      text-align: center;
      margin-top: 11px;
  }
  .section-patrons-founder-2026 .heading-patrons-founder {
      margin-bottom: 40px;
  }
}

@media (max-width: 767px) {    
    
    .home-banner-block .home-banner-text {
        bottom: 70px;
    }
    .home-banner-block .home-banner-text .btn-design-2026 {
        padding: 11px 23px 11px 31px;
        gap: 54px;
        font-size: 18px;
    }
    .home-banner-block .home-banner-text {
        padding: 0 29px;
    }
    .home-banner-block .home-banner-text p {
        font-size: 18px;
        margin-bottom: 30px;
        line-height: 1.65;
    }
    .home-banner-block .home-banner-text h2 {
        font-size: 26px;
        margin-bottom: 26px;
    }
    .home-banner-block .home-banner-text h1 {
        font-size: 40px;
        margin-bottom: 23px;
    }
    .event-hero-2026 { height: 380px; }
    .menu-partner-card-2026 h3 {
        font-size: 18px !important;
        line-height: 30px !important;
    }
    .menu-partner-card-2026 p, .friends-form-card-2026 p, .friends-form-card-2026 ul li, .menu-partner-card-2026 ul li {
        line-height: 26px !important;
        font-size: 16px !important;
    }
    .friends-form-card-2026 h3 {
        font-size: 18px !important;
        line-height: 30px !important;
    }
    .event-hero-2026 .event-hero-img-2026 img{
        display: none;
    }
    .event-hero-2026 .event-hero-img-2026 img.mobile-bg {
        display: block;
    }
    .section-fall-history-2026.coman-fonts-2026.plan {
        padding-top: 0;
    }

    .section-fall-history-2026.coman-fonts-2026.plan:before {
        display: none;
    }
    .plan.section-fall-intro-2026 .fall-intro-2026-headings .fall-icon-hockey-2026 {
        bottom: -66px;     
    }    
    .section-news-header-2026 .banner-bottom-ptn {        
        bottom: -13px;
    }
    .home-banner-block {
        padding-bottom: 0;
    }
    .home-banner-block dotlottie-wc {
        aspect-ratio: 1132 / 2336;
    }
    .mobile-lottie {
        display: block;
    }
    .desktop-lottie {
        display: none;
    }      

  .friends-form-card-2026 .gform-footer .btn-design-2026, .menu-signup-2026 .gform-footer .btn-design-2026 {   
      gap: 30px;
  }  
  .coman-fonts-2026 h3 {
      line-height: 1.2;
      margin-bottom: 11px;
      font-size: 20px;
  }
   .coman-fonts-2026 h2 {
      font-size: 22px;
      margin-bottom: 13px !important;
  }
  .section-past-menus-2026 {   
      padding: 52px 0 29px 0;
  }
  .patrons-orgs-2026 h2, .patrons-sponsor-box-2026 h2, .patrons-founder-text-2026 h2 {
    font-size: 40px !important;
}
  .contact-intro-2026 {
      margin: 0 auto 201px;
  }
  .contact-intro-2026 .contact-icon-dancers-2026 {
      top: inherit;
      left: 49px;
      bottom: -178px;
  }
  .section-contact-2026 {      
      padding: 0 0 32px;   
  }
  .contact-cards-grid-2026 .contact-icon-bubbles-2026 {
        top: -159px;
        right: 40px;
        width: 127px;
    }

  .friends-form-card-2026 ul li {   
      font-size: 18px;
  }
  .section-friends-2026 h1 {   
      padding: 0 0;
      margin: 0 0 123px;
  }
  .section-friends-2026 {      
      padding: 0 0 90px;   
  }
  .friends-form-wrap-2026 .friends-icon-opera-2026 {
      top: -108px;
      left: 11px;
      width: 132px;
  }
  .friends-form-wrap-2026 .intro-three-right-icon {
      right: 2px;
      width: 213px;
  }
  .friends-form-wrap-2026 .intro-three-right-icon .friends-icon-dj-2026 {   
      width: 93px;
  }
  .friends-form-wrap-2026 .intro-three-right-icon .friends-icon-notes-2026 {
      right: 73px;
      bottom: -104px;
      width: 43px;
  }
  .friends-form-wrap-2026 .intro-three-right-icon .friends-icon-disco-2026 {
        left: 19px;
        width: 87px;
        margin-top: 34px;
    }
    .friends-form-card-2026 h2 {
        font-size: 40px !important;
        text-align: left;
        margin: 0 0 27px !important;
        line-height: 40px !important;
  }
    .friends-form-card-2026 .gform_legacy_markup_wrapper h3.gform_title {
        font-size: 24px !important;
    }
    .friends-form-card-2026 hr {        
        margin: 30px 0 30px;
    }
  .friends-form-card-2026 {
      padding: 68px 23px 36px 23px;
  }
  .friends-form-card-2026 .gform-footer, .menu-signup-2026 .gform-footer {
      max-width: 205px !important;
  }
  .section-friends-2026 {      
      padding: 0 0 49px;   
  }

  .section-article-2026 {
        padding: 88px 0 22px;
    }
  .section-article-2026 a.event-back-new-2026 {
      font-size: 24px;
  }
  .article-back-wrap-2026 {
      margin: 0 auto 38px;   
  }
  .article-card-2026 {
      margin: 0 18px;
  }
  .article-head-text-2026 {
      padding-top: 10px;
      padding-left: 8px;
      padding-right: 8px;
  }
  .article-head-text-2026 h1 {
        font-size: 26px;
        margin-bottom: 19px;
        line-height: 1.31;
    }
.article-head-text-2026 time {
      margin-bottom: 15px;
      font-size: 16px;
  }
  .article-card-2026 {
      padding: 20px 16px 24px 15px;
      border-radius: 10px;
  }

  .calendar-events-2026 .event-tabs ul.event-tab-nav li {    
      font-size: 16px !important;
      margin: 0 6px -1px !important;
      width: initial !important;
      max-width: initial !important;
    }
    .calendar-events-2026 .event-tabs ul.event-tab-nav li.active {
      font-size: 18px !important;
  }
  .calendar-events-2026 {
      padding-top: 48px !important;
      padding-bottom: 90px !important;
  }
  .calendar-events-2026 h2 {
      line-height: 1;
      margin-bottom: 16px;
  }
  .calendar-events-2026 p {   
      font-size: 18px;
  }
  .section-patrons-sponsor-2026 .about-bottom-pattern-2026 img.mobile-view-ptn {
      display: block;
  }
  .section-patrons-sponsor-2026 .about-bottom-pattern-2026 img.desktop-view-ptn {
      display: none;
  }
  .patrons-founder-photo-2026 {     
        margin-bottom: 0px;
    }
  .section-news-header-2026 {
        padding: 94px 0 100px;
    }
    .section-news-header-2026 .news-icon-boat-2026 {
      width: 120px;
      bottom: -165px;
  }
  .section-news-header-2026 .news-icon-painter-2026 {
        left: 106px;
        width: 59px;
        bottom: -50px;
    }
    .section-news-header-2026 .news-icon-guitarist-2026 {
        right: 32px;
        width: 80px;
        bottom: -40px;
    }
    .section-news-header-2026 .news-icon-singer-2026 {
        right: 115px;
        width: 58px;
        bottom: -64px;
    }
    .section-news-grid-2026 {   
      padding: 84px 0 33px;
  }
  .section-news-grid-2026 h2 {
      font-size: 24px !important;
      margin: 0 auto 33px !important;
      line-height: 29px !important;
      padding: 0 30px;
  }
  .news-card-body-2026 {
      padding: 15px 0px 0 0;
  }
  .news-loadmore-wrap-2026 {
    margin-top: 47px;
  }  
  .news-card-body-2026 time {
    margin-bottom: 9px; 
  }
  .section-news-grid-2026 .news-card-body-2026 p {
    font-size: 16px;
    line-height: 1.2;
}
.news-cards-grid-2026 .news-card-two-2026 {
    padding: 15px 15px 21px 15px;
}
.news-cards-grid-2026 {
        row-gap: 15px;
    }
  .news-card-two-2026 figure {
        height: 297px;
    }
  .section-fall-beaches-2026 {
      padding-bottom: 27px;
  }
  .section-fall-beaches-2026 .bottom-blue-ptn {
      height: 171px;
  }
  .fall-explore-card-2026 {
        padding: 29px 15px 42px 15px;
        border-radius: 0;
    }
    .fall-row-text-2026 {
        text-align: center;
    }
    .section-fall-history-2026 .fall-row-text-2026 h2 {
      font-size: 40px;
      margin-bottom: 17px !important;
      text-align: center;
      line-height: 40px;
  }
  .section-fall-history-2026 .fall-row-text-2026 p {
      text-align: center;
      margin-bottom: 29px;
  }
  .fall-row-img-2026 {     
        margin-bottom: 34px;
        border-radius: 10px;
        overflow: hidden;
    }
    .fall-row-2026:not(:last-child) {
      margin-bottom: 34px;
  }
  .section-fall-history-2026 .heading-fall-history-2026 {      
      margin: 0 auto 219px;
  }
  .heading-fall-history-2026 .fall-icon-family-2026 {
        left: -11px;
        bottom: -232px;
        width: 239px;
    }
  .heading-fall-history-2026 .fall-icon-hockey-2026 {
        right: 17px;
        bottom: -185px;
        width: 96px;
    }
  .section-fall-history-2026 .container-2026:last-child {
    padding: 0;
  } 

  .section-fall-intro-2026 {      
      padding: 0 0 51px;   
  }
  .section-fall-intro-2026 h1 {
    line-height: 1;
    margin-bottom: 26px;
  }
  .section-fall-intro-2026 p {
      margin-bottom: 22px;
  }
  .section-fall-intro-2026 .fall-intro-2026-headings {
        padding: 0 0 116px 0;
    }
    .section-fall-intro-2026 .fall-intro-2026-headings .fall-icon-family-2026 {
        left: 24px;
        width: 130px;
        bottom: -105px;
    }
    .section-fall-intro-2026 .fall-intro-2026-headings .fall-icon-hockey-2026 {      
      right: 32px;
      bottom: -54px;
      width: 88px;
    }
    .fall-icon-seagull-2026 {
        left: 41px;
        bottom: 42px;
        width: 73px;
    }
    .section-fall-history-2026 {      
        padding: 72px 0 21px 0;
    }
    .fall-tags-nav-2026 a {
      font-size: 18px;
      padding: 0 17px;      
    }
    .fall-tags-nav-2026 li {
        margin-bottom: 26px;
      }
      .fall-tags-nav-2026 ul {
        margin-bottom: 16px;
      }
    .section-fall-history-2026 h2 {
      line-height: 1;
      margin-bottom: 27px !important;
    }
    .section-fall-history-2026 .container-2026 {
      padding: 5px 21px 0;
    }
  .contact-intro-2026 {
        padding: 0 0;
    }
  .slider-arrow-2026 img {
        width: 52.15px;
        height: 52.15px;
    }
    .slider-arrows-2026 {
      top: inherit;   
      gap: 17px;
      flex-shrink: 0;
      position: absolute;
      bottom: 38px;
      right: 0;
      left: 0;
      margin: 0 auto;
      justify-content: center;
  }
  .featured-events-head-2026 h2 {
      margin-bottom: 14px !important;
  }
  .featured-events-head-2026 {     
        margin-bottom: 21px;
    }
    .slider-events-2026 span.event-details-img {
      height: 328.59px;
  }
  .slider-events-2026 .event-card-2026 figcaption {
      text-align: center !important;      
      padding-top: 13px !important;
  }
  .slider-events-2026 .event-card-2026 figcaption h3 {
    text-align: center;
    margin-bottom: 7px;
    font-size: 26px !important;
}
  .slider-events-2026 {
        padding: 29px 0 101px;
    }
  .featured-events-head-2026 .featured-events-slider-heading {
        max-width: 100%;
        text-align: center;
    }
  .event-title-text-2026 h1 {
    margin-bottom: 11px;
  }
  /* ── "+ Keep Reading" toggle — injected via JS above event-details-list-2026 ── */
  .event-desc-col-2026 p.is-collapsed-2026 {
    display: none;
  }
  .keep-reading-btn-2026 {
        display: inline-flex;
        align-items: center;
        gap: 2px;
        background: none;
        border: none;
        padding: 0;
        margin-bottom: 40px;
        cursor: pointer;
        font-family: 'apparat', sans-serif;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0.00em;
        color: #000000;
        position: relative;
        outline: none !important;
    }
    .keep-reading-btn-2026:before {
      content: "";
      position: absolute;
      bottom: 3px;
      width: 100%;
      height: 1px;
      background-color: #000;
  }
  
  .keep-reading-icon-2026 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 1px;
        flex-shrink: 0;
        border-radius: 50%;
        font-size: 17px;
        line-height: 1;
        margin: 0;
    }

  .event-desc-col-2026 p:first-child {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 11;
        overflow: hidden;
    }
    /* Higher specificity than the rule above (adds a class) — wins regardless
       of source order. Toggled by the "+ Keep Reading" button in
       foofoo2026-main.js alongside the other paragraphs' is-collapsed-2026. */
    .event-desc-col-2026 p:first-child.is-expanded-2026 {
            display: block;
            -webkit-line-clamp: unset;
            overflow: visible;
        }

.section-news-2026 .girl-panting-2026 {
        top: -153px;
        left: 153px;
        width: 60px;
    }

  .section-experience-2026 .top-heading-2026 .dogsman-walk-2026 {
      width: 88px;
      left: 52px;
      top: -123px;
  }
  .section-experience-2026 .top-heading-2026 .bicycle-man-2026 {
        width: 75px;
        right: 43px;
        top: -111px;
    }
  .section-experience-2026 .top-heading-2026 .plan-fl-2026 {
        top: -154px;
        right: 126px;
        width: 94.308px;
    }
  .section-experience-2026 {
      padding: 176px 0 95px;
  }
  .section-news-2026 .waterboarding-2026 {
        width: 118px;
        top: -46px;
    }
  .section-news-2026 .dancing-people-2026 span { 
    width: 204px;
    padding-top: 15px;
    padding-right: 8px;
    margin-right: 1px;
  }
  .section-news-2026 .dancing-people-2026 {
    width: 163px;
    top: -155px;
    right: 5px;
  }
  .section-experience-2026 .top-heading-2026 {
        padding: 0 6px;
        margin-bottom: 36px;
    }
    .top-heading-2026 h2 {
        margin-bottom: 18px !important;
    }
  .event-detail-card-2026 {
      padding: 0;
      background-color: transparent;
  }
  .event-video-2026 {
      display: none;
  }
  .event-title-row-2026 {
        padding: 0;
        padding-bottom: 0;
    }
    .event-title-row-2026 .couple-top-img {
        bottom: -8px;
        height: initial;
        z-index: 1;
        position: relative;
        margin: 4px auto 0;
        width: 100%;
        text-align: center;
        top: inherit;
    }
    .event-title-row-2026 .couple-top-img .svg-img {
        margin: 0 auto;
    }
  .about-text-col-2026 h2 {
    margin-bottom: 19px;
  }
  .about-text-col-2026 p {
    margin-bottom: 25px;    
    font-size: 20px;
  }
  .coman-fonts-2026 p {
      font-size: 20px;
  }
  .exp-photo-2026:before {
      border: 15px solid transparent;
      border-image: url(../../images/2026/image-border.svg) 12 12 stretch; 
  }
  .exp-photo-2026 img {
      height: 96%;
      width: 99%;     
  }

  .hamburger-btn-2026 {
        width: 72.335px;
        height: 72.335px;
        right: 13px;
        top: 14px;
    }
    .ham-bar-2026 {
      width: 26.859px;
  }

  .hamburger-btn-2026::before {border: 2px solid #FFD58C;}
  .header-date-2026 {
        width: 100%;
        border-radius: 0;
        z-index: -1;
        width: 100%;
    }
.logo-link-2026 {
    width: 109.9956px;
    height: 109.9956px;
        border-bottom-right-radius: 107px;
}
.logo-link-2026 img {
        width: 64.7025px;
        top: -6px;
        left: -9px;
    }
  .section-news-2026.coman-fonts-2026 h2 {
        max-width: 100%;
        margin: 0 auto 33px;
        font-size: 40px;
        padding: 0 40px;
        line-height: 40px;
    }
  .experience-photos-2026 {
        height: auto;
    }
    .experience-photos-2026 {
        height: auto;
        left: 0;
        margin: 0 auto 33px;
    }
    .experience-photos-2026 .ston-left-2026 {
        left: 13px;
        top: -21px;
        width: 84px;
    }
    .experience-photos-2026 .birds-bottom-2026 {   
      width: 66px;
      bottom: -19px;
      right: -3px;
      z-index: 2;
  }
    .exp-photo-2026 {
        height: 273.238px !important;
        position: relative !important;
        width: 91% !important;
        left: 0 !important;
        top: 0 !important;
    }
    .exp-photo-2026 + .exp-photo-2026 {
        left: 11% !important;
        margin-top: -164px !important;
        transform: rotate(0);
    }
 .exp-photo-2026 + .exp-photo-2026 + .exp-photo-2026 {
        left: 3% !important;
        margin-top: -79px !important;
        transform: rotate(4deg);
    }
  .coman-fonts-2026 h2, .events-2026-intro-text h1, .contact-intro-2026 h1, .big-art-section-2026 .big-art-wra-2026 h1, .menu-intro-head-2026 h1, .section-fall-intro-2026 h1, .section-news-header-2026 h1, .section-patrons-intro-2026 h1, .section-patrons-founder-2026 h1, .calendar-events-2026 h2, .section-friends-2026 h1, .section-events-2026 .container-2026 > h1, .section-events-2026 .container-2026 > h2 {
        font-size: 50px;
        line-height: 50px;
    }
  .events-grid-2026 .event-card-wrap-2026:first-child article.event-card-2026:nth-of-type(1) {
        margin-top: -30px;
    }
    .section-events-2026 h2 {   
      margin-bottom: 51px !important;
  }
  .event-card-2026 figure img {
        height: 131.693px;
        border-radius: 5.722px;
    }
  .main-event-blocks-2026 {
        overflow: visible;
        padding: 0;
        margin: 0;
        -webkit-mask-image: none;
        mask-image: none;
    }
    .section-events-2026 .container-2026 {
      padding: 0 8px;
  }
  .events-grid-2026 {
    animation: none;
    flex-direction: column;
    width: 100%;
    padding-right: 0;
    display: block;
    column-count: 2;
    column-gap: 16px;
  }  
  .event-card-wrap-2026 {
      display: contents;
  }
    .event-card-2026 {
        margin-bottom: 16px;
        break-inside: avoid;
        display: inline-block;
        width: 100%;
        margin: 0 0 16px;
        break-inside: avoid;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        box-sizing: border-box;
    }
    .event-card-2026 figcaption {
      padding: 14px 16px 0 16px;
      gap: 0;
    }
    .event-card-2026 figure img {
        height: 178.088px;
    }
  .events-grid-2026 .event-card-wrap-2026[aria-hidden="true"] {
    display: none;
  }
  .newsletter-content-2026 p {
    font-size: 24px !important;
    line-height: 1.1 !important;
    margin-bottom: 29px;
  }
  .newsletter-content-2026 h2 {
      margin-bottom: 18px !important;
  }
  .newsletter-box-2026 .gravity-theme .gform-body .ginput_container input {
    padding: 11px 20px 7px 15px;
  } 
  .newsletter-box-2026 .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 12px;
  }
  .newsletter-box-2026 .ginput_container_checkbox .gchoice {
        margin-top: 13px;
        gap: 10px;
        justify-content: left;
    }
  .newsletter-box-2026 .gform_wrapper.gravity-theme .gfield-choice-input+label {
        line-height: 1.2;
        text-align: left;
    }
    .newsletter-box-2026 .gform-footer {
      margin-top: 27px !important;
    }
  .newsletter-box-2026 .gform-footer input[type="submit"] {
      padding: 19px 76px 16px 22px;
  }
  .newsletter-box-2026 .gform-footer:before {
    background-image: url(../../images/2026/submit-arrow-responsive.svg);
    width: 35.788px;
    height: 35.788px;
  }
  .friends-of-foo-26 p {
        font-size: 24px !important;
        line-height: 1.2 !important;
        padding: 0 27px;
    }
  .section-news-2026.coman-fonts-2026.friends-of-foo-26 h2 {
      margin-bottom: 21px !important;
  }
  .section-news-2026.coman-fonts-2026.friends-of-foo-26 .btn-row-2026 {
        margin-top: 32px !important;
    }
    .section-event-tickets-2026 .event-tickets-2026 {
        padding: 0 50px;
    }
    .big-art-section-2026 .big-art-wra-2026 h1 {   
      margin-bottom: 23px;      
    }
    .big-art-section-2026 .big-art-wra-2026 p {
        margin-bottom: 31px;
    }
    .section-event-tickets-2026 .events-tickers-faq-2026 .events-t-list-2026 h3 {
        font-size: 24px;
        letter-spacing: 0.00em;
    }
    .section-event-tickets-2026 .events-tickers-faq-2026 .events-t-list-2026 {
      border-radius: 10px;
      padding: 29px 24px 31px 23px;
      margin-bottom: 15px;
    }
    .section-event-tickets-2026 .events-tickers-faq-2026 .events-t-list-2026 p {
        font-size: 16px;
        letter-spacing: -0.0065em;
        line-height: 26px;
    }
    .section-news-2026.section-event-tickets-2026 {   
      padding-bottom: 16px;
  }
  .section-menu-intro-2026 h2 {
      font-size: 40px;
      line-height: 40px;
  }
  .section-menu-intro-2026 .menu-signup-2026 h2 {
        font-size: 24px !important;
        line-height: 1.1;
    }
  .menu-intro-head-2026 {
      padding: 0 0 94px 0;
  }
  .section-menu-intro-2026 {   
      padding: 0px 0 72px;
  }
  .menu-intro-head-2026 h1 {
      line-height: 1;
  }
  .menu-intro-head-2026 .menu-intro-head-icon-2026 { 
    right: 37px;
    bottom: -42px;
    right: 0;
    margin: 0 auto;
    left: 0;
    width: 65px;
  }
  .menu-partner-card-2026 {
    padding: 30px 30px 37px 24px;
    border-radius: 10px;
  }
  .menu-partner-card-2026 p {
    margin-bottom: 23px;
  }
  .menu-partner-card-2026 ul {
    margin: 0 0 14px 26px;
    display: inline-block;
    margin-top: -3px;
  }
  .menu-partner-card-2026 ul li {    
    font-size: 18px;
  }
  .menu-partner-divider-2026 {
      margin: 31px 0 34px 0;
      width: 100%;
      margin-left: 0;
  }
.menu-cards-grid-2026 {      
      row-gap: 23px;
      grid-template-columns: repeat(1, minmax(0, 1fr));
  }
 .section-menu-2026 { 
    padding: 136px 0 41px;    
  }
  .menu-2026-head-2026 h2 {
    font-size: 40px !important;
    line-height: 40px;
  }
  .menu-2026-head-2026 .menu-2026-head-icon-left-2026 {
      width: 84px;
      left: 14%;
      top: -178px;
  }
  .menu-2026-head-2026 .menu-2026-head-icon-right-2026 {
      width: 121px;
      top: -192px;
      right: 15.5%;
  }
  .menu-2026-head-2026 {
      margin-bottom: 33px;
  }
  .menu-card-body-2026 {
    padding: 24px 23px 53px 24px;
  }
  .menu-card-body-2026 h4 {
    font-size: 18px; 
    margin-bottom: 16px;
    line-height: 1.35;
    letter-spacing: -0.007em;
  }
  .coman-fonts-2026 h3 {
    line-height: 1.2;    
    margin-bottom: 11px;
  }
  .menu-card-body-2026 p {
        font-size: 16px !important;
        line-height: 26px !important;
        margin-bottom: 4px;
    }
  .menu-card-learn-2026 {
    bottom: 22px;    
  }
  .past-menus-bar-2026 h2 {
      font-size: 40px;
      margin-bottom: 30px;
  }
  .past-menus-list-2026 li {
      margin-bottom: 23px;
  }
  .past-menus-bar-2026 {
        padding: 44px 30px 26px 30px;
    }
    .patrons-founder-row-2026 {      
        gap: 42px;
    }
    .coman-fonts-2026 h2 {
        margin-bottom: 19px;
    }  
  .section-patrons-founder-2026 {
      padding: 17px 0 51px;
  }
  .section-patrons-founder-2026 h1 {
      line-height: 1;
  }
  .section-patrons-sponsor-2026 {
      background-color: #FFD58C;
      padding: 0 0 53px;
  }
  .patrons-sponsor-card-2026 {
      padding: 59px 0px 70px 0px;
      border-radius: 10px;
  }
  .patrons-sponsor-box-2026 {
      padding: 88px 17px 112px 17px;
  }
  .patrons-couple-icon-2026 {
      bottom: -92px;
      width: 105px;
      left: -9px;
      right: 0;
      margin: 0 auto;
  }  
  .patrons-orgs-2026 h2 {
    margin: 0 0 31px !important;
  }
  .patrons-orgs-2026 ul {
    font-size: 18px;
    line-height: 1.7;
    padding-left: 10px;
  }
  .patrons-orgs-2026 ul li {
      margin-bottom: 9px;
  }
  .patrons-sponsor-card-2026 {
      padding: 59px 0px 0 0px;   
  }
  .patrons-fireworks-icon-2026 {
      top: -61px;
      max-width: 222px;
  }
  .section-patrons-founder-2026 .heading-patrons-founder p {
        font-size: 26px;
        line-height: 1.2;
        margin-top: 26px;
        max-width: 300px;
        margin: 26px auto 0;
    }
    .section-patrons-founder-2026 .heading-patrons-founder {
        margin-bottom: 4px;
    }
    .menu-signup-2026 .gform-footer {
        max-width: 201px;
        margin-top: 30px !important;
    }
    .friends-form-card-2026 .gform-footer input[type="submit"], .menu-signup-2026 .gform-footer input[type="submit"] {
      padding: 19px 74px 18px 28px !important;
      letter-spacing: 0.06em !important;
  }
  .menu-signup-2026 .gform-footer:before, .friends-form-card-2026 .gform-footer:before {
        width: 35.78px !important;
        height: 35.78px !important;
    }

  .article-body-2026 p {
        line-height: 1.6 !important;
        font-size: 16px !important;
    }
    .article-pagination-2026 {
      gap: 9px;
  }
  .article-body-2026 .addtoany_share_save_container .addtoany_header {
      font-size: 16px;
  }
  .article-card-2026 .article-body-2026 {
      margin-bottom: 13px;
      padding: 18px 0 11px 0;
  }
  .article-pagination-2026 a {
      font-family: "apparat", sans-serif;
      font-weight: 850;
      font-size: 16px;
      color: #d70507;
      transition: all 0.5s ease-in-out;
  }
  .article-head-2026 {   
        margin-bottom: 0;
    }
      .contact-intro-2026 h1 {
        margin: 0 0 27px;
        line-height: 1;
    }
    .contact-inquiries-2026 p strong {
      display: block;
  }
  .contact-inquiries-2026 p {
      margin: 0 0 12px;
      font-size: 22px !important;
      line-height: 1.32 !important;
  }
  .contact-card-2026 {
      border-radius: 10px;
      padding: 37px 25px 21px 25px;
  }
 
  .article-body-2026 h3 {
    font-size: 18px !important;    
    margin: 17px 0 27px !important;
    text-transform: capitalize;
    letter-spacing: 0.00em;
}
.article-body-2026 h4 a {
    font-size: 18px;
}
.section-article-2026 .article-card-2026 hr {
    margin-top: 29px;
    margin-bottom: 29px;
}
  .contact-card-link-2026 {
        font-size: 18px;
    }
    .contact-cards-grid-2026 {   
      row-gap: 11px;   
  }
  .menu-card-2026 h3 {
      font-size: 26px !important;
  }
  .section-news-2026.section-event-tickets-2026 .waterboarding-2026 {   
      top: -41px;
  }
  .section-news-2026.section-event-tickets-2026 .waterboarding-2026 {
        top: -40px;
    }
  .friends-of-foo-26 .waterboarding-2026 {
    top: -84px !important;
  }
  .single .section-news-2026.friends-of-foo-26 .waterboarding-2026 {
        top: -45px !important;
    }
    .plan.section-fall-intro-2026.plan .fall-intro-2026-headings .fall-icon-family-2026 {
        width: 152px;
    }
}

@media (max-width: 640px) {
    .home-banner-block .home-banner-text {
        bottom: 45px;
    }
    .home-banner-block .home-banner-text h2 {     
        margin-bottom: 20px;
    }
    .home-banner-block .home-banner-text h1 {     
        margin-bottom: 20px;        
    }
    .home-banner-block .home-banner-text p {
        margin-bottom: 16px;     
    }
    .calendar-events-2026 .event-tabs ul.event-tab-nav li {
        padding: 8px 15px 6px 15px !important;      
        margin: 0 4px -1px !important;
        font-size: 14px !important;
    }
    .wave-footer-wrap-2026 { top: 22px; z-index: 1;}
    .calendar-events-2026 .event-tabs ul.event-tab-nav li.active {
        padding: 11px 20px 9px 20px !important;
    }
    .patrons-orgs-2026 h2, .patrons-sponsor-box-2026 h2, .patrons-founder-text-2026 h2 {
        font-size: 40px;
    }
    .patrons-bio-2026 p {
        font-size: 16px;
        line-height: 1.62;
        margin-bottom: 28px;
    }
  .news-cards-grid-2026 {
      grid-template-columns: repeat(1, 1fr);
  }
  .news-card-two-2026 figure {
        height: auto;
    }
  .big-art-section-2026 {      
      padding-top: 24px;      
  }
  .event-tickets-2026 .event-tickets-btn {
        flex-direction: column;
        margin-top: 31px;
        gap: 21px;
    }
    .section-event-tickets-2026 .events-tickers-faq-2026 {
        padding-top: 65px;
    }
    .section-event-tickets-2026 .events-tickers-faq-2026 h2 {
      margin-bottom: 24px !important;
      font-size: 40px !important;
    }
    .section-news-2026.section-event-tickets-2026 {
      padding-top: 94px;
      padding-bottom: 6px;
  }
  .section-2026-events-2026 {
        padding: 0 0 62px;
    }    
  .event-content-block p {
        margin-bottom: 15px;
        line-height: 24px !important;
    }
  .section-newsletter-2026 {
    padding: 28px 0 28px;
  }
  .event-title-row-2026 .event-title-text-2026 p {margin-bottom: 6px;}
  .event-title-text-2026 h3, .event-title-text-2026 h2 {font-size: 24px !important;max-width: 330px;margin: 0 auto;line-height: 1.2 !important;}
  .container-2026, .slider-events-2026 .container-2026{ padding: 0 24px; }
  .footer-inner-2026 { padding: 0 24px; }  
  .event-card-wrap-2026 { width: 160px; }
  .news-grid-2026 { grid-template-columns: 1fr; row-gap: 24px; }
  .news-card-2026 { grid-row: span 1; display: flex; flex-direction: column; gap: 0; }
  .newsletter-content-2026 h2 { font-size: 40px;         line-height: 40px;}
  .nav-menu-inner-2026 { padding: 28px 28px 140px 28px; }  
  .wave-deco--left-2026 {
        width: 70%;
        top: -5px;
        transform: rotate(18deg);
    }
    .wave-deco-2026 img {
      display: block;
      width: 55%;
      height: auto;
      object-fit: cover;
  }
  .wave-deco--right-2026 {
        top: -28px;
        width: 70%;
        transform: rotate(0deg);
        right: -40%;
    }
  .event-hero-2026 { height: 306px; }
  .event-intro-2026 { padding: 0px 0 0; }
  .event-title-text-2026 h1 {
        font-size: 50px;
        line-height: 1;
        margin-bottom: 17px;
        line-height: 50px;
    }
    .event-body-2026 {   
      padding: 0 0 97px;
  }
  .event-detail-card-2026 { padding: 28px 0 0; }
  .event-detail-cols-2026 { margin-bottom: 0; }
  .section-events-2026 {padding: 65px 0 70px;}
  .section-events-2026 .container-2026 > h1, .section-events-2026 .container-2026 > h2 {
        padding: 0 0;
        display: inline-block;
        margin-bottom: 59px;
        width: 100%;
    }
  .section-events-2026 h2 {margin-bottom: 53px !important; }
  .event-back-link-2026 {margin-bottom: 14px;position: relative;
        z-index: 1;}
  .event-content-block h3 {
      font-size: 18px;
      margin-bottom: 8px;
      font-family: 'apparat', sans-serif;
    }
    .event-meta-block-2026 {
      margin-bottom: 18px;
    }
    .event-content-block address {
        line-height: 24px;
        font-size: 18px;
        margin-top: 4px;
        letter-spacing: -0.008em;
    }
  .event-meta-block-2026 {
      margin-bottom: 22px;
  }
  .event-meta-col-2026 {
      padding: 22px 25px 5px 19px;
      margin-bottom: 23px;
  }
  .event-desc-col-2026 {
      margin-bottom: 0;
  }
  .coman-fonts-2026 p {
        font-size: 18px;
    }
  .event-desc-col-2026 p {     
        line-height: 1.62;
    }
    .event-desc-col-2026 li {
      font-size: 16px;
      line-height: 27px;
  }
  .event-desc-col-2026 h3 {    
    font-size: 20px; 
    color: #221b50;
    margin-bottom: 8px;
    font-family: 'apparat', sans-serif;
  }

}

@media (max-width: 480px) {
    .nav-social-pill-2026 a i {
        position: relative;
        left: 0.7px;
    }
    .home-banner-block .home-banner-text p {
        font-size: 15px;
    }
    .home-banner-block .home-banner-text h2 {
        margin-bottom: 14px;
        font-size: 20px;
    }
    .home-banner-block .home-banner-text h1 {
        margin-bottom: 13px;
        font-size: 32px;
    }
    .home-banner-block .home-banner-text {
        bottom: 30px;
    }
    .home-banner-block .home-banner-text .btn-design-2026 {
        padding: 8px 23px 8px 31px;
        gap: 40px;
        font-size: 16px;
    }
    .home-banner-block .home-banner-text {
        padding: 0 20px;
    }
    .plan.section-fall-intro-2026.plan .fall-intro-2026-headings .fall-icon-family-2026 {
        bottom: -66px;     
    }
  .friends-form-card-2026 .gform-footer .btn-design-2026, .menu-signup-2026 .gform-footer .btn-design-2026 {     
        padding: 17px 61px 17px 30px !important;
    }
    .friends-form-card-2026 .gform-footer .btn-design-2026 span, .menu-signup-2026 .gform-footer .btn-design-2026 span {
      font-size: 18px !important;
  }
  .gform-footer.gform_footer.top_label .btn-design-2026 {        
        gap: 0;
    }
    .gform-footer.gform_footer.top_label span.btn-circle-2026 {
      position: absolute;
      width: 35.788px;
      height: 35.788px;
      right: 14px;
      left: inherit;
  }
  .gform-footer.gform_footer.top_label .btn-design-2026 {
        padding: 17px 51px 17px 20px;                    
    }
  .news-loadmore-wrap-2026 a.btn-2026 {
      padding: 18px 60px 18px 60px;
  }
  .section-events-2026 .container-2026 > h1, .section-events-2026 .container-2026 > h2 {     
        line-height: 50px;
    }
  .section-news-2026.section-event-tickets-2026 .girl-panting-2026 {
      top: -139px;
      left: 104px;
    }
  .section-patrons-founder-2026 .patrons-founder-text-2026 p {
      margin-bottom: 27px;
  }
  .plan.section-fall-intro-2026 .fall-intro-2026-headings .fall-icon-family-2026 {
      bottom: -77px;
      left: 13px;
  }  
  .section-news-header-2026 .news-icon-boat-2026 {     
        bottom: -165px;
    }
  .article-body-2026 .addtoany_share_save_container .addtoany_header {     
        width: 100px;
    }
  .calendar-events-2026 .event-tabs ul.event-tab-nav {
      display: flex;
      justify-content: space-between;
      align-items: end;
  }
  .calendar-events-2026 .event-tabs ul.event-tab-nav li {
        height: 100%;
    }
    .calendar-events-2026 .event-tabs ul.event-tab-nav li {
        line-height: 1.1;
    }
  .patrons-founder-photo-2026 img {
      width: calc(100% - 7px);
      height: calc(100% - 8px);
  }
  .patrons-founder-photo-2026 span {
        height: 302px;
    }
  .section-news-2026 .girl-panting-2026 {
        top: -139px;
        left: 104px;
    }
    .section-news-2026 .dancing-people-2026 {
        width: 149px;
        top: -136px;
        right: 28px;
    }
    .section-event-tickets-2026 .event-tickets-2026 {
        padding: 0 6px;
    }
    .section-event-tickets-2026 h2 {
        font-size: 50px !important;
        padding: 0 10px !important;
        margin-bottom: 17px !important;
        line-height: 50px !important;
    }
  .section-news-2026.friends-of-foo-26 {
      padding-top: 69px;
  }
 .section-event-tickets-2026 .event-tickets-2026 h3 {
        font-size: 24px;
        padding: 0 20px;
        line-height: 1.2;
        letter-spacing: 0.00em;
    }
    .section-event-tickets-2026 .event-tickets-2026 p { 
      margin-bottom: 24px;
    }
  .wave-deco--right-2026 {
      top: -28px;
      width: 82%;
      transform: rotate(0deg);
      right: -36%;
  }
  .wave-deco--left-2026 {
        width: 85%;
        top: -22px;
        transform: rotate(14deg);
    }
    .wave-deco-2026 img {
        display: block;
        width: 70%;
        height: auto;
        object-fit: cover;
    }
  .header-date-2026 {
        font-size: 17px;
        height: 48px;
        padding-left: 25px;
        padding-top: 3px;
    }
  .container-2026 {
      padding: 5px 18px 0;
  }
  .section-news-2026 .btn-row-2026 {
      margin-top: 38px;
  }
  .section-news-2026 {
      padding: 96px 0 16px;
  }
  .wave-footer-wrap-2026 {
      top: 26px;
  }
  .newsletter-box-2026 {
      padding: 89px 28px 172px;
  }
  .news-card-2026 h3 {
      font-size: 20px;
  }
  .section-news-2026 .news-card-2026 h4 {
      font-size: 16px; 
      margin-top: 0;
  }
  .section-news-2026 .news-card-2026 p {      
      margin-top: 0;
      margin-bottom: 4px;
  }
  .news-card-2026 .news-more-2026 {
      margin-top: 0;
  }
  .news-card-2026 {
      padding: 23px 16px 22px 16px;
  }
  .news-grid-2026 {
      row-gap: 12px;
  }
  .btn-row-2026 {
      margin-top: 35px;
  }
  .section-about-2026 .about-top-pattern-2026 { 
      display: none;
  }
  .section-events-2026 {
        padding: 65px 0 90px;
    }
  .section-about-2026 {
    padding: 0;
    background-color: transparent;    
  }
  .section-about-2026 .container-2026 {
      position: relative;
      padding: 0;
  }
  .about-img-col-2026 {     
        order: 2;
    }
   .about-text-col-2026 {
      text-align: center;
      padding: 0 16px;
  }
  .coman-fonts-2026 h2 {
      margin-bottom: 21px;
  }
  .about-text-col-2026 h2 {     
        font-size: 40px;
        line-height: 40px;
    }
  .coman-fonts-2026 p {
      font-size: 18px;
      line-height: 1.66;
  }
  .about-video-wrap-2026 {
      height: 315px;
      border-radius: 10px;
  }
  .play-btn-2026 {
      width: 53.029px;
      height: 53.029px;
  }
  .play-btn-2026 svg {   
      width: 12px;
  }
  .about-card-2026 {
      padding: 52px 16px 23px 16px;
      gap: 35px;
      border-radius: 0;
  }
  .section-about-2026 .container-2026 .girl-top-img {
      width: 64px;
      right: 32px;
      top: -66px;
  }
  .event-card-2026 figcaption h3 {
        font-size: 18px;
        margin-bottom: 0;
        line-height: 1;
    }
    .event-card-2026 figcaption {
        padding: 5px 0 0 0;
        gap: 0;
    }
    .event-card-2026 figcaption span {
        font-size: 16px;
        text-transform: uppercase;
        line-height: 1;
    }
    .event-card-2026 {
        margin: 0 0 8px;
    }
    .event-card-2026 figure img {
        height: 131.693px;
        border-radius: 5.722px;
    }
  .nav-topbar-2026 {margin-top: 75px; margin-bottom: 28px;}
  .nav-links-2026 li a {font-size: 24px;margin-bottom: 22px;}
  .btn-design-2026 {
      padding: 6px 19px 6px 30px;
      gap: 43px;
      font-size: 18px;
      letter-spacing: 0.00em;
  }
  .hamburger-btn-2026.is-active-2026 {
      right: 23px;
      top: 13px;
  }
  .nav-links-2026 {
      flex: inherit;
  }
  .nav-social-wrap-2026 {
    margin-top: 10px;
  }
  .nav-social-pill-2026 {
    display: flex;    
    gap: 22.5px; 
    border-radius: 30px;
    padding: 11px 20px 11px 20px;
    width: 100%;
    justify-content: center;
  }
  .nav-social-icon-2026 {
    width: 34.52px;
    height: 34.52px;
  }
  .event-desc-col-2026 p {
        font-size: 16px;
        line-height: 1.62;
    }
   .newsletter-box-2026 .gform-footer:before {
        top: 50%;
        right: 11px;
    }
    .section-news-2026.section-event-tickets-2026 .waterboarding-2026 {   
        top: -40px;
    }
}
@media (max-width: 384px) {
.article-pagination-2026 a {
    font-size: 14px;
}
.article-pagination-2026 {
    justify-content: center;
}
.past-menus-list-2026 a {
    font-size: 18px;
    padding: 0 14px;
}

}


@media (max-width: 389px) {
.home-banner-block .home-banner-text .btn-design-2026 {
    padding: 5px 13px 5px 21px;
    gap: 40px;
    font-size: 14px;
}
.home-banner-block .home-banner-text h2 {
    margin-bottom: 8px;
    font-size: 18px;
}
.home-banner-block .home-banner-text h1 {
    margin-bottom: 6px;
    font-size: 28px;
}
.home-banner-block .home-banner-text {
    padding: 0 10px;
}
.home-banner-block .home-banner-text p {
    font-size: 12px;
}

}


@media (max-width: 380px) {
    .section-event-tickets-2026 h2 {
        line-height: 40px !important;
    }
  .friends-of-foo-26 .waterboarding-2026 {
    top: -42px !important;
}
  .contact-cards-grid-2026 .contact-icon-bubbles-2026 {
      top: -149px;
      right: 0;
      width: 117px;
  }
  .heading-fall-history-2026 .fall-icon-family-2026 {
      left: -11px;
      bottom: -232px;
      width: 209px;
  }
  .heading-fall-history-2026 .fall-icon-hockey-2026 {
        right: 0;
  }
  .friends-form-wrap-2026 .friends-icon-opera-2026 {
        top: -87px;     
        width: 101px;
    }
    .friends-form-wrap-2026 .intro-three-right-icon .friends-icon-disco-2026 {
        left: 45px;
        width: 77px;
        margin-top: 33px;
    }
    .friends-form-wrap-2026 .intro-three-right-icon .friends-icon-dj-2026 {
        width: 82px;
    }
    .friends-form-wrap-2026 .intro-three-right-icon .friends-icon-notes-2026 {
        right: 60px;
    }
  .calendar-events-2026 .event-tabs ul.event-tab-nav li {
        font-size: 12px !important;        
    }
    .calendar-events-2026 .event-tabs ul.event-tab-nav li.active {
        font-size: 14px !important;
    }
  .patrons-orgs-2026 h2{
        font-size: 32px !important;
    }
  .section-news-header-2026 .news-icon-guitarist-2026 {
        right: 10px;
    }
    .section-news-header-2026 .news-icon-singer-2026 {
        right: 89px;
    }
  .menu-2026-head-2026 .menu-2026-head-icon-left-2026 {        
        left: 10%;        
    }
    .menu-2026-head-2026 .menu-2026-head-icon-right-2026 {
        right: 10%;
    } 
  .big-art-section-2026 .big-art-wra-2026 .big-art-left-pattern-2026 {
        width: 182px;
    }
  .newsletter-box-2026 .gform-footer input[type="submit"] {
        font-size: 16px;
    }
    .newsletter-box-2026 .gform-footer:before {
        right: 11px;
    }
  .section-news-2026 .girl-panting-2026 {
      top: -150px;
      left: 88px;
  }
  .section-news-2026 .dancing-people-2026 {
      width: 133px;
      top: -156px;
  }
  .section-news-2026 .dancing-people-2026 span {
      padding-right: 0px;
  }
  .btn-design-2026 {
        padding: 6px 19px 6px 30px;
        font-size: 18px;    
        gap: 20px;    
    }
    .section-news-2026 .waterboarding-2026 {
        width: 109px;
        top: -43px !important;
    }
    .section-news-2026.friends-of-foo-26 .waterboarding-2026 {
        width: 109px;
        top: -80px !important;
    }

    .section-news-2026.section-event-tickets-2026 .waterboarding-2026 {
        top: -36px !important;
    }
  .header-date-2026 {
      font-size: 14px;
      height: 38px;
      padding-left: 39px;
  }
  .coman-fonts-2026 h2, .events-2026-intro-text h1, .contact-intro-2026 h1, .big-art-section-2026 .big-art-wra-2026 h1 {
        font-size: 40px !important;
        line-height: 40px;
    }
    .section-experience-2026 .top-heading-2026 .dogsman-walk-2026 {        
        left: 25px;     
    }
    .section-experience-2026 .top-heading-2026 .bicycle-man-2026 {
        width: 75px;
        right: 33px;     
    }
    .section-experience-2026 .top-heading-2026 .plan-fl-2026 {
        right: 97px;
    }
    .newsletter-box-2026 .newsletter-fig-2026 {
        right: 5px;
        bottom: 20px;
        width: 94px;
    }
    .gform-footer.gform_footer.top_label .btn-design-2026 {
        padding: 17px 51px 17px 20px;                    
        font-size: 16px;
    }
    .section-events-2026 .container-2026 > h1, .section-events-2026 .container-2026 > h2 {     
        line-height: 40px !important;
    }
    .event-title-text-2026 h3, .event-title-text-2026 h2 {
        font-size: 24px !important;
    }
}
@media (max-width: 360px) {
    .home-banner-block .home-banner-text h1 {        
        font-size: 26px;
    }
  .gform-footer.gform_footer.top_label .btn-design-2026 {
        padding: 17px 46px 17px 17px;
        font-size: 13px;
    }
    .gform-footer span.btn-circle-2026 {
      right: 9px;
  }
  .header-date-2026 {
        font-size: 12px;
    }
  .btn-design-2026 {
        padding: 6px 11px 6px 23px;
        font-size: 16px;     
    }
    .coman-fonts-2026 h2, .events-2026-intro-text h1, .contact-intro-2026 h1, .big-art-section-2026 .big-art-wra-2026 h1, .menu-intro-head-2026 h1, .section-fall-intro-2026 h1, .section-news-header-2026 h1, .section-patrons-intro-2026 h1, .section-patrons-founder-2026 h1, .calendar-events-2026 h2, .section-friends-2026 h1, .section-events-2026 .container-2026 > h1, .section-events-2026 .container-2026 > h2 {
        font-size: 45px;
        line-height: 45px;
    }
    .newsletter-box-2026 .gform-footer input[type="submit"] {
        font-size: 13px;
    }
}
/* ═══════════════════════════════════════════════════
   REDUCED MOTION
   ═══════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .nav-menu-2026 { transition: none !important; }
  .nav-links-2026 li, .nav-topbar-2026, .nav-social-wrap-2026 { transition: none !important; }
}
