/* haloween 2025 */

:root {
  --cty-brand-ween-black: #1a1919;
  --cty-brand-ween-green: #d2da30;
  --cty-brand-ween-orange: #ff6000;
  --cty-brand-ween-orange-dark:#f26b01;
}

.padding-top-alt { padding-top:24px; }
.padding-bottom-alt { padding-bottom:24px; }

.ween-photo-3x2 { width:100%; padding-bottom:66%; background-position:center center; background-size:cover; }

.ween-bg { background:var(--cty-brand-ween-orange); }
.ween-max-width { width:100%; max-width:1320px; background-color:white; margin:0 auto; }

.ween-bg h1 { color:var(--cty-brand-ween-orange-dark); }
.ween-bg p.intro { color:black; }
.ween-bg p.intro span { color:var(--cty-brand-ween-orange-dark); }

.ween-bg-black { background:var(--cty-brand-ween-black); color:white; }

.ween-bg-black h2 { color:var(--cty-brand-ween-green); font-size: 1.66rem; text-transform:uppercase; margin-bottom:0.25rem; margin-top:0; }
.ween-bg-black h3 { color:var(--cty-brand-ween-green); margin-bottom:0.25rem; margin-top:0; }
.ween-bg-black p { color:inherit; }

.ween-bg-black .btn-brand { background-color:white; text-transform:uppercase; font-weight:600; color:#e32400; letter-spacing:0.100rem; border:1px solid #fff; transition: all 0.15s linear 0s; }
.ween-bg-black .btn-brand { border-radius:0; font-size:19px; line-height:22px; padding:10px 20px; text-decoration:none!important; }
.ween-bg-black .btn-brand:hover { background-color:#e32400; border-color:#fff; color:#fff; text-decoration:none!important; }



.ween-bg-white h2 { color:var(--cty-brand-ween-orange-dark); font-size: 1.66rem; text-transform:uppercase; margin-bottom:0.25rem; margin-top:0; }
.ween-bg-white h3 { color:var(--cty-brand-ween-orange-dark); margin-bottom:0.25rem; margin-top:0; }
.ween-bg-white p { color:inherit; }



/* cards */

.ween-cards { margin:0; }
.ween-card { background-color:var(--cty-brand-ween-green); color:black; width:100%; height:356px; position:relative; }

.ween-image { position:absolute; z-index:1; top:0px; width:100%; height:300px; }
.ween-image-img { display:block; width:100%; height:300px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.ween-image-cover-text { 
   opacity:0; transition: all 200ms ease; overflow:hidden;
  position:absolute; z-index:1; top:0px; width:100%; height:300px;
  background-color:var(--cty-brand-ween-green);
  display:flex; 
  align-items:center;
  justify-content: middle;
  padding:24px;
  text-align:center;
  font-weight: 700; font-size: 18px; line-height:1.4; text-wrap:balance;
}

.ween-card:hover .ween-image-cover-text { opacity:0.95; }


.ween-content { position:absolute; z-index:2; bottom:0px; width:100%; padding:16px 8px; }
.ween-content-headline { text-align:center; color:inherit; font-family: 'futura-pt', sans-serif; font-weight: 700; 
  font-size: 24px; line-height:1; text-wrap:balance;  }



/* image roll */

.image-roll-hold { background-color:inherit; margin-top:2rem; }

.imagerollSwiper .swiper-wrapper { width:100%; height:500px; position:relative; }

.imagerollSwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: var(--cty-brand-ween-green);
  display: flex;
  justify-content: center;
  align-items: center;
  border:3px solid var(--cty-brand-ween-green);
}

.imagerollSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.imagerollSwiper .swiper-navigation {
  position: absolute;
  z-index: 999;
  bottom: 30px;
  right: 30px;
  background-color: black;
  border-radius: 30px;
  width: 96px;
  height: 48px;
}

.swiper-roll-prev, .swiper-roll-next { display:block; width:48px; height:48px; font-size:24px; line-height:48px; text-align:center; float:left; color:white; opacity:0.85; }

.swiper-roll-prev:hover { opacity:1; }
.swiper-roll-next:hover { opacity:1; }