#top-bar>div>div>a,#top-panel>div:first-child>div>a{background-image:none!important;font-family:"EngraversGothicBold",sans-serif;font-size:32px;line-height:.85;text-transform:uppercase;letter-spacing:3px;text-align:center;color:#f3f2ed;display:flex;flex-direction:column;justify-content:center}
#top-panel>div:first-child>div>a{font-size:15px;letter-spacing:1px;width:130px;color:#ec4407}
.brand-stars{display:block;font-family:serif;font-size:22px;letter-spacing:5px;margin-top:14px}
#top-panel .brand-stars{font-size:12px;margin-top:6px;letter-spacing:3px}
.footer-brand{display:inline-block;width:194px;color:#ec4407;font-family:"EngraversGothicBold",sans-serif;text-transform:uppercase;text-align:center;font-size:27px;line-height:.9;letter-spacing:2px}
@media(max-width:767px){#top-bar>div>div>a{font-size:21px;letter-spacing:2px}.brand-stars{font-size:14px;margin-top:8px;letter-spacing:3px}}

#top-bar>div>div>a,#top-panel>div:first-child>div>a{display:block;text-decoration:none!important;line-height:.85;font-size:28px} .brand-name{display:block}.brand-stars{line-height:1}#top-panel>div:first-child>div>a{font-size:15px}@media(max-width:1023px){#top-bar>div>div>a{font-size:21px;letter-spacing:2px}.brand-stars{font-size:14px;margin-top:8px;letter-spacing:3px}}

/* Keep carousel content readable before/without JavaScript initialization. */
.section23 .swiper:not(.swiper-initialized) .swiper-slide:not(:first-child){display:none}
.section23 .swiper:not(.swiper-initialized) .swiper-wrapper{display:block}

/* Swiper's loop creates a duplicate edge slide. The source site's bundle leaves
   that duplicate opaque in the local preview, so explicitly show only the
   active slide. */
.section23 .swiper.swiper-initialized .swiper-slide:not(.swiper-slide-active){
 opacity:0!important;
 pointer-events:none!important;
}
.section23 .swiper.swiper-initialized .swiper-slide-active{
 opacity:1!important;
 pointer-events:auto!important;
}

/* User-supplied display face. Keep every editorial heading level and straight. */
@font-face{
 font-family:"Austin Light Italic";
 src:url("assets/Austin-Light-Italic.otf") format("opentype");
 font-weight:300;
 font-style:italic;
 font-display:swap;
}
.h2-special,.h2-script,.script{
 font-family:"Austin Light Italic",Georgia,serif!important;
 transform:none!important;
 rotate:none!important;
}
.section23 .swiper-slide>h2{
 font-family:"EngraversGothicBold",sans-serif!important;
 font-style:normal!important;
 font-weight:700!important;
 color:#fff!important;
 transform:translate(-50%,-50%)!important;
 rotate:none!important;
 width:min(72vw,1100px)!important;
 margin:0!important;
 font-size:clamp(54px,5.5vw,88px)!important;
 line-height:.94!important;
 letter-spacing:.01em!important;
 text-transform:uppercase!important;
 pointer-events:none;
}
@media(max-width:1023.98px){
 .section23 .swiper-slide>h2{
  width:78vw!important;
  font-size:clamp(46px,7vw,68px)!important;
 }
}
@media(max-width:767.98px){
 .section23 .swiper-slide>h2{
  width:88vw!important;
  font-size:clamp(36px,10vw,52px)!important;
 }
}

/* Mirror the desktop experience slides: supporting copy and portraits on the
   left, with the principal image on the right. */
@media(min-width:1024px){
 .section23 .swiper-canvas.large .swiper-slide>div>div{
  flex-direction:row-reverse;
 }
 .section23 .swiper-canvas.large .swiper-slide>div>div>div:first-child{
  padding-left:60px!important;
  padding-right:80px!important;
 }
 .section23 .swiper-canvas.large .swiper-slide>div>div>div:last-child{
  padding-left:20px!important;
  padding-right:30px!important;
 }
 .section23 .swiper-canvas.large .swiper-slide>div>div>div:last-child>div:first-child{
  padding-left:30px!important;
  padding-right:0!important;
 }
}

.section11 .tab-content>div:not(.selected){
 visibility:hidden;
 pointer-events:none;
}
.section11 .tab-content>div.selected{
 visibility:visible;
 pointer-events:auto;
}

/* User-supplied Elope in Las Vegas wordmark. */
.site-logo{
 display:block!important;
 width:100%!important;
 max-width:none!important;
 height:auto!important;
 object-fit:contain;
}
#top-bar>div>div>a{
 width:clamp(210px,22vw,330px)!important;
 height:auto!important;
 background-image:none!important;
}
#top-panel>div:first-child>div>a{
 width:clamp(190px,18vw,270px)!important;
 height:auto!important;
 background-image:none!important;
}
#top-panel .site-logo{
 content:url("assets/elope-logo-type-midnite.png");
 filter:none;
}
#footer .site-logo{
 content:url("assets/elope-logo-type-ec4407.png");
 filter:none;
}
#footer .footer-site-logo{
 width:min(340px,72vw)!important;
 margin-inline:auto;
}
@media(max-width:767.98px){
 #top-bar>div>div>a{width:180px!important}
 #top-panel>div:first-child>div>a{width:165px!important}
}

