body{
   background: white;
 }
 
 .theme-zen h2, .theme-zen h3, .theme-zen h4{color:black; background:none;border:none;padding:0;}
 
 .article-body h2{font-size:24px !important;color:black !important;margin-bottom:20px !important;}
 .article-body h3{font-size:21px !important;color:black !important;margin-bottom:15px !important;}
 .article-body h4{font-size:18px !important;color:black !important;margin-bottom:15px !important;}
 .article-body p, .article-body ul li{font-size:15px !important;line-height:21px !important;}
 @media only screen and (min-width: 700px) {.article-body p, .article-body ul li{line-height:1.7 !important;}}
 
 
 .article-body ul li{
     list-style-type: disc;
     list-style-position: outside;
     margin-left: 20px;color:rgba(0, 0, 0, 0.87) !important;}
 
 .selecting #svgMapHolder{opacity:0.3;}
 
 #need-tickets-results .ticket-list ul{
    margin-bottom: 16px;
 }
 
 
 
 /**SHADE AND COVER TOOL STYLES**/
 #shade-cover-tool{height:450px;}
 .mobile #shade-cover-tool{height:auto;}
 #need-tickets-results{
   margin-bottom: 24px;
 }
 #shade-cover-tool.showing-results{

    margin-bottom: 24px;
   }
 .mobile #shade-cover-tool.showing-results{height:auto;}
 #shade-cover-tool button{
    height:60px;
    width:240px;
    font-size:18px;
    border:none;
    box-shadow:none !important;
    line-height: unset;
   }
 #shade-cover-tool .header-button{text-align:center;color:white;font-size:18px;margin-bottom:10px;}
 
 #shade-cover-tool .custom-select-trigger.active{font-size:inherit;}
 #select-seats-tool, #shade-cover-tool .custom-select-wrapper{display:none;}
 .cancel-start-over{color:#D1D1D1;font-size:14px;}
 
 #shade-cover-tool [data-icon='times-circle']{color:red;}
 #shade-cover-tool [data-icon='check-circle']{color:green;}
 
 #shade-cover-tool .container-button{position:relative;}
 #shade-cover-tool .container-button .fa-caret-down{color:#0067CE;position:absolute;bottom:-22px;display:none;}
 #shade-cover-tool .active .container-button .fa-caret-down{display:block;}
 
 #shade-cover-tool li.ticket{border:1px solid white;border-left-width:4px;position:relative;margin:0;border-bottom:1px solid #F1F1F1;}
 #shade-cover-tool li.ticket:hover{border-left-color:#E1F0FF;box-shadow:none;}
  
 #shade-breadcrumbs .breadcrumbs{overflow:auto;}
 #shade-breadcrumbs .breadcrumbs li{float:left;}
 #shade-breadcrumbs .breadcrumbs li a{color:white;}
 #shade-breadcrumbs .breadcrumbs li:after{content:">";padding:0 5px;}
 #shade-breadcrumbs .breadcrumbs li:last-child:after{content:"";padding:none;}
 
 #sticky-venue-header{display:none;}
 #shade-breadcrumbs{background:rgba(255,255,255,0.20);padding:10px 0px;color:#FFF;width:100%;position:absolute;bottom:0px;}
 #grid-left .grid-left-section{border:1px solid #E5E5E5;padding:15px;background: white;margin-bottom:30px;border-radius: 8px;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);
 }
 #grid-left .grid-left-section h2{color:#666;font-size:18px;margin-bottom:15px;text-align:left;}
 #grid-left .grid-left-section p{font-size:13px;}
 
 
 
 
 .sg-breadcrumb-wrapper{background:#333; padding: 10px 0;}
 .sg-breadcrumb-container{width:1000px;color:#FFF;}
 .sg-breadcrumb-container #breadcrumbs div{display:inline;}
 .sg-breadcrumb-container #breadcrumbs div:last-child a{text-decoration:none;cursor:default;}
 .sg-breadcrumb-container #breadcrumbs a{color:#FFF;}
 
 .icon-holder{
   position: absolute;
 }
 li.item-avatar.item-content{
   padding-top:0;
   margin-top:0;
   line-height: unset;
   font-size: 14px;
 }
 
 li.item-avatar.item-content .title{
   font-size:16px;
   font-weight: 500;
   display: block;
 }
 
 li.item-avatar.item-content .title-sub{
   margin-top: 4px;
 }
 
 li.item-avatar.item-content .content{
   margin-top: 16px;
 }
 .expand-comments.expand-question{
   border-left: 3px solid #6e8eae;
   padding-inline: 16px;
   margin-left: 4px;
 }

 
 .content img{
   max-width:100%;
   max-height: 50vh;
 }
 
 .container-modal[data-modal='ticketQuantity']{ /*background*/
     left: 0;
     background: rgba(0,0,0,0.85) none;
     height: 100%;
     width: 100%;
     top: 0;
     display: block;
     position: fixed;
     z-index: 50000000000000; /*needs to be bigger than photo modal and ticket overlay*/  
 }
 .container-modal .container-interior 
 {
     width: 100%;
     left: 0%;
     top:0;
     border-radius: 5px 5px 0 0;
     background: white;
     position: absolute;
 }
 .container-modal[data-modal='ticketQuantity'] .container-interior
 {
   width:400px;
   left:240px;
   top: 200px;
   border-radius:5px;
   bottom: unset;
 }
 .container-modal[data-modal='ticketQuantity'] .container-body{
   max-height: calc(100vh - 350px);
   overflow-y: auto;
 }
 @media screen and (min-width:440px) and (max-width:659px)
 {
   .container-modal[data-modal='ticketQuantity'] .container-interior
   {   
     left: calc(50% - 200px);
   }
   .container-modal[data-modal='ticketQuantity'] .container-body{
     max-height: calc(100vh - 80px);
   }
 }
 @media screen and (max-width:439px)
 {
   .container-modal[data-modal='ticketQuantity'] .container-interior
   {
     width: calc(100% - 40px) !important;   
     left: 20px !important;
     top: unset !important;
     bottom: 20px !important;
   }
   .container-modal[data-modal='ticketQuantity'] .container-body{
     max-height: calc(100vh - 140px);
   }  
 }
 @media screen and (min-width:660px)
 {
   .container-modal[data-modal='ticketQuantity'][data-position='right'] .container-interior
   {   
     left: unset !important;
     right: 240px;
   }
 }
 
 
 @media screen and (max-height:799px)
 {
   .container-modal[data-modal='ticketQuantity'] .container-interior
   {
     top:unset !important;
     bottom:20px !important;
   }
 }
 @media screen and (max-height:639px)
 {
   .container-modal[data-modal='ticketQuantity'] ul{height:300px;overflow:auto;}
   .container-modal[data-modal='ticketQuantity'] li{font-size:14px;}
 }
 .container-modal[data-modal='ticketQuantity'].container-modal .header {
     -moz-box-shadow: 0px 1px 3px 0px #ddd;
     -webkit-box-shadow: 0px 1px 3px 0px #ddd;
     box-shadow: 0px 1px 3px 0px #ddd;
     padding: 16px;
     margin-bottom: 2px;
 }
 .container-modal .title-modal{font-size:18px;}
 
 .container-modal[data-modal='ticketQuantity'] p, .container-modal[data-modal='ticketQuantity'] ul{
   font-size: 14px;
 }
 .container-modal[data-modal='ticketQuantity'] ul{
   padding: 16px 0 8px 0;
   background: #F8F8F8;
   border-radius: 8px;
   text-align: center;
   font-size: 15px;
   font-weight: 500; 
   margin-top: 16px;  
 }
 
 .container-modal[data-modal='ticketQuantity'] ul[data-role='testimonial']{
   background: #0067CE;
   color: white;  
 }
 .container-modal[data-modal='ticketQuantity'] ul[data-role='testimonial'] blockquote{
   
 }
 
 blockquote::before {
   content: open-quote;
 }
 blockquote::after {
   content: close-quote;
 }
 blockquote {
   quotes: "“" "”" "‘" "’";
   font-style: italic;
   margin-inline-start: 20px;
   margin-inline-end: 20px;  
 }
 
 .container-modal[data-modal='ticketQuantity'] img[data-role='guarantee']{
   width: 90%;
   margin-left: 5%;
   margin-top: 12px;
   border-radius: 8px;
   height: 120px;
   object-fit: cover;
   
 }
 
 .container-modal[data-modal='ticketQuantity'] lh{
   font-size: 14px;
   margin-bottom: 8px;
   color: var(--color-80);
   font-weight: normal;
 }
 
 .container-modal[data-modal='ticketQuantity'] li{
   margin-bottom: 4px;
 }
 
 .container-modal[data-modal='ticketQuantity'] .container-body{
   padding: 16px;
 } 
 
 .container-modal[data-modal='ticketQuantity'] button:not(.is-close){

   width:calc(50% - 16px);
   font-weight: 600;
   height: 44px;
   line-height: 44px;
   margin-left: 8px;
   margin-right: 8px;
   margin-bottom:16px;

 }
 
 dialog::backdrop {
   background-color: rgba(0, 0, 0, 0.8);
 }
 
 #stickyNote{  
   width: 100%;
   position: relative;
   background: yellow;
   -webkit-box-sizing: border-box;
   -moz-box-sizing:border-box;
   box-sizing: border-box;
   text-align: center;
   padding: 24px 36px;
 }
 .sticky{
   position: sticky !important;
 }
 #stickyNote.sticky{  
   bottom: 0;
   z-index: 500;
 }
 #stickyNote .title{
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 8px;
 }
 #stickyNote p{
  font-size: 14px;
   line-height: 1.2;
 }
 #stickyNote a{
   background: #FF6600;
   font-size: 20px;
   color: white;
   text-decoration:none;
   line-height: 18px;
   padding: 16px 24px;
   border: none;
   border-radius: 4px;
 }
 
 @media screen and (max-width: 1015px){
   /* over-writes hidden; needed to make sticky work on narrow devices*/
   body {
     overflow-x: clip !important;
   }
 }


 #have-tickets-results, #need-tickets-results{display:none;}


 .billboard-content #breadcrumbs,
 .billboard-content h1,
 .billboard-content p {
   text-align: center;
}

