/* grand illuminiations 2025 */

:root {
   --cty-brand-grill-yellow:#fcd237; /* was #ffd000; */
   --cty-brand-grill-navy: #0c1b55;
  --cty-brand-grill-black: #211720;

  --cty-brand-grill-green: #bada55;
  --cty-brand-grill-orange: #bada55;
  --cty-brand-grill-orange-dark:#bada55;
}

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

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

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

.grill-bg h1 { color:var(---cty-brand-grill-navy); }
.grill-bg p.intro { color:var(--cty-brand-grill-black); }
.grill-bg p.intro .fg-yellow { color:var(--cty-brand-grill-yellow); }

.grill-bg-navy { background:var(--cty-brand-grill-navy); color:white; }

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

.grill-bg-navy .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; }
.grill-bg-navy .btn-brand { border-radius:0; font-size:19px; line-height:22px; padding:10px 20px; text-decoration:none!important; }
.grill-bg-navy .btn-brand:hover { background-color:#e32400; border-color:#fff; color:#fff; text-decoration:none!important; }



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



/* cards */

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

.grill-image { position:absolute; z-index:1; top:0px; width:100%; height:300px; }
.grill-image-img { display:block; width:100%; height:300px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.grill-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-grill-yellow);
  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;
}

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


.grill-content { position:absolute; z-index:2; bottom:0px; width:100%; padding:16px 8px; }
.grill-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-grill-navy);
  display: flex;
  justify-content: center;
  align-items: center;
  border:3px solid var(--cty-brand-grill-navy);
}

.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: #e32400;
  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; }