:root{
   --height-card-hero: 190px;   
}


.is-tiered .seating-guide-buy-tickets .card{
    height: 138px;
  }
  .is-tiered .seating-guide-buy-tickets .card h2:after{
      content: "100% Buyer Guarantee";
      font-size: 15px;
      position: absolute;
      top: 28px;
      left: 0;
      width: 176px;
  }
  
  
  .is-tiered .seating-guide-buy-tickets img{
    height: 108px !important;
  }
  .is-tiered .seating-guide-upload-rate{
    height: 125px !important;
  }
  
  .is-tiered .seating-guide-explore{
    height: 119px !important;
  }
  
  .is-tiered .sc-holder, .is-tiered .cropped-chart{
    height: 68px !important;
  }
  
  .is-tiered .seating-guide-upload-rate{
    padding-top: 5px !important;
  }
  
  .is-tiered .seating-guide-upload-rate span.eighteen{
    line-height:24px !important;
  }
  

  #preview-seating-container{position:absolute;top:430px;width:630px;background:rgba(255,255,255,0.9) none;z-index:5;left:-15px; box-shadow: 0 -3px 4px 0px rgba(0,0,0,0.15);border-bottom:1px solid #DDD;border-top:1px solid #DDD;}
#preview-seating-container .interior{width:600px;padding:10px 15px;box-shadow: 0 3px 4px 0px rgba(0,0,0,0.15);z-index:6;overflow:auto;}
.preview-seating-select.active em{display:none;}
.venue-header.marbottom{margin-bottom:0 !important;} /*super-hack with cover photo*/
.cover-photo{width:100%; background-repeat:no-repeat;background-position:50% 35%;background-size:100%;}
.cover-photo-interior{padding-top:20px;width:1000px;margin:0px auto; overflow:auto;}
.cover-photo-interior h1,.cover-photo-interior h2{text-align:center;}
.cover-photo .card{-moz-box-shadow:6px 6px 5px #000;-webkit-box-shadow:6px 6px 5px #000;box-shadow:6px 6px 5px #000;position:relative;background:white;border:1px solid #CCC;}
.cover-photo .card h2{color:black !important;text-shadow:none !important;font-size:18px;font-weight:normal !important;text-align:left;}
.cover-photo .card h2:hover{text-decoration:underline;}
.cover-photo .card:hover{border-color:black;}
.cover-photo ul.navigation-onpage{border-top:1px solid #333;}
.cover-photo ul.navigation-onpage li{font-weight:bold;color:#AEAEAE;font-size:14px;padding:20px 30px;position:relative;}
.cover-photo ul.navigation-onpage img.arrow-active{display:none;position:absolute;bottom:0;left:50%;margin-left:-7px;}
.cover-photo ul.navigation-onpage li.active{color:white;}
.cover-photo ul.navigation-onpage li.active img.arrow-active{display:block;}
.cover-photo ul.navigation-onpage li:hover{color:white;cursor:pointer;}
.cover-photo-interior{padding-bottom:0 !important;} /*if we have inpage navigation*/
a.item-location{border-left:16px solid #D1D1D1;padding-left:10px;}
#section-rows-description div{background:#E1E1E1;border-radius:4px;min-width:16px;text-align:center;font-size:11px;color:#333;height:16px;line-height:16px;float:left;margin-right:10px;font-weight:bold;}
#section-rows-description span{line-height:16px;float:left;font-weight:bold;color:#999;font-size:11px; margin-right:20px;}
#section-rows-description span.last{margin-right:0;}
ul.page-contents li{color:black !important;font-size:12px;line-height:26px;}
table.table-staff-picks{color:#666;}
table.table-staff-picks th{color:#666;font-weight:bold;text-align:left;border-bottom:1px solid #CCC;padding:10px}
table.table-staff-picks th:first-child, table.table-staff-picks td:first-child{padding-left:0;}
table.table-staff-picks td{padding:10px;border-top:1px solid #F1F1F1;}
table.table-staff-picks tr.continuous td:first-child{border-top:none;}
table.table-staff-picks td li{font-size:12px;margin-bottom:0;}
.custom-event-box,.custom-event-box .bg-black-transparent-dark{border-radius:10px;}
.article-body p.callout-inline{margin-left:-15px;-moz-box-shadow:1px 2px 2px 0px #666;-webkit-box-shadow:1px 2px 2px 0px #666;box-shadow:1px 2px 2px 0px #666;background:#333;color:white;padding:10px;}
.article-body p.callout-inline a{color:white;text-decoration:underline;}











.thumbnail-container{overflow:auto;}
.thumbnail-container img{
   width: 100%;
   border-radius: 4px;
   object-fit: cover;
   height: 100%;   
}

.thumbnail-container .thumbnail-holder{
   float:left;margin-right:10px; width:calc(20% - 10px);max-width: 90px;
   height: 15vw;
   max-height: 90px;
   border-radius: 4px;
   box-sizing: border-box;
}

.thumbnail-container .thumbnail-holder .caption{padding:3px 5px;position:absolute;bottom:0;left:0;color:white !important;background:rgba(0,0,0,0.85) none;width: 100%;box-sizing: border-box;
font-size: --fsize-d-xsmall;
}

.thumbnail-holder.link-holder{   
   background: black;
   color: white;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   font-weight: 500;  
}




.mobile #seating_overview section:first-child{margin-top:0px;}
/*MOBILE EVENT LIST STYLING*/
.mobile #mobile-ajax-event-list{margin:10px;margin-bottom:20px;border:1px solid #E5E5E5;}
.mobile #mobile-ajax-event-list ul.simple-event-list{border-top:none;}
.mobile #mobile-ajax-event-list h2.list-header{border-bottom:1px solid #E5E5E5;border-top:none;background:#FFF;color:#666;font-size:18px;padding:15px;}
.mobile #seating_overview{padding-top:20px;}

ul.header-navigation{padding:15px;background:white;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}
ul.header-navigation.navigation-scroll{overflow-y:hidden;overflow-x:scroll;white-space: nowrap;}
.header-navigation li{border-radius:3px;border:1px solid #0067CE;color:#0067CE;text-align:center;padding:7px 0;width:90px;margin-right:15px;display:inline-block;text-transform:uppercase;font-size:11px;position:relative;}



#trending-events{background:white;border-bottom:1px solid #CCC;}

/*Test default has sticky header at the top*/
#sticky-event-teaser{position:fixed;top:auto;bottom:0;width:100%;-moz-box-shadow:1px -2px 2px 0px #CCC;-webkit-box-shadow:1px -2px 2px 0px #CCC;box-shadow:1px -2px 2px 0px #CCC;z-index:1000000;left:0;}


/**
 * The default mobile event list has a date block, event block and button
 * [ ][      ][  ]
 *
 * The default button text is "Tickets"
 *
*/
.mobile .list-events-style-default li.event{background:white;position:relative;border-bottom:1px solid #F1F1F1; overflow:auto;font-size:12px;color:black;padding:10px 0;}

.mobile .list-events-style-default li.event .date-block{float:left;width:30px;line-height:1;padding:0 15px;margin-top:-2px;}
.mobile .list-events-style-default li.event .date-block span{display:block;text-align:center;}
.mobile .list-events-style-default li.event .date-block .day-of-month{font-size:22px;margin-bottom:3px;}
.mobile .list-events-style-default li.event .date-block .month{text-transform:uppercase;}
.mobile .list-events-style-default li.event .event-block{float:left;width:calc(100% - 60px - 72px - 22px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height:1;}
.mobile .list-events-style-default li.event .event-block .event-name{margin-bottom:2px;font-size:14px;color:#0067CE;font-weight:500;}
.mobile .list-events-style-default li.event .event-block .event-location,.list-events-style-default li.event .event-block .event-time{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mobile .list-events-style-default li.event .event-block .event-location{margin-bottom:2px;}
.mobile .list-events-style-default li.event button{position:absolute;right:15px;width:72px;font-size:14px;height:32px;padding:0;line-height:32px;top:10px;}


  
/**
 * Styles for event overlay popup
 */
 
#list-overlay-popup-events{max-height:calc(100% - 270px);}
#list-overlay-popup-events li{margin-bottom:15px;text-align:center;color:white;position:relative;padding:10px;height:60px;background:black;cursor:pointer;}
#list-overlay-popup-events li:last-child{margin-bottom:0;}
#list-overlay-popup-events li:active{opacity:0.85}
#list-overlay-popup-events li .abbreviation{left:0px;width:60px;top:0;text-align:center;font-size:24px;line-height:60px;height:60px;position:absolute;font-weight:bold;}
#list-overlay-popup-events .event-name{line-height:24px;font-weight:bold;font-size:20px;width:calc(100% - 60px);margin-left:30px;position:relative;z-index:2;}
#list-overlay-popup-events .event-name.has-abbrev{width:calc(100% - 120px);margin-left:60px;}
#list-overlay-popup-events .event-details{line-height:16px;}
#list-overlay-popup-events li .image-performer{position:absolute;right:0;top:0;height:60px;width:90px;z-index:1;}  
  
  
  
  
  
  section figure img{height:300px;width:100%;object-fit:cover;} 
  
@media screen and (max-width: 599px)
{
  section figure img{height:200px;} 
}

section .article.article-best-seats{max-height:150px;overflow:hidden;margin-bottom:20px;}
section .article.article-best-seats{}
section.section-expanded .article.article-best-seats{max-height:unset;margin-bottom:0;}
section.section-expanded .mask-article{background:none;position:relative;padding:0;}  
section .mask-article{position:absolute;bottom:0;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));left:0;width:100%;padding:15px;padding-top:155px;text-transform:uppercase;font-weight:bold;margin-top:10px;}
  .section-collapsed:not(.section-expanded):hover{cursor:pointer;border-color:#CCC !important;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);}
  section .mask-article  span.fakeLink:before{content:"Continue Reading";}
  section.section-expanded .mask-article span.fakeLink:before{content:"Show Less";}

  
  
  li.item-avatar{border:none;padding-top:0;padding-left:56px !important;} 

   #city-events ul{
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 16px;
      list-style-type: none;
      padding: 0;
      margin: 0;
   }

   #city-events li{
      font-size: clamp(13px, 2vw, 14px);
   }
   #city-events li a{
      color: #222;      
   }


.pseudo-section{
   padding: 10px;
}


.slider .item-card .details{
   
}

.slider .item-card .footer button{
    background-color: black;
    color: white;
    border: none;
    cursor: pointer;
    line-height: 32px;
   height: 32px;
   width: 50%;
   position: absolute;
   right: 0;
   bottom: 0;
}



#contentZoneModalXXX section{
   margin-bottom: 40px;
}

#contentZoneModalXXX section.hero{
   margin-bottom: 20px;
}

#contentZoneModalXXX img{
   max-height: 300px;
   width: 100%;
   height: 100%;
   min-height: 120px;
   aspect-ratio: 13 / 7;
   filter: brightness(0.8);
   object-fit: cover;
   border-radius: 1rem;   
}

#contentZoneModalXXX hgroup h1{
   margin-bottom: 0;
}


section.is-section{
   padding: 10px;
}

section.is-section .footer{
   padding-top: 20px;
}

section.is-section .footer .secondary-message{
   color: #666;
   float: right;
}




/* Move the cover photo to centered */
.billboard-transparent .billboard-bg img{
   object-position: center;
}

[data-pattern='card'][data-variant='shaded']{
   transition: all 0.5s ease;
}
[data-pattern='card'][data-variant='shaded']:hover{

}

[data-pattern='card'] [data-slot='cta-text']:not([data-is="btn"]):hover,
[data-pattern='card'] [data-slot='title']:hover{
   text-decoration: underline;
}

[data-pattern='card'][data-card='content']{
   
   /* force heights to match */
   height: 100%;

   /* Helps dense cards breathe */
   min-height: 160px;
}

[data-pattern='card'][data-card='content'] [data-slot='media']{
   overflow: hidden;
}

[data-pattern='card'][data-card='content'] img{
   transition: transform 0.4s ease;
   filter: brightness(0.9);
}

[data-pattern='card'][data-card='content']:hover img{
   transform: scale(1.06);
   filter: brightness(1);
}

[data-pattern='card']:not([data-variant='event']) > [data-slot='footer'][data-variant='cta']{
   color: var(--color-primary);
}

[data-pattern='card'][data-card='content']:hover{
   cursor: pointer;
}

[data-pattern='card'] [data-slot='footer'] [data-slot='cta-text']{
   font-size: 15px;
}


[data-slot='media-badge']{
   filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.35));
}

[data-slot='media-badge'] [data-role='price']{
   font-size: x-small;
   font-weight: normal;
   line-height: 1.2;
}

[data-slot='media-badge'] [data-role='price'] strong{
   display: block;
   font-size: 16px;
}

[data-pattern='card'][data-card='content'] [data-slot='media'] [data-slot='media-badge']{
   background: rgb(0 36 72 / 75%);
   color: white;
   line-height: 12px;
   padding: 6px 12px;
   top: 4px;
   left: 4px;
   border-radius: 6px;  
}
[data-pattern="card"][data-card="vignette"] [data-slot='media']::after,
[data-pattern="card"][data-card="vignette"] [data-slot='media'] img,
[data-pattern="card"][data-card="vignette"]{
   transition: transform 0.4s ease;
   transition: all 0.4s ease;
}
[data-pattern="card"][data-card="vignette"]:hover [data-slot='media'] img{
   scale:  1.06;
}

[data-pattern="card"][data-card="vignette"]:hover [data-slot='media']::after{
   background: rgba(var(--billboard-bg-rgb), 0.6);
}


a.rys-slide.view-all-events {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-decoration: none !important;
}


.cmodal main{
   display: flex;
   flex-direction: column;
}


#modal-tickets{
   margin-top: auto;
}

#modal-tickets rys-slider{
   margin-bottom: 12px;
}


#modal-tickets .is-body{
   padding-left: var(--gutter-size);
   padding-top: 16px;
   padding-bottom: 24px;
   border-top: 1px solid #0067ce17;
   background: linear-gradient(to bottom, rgb(194 213 233 / 20%) 0%, rgba(255, 255, 255, 1) 80%);
   margin-left: calc(clamp(1rem, 3vw, 1.5rem) * -1);
   margin-right: calc(clamp(1rem, 3vw, 1.5rem) * -1);
   margin-bottom: calc(var(--scene-gap) * -0.75);
   max-width: none;   
}