/* Secondary brand mark in the decorative badge positions. */
.badge.brand-mark{
 width:190px!important;
 height:55px!important;
}
.badge.brand-mark .site-mark{
 display:block;
 width:100%!important;
 height:100%!important;
 object-fit:contain!important;
 content:url("assets/elope-logo-mark-ec4407.png");
 filter:none;
}
.section02>div>div>div .badge.brand-mark:last-child{
 margin-left:-95px!important;
 bottom:-28px!important;
}
.section12>.badge.brand-mark .site-mark{
 content:url("assets/elope-logo-mark.png");
 filter:none;
}
@media(max-width:1023.98px){
 .badge.brand-mark{width:150px!important;height:43px!important}
 .section02>div>div>div .badge.brand-mark:last-child{
  margin-left:-75px!important;
  bottom:-22px!important;
 }
}

/* Hero display title. */
#header .intro h1{
 font-family:"EngraversGothicBold",Arial,sans-serif!important;
 font-style:normal!important;
 font-weight:700!important;
 transform:none!important;
 rotate:none!important;
 letter-spacing:.02em!important;
 text-transform:uppercase!important;
}
#header,
#header *{
 cursor:default!important;
}
#header .intro h1{
 font-size:92px!important;
 line-height:.92!important;
}
#header .link{
 display:block!important;
 bottom:clamp(28px,4vh,52px)!important;
}
#header .link a{
 display:inline-block;
 padding:0 0 6px;
 color:#fff!important;
 border-bottom:2px solid currentColor;
 font-family:"EngraversGothicBold",sans-serif;
 font-size:18px;
 line-height:1;
 letter-spacing:.1em;
 text-transform:uppercase;
 text-decoration:none!important;
 cursor:pointer!important;
}
@media(max-width:1023.98px){
 #header .intro h1{font-size:68px!important}
 #header .link a{font-size:16px}
}
@media(max-width:767.98px){
 #header .intro h1{font-size:52px!important}
 #header .link{bottom:24px!important}
 #header .link a{font-size:14px}
}

/* Raise the hero navigation row by reducing its original top spacing by 1/3. */
.template-hero #top-bar{
 padding-top:20px!important;
}
@media(max-width:1023.98px){
 .template-hero #top-bar{padding-top:14px!important}
}
@media(max-width:767.98px){
 .template-hero #top-bar{padding-top:10px!important}
}

/* Remove the rotating decorative badge elements throughout the site. */
.badge{
 display:none!important;
}

/* Keep inactive service labels at the exact brand orange; the underline alone
   indicates the active tab. */
.section11 .tab-menu li:not(.selected) a{
 color:#ec4407!important;
 opacity:1!important;
}
/* Brand color token: Midnite. */
:root{
 --midnite:#161417;
 --burgundy:#290511;
 --blush:#ffd4e2;
}

/* Experience section palette. */
.section23.experience{
 --accent-color:var(--blush);
 background:var(--midnite)!important;
 background-color:var(--midnite)!important;
 color:var(--blush)!important;
}
.section23.experience .swiper-slide{
 background:var(--midnite)!important;
 background-color:var(--midnite)!important;
}
.section23.experience .swiper-slide>h2{
 color:var(--blush)!important;
}
.section23.experience .swiper-slide p,
.section23.experience .swiper-slide p a,
.section23.experience .swiper-pagination-bullet{
 color:var(--blush)!important;
}
.section23.experience .swiper-pagination-bullet{
 opacity:.45!important;
}
.section23.experience .swiper-pagination-bullet-active{
 opacity:1!important;
}
.section23.experience .cta:after{
 background-color:var(--blush)!important;
}

/* The source arrow artwork is black, so invert it on the burgundy section. */
.section23.experience .swiper-button-next,
.section23.experience .swiper-button-prev{
 display:block!important;
 visibility:visible!important;
 opacity:1!important;
 filter:brightness(0) saturate(100%) invert(89%) sepia(9%) saturate(695%) hue-rotate(294deg) brightness(104%) contrast(103%);
 z-index:20!important;
}


/* Sticky header uses the Midnite brand color. */
#top-panel>div:first-child>div>button:first-child{
 background-image:url("assets/menu-midnite.svg")!important;
}
#top-panel>div:first-child>div>button:last-child{
 color:var(--midnite)!important;
}

/* Intro collage video treatment. */
.section02 .intro-bw-video video{
 filter:grayscale(100%);
}

