#homepage banner{display:block;top:0;left:0;position:absolute;width:100vw;height:165vh;z-index:1}#homepage banner .banner__background{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed}#homepage banner .tagline{font-family:"Fredoka",cursive;font-size:4.5em;text-align:center;max-width:670px;line-height:1.125;top:35vh;right:10vw;position:absolute;color:#fff;text-shadow:2px 2px 4px #333}#homepage banner #scrollDown{font-size:1.25em;font-weight:300;color:#fff;text-shadow:2px 2px 4px #333;position:absolute;top:70vh;right:25vw;display:flex;align-items:center;gap:.7em}#homepage banner #scrollDown span{display:block;position:relative;width:3em;height:3em;border-radius:100vw;background-color:rgba(0,0,0,.13)}#homepage banner #scrollDown span::before{content:"";display:block;border-left:1px solid #fff;border-bottom:1px solid #fff;width:1em;height:1em;rotate:-45deg;position:absolute;top:30%;left:56%;transform:translate(-50%, -50%)}#homepage banner .character{display:block;position:absolute;top:83vh;left:14vw;color:#fff;text-shadow:2px 2px 4px #333;line-height:1.25}#homepage banner .character strong{display:block}#homepage contentWrap{display:block;position:relative;margin-top:125vh;z-index:2;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 10%);padding-top:25%}#homepage contentWrap::before{content:"";display:block;z-index:1;position:absolute;top:4%;left:0;width:110%;height:0;padding-bottom:15%;background-image:url(/wp-content/themes/webringtheparty/src/img/backgrounds/transition-stars-no-bg.png);background-size:contain}#homepage contentWrap>*{position:relative;z-index:3}#homepage contentWrap .latestEvent{padding-top:5em}#homepage contentWrap .what{padding:6em 0}#homepage contentWrap .what header h3{font-family:"Fredoka",cursive;font-size:3.5em;text-align:center}#homepage contentWrap .what header p{text-align:center;font-weight:2em}#homepage contentWrap .what .characters{display:flex;align-items:center;gap:5%;padding:2em;box-sizing:border-box;margin-top:1.5em;position:relative}#homepage contentWrap .what .characters>*{position:relative;z-index:2}#homepage contentWrap .what .characters>span.fullWidth{z-index:1;display:block;height:100%;position:absolute;top:0;left:0}#homepage contentWrap .what .characters copy btns{display:flex;gap:1em;flex-wrap:wrap;justify-content:space-between}#homepage contentWrap .what .characters featureimage{width:50%;height:0;padding-bottom:30%;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat}#homepage contentWrap .what .characters:nth-child(odd){flex-direction:row-reverse}.eventListing{padding:2.5em 0;position:relative}.eventListing>*{position:relative;z-index:2}.eventListing header{display:flex;justify-content:space-between;align-items:center;gap:2em}.eventListing header intro{width:45%}.eventListing header intro{padding-top:0}.eventListing header eventVitals{width:22%;flex-shrink:0;display:flex;flex-direction:column}.eventListing header eventVitals>*{display:block}.eventListing header eventVitals eventDate,.eventListing header eventVitals eventPrice,.eventListing header eventVitals eventLocation{display:flex;gap:10px}.eventListing header eventVitals eventDate icon svg,.eventListing header eventVitals eventPrice icon svg,.eventListing header eventVitals eventLocation icon svg{width:35px}.eventListing header eventVitals eventDate,.eventListing header eventVitals eventPrice{border-bottom:1px solid #e6e6e6;padding-bottom:1.5em;margin-bottom:1.5em}.eventListing header eventVitals eventDate info ol{margin:0;padding:0}.eventListing header eventVitals eventDate info ol li{line-height:1.125;list-style:none}.eventListing header eventVitals eventDate info ol li>*{font-size:1em;font-weight:300;margin:0;padding:0}.eventListing header eventVitals eventDate info ol li h3{margin-right:.25em}.eventListing header eventVitals eventDate info ol li p{font-weight:600}.eventListing header eventVitals eventDate info ol li p span:last-of-type::before{content:"-";display:inline;padding:0 .25em}.eventListing header eventVitals eventPrice info{display:flex;align-items:center}.eventListing header eventVitals eventPrice info>*{font-size:1em;font-weight:300}.eventListing header eventVitals eventPrice info span{font-weight:600;margin-left:.25em}.eventListing header eventVitals eventLocation info{line-height:1.125}.eventListing header eventVitals eventLocation info .location__name{font-weight:600;display:block;margin-bottom:.15em}.eventListing header eventVitals eventLocation info a{display:block;margin-top:.15em}.eventListing header .package__featureImage{display:block;width:40%;height:0;padding-bottom:25%;background-size:cover;background-repeat:no-repeat}.eventListing:nth-child(odd):not(.eventListing--homepage)::before{content:"";display:block;width:100vw;height:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);z-index:1;position:absolute;top:0;background-color:rgba(149,38,110,.05)}.eventListing.eventListing--homepage{padding-top:.5em}@media screen and (max-width: 1080px){.eventListing header{flex-wrap:wrap}.eventListing header intro{width:100%;padding-bottom:0;order:2}.eventListing header eventVitals{width:100%;flex-direction:row;order:3}.eventListing header eventVitals>*{flex:1;align-items:flex-start;border-bottom:0 none !important}}@media screen and (max-width: 640px){.eventListing header eventVitals{flex-wrap:wrap}.eventListing header eventVitals>*{width:50%;flex:initial;align-items:flex-start;border-bottom:0 none !important}.eventListing header eventVitals eventLocation{width:100%}.eventListing header .package__featureImage{width:80%;padding-bottom:40%}}@media screen and (max-width: 460px){.eventListing header eventVitals{flex-wrap:wrap;flex-direction:column;justify-content:center}.eventListing header eventVitals>*{width:100%}}@media screen and (max-width: 820px){#homepage contentWrap .what .characters{flex-direction:column-reverse;align-items:flex-start;gap:1.5em}#homepage contentWrap .what .characters:nth-child(odd){flex-direction:column-reverse}#homepage contentWrap .what .characters featureimage{width:80%;padding-bottom:50%}}@media screen and (max-width: 620px){#homepage banner .banner__background{background-attachment:initial;background-position:-14em top}#homepage banner .tagline{font-size:9.5vw;right:auto;left:50%;width:90%;transform:translateX(-50%)}#homepage contentWrap{margin-top:40em;padding-top:25em}#homepage contentWrap::before{top:6%;width:200%;padding-bottom:30%}}/*# sourceMappingURL=homepage.css.map */