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;}
 
 
 
 
 
 /**SHADE AND COVER TOOL STYLES**/
 #shade-cover-tool{height:450px;}
 .mobile #shade-cover-tool{height:auto;}
 #shade-cover-tool.showing-results{height:720px;}
 .mobile #shade-cover-tool.showing-results{height:auto;}
 #shade-cover-tool button{height:60px;width:240px;background:#0067CE;color:white;font-size:18px;border:none;box-shadow:none !important;}
 #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 .fa-times-circle{color:red;}
 #shade-cover-tool .fa-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-cover-tool li.ticket .interior{padding:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:65px;}
 #shade-cover-tool li.ticket .ticket-details{left:0px;line-height:1.3;position:absolute;}
 #shade-cover-tool li.ticket .ticket-price{right:10px;position:absolute;}
 #shade-cover-tool li.ticket .quantity-details{font-size:11px;color:#666;float:left;text-align:center;margin-top:9px;margin-right:7px;}
 #shade-cover-tool li.ticket .buy-button{margin-top:6px;min-width:74px;padding-left:12px;padding-right:12px;}
 #shade-cover-tool li.ticket .note-price{    position: absolute;
     right: 12px;
     bottom: 8px;
     font-size: 11px;
     color: #666;
     text-align: center;}
 #shade-cover-tool li.ticket .stars-container{text-align:center;position:absolute;font-size:10px;color:#CCC;width:120px;left:50%;margin-left:-60px;top:50%;margin-top:-7px;}
 #shade-cover-tool li.ticket span.tag{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#E5E5E5;font-size:8px;height:13px;line-height:13px;padding:1px 4px;color:#666;margin-right:5px;font-weight:bold;margin-top:2px;}
 
 #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;}
 
 /*STYLE UPDATES JUN2018 - TICKET LIST*/
 li.ticket{padding:8px;height:54px;position:relative;}
 li.ticket img.preview-photo{height:54px;width:54px;position:absolute;top:8px;left:0;}
 li.ticket img.preview-photo.load-later{height:14px !important;width:14px !important;left:14px;top:10px;position:absolute;}
 li.ticket p{line-height:18px;color:black;padding-left:53px;margin:0;}
 li.ticket p.ticket-section{font-size:14px;}
 li.ticket p.ticket-rating{}
 li.ticket p.ticket-rating .star-icon{line-height:18px;}
 li.ticket span.tag{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#E5E5E5;font-size:8px;padding:2px 4px;color:#666;margin-right:5px;font-weight:bold;margin-top:2px;}
 li.ticket span.tag.obstructed{color:red;border:1px solid red;line-height:11px;height:11px;}
 li.ticket span.tag.tag-saved{display:none;}
 li.ticket.saved span.tag.tag-saved{display:block;}
 li.ticket p.ticket-deal{font-size:11px;color:#666;}
 li.ticket p.ticket-deal span{color:white;border-radius:2px;line-height:14px;padding:1px 4px;font-size:11px;height:14px;}
 li.ticket p.ticket-deal.excellent span{background:#008000;}
 li.ticket p.ticket-deal.great span{background:#51A11B;}
 li.ticket p.ticket-deal.good span{background:#9AB909;}
 li.ticket p.ticket-deal.ok span{background:#FFB61F;}
 li.ticket p.ticket-deal.poor span{background:#F34A1C;}
 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 .buy-button-deal:hover{}
 li.ticket .quantity-details{font-size:11px;color:#666;text-align:center;position:absolute;right:84px;line-height:16px;top:7px;}
 
 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{border:1px solid white;border-left-width:4px;position:relative;margin:0;border-bottom:1px solid #F1F1F1;background:white;}
 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;}
 
 
 
 .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 #CCC;
   padding: 4px;
   padding-left:12px;
   margin-left: 4px;
 }
 .expand-comments.expand-question.expanded p{
   font-size:14px;
 }
 
 .content img{
   max-width:100%;
 }
 
 .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;
 }
 
 .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: 16px;
   margin-bottom: 8px;
 }
 
 .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){
   color:#222;
   cursor:pointer;
   height:44px;
   line-height:44px;
   width:calc(50% - 16px);
   font-size:14px;
   text-align:center;
   margin-left: 8px;
   margin-right: 8px;
   margin-bottom:16px;
   transition: border-color 0.15s ease;
 }
 .container-modal[data-modal='ticketQuantity'] button:hover:not(.is-close){
   border-color: #222;
 }
 
 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;
   }
 }