[data-component='venue-nav']{
   background: white;
   border-top: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
}

[data-component='venue-nav'] ul{
   padding-top: 8px;
}

[data-component='venue-nav'] li {
    border-bottom: 3px solid white;
    text-align: center;
    padding: 12px;
    margin-right: clamp(12px, 3vw, 24px);
    display: inline-block;
    position: relative;
}

[data-component='venue-nav'] li.is-selected{
   border-bottom-color: black;
   font-weight: 500;
} 

[data-component='venue-nav'] li:hover{
   border-bottom-color: black;
}

section.hero.has-events{
   height: unset;
   max-height: unset;
   padding-top: 40px;
}

.contains-hero-events.pos-sticky{
   background: #000000cc;
   webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);   
}
.contains-hero-events.pos-sticky .slider-header{
   /* color: black;
   margin-top: 8px; */
   display: none;
}
.contains-hero-events.pos-sticky .container{
   max-width: 1600px;
   padding: clamp(12px, 12px, 16px);
}

.contains-hero-events.pos-sticky .card{
   background: white;
   border: 1px solid #E5E5E5;
}

section[data-id='hero-events']{
   margin-bottom: 1.5rem;
}

section[data-id='hero-events'] .slider-header.has-navigation h2{
   line-height: 40px;
} 

.contains-hero-events.pos-sticky section[data-id='hero-events']{
   margin-bottom: 0;
}

section.hero.has-events .slider-header{
   margin-bottom: 0.5rem;;
}
section.hero.has-events .slider-header h2{
   font-size: 1.3rem;
}

.card-hero{
   width: 100%;
   border-radius: 8px;
   color:white;
   text-align: center;
   padding: 32px;
   box-sizing: border-box;
   overflow: hidden; /* Ensures the image doesn't overflow the card */
}
.card-hero.has-mask::before{
   border-radius: 12px;
}

.card-hero.skeleton{
   padding: 0;
}
.card-hero *{
   color:white;
   z-index: 10;
   position: relative;
}
.card-hero.has-mask{
   
}

.card-hero img{
   position: absolute;
   height: 100%;
   width: 100%;
   object-fit: cover;
   border-radius: 12px;
   z-index: 0;
   left: 0;
   top: 0;
   transition: transform 0.4s ease; /* Smooth transition for zoom */
}
.card-hero p{
   font-size: 0.9rem;
   line-height: 1rem;
}

.card-hero button{
   background: #0067ce;
   color: white;
   line-height: 48px;
   height: 48px;
   font-size: 16px;
   min-width: 50%;   
}


.card-hero:hover img{
   transform: scale(1.1); /* Zoom in the image */
}

.card-hero h2{
   font-weight: bold;
   margin-bottom: 1.5rem;
}

section[data-id='seat-views'] figure:hover img{
   
}

section[data-id='seat-views'] img{
   width: 100%;
   border-radius: var(--border-radius);
   height: 100%;   
}

section[data-id='seat-views'] figure , #show-more-photos{
   float:left;
   margin-right: 12px;
   width:calc(25% - 12px);
   height: 16vw;
   max-height: 120px;
   border-radius: var(--border-radius);
   position: relative;
   cursor:  pointer;
}

section[data-id='seat-views'] figure figcaption{
   padding:3px 5px;
   position:absolute;
   bottom:0;
   left:0;
   color:white !important;
   background:rgba(0,0,0,0.85) none;
   width: 100%;
   font-size: var(--fsize-d-xsmall);
   border-radius: 0 0 var(--border-radius) var(--border-radius);
   text-overflow: ellipsis;
   overflow:hidden;
   white-space: nowrap;

}

section[data-id='seat-views']  figure.link-holder{   
   background: black;
   color: white;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   font-weight: 500;  
}



.thumbnail-holder:hover img{
   opacity:0.85;
   filter:alpha(opacity = 85);
}

section[data-id='ratings'] .card[data-cdtheme='preview'] header em{
   font-size: 1.16rem;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   line-height: 1.2;
   overflow: hidden;
   text-overflow: ellipsis;

   position: relative;
   font-weight: 500;
}
section[data-id='ratings'] .card[data-cdtheme='preview'][data-id^='rating-'] header {
   height: calc(4.4rem + 16px);
}

section[data-id='ratings'] .card[data-cdtheme='preview'][data-id^='review-'] header {
   margin-bottom: 2rem;
}

.card[data-cdtheme='preview+hero'] footer .aside{
   flex-grow: 1;
   align-self: flex-start;
   font-size: x-small;
 }
 .card[data-cdtheme='preview+hero'] footer .aside strong{
    font-size: 1.28rem;
 }


 section[data-id='photos'] figure img{
    width: 100%;
    height: 24vw;
    min-height: 220px;
    object-fit: cover;
    border-radius: var(--border-radius-lg);
    max-height: 440px;
 }

 section[data-id='photos'] .swiper-button-white{
   padding: 24px;
   background-color: rgba(0, 0, 0, .6);
   border-radius: 50%;    
 }
 .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{
    display: none;
 }

 .col-side section[data-id='city'] ul {
   display: grid;
   grid-template-columns: repeat(2, 1fr); /* Two columns */
   grid-template-rows: repeat(2, auto);   /* Two rows */
   gap: 10px; /* Optional: add space between the items */
}


.cmodal figure img{
   width: 100%;
   height: 24vw;
   min-height: 220px;
   object-fit: cover;
   border-radius: var(--border-radius-lg);
   max-height: 440px;
}





.cmodal figure img{
   border-radius: var(--border-radius);
}


.card[data-cdtheme='preview'][data-id^='review='] header  :is(h1, h2, h3, h4, h5, h6){
   white-space: unset;
   overflow: unset;
   text-overflow: unset;
}



section[data-id='guarantee'] img{
   border-radius: 4px;
}

@media (max-width: 959px) {
   .col-side section:not([data-id^='city']) {
     display: inline-block;
     vertical-align: top; /* Ensures that sections align at the top */
     width: calc(50% - 16px); /* Adjust width as needed */
     margin-right: 16px; /* Add margin between inline sections */
   }
   .col-side section{
   }
   

   section[data-id='guarantee'] img{
      max-height: 200px;
      height: 20vw;
      width: 80%;
      object-fit: cover;
   }

 }
 
 @media (max-width: 600px) {
   .col-side section {
     display: block !important;
     width: 100% !important;
     margin-right: 0 !important;
   }

   section[data-id='guarantee'] img{
      height: 200px;
      width: 80%;
      min-width: 300px;
      min-height: 144px;
   }
 }





@media (min-width: 960px) {
.col-side .wrapper{
   border: var(--border-default);
   padding: 1.5rem;
   border-radius: 8px;
   background: #f8f8f845;   
}
section[data-id='guarantee'] img{
   max-height: 144px;
   object-fit: cover;
   width: 100%;
}

.col-side section{
   margin-bottom: clamp(1.5rem, 2vw, 3.5rem);
}

}

.col-side section h3{
   font-size: 1.3rem;
}

#modal-photo .modal-container{
   max-width: 1200px;
}

#modal-photo figure img{
   height: unset;
   max-height: unset;
}


main[data-vstatus='tiered'] section[data-id='seat-views'] figure, #show-more-photos {
   width: calc(33% - 12px);
}


#show-more-photos{
   display: flex;
   align-items: center;
   justify-content: center;
}