#modal-tickets .slider-footer{

   display: flex;
   gap: 0.5rem;
   color: var(--color-60);
   white-space: nowrap;
   overflow: hidden;
   height: 20px;   
   margin: 0px auto;
}

#modal-tickets .slider-footer li{
   display: flex;
   align-items: center;
   gap: 0.25rem;
   font-size: var(--size-content-detail);
   height: 20px;
   line-height: 20px;
   white-space: nowrap;
   flex-shrink: 0;   
}

#modal-tickets .slider-footer li:not(:first-child)::before {
   content: "•";
   margin-right: 0.5rem;
}

#modal-tickets .slider-footer i[data-icon="shield-check-outline"] {
   color: #008000;
}

#modal-tickets .is-body{
   display: flex;
   flex-direction: column;
   gap: 12px;
}

#modal-tickets .is-body .slider-footer-button [data-is='btn']{
   width: calc(100% - 16px);
}




/* Force the rail to overlap */
@media (min-width: 960px) {
   [data-layout='rail'] {
      margin-top: -100px;
      z-index: 5;
   }      
}



 .video-container{
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   max-width: 100%;
   border-radius: 6px;    
 }


 [data-id='meta']{
   padding: 16px;
   border-radius: 8px;
   background: #fdfdfd;
   border: 1px solid #E5E5E5;
   display: flex;
   flex-direction: column;
   gap: calc(var(--scene-gap) * 0.75);
   flex-wrap: wrap;    
 }