*{margin:0;padding:0;border:0;}
body{background:white;}

.interior-level-page{margin:0px auto;max-width:1140px;padding:0 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.interior-level-right{position:absolute;display:block;width:300px;right:15px;top:0;}

#layout-left{margin-top:20px !important;margin-bottom:40px;}
#layout-right{}

#header-page{background:#0067CE;height:60px;overflow:auto;}
#header-page img.logo{height:40px;position:absolute;top:10px;left:15px;}
#header-page a {color:#FFFFFF;} 
#header-page ul{overflow:auto;position:absolute;top:0;left:150px;width:calc(100% - 150px); }
#header-page li {padding:0 25px;float:left;border-left:1px solid #0067CE;border-right:1px solid #0067CE;font-size:14px;height:60px;line-height:60px;}
#header-page li:hover{background:#0061C1;color:white;border-color:#0076EC;}

#header-hero{color:#FFF;position:relative;background-color:rgba(0,0,0,0.75);background-size: cover;background-position:center;position:relative;}
#header-hero-inner{background-color: rgba(0,0,0,0.75);padding:15px 0 30px 0;}
#header-hero article{position:relative;transition: 0.3s;color:white;font-size:13px;margin-top:15px;}
#header-hero article p{color:white;}
#header-hero h1{font-size:36px;margin-bottom:0;}
#header-hero h2{margin-bottom:20px; font-size: 18px}
#header-hero time{font-size:12px;margin-bottom:20px;display:block;}
#header-hero nav{margin-bottom:10px;}
#header-hero article[data-state='expanded'] h2{font-size:30px;}
#header-hero article[data-state='expanded'] time{font-size:16px;}
#header-hero nav a{color:white;text-decoration:underline;}
#header-hero footer{display:none;font-weight:500;text-transform:uppercase;position:absolute;bottom:-10px;cursor:pointer;} /*cursor pointer fixes iphone bug for click handler*/
#header-hero footer:hover{text-decoration:underline;cursor:pointer;}
#header-hero article[data-state='preview'] footer{display:block;}
#header-hero article[data-state='preview']{padding-bottom:20px;}
#header-hero article[data-state='preview'] .text-primary{max-height:80px;overflow:hidden;}
#header-hero article[data-state='preview'] .is-close{display:none;}
#header-hero article[data-state='preview'] .text-primary p{line-height:16px;margin-bottom:16px;}
#header-hero article[data-state='expanded']{background:white;padding:15px;color:black;border-radius:10px;}
#header-hero:not(.has-article) .interior-level-left{display:table-cell;vertical-align:bottom;height:10vw;} /*if no article, make hero header large artifically*/

#banner-buyer-guarantee-header {display:none;padding-top: 4px;padding-bottom: 4px;background: #0067CE; height: 28px; color: white;position: relative;}
#banner-buyer-guarantee-header .interior-level-page{position:relative;padding-left:40px;max-width:768px;}
#banner-buyer-guarantee-header .avatar {position: absolute;text-align: center;border: 2px solid #FF6600;height: 24px;width: 24px;border-radius: 50%;left: 10px;top: 2px;}
#banner-buyer-guarantee-header span{line-height:28px;}
#banner-buyer-guarantee-header .avatar i{line-height:20px;color:white;font-size:14px;}

.card{border:1px solid #E5E5E5;box-sizing:border-box;margin-bottom:20px;width:100%;position:relative;transition: 0.3s;cursor:pointer;} /*cursor pointer fixes iphone bug for click handler*/
.card[data-state='preview']{border-radius:5px;height:280px;overflow:hidden;}
.card[data-state='expanded']{border-radius:10px;width:98%; margin:1%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);margin-bottom:30px;}
.card[data-state='expanded'] footer, .card[data-state='expanded'] .container-media{display:none;}
.card .container-media{height:120px;}
.card .container-media img{width:100%;height:100%;object-fit:cover;}
.card .container-content{padding:15px;}
.card .title-primary{margin-bottom:15px;font-size:16px;}
.card footer{position:absolute;bottom:0px;left:0px;color:#0067CE;background:white;padding:15px;width:calc(100% - 30px);padding-top:30px;text-transform:uppercase;font-weight:bold;}
.card footer{background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.04) 1%, rgba(255,255,255,1) 25%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.04) 1%,rgba(255,255,255,1) 25%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.04) 1%,rgba(255,255,255,1) 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.card .title-secondary{display:block;}
.card .text-primary{font-size:13px;}
.card[data-state='preview']:hover {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); cursor:default;}
.mobile .card[data-state='preview']:hover{cursor:pointer;}
.card[data-state='preview']:hover h3{color:#0067CE;}
.card[data-state='preview']:hover footer{text-decoration:underline;}
.card[data-state='preview'] footer:hover, .card[data-state='preview'] h3:hover{cursor:pointer;text-decoration:underline;}
.card[data-state='preview'] button.is-close {display:none;}
.card[data-state='preview'] .title-secondary{margin-top:-10px;}
.card[data-state='preview'] figure{display:none;}
.card[data-state='expanded'] .title-primary{font-size:30px;}
.card[data-state='expanded'] .title-secondary{font-size:16px;margin-bottom:15px;}
.card[data-state='expanded'] h4{font-size:24px;}
.card[data-state='expanded'] h5{font-size:22px;}
.card[data-state='expanded'] figure{height:320px;position:relative;margin-bottom:20px;}
.card[data-state='expanded'] figure img{height:calc(100% - 20px);width:100%;object-fit:cover;border-radius:5px;}
.card[data-state='expanded'] figure img:hover{opacity:0.75;cursor:pointer;}
.card[data-state='expanded'] figure .fa-expand:hover{cursor:pointer;}
.card[data-state='expanded'] figure[data-state='expanded']{height:auto;}
.card[data-state='expanded'] figcaption{padding-left:2px;color: rgba(0, 0, 0, 0.87);font-weight:500;}
.card[data-state='expanded'] figure .fa-expand{line-height:30px;width:30px;color:white;position:absolute;top:0px;right:0px;text-align:center;background:rgba(0,0,0,0.20) none;}
.card[data-state='preview'] .text-primary h2,.card[data-state='preview'] .text-primary h3,.card[data-state='preview'] .text-primary h4, .card[data-state='expanded'] ul, .card[data-state='expanded'] p, #header-hero article[data-state='expanded'] p{color: rgba(0, 0, 0, 0.87);font-size: 13px;line-height: 18px;margin-bottom: 1em;}
.card[data-state='expanded'] p, #header-hero article[data-state='expanded'] p{letter-spacing:.02em;margin-bottom:1.7em;}
.mobile .card, .card footer{cursor:pointer !important;}

#container-event-lists{border:1px solid #E5E5E5; border-radius:10px;padding:15px;min-height:12vw;}
#container-event-lists button.is-close{display:none;}

.list-events-style-default li.event{position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100%;background:white;padding:10px 0;border-radius:5px;}
.list-events-style-default li.event:hover{border:1px solid #E5E5E5;z-index:20;margin-top:-2px;cursor:pointer;}
.list-events-style-default li.event[data-loading='true']{background:#F8F8F8;}
.list-events-style-default li.event:active{background:#F8F8F8;}
li.event[data-loading='true'] button:before{content:"Loading...";}
.list-events-style-default .event-date{width:18%;text-align:center;display:inline-block;vertical-align:top;max-width:80px;}
.list-events-style-default .event-date .event-day-of-month{font-size:24px;margin-bottom:1px;}
.list-events-style-default .event-date .event-month{font-size:13px;text-transform:uppercase;}
.list-events-style-default li.event:hover .event-date{color:#0067CE;}
.list-events-style-default .event-details{width:calc(100% - 18% - 115px);display:inline-block;line-height:1.3;}
.list-events-style-default .event-details .event-name{color:#0067CE;font-size:14px;font-weight:600;display:block;margin-bottom:2px;}
.list-events-style-default li.event:hover .event-name{text-decoration:underline;}
.list-events-style-default .event-details .event-name-2{display:block;font-weight:500;}
.list-events-style-default .event-details div:not(.event-name):not(.event-name) {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list-events-style-default button{height:36px;position:absolute;top:calc(50% - 18px);width:100px;right:15px;}
.list-events-style-default button:before{content:"See Tickets";}

.list-events-style-sidebar li.event{position:relative;margin-bottom:15px;}
.list-events-style-sidebar li.event:last-child{margin-bottom:0;}
.list-events-style-sidebar .event-details{line-height:1.5;width:calc(100% - 85px);} /*where 85 is 15 more than button width*/
.list-events-style-sidebar .event-location{font-weight:500;font-size:13px;}
.list-events-style-sidebar a{font-size:13px;display:block;font-weight:500;}
.list-events-style-sidebar button{width:25%;height:32px;position:absolute;right:0px;top:2px;}
.list-events-style-sidebar li.event:hover .event-location{text-decoration:underline;}

li.event:hover .button-blue{background-image: -webkit-linear-gradient(top, #0067CE, #00468C);
    background-image: -moz-linear-gradient(top, #0067CE, #00468C);
    background-image: -ms-linear-gradient(top, #0067CE, #00468C);
    background-image: -o-linear-gradient(top, #0067CE, #00468C);
}

li.event.visited, .mobile .simple-event-list li.event.visited{background:lightyellow !important;border:1px solid #E4E4E4;margin:7px 0;z-index:2;}	

li.event.visited .event-details .event-name:before{content:"Recommended";color:#0067CE;display:block;margin-bottom:5px;font-weight:500;opacity:0.80;font-size:12px;}

#event-schedule-nearby li.event{background:#E8F0FE;margin-bottom:10px;}

/**
 * On narrow screens, adjust events UI to be less squeezed
 */
@media only screen and (max-width: 480px)
{
  .list-events-style-default .event-date {
    max-width: 48px;
    margin-right: 12px;
  }
  .list-events-style-default .event-date .event-day-of-month
  {
    font-size: 18px;
  }
  .list-events-style-default .event-date .event-month
  {
    font-size: 12px;
  }
  .list-events-style-default .event-location, .list-events-style-default .event-time{
    font-size: 14px;
  }
}


#navigation-page-in-sidebar lh{margin-top:15px;font-size:13px;}
#navigation-page-in-sidebar lh:first-of-type{margin-top:0;}
#navigation-page-in-sidebar lh, #navigation-page-in-sidebar li{line-height:1.3}
#page-navigation-sidebar{background:#F8F8F8;border-radius:5px;}

#events-sidebar{background:#E8F0FE;border-radius:5px;}
#events-sidebar.is-sticky{position:fixed;top:15px;width:300px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display:block;}
#events-sidebar.is-sticky .is-footer{display:block;}

#buyer-guarantee-sidebar{width:300px;border-radius:5px;}

#footer-scroll-catcher{position:fixed;bottom:0;background:white;width:100%;display:none;z-index:5000;padding:15px;}
#footer-scroll-catcher button{float:right;}
#footer-scroll-catcher span{line-height:40px;}
#footer-scroll-catcher{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100%;}

body[data-eventsiso='true'] #footer-scroll-catcher{display:none !important;}
body[data-eventsiso='true'] #header-page, body[data-eventsiso='true'] #header-hero, body[data-eventsiso='true'] #layout-left section:not(#container-event-lists), body[data-eventsiso='true'] #footer-mobile, body[data-eventsiso='true'] #footer-basic{display:none;}
body[data-eventsiso='true'] #layout-left{margin-top:0 !important;padding-top:50px;}
body[data-eventsiso='true'] #banner-buyer-guarantee-header{position:fixed;top:0;width:100%;z-index:20;}
body[data-eventsiso='true'] #container-event-lists button.is-close{position:fixed;background:white;top:auto;bottom:0;width:100%;height:40px;border-radius:0;line-height:30px;z-index:20;border-top:1px solid #E5E5E5;right:auto;left:0;display:block;}
body[data-eventsiso='true'] #container-event-lists button.is-close:before{content:"Close Event List\00a0\00a0";color:#999; font-size:14px;}



#other-artists-on-tour li{position:relative;height:105px;width:75px;margin-right:20px;text-align:center;float:left;margin-bottom:20px;}
#other-artists-on-tour li img{height:75px;width:75px;border-radius:50%;}
#other-artists-on-tour li:hover img{opacity:0.75;}
#other-artists-on-tour li .name{position:absolute; bottom:5px;width:75px;left:0;}

.is-hidden {display:none;}

.is-100 {width: 100%;}

button.is-medium {line-height: 40px; font-size: 14px;}
button.is-close {
    border: 0;
    background: 0 0;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 50%;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 0;
    transition: .3s;
    cursor: pointer;
    color: #000;
    font-weight: 500;
    box-sizing: border-box;
}
button.is-close:after {
    content: "\2715";
    font-size: 18px;
    color: #999;
}

header{   
    box-shadow: none;
    height: auto;
}

#schedule-header {
    font-size: 18px;
}


#layout-left p, #layout-left ul{
  margin-bottom: 1.3em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.3em;
  line-height: 1.5;
}
#current-and-past-tours h2 { font-size: 2em; margin-bottom:1em; font-weight:500;}
#current-and-past-tours h3 { font-size: 1.5em; margin-bottom:1em; font-weight:500;}

#city-select {
  background: #f1f1f1;
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 12px;
}

/**
 * MEDIA QUERIES
 *
 */

/**
 * What to do when the screen is greater than 400 pixels
 *
 */
@media only screen and (min-width: 400px)
{
    #footer-scroll-catcher{text-align:center;} /*Definitely do not show the fo
    oter catch on wide screens*/
    #footer-scroll-catcher button{float:none;margin-left:20px;}
} 
/**
 * What to do when the screen is greater than 600 pixels
 *
 */
 
@media only screen and (min-width: 600px)
{
    /**
     * Assume two cards side by side with amrgin in between
     *
     */
    .card[data-state='preview']{display:inline-block;width:calc(50% - 10px);}
    .card[data-state='preview']:nth-child(2n){margin-left:20px;}
}
/**
 * What to do when the screen is greater than 768 pixels
 *
 */
@media only screen and (min-width: 768px)
{
    
    #layout-left, .interior-level-left{max-width:768px;margin:0px auto;} /*Set max width for left elements*/
}
/**
 * What to do when the screen is greater than 1024 pixels
 *
 */
 
@media only screen and (min-width: 1024px)
{
    #layout-left, .interior-level-left{width:calc(100% - 360px);margin:initial;} /*minimize size of left containers*/
    #footer-scroll-catcher{display:none !important;} /*Definitely do not show the footer catch on wide screens*/
}

/**
 * What to do when the screen is greater than 1140 pixels
 *
 */
 
@media only screen and (min-width: 1140px)
{
    #layout-left, .interior-level-left{width:780px;} /*maximize size of left containers*/
    
    /**
     * Re-position cards now that we can fit three across
     *
     */
    .card[data-state='preview']{width:calc(33.33% - 13.33px);}
    .card[data-state='preview']:nth-child(2n){margin-left:0px;}
    .card[data-state='preview']:nth-child(3n){margin-left:20px;}
    .card[data-state='preview']:nth-child(3n + 2){margin-left:20px;}    
}
/**
 * What to do when the screen is greater than 1240 pixels
 *
 */
@media only screen and (min-width: 1240px)
{
    #events-sidebar.is-sticky{width:360px;} /*make events sidebar wider*/
}
/**
 * What to do when the screen is less than than 1024 pixels
 *
 */
@media only screen and (max-width: 1023px)
{
    .interior-level-right{position: relative;width: auto;right: auto;top: auto;} /*do not show sidebar elements*/
  .interior-level-right #buyer-guarantee-sidebar{display:none;}
    #banner-buyer-guarantee-header{display:block;} /*show buyer guarantee as header*/

}
/**
 * What to do when the screen is less than 599 pixels
 *
 */
@media only screen and (max-width: 599px)
{
    /**
     * Alter the header to remove the leagues list
     *
     */
    #header-page{text-align:center;}
    #header-page img.logo{position:relative;margin:10px 0;top:auto;left:auto;}
    #header-page ul{display:none;}
    
    #header-hero article[data-state='preview'] .text-primary{max-height:48px;} /**show less preview text in top article*/
    #container-event-lists{margin-bottom:40px;border:none; border-radius:0px;padding:0px;} /*Remove border from event list*/
}
/**
 * What to do when the screen is less than 399 pixels
 *
 */
@media only screen and (max-width: 399px)
{
    /**
     * Make default list button smaller, change text to fewer characters and re-calc
     * space for event details text
     *
     */
    .list-events-style-default button{width:80px;}    
    .list-events-style-default button:before{content:"Tickets";}
    .list-events-style-default .event-details{width:calc(100% - 18% - 80px -20px);}
}