.anniversary-banner{min-height:100vh;display:flex;justify-content:center;background-color:#000}.large-text h1{font-size:16vw;font-weight:800;text-transform:uppercase;background-image:url(/cdn/shop/files/Showers-Pass-25th-Anniversary-collage-no-cyclist.jpg?v=1647557325);background-size:cover;background-clip:text;-webkit-background-clip:text;background-position:top center;color:transparent;margin:1rem auto;animation:fadein 5s linear}.large-text p{height:100%;font-size:2rem;font-weight:400;line-height:1;text-align:center;padding:0;margin:0 0 auto;text-decoration:wavy;transform:translateY(50%);animation:fadein 6s linear}.vertical-center{margin:0;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.timeline-grid{--color: rgba(255, 255, 255);--bgColor: #222222;height:100%;display:grid;align-content:center;gap:2rem;padding:2rem;margin-top:-5rem;font-family:Poppins,sans-serif;color:var(--color);background:var(--bgColor)}.headline{margin:1.5rem 0;padding:1rem;overflow-y:scroll;scroll-behavior:smooth}.headline h1{color:#fff;font-weight:600;font-size:3rem;text-transform:uppercase;line-height:1}.headline p{width:50%;font-size:1.5rem;text-align:center;line-height:1.5;margin:0 auto}.headline .logo{width:25%;margin:.5rem auto}.headline .logo img{width:100%}h1{text-align:center}div.godown{display:block;position:absolute;width:0;height:0;left:50%;bottom:100px;transform:translate(-50%,-50%);border-left:20px solid transparent;border-right:20px solid transparent;border-top:35px solid white;background:transparent;animation:bounce 3.5s linear infinite;cursor:pointer}@keyframes bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-10px)}50%{transform:scale(1) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}.timeline ul{--col-gap: 2rem;--row-gap: 2rem;--line-w: .25rem;display:grid;grid-template-columns:var(--line-w) 1fr;grid-auto-columns:max-content;column-gap:var(--col-gap);list-style:none;width:min(120rem,100%);margin-inline:auto}.timeline ul:before{content:"";grid-column:1;grid-row:1 / span 30;background:#e1e1e1;border-radius:calc(var(--line-w) / 2)}.timeline ul li:not(:last-child){margin-bottom:var(--row-gap)}.timeline ul li{grid-column:2;--inlineP: 1.5rem;margin-inline:var(--inlineP);grid-row:span 2;display:grid;grid-template-rows:min-content min-content min-content;animation:slideInLeft 1s ease;animation-direction:alternate}.timeline ul li .img{width:100%;height:400px;margin:1rem 0 auto}.timeline ul li img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:20px}.timeline ul li .date{--dateH: 4.5rem;height:var(--dateH);margin-inline:calc(var(--inlineP) * -1);text-align:center;background-color:var(--accent-color);color:#fff;font-size:2rem;font-weight:700;display:grid;place-content:center;position:relative;border-radius:calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2)}.timeline ul li .date:before{content:"";width:var(--inlineP);aspect-ratio:1;background:var(--accent-color);background-image:linear-gradient(rgba(0,0,0,.2) 100%,transparent);position:absolute;top:100%;clip-path:polygon(0 0,100% 0,0 100%);right:0}.timeline ul li .date:after{content:"";position:absolute;width:2rem;aspect-ratio:1;background:var(--bgColor);border:.3rem solid var(--accent-color);border-radius:50%;top:50%;transform:translate(50%,-50%);right:calc(100% + var(--col-gap) + var(--line-w) / 2)}.timeline ul li .t-title,.timeline ul li .descr{background:#000;position:relative;padding-inline:1.5rem;top:0}.timeline ul li .shift{top:-2rem}.timeline ul li .t-title{overflow:hidden;padding-block-start:1.5rem;padding-block-end:1rem;font-size:2rem;font-weight:700;line-height:1.1;padding-top:2rem}.timeline ul li .descr{padding-block-end:1.5rem;font-weight:300;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.timeline ul li .descr a{color:#ffb511;text-decoration:none}.timeline ul li .t-title:before,.timeline ul li .descr:before{content:"";position:absolute;width:90%;height:.5rem;background:#00000080;left:50%;border-radius:50%;filter:blur(4px);transform:translate(-50%,50%)}.timeline ul li .t-title:before{bottom:calc(100% + .125rem)}.timeline ul li .descr:before{z-index:-1;bottom:.25rem}@media (max-width: 639px){.large-text p{padding-left:20px;padding-right:20px;line-height:1.3}div.godown{left:45%}.headline .logo,.headline p{width:100%}.timeline ul{padding-left:2%}.timeline ul li .img{max-height:260px}}@media (min-width: 40rem){.timeline ul{grid-template-columns:1fr var(--line-w) 1fr}.timeline ul:before{grid-column:2}.timeline ul li:nth-child(odd){grid-column:1}.timeline ul li:nth-child(2n){grid-column:3}.timeline ul li:nth-child(2){grid-row:2/4}.timeline ul li:nth-child(odd) .date:before{clip-path:polygon(0 0,100% 0,100% 100%);left:0}.timeline ul li:nth-child(odd) .date:after{transform:translate(-50%,-50%);left:calc(100% + var(--col-gap) + var(--line-w) / 2)}.timeline ul li:nth-child(odd) .date{border-radius:0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0}}.anniversary-footer{height:auto;padding:2rem}.anniversary-footer .upcoming{font-size:5rem;font-weight:600;text-align:center;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/185/assets/page-25th-anniversary.css.map */