:root{--garland-green:#0b4a34;--garland-deep:#063022;--garland-red:#c9152c;--garland-gold:#f6c65b;--garland-snow:#f7fbff}

.site-header{
  background:linear-gradient(90deg,rgba(6,48,34,.96),rgba(7,17,31,.96) 52%,rgba(111,8,24,.96))!important;
  border-bottom:2px solid var(--garland-gold)!important
}

.holiday-garland{
  position:absolute;
  z-index:18;
  top:86px;
  left:0;
  right:0;
  height:34px;
  pointer-events:none;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.35));
  background:
    radial-gradient(circle at 8px 13px,#fff8c8 0 2px,#f6c65b 3px 4px,transparent 5px),
    radial-gradient(circle at 45px 23px,#d71934 0 5px,#8c0718 6px 7px,transparent 8px),
    radial-gradient(ellipse at 18px 18px,#1c7550 0 11px,#0b4a34 12px 16px,transparent 17px),
    radial-gradient(ellipse at 38px 15px,#147047 0 11px,#063022 12px 17px,transparent 18px),
    linear-gradient(180deg,transparent 0 8px,#0b4a34 9px 25px,transparent 26px);
  background-size:86px 34px,118px 34px,54px 34px,62px 34px,auto
}
.holiday-garland:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 9px,#fff 0 2px,#f6c65b 3px 4px,transparent 5px),
    radial-gradient(circle at 68% 23px,#d71934 0 4px,#8c0718 5px 6px,transparent 7px);
  background-size:142px 34px,154px 34px
}

main>section+section{border-top:3px solid rgba(246,198,91,.72)}
.button,.nav-cta,[class*="cta"] a{box-shadow:0 0 0 1px rgba(246,198,91,.42),0 8px 22px rgba(7,17,31,.12)}
.nav-cta{border-color:var(--garland-gold)!important}

main article,
.event-card,
.sponsor-card,
.partner-card,
.feature-card,
.address-card,
.registration-card{
  border-top-color:var(--garland-gold)!important
}

main article:nth-child(3n+1){box-shadow:inset 0 4px var(--garland-green)}
main article:nth-child(3n+2){box-shadow:inset 0 4px var(--garland-red)}
main article:nth-child(3n){box-shadow:inset 0 4px var(--garland-gold)}

footer{
  position:relative;
  border-top:10px solid var(--garland-green)!important;
  box-shadow:inset 0 3px var(--garland-gold)
}

@media(max-width:760px){
  .holiday-garland{top:74px;height:28px;background-size:74px 28px,102px 28px,48px 28px,54px 28px,auto}
  .holiday-garland:after{background-size:124px 28px,138px 28px}
}

/* Rich photographic garland frame */
.holiday-garland{
  top:78px;
  height:128px;
  background-color:transparent;
  background-image:url("/christmas-garland-top.png");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:min(1800px,100vw) auto;
  filter:drop-shadow(0 8px 9px rgba(0,0,0,.38));
  overflow:visible
}
.holiday-garland:after{display:none}

body:before,
body:after{
  content:"";
  position:fixed;
  z-index:16;
  top:112px;
  bottom:0;
  width:clamp(70px,7.2vw,118px);
  pointer-events:none;
  background-image:url("/christmas-garland-side.png");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:100% 100%;
  filter:drop-shadow(0 0 10px rgba(0,0,0,.25))
}
body:before{left:-18px}
body:after{right:-18px;transform:scaleX(-1)}

@media(max-width:1050px){
  .holiday-garland{height:100px;background-size:auto 100px}
  body:before,body:after{width:62px;opacity:.88}
  body:before{left:-20px}
  body:after{right:-20px}
}

@media(max-width:760px){
  .holiday-garland{top:70px;height:72px;background-size:auto 72px}
  body:before,body:after{top:92px;width:34px;opacity:.72}
  body:before{left:-12px}
  body:after{right:-12px}
}