#shade-cover-tool p{
   text-align: left;;
}

trust-bar{
   margin: 0px auto;
   width: fit-content;
   margin-top: 36px;
}


.bg-white{
   background: white;
}

.padded{
   padding: 10px;
}

.padding-20{
   padding: 20px;
}

.padhor{
   padding-inline: 10px;
}
.padtop{
   padding-top: 10px;
}

.right{
   float: right;
}

.left{
   float: left;
}

.marbottom{
   margin-bottom: 10px;
}

.marbottom-5{
   margin-bottom: 5px;
}

.marbottom-20{
   margin-bottom: 20px;
}

.autoflow{
   overflow: auto;
}

.width-600{
   width: 600px;
}

.centered{
   margin: 0px auto;
}


.absolute{
   position: absolute;
}

.relative{
   position: relative;
}

.google-shadow, .shadow-google {
   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);
}

.fsize-16{
   font-size: 16px;
}

.fsize-12{
   font-size: 12px;
}



.billboard-content #shade-cover-tool a,
.billboard-content #shade-cover-tool,
.billboard-content .custom-select-menu{
   color: var(--color-primary);
}


/*Custom Select Menu Styles*/
.custom-select-wrapper{position:relative;}
.custom-select-trigger{border:1px solid #CCC; box-shadow:0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF; color:#777; padding:5px 3px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;border-radius:3px; moz-border-radius:3px;background:white;padding:10px;}
.custom-select-trigger:hover{cursor:pointer;}
.custom-select-menu-wrapper{position:absolute;width:100%;z-index:10;}
ul.custom-select-menu{border:1px solid #CCC;border-top:none;background:white;max-height:300px;overflow:auto;}
ul.custom-select-menu li{padding:7px 10px;overflow:auto;}
ul.custom-select-menu li:hover{background:#F8F8F8;cursor:pointer;}
.custom-select-selection{overflow:auto;}
.custom-select-wrapper .date-block{
   line-height:1.5;float:left;width:15%; text-align:center;margin-left:-10px;
   font-size: 12px;
}
.custom-select-wrapper .event-block{width:85%;float:left;line-height:1.5;}

.custom-select-wrapper .event-block .date-details{
   font-size: 13px;
}

.custom-select-wrapper .event-block .event-name{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#0067CE;}
.custom-select-wrapper .event-details{font-size:11px;line-height:14px;}
.custom-select-wrapper .event-name{font-size:14px;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:18px;}
/**/




img.icon {
   background: url(/assets/images/sprites/icon-sprite.png) no-repeat 0 0;
}


img.icon.down-arrow.grey {
   height: 8px;
   width: 10px;
   background-position: 0 -315px;
}

#shade-cover-tool .container-button .fa-caret-down{
   height: 36px;
    width: 36px;
}

#shade-cover-tool{
   height: 400px;
}

#need-tickets-results{
   border-radius: 8px;
}


 /*STYLE UPDATES JUN2018 - TICKET LIST*/
 li.ticket{
    padding: 8px;
    min-height: 72px;
    position: relative;
}
 li.ticket img.preview-photo{
    height:56px;
    width:72px;
    border-radius: 4px;
}

 li.ticket p{

    text-align: left;
}



 li.ticket .buy-button{position:absolute;top:5px;right:6px;padding:0;width:72px;height:36px;line-height:36px;background:#0067CE;color:white;border:none;}
 li.ticket .buy-button:hover{background:linear-gradient(#0067CE,#0357ab);}
 li.ticket .buy-button-deal-excellent{background:#008000;}
 li.ticket .buy-button-deal-excellent:hover{background:linear-gradient(#008000,#016b01);}
 li.ticket .buy-button-deal-great{background:#51A11B;}
 li.ticket .buy-button-deal-great:hover{background:linear-gradient(#51A11B,#448816);}
 
 li.ticket.has-date p{line-height:13px;}
 li.ticket.has-date p.ticket-section{margin-top:8px;font-size:13px;}
 li.ticket.has-date p.event-date{font-size:10px;line-height:inherit;position:absolute;top:3px;color:#666;}
 
 /*DESKTOP STYLES*/

 li.ticket:hover,#master-ticket-list li.ticket.active,#master-ticket-list li.ticket:active{cursor:default;border-color:#EAEAEA;box-shadow:none;border-left-color:#E1F0FF;background:#E1F0FF;border-color:#E1F0FF;}
 li.ticket:hover .star-icon.star-half,#master-ticket-list li.ticket.active .star-icon.star-half,#master-ticket-list li.ticket:active .star-icon.star-half{color:#E1F0FF;}



 li.ticket{
   border:1px solid white;
   border-left-width:4px;
   position:relative;
   margin:0;
   border-bottom:1px solid #F1F1F1;
   background:white;
    font-size: 16px;;
    padding: 12px 8px;
 }


 li.ticket .ticket-deal{
   color: #008a00;
   font-weight: 500;
   font-size: 0.75em;
   height: 16px;
   line-height: 16px;
   margin-bottom: 6px;
}

li.ticket p {
   margin: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

li.ticket .ticket-section {
   font-size: 0.93em;
   font-weight: 600;
   line-height: 1;
   height: 1.3em;
}


li.ticket .ticket-note{
   color: var(--color-80);
   height: unset;
   line-height: 1;
   height: 1.5em;
   font-size: 0.8em;
}

li.ticket .ticket-footnote{
   color: var(--color-80);
   font-size: 0.75em;
   height: unset;
   line-height: 1;
   height: 12px;
}


li.ticket {
   display: flex;
   flex-direction: row;
   gap: 12px;
}


li.ticket span.ticket-tag{
   background: #f5f5f5;
   padding: 3px;
   font-size: 0.5875em;
   border-radius: 3px;
   margin-left: 6px;
   letter-spacing: 0.5px;
}

li.ticket span.ticket-tag i{
   height: 12px;
   width: 12px;
}


li.ticket .buy-button {
   background: #0067CE !important;
   border-radius: 4px;
   top: unset;
   bottom: 28px;
   right: 12px !important;
}

li.ticket .buy-button {
   position: absolute;
   top: 17px;
   right: 6px;
   padding: 0;
   width: 80px;

   background: #0067CE;
   color: white !important;
   border: none;
   font-weight: 600;
}

li.ticket .buy-button span{
   font-size: 11px;
   font-weight: normal;
}



li.ticket p.ticket-deal.great span {
   background: #429B46;
}


.ticket p.ticket-deal span{color:white;border-radius:2psx;line-height:14px;padding:1px 4px;font-size:11px;height:14px;}
li.ticket p.ticket-deal.excellent span, li.ticket p.ticket-deal.amazing span{background:#1A8828;}
li.ticket p.ticket-deal.great span{background:#429B46;}
li.ticket p.ticket-deal.good span{background:#5fa95d;}
li.ticket p.ticket-deal.ok span{background:#FFB61F;}
li.ticket p.ticket-deal.poor span{background:#F34A1C;}

li.ticket .ticket-deal span{
   font-weight: 500;
   padding: 0px 6px;
   border-radius: 4px;
   font-size: 0.93em;
   line-height: unset;
   height: unset;
   display: inline-block;
   height: 16px;
   line-height: 16px;
}

#select-seats-tool select{
   appearance: auto;
}

#shade-cover-tool .summary a{
   color: #0067CE;
}

li.ticket-details{
   width: calc(100% - 140px);
}


@media (max-width: 539px) {
   li.ticket img.preview-photo{
      display: none;
   }

   li .ticket-details{
      width: calc(100% - 96px);
   }   


   #shade-cover-tool li.ticket .buy-button{width:72px;font-size:14px;padding-left:0px;padding-right:0px;height:36px;line-height:36px;margin-top:7px;}



   li.ticket{
      font-size: 15px;
      padding: 16px 2px;      
   }

   

}



button.is-close {
   border: 0;
   background: none;
   position: absolute;
   top: 5px;
   right: 5px;
   border-radius: 50%;
   line-height: 30px;
   height: 30px;
   width: 30px;
   text-align: center;
   padding: 0;
   transition: 0.3s;
   cursor: pointer;
}

button.is-close:after {
   content: "\2715";
   font-size: 18px;
   color: #999;
}

button.is-close:hover {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   background: #F1F1F1;
   color: #666;
}


select[name='ticket-quantity']{
   border-radius: 6px;
   min-width: 140px;
}

.ticket-list .es-filters {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-right: 24px;

   border-bottom: 1px solid #F1F1F1;
   padding-bottom: 12px;

}

.ticket-list .es-filters span{

}


.item-fan-comments [data-icon='quote-left']{
   margin-top: -6px;
}

@media (min-width: 600px) {

   [data-layout='scene'][data-variant='carded']{
      border: 1px solid #e5e5e5;
      padding: 16px;
      border-radius: 8px;
   }
}