/* Preserve the original collage frame proportions after asset replacement. */
.section02 .imgs>picture,
.section02 .imgs>.video-container{
 display:block;
 overflow:hidden;
}
.section02 .imgs>:nth-child(1){aspect-ratio:3 / 4;}
.section02 .imgs>:nth-child(2){aspect-ratio:4 / 5;}
.section02 .imgs>:nth-child(3){aspect-ratio:4 / 3;}
.section02 .imgs>picture>img,
.section02 .imgs>.video-container>video{
 display:block;
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
}

/* With three collage items, keep the third in its original right-hand frame
   instead of inheriting the old fourth-item layout. */
.section02 .imgs>picture:nth-child(3){
 display:block!important;
 width:37%!important;
 margin-top:-45%!important;
 margin-right:0!important;
 margin-left:auto!important;
}

/* Venue slider typography uses Midnite. */
.section10,
.section10 .tagline,
.section10 h2,
.section10 p,
.section10 a{
 color:var(--midnite)!important;
}
.section10 .cta:after{
 background-color:var(--midnite)!important;
}

/* Venue names use the straight Austin display face. */
.section10 .swiper-slide h2{
 font-family:"Austin Light Italic",Georgia,serif!important;
 font-style:italic!important;
 font-weight:300!important;
 text-transform:none!important;
 letter-spacing:-.025em!important;
}

/* Scroll depth for the editorial image compositions. */
.parallax-layer{
 will-change:transform;
 transform:translate3d(0,var(--parallax-y,0),0);
}
.parallax-frame{
 overflow:hidden;
}
.parallax-media{
 will-change:transform;
 transform:translate3d(0,var(--parallax-y,0),0) scale(1.14);
 transform-origin:center center;
}
@media(prefers-reduced-motion:reduce){
 .parallax-layer,.parallax-media{
  transform:none!important;
 }
}

/* Breathing room between the homepage collage and burgundy experience slider. */
#box-538b78c7-0d5e-4135-9078-1bc70ea7f937{
 padding-bottom:200px;
}

/* Hero navigation CTA returns to underlined type. */
.template-hero #top-bar>div>div>button.book{
 text-decoration:underline!important;
 text-underline-offset:6px;
 text-decoration-thickness:1px;
}

#header .hero-video-toggle{
 position:absolute;right:4.5vw;bottom:clamp(28px,4vh,52px);z-index:5;
 display:flex;align-items:center;justify-content:center;
 width:44px;height:44px;padding:10px;border:0;background:transparent;
 color:#fff;cursor:pointer;
}
#header .hero-video-toggle[hidden]{display:none}
.hero-video-toggle svg{width:24px;height:24px}
.hero-video-toggle .play-icon,.hero-video-toggle.is-paused .pause-icon{display:none}
.hero-video-toggle.is-paused .play-icon{display:block}
.hero-video-toggle:focus-visible{outline:1px solid currentColor;outline-offset:3px}
@media(max-width:767px){#header .hero-video-toggle{right:12px;bottom:15px}}

/* Center the playback icon on the hero CTA's text line. */
#header .hero-video-toggle{
 bottom:calc(clamp(28px,4vh,52px) - 5px);
}
@media(max-width:1023.98px){
 #header .hero-video-toggle{bottom:calc(clamp(28px,4vh,52px) - 6px)}
}
@media(max-width:767.98px){
 #header .hero-video-toggle{bottom:17px}
}

/* Override the hero's default cursor for its playback control. */
#header .hero-video-toggle,
#header .hero-video-toggle *{cursor:pointer!important}

/* Venue category eyebrow, attached to each slide title. */
.section23.experience .venue-slider-label {
 display:block;
 margin:0 0 -12px;
 text-align:center;
 font-family:"EngraversGothicBold",sans-serif;
 font-size:24px;
 font-weight:400;
 font-style:normal;
 line-height:1.4;
 letter-spacing:normal;
 text-transform:uppercase;
 color:var(--blush);
}
.section23.experience .swiper-slide > h2 > .venue-slider-label {
 position:absolute;
 bottom:100%;
 left:0;
 width:100%;
}
@media(max-width:767.98px){
 .section23.experience .venue-slider-label{font-size:16px;margin-bottom:0;}
}

/* White venue titles and category eyebrows on the Midnite slider. */
.section23.experience .swiper-slide h2,
.section23.experience .venue-slider-label {
 color:#fff!important;
}

/* Keep this heading on one line, sized to its text column. */
.section11 .how-it-works-copy{container-type:inline-size}
.section11 .how-it-works-title{font-size:min(48px, 10cqw);white-space:nowrap}

/* Review stars and attribution. */
.section10.reviews-slider .tagline{margin-bottom:12px}
.section10.reviews-slider .review-attribution{font-family:"EngraversGothicBold",sans-serif;font-size:20px;text-transform:uppercase}

/* Black and white for the smaller overlapping review photos. */
.reviews-slider .swiper-slide picture + picture img{filter:grayscale(1)}