h1,h2,h3,h4{color:black;font-weight:normal;} h1{font-size:24px;} h1.has-subheader{margin-bottom:10px;} h2{font-size:18px;} h3{font-size:16px;} h4{font-size:14px;} p{color:black;font-size:12px;margin-bottom:0;} /*This page is made up of two panes, each of which gets this class*/ .pane{background:white;} /*All independent panes to be fixed on the left side should have this class*/ .pane-content{background:white;}/*keep z-index higher than map*/ .pane-content .overlay-open header{position:fixed;z-index:3;} .pane-content header.header-main{background:#0067CE;height:50px;-moz-box-shadow: 0px 2px 2px -2px #444;-webkit-box-shadow: 0px 2px 2px -2px #444; box-shadow: 0px 2px 2px -2px #444;z-index:2;width:100%;} .pane-overlay header{background:#0067CE;line-height:30px;padding:15px;} .pane-content header.header-main img.logo{top:6px;left:15px;position:absolute;} .pane-content header.header-main .open-overlay{position:absolute;right:10px;height:35px;line-height:35px;background:#0055AA;color:#D9ECFF;font-size:16px;width:60%; max-width:calc(100% - 160px); top:7px;padding:0 10px;padding-right:30px;} header{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100%;} header h1{margin-bottom:0;} button.button-close{background:none;background-image:none;border:none;font-weight:bold;padding:0;margin:0;line-height:1em;} button.button-close:before{content:"✕";} button.button-close:hover {webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;background:none;opacity:0.85;} button.button-close:focus {outline:0;} .pane-overlay.overlay-open{z-index:66;} .pane-content header{top:0;} .pane-content header.header-main .open-overlay span.ell{width:100%;float:left;} .pane-content header.header-main .open-overlay i{position:absolute;right:0px;top:8px;} .card-seat-rating h3, .card-question h3, .card-ex-review h3{font-weight:500;font-size:14px;} .card-seat-rating h3,.card-ex-review h3{font-style:italic;} .card-inset-data p{margin-bottom:20px;font-size:12px;line-height:1.5;} .preview-content li{margin-bottom:1em;} .preview-content li.single-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .preview-content h2, .preview-content h3, .preview-content h4, .preview-content strong{font-weight:500;display:inline;margin:0;padding:0;font-size:15px !important;line-height:normal;} .preview-content p{display:inline;margin:0;} .preview-content.preview-review h3:before, .preview-content.preview-review h2:before, .preview-content.preview-comment h2:before, .preview-content.preview-comment h2:before,.preview-content.preview-review h3:after, .preview-content.preview-review h2:after, .preview-content.preview-comment h2:after, .preview-content.preview-comment h2:after{content:"'";} .preview-content.preview-review h3, .preview-content.preview-review h2, .preview-content.preview-comment h2, .preview-content.preview-comment h2{text-decoration:italic;} .color-primary{color:#333;} .color-secondary{color:#666;} .color-tertiary{color:#999;} .color-brand{color:#0067CE;} .color-negative{color:red;} .color-positive{color:#009800;} .pane-overlay{background:white;} .open-overlay[data-overlay='navigation']:hover{color:white !important;cursor:pointer;background:#004B97 !important; -webkit-transition: background-color 150ms linear; -moz-transition: background-color 150ms linear; -o-transition: background-color 150ms linear; -ms-transition: background-color 150ms linear; transition: background-color 150ms linear;} .pane-overlay-navigation lh{text-transform:uppercase;color:#0067CE;font-size:14px;font-weight:500;padding:16px;} /*this is temporary; needs more globality*/ .pane-overlay-navigation lh, .overlay-navigation li{border-bottom:1px solid #DDD;} .pane-overlay-navigation li {color:#333;font-size:16px;} /*dynamic text size for mobile?*/ .pane-overlay-navigation li a{color:#333;font-size:16px;display:block;padding:16px;} .pane-overlay-navigation li a:hover{background:#F8F8F8;text-decoration:none;color:black;} .pane-overlay-navigation li a{padding-left:32px;} /*adds indent; not sure yet*/ li.item-avatar{padding:16px; padding-left:72px !important;position:relative;border-bottom:1px solid #E5E5E5;border-top:1px solid #E5E5E5;margin-top:-1px;} .item-avatar .item-avatar-colored{position:absolute;top:16px;left:16px;width:40px;height:40px;border-radius:50%;background:#333;text-transform:uppercase;text-align:center;line-height:40px;font-size:14px;color:white;} .item-avatar .item-avatar-colored.with-subtext{line-height:34px;font-size:17px;font-weight:500;} .item-avatar .item-avatar-colored .subtext{position:absolute;bottom:6px;font-size:8px;line-height:initial;width:100%;left:0;font-weight:normal;} .item-avatar .under-avatar{position:absolute;left:5px;bottom:15px;font-size:9px;width:50px;text-align:center;} li.item-avatar.multi-line{padding-left:90px;} li.item-avatar.multi-line .item-avatar-colored{height:52px;width:52px;line-height:52px;font-size:22px;} .item-avatar.multi-line .item-avatar-colored.with-footnote{line-height:46px;} .item-avatar .item-avatar-colored.with-footnote span{position:absolute;bottom:8px;left:0;width:100%;text-align:center;font-size:9px;color:white;line-height:normal;text-transform:none;} .item-avatar .item-avatar-colored i{font-size:16px;line-height:40px;} .item-avatar.multi-line .item-avatar-colored i{font-size:24px;line-height:52px;} .pane-overlay-navigation .item-avatar{position:relative;line-height:40px;} .pane-overlay-navigation .item-avatar a{padding:0; padding-left:16px;} .pane-overlay-navigation .item-avatar .item-avatar-colored{position:absolute;top:16px;left:32px;max-width:40px;max-height:40px;width:100%;height:100%;border-radius:50%;background:#333;text-transform:uppercase;text-align:center;line-height:40px;font-size:14px;color:white;} .pane-overlay-navigation .item-avatar span.item-avatar-colored i{font-size:16px;line-height:40px;} span.notification{line-height:auto;margin-top:6px;color:white;border-radius:3px;line-height:16px;font-weight:bold;padding:0 4px;float:left;margin-top:5px;margin-left:3px;font-size:10px;} .notification.notification-red{background:#CC3300;} /*Default header styles for panel content*/ h1,h2,h3,h4{color:black;font-weight:normal;} h1{font-size:24px;} h1.has-subheader{margin-bottom:10px;} h2{font-size:18px;} h3{font-size:16px;} h4{font-size:14px;} .pane-content .pane-overlay.overlay-navigation.overlay-open{padding-top:70px;} /*size of two-line header*/ .pane-content header .close-overlay{position:absolute;right:15px;top:15px;} .card{background:white;margin-bottom:5px;padding:15px;} .card{-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} .card{position:relative;} .card h3{font-size:14px;margin-bottom:20px;} .card h3.has-subheader{font-size:14px;margin-bottom:5px;} .card h3.has-date,.card h2.has-date{width:calc(100% - 50px);}/*so they don't overlap*/ .card h3.has-icon-left{padding-left:28px;line-height:20px;position:relative;height:20px;} .card h3.has-icon-left i{position:absolute;left:0;top:0;height:100%;font-size:20px;} .card-inset.card-seat-rating .stars{margin-bottom:20px;} .card .display-date{color:#999;position:absolute;top:0px;right:15px;font-size:11px;top:18px;} section.section-photos figure{width:100%;margin-bottom:15px;position:relative;} section.section-photos img{width:100%;object-fit:cover;max-height:240px;} section.section-photos figure:last-of-type{margin-bottom:0;} /* section.section-photos figure figcaption{color:white;background:black;padding:7px;position:absolute;bottom:0;margin:0;display:none;} section.section-photos figure:hover figcaption{display:block;} */ section.section-related-photos .content-teaser figure:first-of-type {height:190px;width:calc(100% - 100px);margin-right:10px;float:left;position:relative;overflow:hidden;} section.section-related-photos .content-teaser figure:first-of-type img{position:absolute;width:100%;height:100%;object-fit:cover;} section.section-related-photos[data-count='1'] .content-teaser figure:first-of-type {width:100% !important; margin:0 !important;} section.section-related-photos .content-teaser figure:nth-of-type(2) img{height:90px;width:90px;margin-bottom:10px;float:left;} section.section-related-photos .content-teaser figure:nth-of-type(3) img{height:90px;width:90px;float:left;} .section-seat-views figure{margin-bottom:20px;} .section-seat-views figure:last-of-type{margin-bottom:0;} .section-seat-views img{object-fit:cover;width:100%;height: 50vw;} .section-seat-views figcaption{margin-bottom:0;padding:0;margin-top:5px;font-size:12px;color:#333;font-weight:500;} body{overflow-x:hidden;} #wrapper-content{background:white;} #wrapper-content .pane-overlay.overlay-open:not(.pane-overlay-photos){padding-top:31px;} /*extra space for size of header*/ .gallery-thumbnails{overflow:auto;} .gallery-thumbnails figure{position:relative;float:left;margin-right:7px;margin-bottom:7px;min-height:140px;} .gallery-thumbnails figure.is-360:before{color:white;font-size:11px;background: rgba(0,0,0,0.55);bottom:3px;left:3px;padding:3px;content:"360° Seat View";position:absolute;z-index:2;} .gallery-thumbnails figure img{height:90px;width:90px;border:3px solid white;} .gallery-thumbnails figure figcaption{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100%;left:0;text-align:left;padding:0 4px;font-size:11px;margin-bottom:0;} .gallery-thumbnails figure img.active{border-color:#0067CE;} .gallery-related-list figure{position:relative;padding-left:105px;height:96px;margin-bottom:15px;min-height:initial;} .gallery-related-list figure img{position:absolute;left:0;top:0;height:90px;width:90px;} .gallery-thunbnails-list figure figcaption{} .content-wrapper{margin-top:120px;} /*.overlay-pane section:first-of-type, .overlay-navigation ul{padding-top:72px !important;}*/ li.open-overlay:hover{cursor:pointer;background:#F1F1F1;} section .remove-section-padding{margin-left:-15px;margin-right:-15px;} /*Event Styling*/ .pane-content section ul.list-events {margin-left:-15px;margin-right:-15px;} .pane-content ul.list-events li.event{position:relative;border-bottom:1px solid #E5E5E5;border-top:1px solid #E5E5E5;margin-top:-1px;margin-bottom:0;} .pane-content ul.list-events li.event a{display:block;padding:15px;text-decoration:none !important;} .pane-content ul.list-events li.event a:hover{background:#f1f1f1;} .pane-content ul.list-events li.event .date-block{position:absolute;left:0;width:72px;text-align:center;} .pane-content ul.list-events li.event .date-block .event-day{color:#0067CE;font-size:24px;line-height:30px;display:block;} .pane-content ul.list-events li.event .date-block .event-month{color:black;font-size:12px;text-transform:uppercase;} .pane-content ul.list-events li.event:not(.item-avatar) .event-block{padding-left:57px;} /*padding already there*/ .pane-content ul.list-events li.event .event-block p{margin:0;} .pane-content ul.list-events li.event .event-block p.event-name{font-size:14px;color:black;} .pane-content ul.list-events li.event:not(.nonsport) .event-block p.event-name{font-weight:500;} .pane-content ul.list-events li.event p:not(.event-name){text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /*Ticket Styling*/ .list-tickets li.ticket{margin-bottom:0;position:relative;padding:16px;border-bottom:1px solid #E5E5E5;} .list-tickets li.ticket:hover{opacity:0.9;background:#F8F8F8;} .pane-content .section-tickets li.item-avatar.ticket{padding-left:64px;border-top:0;} .pane-content .suggested-tickets li.item-avatar.ticket{border-top:0;} .pane-content .section-tickets li.item-avatar.ticket .item-avatar-colored{left:8px;} .list-tickets li.ticket .ticket-details{font-size:14px;font-weight:500;margin-bottom:0;} .list-tickets li.ticket .ticket-details-secondary, .list-tickets li.ticket .event-name{margin-bottom:0;width:calc(100% - 110px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} section:not(.section-tickets) .list-tickets li.ticket .event-name {width:calc(100% - 175px);white-space:normal;overflow:unset;} .list-tickets li.ticket .event-date{margin-bottom:0;} .list-tickets li.ticket .price,.list-tickets li.ticket .arrow{position:absolute;top:calc(50% - 15px);line-height:30px;} .list-tickets li.ticket .price{color:black;font-size:16px;right:50px;} .list-tickets li.ticket button.price{background:#0067CE;color:white;right:16px;top:calc(50% - 18px);line-height:36px;} .list-tickets li.ticket .arrow{right:15px;} .list-tickets li.ticket button, .list-tickets li.ticket .link-button{position:absolute;right:16px;line-height:32px;top: calc(50% - 16px);width:78px;font-size:14px;background:#0067CE;color:white;border:none;} .list-tickets li.ticket button.button-hollow{font-size:22px;line-height:32px;font-weight:normal;background:none;border:none;color:#0067CE;width:auto;padding-right:23px;width:auto;} .list-tickets li.ticket button.button-hollow .fa-chevron-right{font-size:14px;font-weight:normal;position:absolute;right:0;top:calc(50% - 7px);} .list-tickets li.ticket button.button-hollow:hover{box-shadow:none !important;webkit-box-shadow: none !important;-moz-box-shadow:none !important;} .list-tickets li.ticket button .price{color:#0067CE;font-size:16px;right:50px;} .list-tickets li.ticket .price.price-x{font-size:24px;color:black;position:absolute;right:130px; top: calc(50% - 20px);} .list-tickets li.ticket .qty-x{font-size:11px;position:absolute;right:130px;top: 50%;} @media (max-width: 1279px) { .list-tickets li.ticket .price.price-x {font-size:20px;right:124px;} .list-tickets li.ticket .qty-x {right:124px;}} .list-tickets li.ticket button .arrow{right:15px;} .list-tickets li.ticket .deal-note{position:absolute;right:16px;font-size:11px;color:green;top:calc(50% + 16px);text-align:center;width:78px;} .pane-overlay-ticket .suggested-tickets .games-with-ticket li.deal .deal-note.deal-note-wider, .list-tickets li.ticket .deal-note.deal-note-wider{width:100px;top:calc(50% + 23px) !important;margin-top:0 !important;line-height:initial;display:none;} .pane-content .suggested-tickets li.item-avatar.ticket{border:1px solid #CECECE;margin:8px;border-radius:8px;padding:10px;} .list-tickets li.ticket .link-button{width:100px;height:40px;line-height:40px;bottom:auto;top:calc(50% - 20px);padding:0 12px;} .list-tickets li.ticket .link-button i{font-size:12px;margin-left:2px;} @media (max-width: 450px) { .list-tickets li.ticket{padding-left:4px;} .list-tickets li.ticket.item-avatar{padding-left:60px !important;} .item-avatar .item-avatar-colored{left:4px;} .list-tickets li.ticket button.price {right:4px;} .ticket-suggestions .ticket-block{width:calc(100% - 78px);} } .title-events-searching{padding-bottom:15px;position:relative;padding-left:64px;border-bottom:1px solid #E5E5E5;height:48px;} .title-events-searching img, .title-events-searching .av{height:48px;width:48px;position:absolute;top:0;left:8px;;border-radius:50%;} .title-events-searching .av{line-height:48px;font-size:18px;color:white;text-align:center;} .title-events-searching span.event-name{font-size:18px;display:block;line-height:28px;} .title-events-searching span.event-date{font-size:14px;display:block;} li.item-avatar.ticket img.item-avatar-image{border-radius:50%;height:40px;width:40px;position:absolute;top:16px;left:16px;} .card-inset .mask-card-content{position:absolute;bottom:0;height:60px;line-height:40px;width:100%;background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,1));background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,1));background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,1));background-image: -o-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,1));-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align:center;padding-top:20px;font-weight:500;left:0;} .card-seat-rating h2 a, .card-seat-rating h3 a, .card-question h2 a, .card-question h3 a{color:black;} /* body:not([data-type='seatingchart']) article.pane-overlay:not(.pane-overlay-photos){position:absolute;top:60px;height:calc(100% - 60px);overflow-y:scroll;padding-top:0;padding-bottom:0;width:100%;overflow-x:hidden;} */ body:not([data-type='seatingchart']) article.pane-overlay:not(.pane-overlay-photos), article.pane-overlay.pane-overlay-events{position:absolute;top:0px;height:calc(100%);overflow-y:scroll;padding-top:0;padding-bottom:0;width:100%;overflow-x:hidden;} article.pane-overlay section:first-of-type{margin-top:60px;} #list-find-section{margin-top:-60px;} /*fixes bug where margin shows*/ .pane-overlay-questions section .card-question:first-of-type, .pane-overlay-reviews .card:first-of-type{padding-top:0;} .pane-overlay .card-question h2.headline{margin-bottom:25px;} .pane-overlay .card-question .answer{padding-top:25px;border-top:1px solid #F1F1F1;} .card-inset.card-expandable{max-height:200px;overflow:hidden;} .card-inset.card-expandable.expanded{max-height:none !important;} .card-inset.card-expandable.expanded .mask-card-content{display:none;} .pane-content img{max-width:100% !important;} #multi-purpose-dialog .dialog-container.dialog-all-games-with-ticket{padding:0;} #multi-purpose-dialog .dialog-container.dialog-all-games-with-ticket h1{padding:15px;padding-bottom:0;} #multi-purpose-dialog .dialog-container.dialog-all-games-with-ticket p{padding-left:15px !important;} /*IMAGE-LESS Stars*/ .star-icon { color: #ddd; /*font-size: 20px;*/ position: relative; /*line-height:0.5;*/ /*no clue if this is any good or not*/ } .star-icon.full:before { color: #FF6600; /*orange by default*/ content: '\2605'; /* Full star in UTF8 */ position: absolute; left: 0; /*text-shadow: 0 0 2px rgba(0,0,0,0.7);*/ } .star-icon.half:before { color: #FF6600; content: '\2605'; /* Full star in UTF8 */ position: absolute; left: 0; width: 50%; overflow: hidden; /*text-shadow: 0 0 2px rgba(0,0,0,0.7);*/ } .stars-on-brand .star-icon{color:#3385D8;} .stars-on-brand .star-icon.full:before{color:white;} .stars-on-brand .star-icon.half:before{color:white;} section .footer{padding-top:20px;} section .footer .open-overlay{color:#0067CE;text-transform:uppercase; font-weight:500;} section .footer .open-overlay:hover{text-decoration:underline;cursor:pointer;} a.remove-style{color:inherit;} /*a.remove-style:hover{text-decoration:none;}*/ /* #panel-content{background:none;box-shadow:none !important;}*/ /*#panel-content{background:rgba(255,255,255,0.35) none;}*/ .pane-content section.page-title{margin-bottom:0;} .pane-content h2.title-section{color:#000; font-size:18px;margin-bottom:15px;} .pane-content section.active h2 {color:white;background:#0067CE;} .pane-content section.active h2 .close-overlay{display:block;} .preview-multi-line { /* hide text if it more than N lines */ overflow: hidden; /* for set '...' in absolute position */ position: relative; /* use this value to count block height */ /*line-height: 1.3em;*/ /* max-height = line-height (1.3) * lines max number (2) */ max-height: 38px; /* fix problem when last visible word doesn't adjoin right side */ text-align: justify; /*I don't like; consider removing KJH*/ /* place for '...' */ /*margin-right: -1em;*/ padding-right: 1em; } /* create the ... */ .preview-multi-line:before { /* points in the end */ content: '...'; /* absolute position */ position: absolute; /* set position to right bottom corner of block */ right: 2px; bottom: 0; line-height:19px; text-align:right; /* background:white; width:20%;*/ } /* hide ... if we have text, which is less than or equal to max lines */ .preview-multi-line:after { /* points in the end */ content: ''; /* absolute position */ position: absolute; /* set position to right bottom corner of text */ right: 0; /* set width and height */ width: 1em; height: 1em; margin-top: 0.2em; /* bg color = bg color under block */ background: white; /*width:20%;*/ height:19px; /*bottom:0;*/ right:2px; } .preview-multi-line.show-more:before{content:'... MORE'; color:#0067CE;bottom:0px;font-size:12px;font-weight:500;background:white;width:50px;right:0;} .preview-multi-line.show-more:after{width:50px;margin-top:-19px;right:0;} .preview-multi-line.five-lines,.preview-multi-line.preview-5-lines{max-height:95px;} .preview-multi-line.preview-3-lines{max-height:57px;} /*check this hack...*/ .preview-multi-line{margin-bottom:0;} /******/ .preview-multi-line.show-more p, .preview-multi-line.show-more li,p.preview-multi-line.show-more, li.preview-multi-line.show-more{margin-bottom:0 !important;} .preview-content .preview-review h3,.preview-content .preview-rating h3{font-style:italic;} .card-question h3 span{font-weight:normal;color:#333;} .content-preformatted figure .expand{display:none;position:absolute;top:0px;right:0;padding:10px;background:rgba(0,0,0,0.20) none;color:white;line-height:20px;font-size:16px;} .content-preformatted figure.image-crop .expand{display:block;} .content-preformatted figure.image-crop{height:220px;margin-bottom:20px;} .content-preformatted figure.image-crop figcaption, .content-preformatted .image-crop .full-caption{background:white;bottom:0;padding:0;line-height:16px;width:100%;margin:0;position:absolute;} .text p, .text li, p.text, li.text{color: rgba(0, 0, 0, 0.87);font-size:13px;line-height:19px;margin-bottom:1em;} .break-lines{white-space: pre-line;} .loading-overlay-screen {height: 100%; /*width: 100%; shares with panel, etc. */ top: 0;left: 0;z-index: 76;background: rgba(255,255,255,0.85) none; text-align: center;color: #0067CE;padding-top: 300px;display:none;position:fixed;width:100%;} /*keep z higher than normal overlay*/ .loading-overlay .loading-overlay-screen{display:block;} .has-open-overlay #wrapper-content section{display:none;} /*no important tag so seating chart can over-write*/ .has-open-overlay #wrapper-content section.section-tickets{display:none !important;}/*otherwise inline tag will screw up*/ .has-open-overlay #wrapper-content .pane-overlay-photos section{display:block;} .has-open-overlay header.header-main, .has-open-overlay footer,.has-open-overlay #footer-mobile{display:none !important;} .has-open-overlay.overlay-open-explore #wrapper-content section#section-interactive-map{display:block;} .pane-content .content-preformatted h2,.pane-content .content-preformatted h3,.pane-content .content-preformatted h4{color:black;} .pane-content .card-seat-rating h3,.pane-content .card-question h3{font-size:15px;} .overlay-open-explore .pane-content .pane-overlay header{position:relative;} .overlay{display:none;} .pane-overlay header h1{position:relative;font-size:18px;color:white;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:90%;} .pane-overlay.pane-overlay-navigation, .pane-overlay.pane-overlay-find-section{padding-top:70px;}/*larger header for nav*/ .pane-overlay section h2{font-size:16px;} .pane-overlay section h3{font-size:14px;} .pane-overlay h2.headline{font-size:16px;} .pane-overlay .content-preformatted h2{font-size:15px;} .pane-overlay .content-preformatted h3{font-size:14px;} .pane-content .pane-overlay header{color:white;position:fixed;top:0;left:0;} .pane-content .pane-overlay-navigation header,.pane-content .pane-overlay-find-section header{line-height:20px;font-size:14px;} .pane-content .pane-overlay-navigation header:first-line,.pane-content .pane-overlay-find-section header:first-line{font-size:18px;} .pane-content .pane-overlay header .title{font-size:16px;padding:15px;line-height:20px;} .pane-overlay header button.close-overlay{position:absolute;color:white;font-size:20px;height:36px;width:36px;top:50%;margin-top:-18px;} .breadcrumbs{overflow:auto;margin-bottom:15px;} .breadcrumbs li{display:inline;} section{ padding:15px;border-bottom:1px solid #E5E5E5; } section .width-extend{margin:-15px;padding:15px;} .title-page{position:relative;} .title-page h1{margin-bottom:0;} .title-page h1.has-subheader{margin-bottom:10px;} .title-page .subheader{margin-top: -4px;} .title-page .stars-on-brand.subheader{margin-top:0px;} .title-page h1.has-date{width:85%;} .title-page .subtle{font-size:14px;opacity:0.90;} .title-page .display-date{position:absolute;top:50px;right:15px;opacity:0.90;} ul.tabs li.tab:hover{cursor:pointer;} .pane-overlay header.has-tabs .close-overlay{top:12px;margin-top:0;} .pane-overlay header.has-tabs{padding-bottom:50px;} .pane-overlay header.has-tabs ul.tabs{width:100%;position:absolute;bottom:0;left:0;} .pane-overlay header ul.tabs li.tab{border-bottom:2px solid #0067CE;text-transform:uppercase;line-height:20px;padding:10px 15px;float:left;margin-right:10px;font-size:14px;} .pane-overlay header ul.tabs li.tab:hover{color:white;} .pane-overlay header ul.tabs li.tab:not(.active){color:#B3D2F0;} .pane-overlay header ul.tabs li.tab.active{border-bottom-color:white;} .pane-overlay section.header-has-tabs{padding-top:50px;} /** * Begin styling for a card * * */ .card:not(dialog.cmodal *){ padding:15px; border-bottom:1px solid #E5E5E5; } section .card:not(dialog.cmodal *){ margin-left:-15px;margin-right:-15px; } /*section has padding, so offset it*/ section .card:last-of-type:not(.cmodal *) { border-bottom:0; } /*section already provides border*/ section .card.card-inset{margin-left:0;margin-right:0;border-bottom-color:#F1F1F1;padding-left:0;padding-right:0;} section.has-footer .card.card-inset:last-of-type{border-bottom:1px solid #F1F1F1;} .card .headline{font-weight:500;} .card .headline.has-subheader{margin-bottom:5px;} .card .headline.has-icon-left{padding-left:28px;line-height:20px;position:relative;} .card .headline.has-icon-left i{position:absolute;left:0;top:0;height:100%;font-size:20px;} .card .subheader{margin-bottom:20px;font-size:13px;} .card p.commentary{} .card-staff-pick .commentary.indent{padding-left:28px;} .card .display-date{position:absolute;right:15px;top:15px;line-height:18px;} .card-seat-rating .headline,.card-ex-review .headline {font-style:italic;font-size:13px;font-weight:500;} .card-seat-rating .headline{width:85%;} .card-seat-rating .headline:before,.card-ex-review .headline:before {content:"\"";} .card-seat-rating .headline:after,.card-ex-review .headline:after {content:"\"";} .color-negative{color:red;} .color-positive{color:#009800;} .horizontal-concert-list .swiper-slide{width:116px !important;height:110px;margin-right:15px;position:relative;border:3px solid #444;} .horizontal-concert-list .swiper-slide img{width:100%; height:90px;object-fit:cover;} .horizontal-concert-list .swiper-slide .artist-name{position:absolute;background:black;color:white;bottom:20px;left:0px;width:100%;color:white;background:rgba(51,51,51,0.75) none;max-height:40px;height:auto;top:auto;padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height:15px;z-index:3;} .horizontal-concert-list .swiper-slide .details{color:#CCC;font-size:11px;line-height:20px;font-weight:500;bottom:0;padding-left:5px;background:#393939;} /*.horizontal-concert-list .swiper-container a:hover{text-decoration:none !important;cursor:pointer;}*/ .horizontal-concert-list .swiper-slide.performer-highlight-slider{border-color:white;} .horizontal-concert-list .swiper-slide.performer-highlight-slider .details{color:white;} .horizontal-concert-list .swiper-slide:not(.performer-highlight-slider):hover{cursor:context-menu;border-color:white;} .horizontal-concert-list .swiper-slide:not(.performer-highlight-slider):active{opacity:0.60;} .horizontal-concert-list .swiper-slide .background-name{height:calc(100% - 20px);background:rgba(51,51,51,0.95) none; font-size:20px;color:white;text-align:center;position:absolute;z-index:2;width:100%;top:0;line-height:70px;} @media (max-height: 700px) { .horizontal-concert-list .swiper-slide{width:96px !important;height:96px;} .horizontal-concert-list .swiper-slide img{height:70px;} .horizontal-concert-list .swiper-slide .artist-name{font-size:11px;line-height:13px;max-height:32px;overflow:hidden;padding:3px 5px;} } li.seats-in-a-row{overflow:auto;} li.seats-in-a-row label{font-weight:500;float:left;margin-right:3px;} li.seats-in-a-row span{} ul.selector-style-round li{float:left;margin-left:15px;border:1px solid #0067CE;color:#0067CE;padding:3px 5px;border-radius:3px;text-align:center;} ul.selector-style-round li:hover,ul.selector-style-round li.active{color:white;background:#0067CE;cursor:pointer;} ul.selector-style-round .swiper-slide{height:auto;width:auto;} .section-events ul.selector-style-round li{min-width:48px;padding:5px 8px;} section.section-events{border-bottom:0;} /*will come from last event instead*/ ul.selector-style-tab li{float:left;margin-left:15px;border-bottom:2px solid white;color:#0067CE;padding:15px 6px;text-align:center;color:#666;margin-bottom:1px;} ul.selector-style-tab li:hover,ul.selector-style-tab li.active{color:black;border-bottom-color:#0067CE;cursor:pointer;} ul.selector-style-tab .swiper-slide{height:auto;width:auto;} .section-events ul.selector-style-tab li{min-width:60px;font-size:14px;} .swiper-container.more-like-this .swiper-slide{padding:8px;border-radius:3px;color:#666;background:#F5F5F5;margin-right:15px;max-width:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;width:auto;border:1px solid #FFFFFF;} .swiper-container.more-like-this .swiper-slide:hover{cursor:pointer;border-color:#E5E5E5;color:#333;} .swiper-container.more-like-this .swiper-slide.active{background:#0067CE;color:#FFFFFF;} .pane-content section.fixed-feature { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .pane-overlay-ticket{background:white;} .pane-overlay-ticket section.fixed-feature{padding:0;padding-bottom:15px;border-bottom:0;position:fixed;top:59px;background:white;border-bottom:1px solid #E5E5E5;z-index:2;} .pane-overlay-ticket section.fixed-feature h2{line-height:50px;margin:0;padding:0 15px;} .pane-overlay-ticket .suggested-tickets{padding-top:228px;} .pane-overlay-featured section.fixed-feature{padding:15px;border-bottom:0;position:fixed;top:59px;background:white;border-bottom:1px solid #E5E5E5;z-index:2;} .pane-overlay-featured .suggested-tickets{padding-top:56px;} .active-events-note{position:relative;height:26px;line-height:26px;} .active-events-note button{position:absolute;right:15px;border:1px solid #E5E5E5;background:white;color:#0067CE;} .section-tickets .active-events-note{background:#F8F8F8;margin-left:-15px;margin-right:-15px;padding:15px;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;} .map-popup-coin-hover ul.events li p { width: calc(100% - 40px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .map-popup-coin-hover img{width:90px !important;} .map-popup-coin-hover .header.has-image .header-title{padding-left:100px !important;width:150px !important;} .map-popup-coin-hover .tag-round{float:left;font-size: 8px;float: left;padding: 3px 5px;max-width: 60px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top:0;} #ti-map-controls.concert-schedule{padding:0 !important;border:0;webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;background: rgba(51,51,51,0.95) none;} #ti-map-controls.concert-schedule h2{color:#CCC;font-weight:normal;margin-bottom:0;padding:10px;text-transform:none;} #ti-map-controls.concert-schedule .swiper-container{padding:10px 0;} section.custom-map-warning{color:#000066;background:#E1F0FF;padding-left:40px; position:relative;line-height:19px;font-size:13px;} section.custom-map-warning i{position:absolute;left:20px;top:15px;font-size:16px;} .section-events .swiper-button-disabled{display:none;} .section-events .swiper-button-prev,.section-events .swiper-button-next{width:32px;background-color:#F8F8F8;top:0;height:49px;width:26px;margin-top:0;} .section-events .swiper-button-prev{left:0;border-right:1px solid #E5E5E5;} .section-events .swiper-button-next{right:0;border-left:1px solid #E5E5E5;} .flip-container {perspective: 1000px;} .flip-container.flipped .flipper {transform: rotateY(180deg);} .flip-container .front, .flip-container .back {width: 100%;height: 100%;} .flip-container .flipper {transition: 0.6s;transform-style: preserve-3d;position: relative;} .flip-container .front, .flip-container .back {backface-visibility: hidden;position: absolute;top: 0;left: 0;} .flip-container .front {z-index: 2;transform: rotateY(0deg);} .flip-container .back {transform: rotateY(180deg);} .section-popular-seating .swiper-slide{width:90px;margin-left:23px;} .section-popular-seating .swiper-slide img,.section-popular-seating .swiper-slide .flip-container{height:90px;width:90px;margin-bottom:7px;object-fit:cover;} .section-popular-seating .swiper-slide .flip-container img{margin-bottom:0;} .section-popular-seating .swiper-slide .title{font-size:13px;margin-bottom:9px;} .section-popular-seating .flip-container .front, .section-popular-seating .flip-container .back{height:90px;width:90px;} .section-popular-seating .flip-container .back{background:white;border:1px solid #E5E5E5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:5px;} .section-popular-seating .swiper-button-disabled{display:none;} .section-popular-seating .swiper-button-prev,.section-popular-seating .swiper-button-next{width:16px;background-color:white;top:33px;height:16px;margin-top:0;padding:10px;border-radius:50%;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-popular-seating .swiper-button-prev{left:5px;} .section-popular-seating .swiper-button-next{right:5px;} ul.list-events li.event .event-block .event-venue{display:none;} .section-events ul.list-events li.event .event-block .event-venue{display:block;} /*Testing a button in the events list*/ .section-events .event button{position:absolute;top:calc(50% - 18px); right:10px;height:36px;line-height:36px;font-size:13px;} @media (min-width: 1180px) { .section-events .event button:before{content:"See ";} } .pane-content ul.list-events li.event .event-block{max-width: calc(100% - 57px - 80px);} .pane-content ul.list-events li.event.item-avatar .event-block{max-width: calc(100% - 80px);} .pane-content ul.list-events li.event.item-avatar button{position:absolute;top:calc(50% - 12px); right:10px;} /*..................*/ .pane-content ul.list-events li.event.item-avatar a{padding:0;} .section-tickets .event button{position:absolute;top:calc(50% - 12px); right:10px;} .value-availability-list .item-avatar-colored{color:white;font-size:9px;text-align:center;height:20px;line-height:20px;width:20px;border-radius:50%;margin-right:3px;float:left;margin-bottom:5px;} .value-availability-list .item-avatar-colored:hover{cursor:pointer;} .user-page-history{background:#3283d4;} .user-page-history li{line-height:40px;padding:0 10px;color:#FFF;font-size:15px;position:relative;border-top:1px solid #0067CE;} .user-page-history li:not(:first-child){} .user-page-history li a{color:white;} .user-page-history li a:hover{text-decoration:none;} .user-page-history .button-close{right: 10px;position: absolute;font-size: 16px;color: #FFF;line-height: 40px;} .title-page .button-close{right: 16px;position: absolute;font-size: 16px;color: white;top:15px;} .user-page-history li:hover:not(.current-page){background:#0067CE;cursor:pointer;} .user-page-history li:active:not(.current-page){background:#3283d4;} .user-page-history li.current-page{background:#0067CE;border-top:1px solid #377fc8;} .user-page-history .current-page .button-close{background:#0067CE;padding-left:20px;} .pane-overlay-ticket .featured-ticket-details, #overlay-popup-ticket .featured-ticket-details{padding-left:15px;border-bottom:none;} #overlay-popup-ticket .featured-ticket-details{padding-left:0;} .pane-overlay-ticket .featured-ticket-details.has-photo{padding-left:120px;min-height:90px;position:relative;} #overlay-popup-ticket .featured-ticket-details.has-photo{padding-left:90px;min-height:72px;} .featured-ticket-details img, #overlay-popup-ticket .featured-ticket-details img{height:90px;width:90px;position:absolute;left:15px;top:15px;} #overlay-popup-ticket .featured-ticket-details img{height:72px;width:72px;border-radius:4px;} .featured-ticket-details h2.ticket-location, #overlay-popup-ticket .featured-ticket-details h2.ticket-location{color:black;font-size:24px;margin-bottom:0px;} #overlay-popup-ticket .featured-ticket-details h2.ticket-location{font-size:18px;width:calc(100% - 30px);} .pane-overlay-ticket .featured-ticket-details .tag-round, #overlay-popup-ticket .featured-ticket-details .tag-round{float:left;font-size:10px;padding:4px 7px;} .pane-overlay-ticket .other-opponent-events li{line-height:24px;position:relative;padding-left:5px;} .pane-overlay-ticket .other-opponent-events li .event-date{color:#0067CE;font-weight:500;} .pane-overlay-ticket .other-opponent-events li .event-date:hover{text-decoration:underline;} .pane-overlay-ticket .other-opponent-events li .price{position:absolute;right:32px;font-size:16px;color:#333;font-weight:500;line-height:24px;} .pane-overlay-ticket .other-opponent-events li .arrow{position:absolute;right:12px;line-height:24px;} .pane-overlay-ticket .suggested-tickets li p{line-height:20px;} .games-with-ticket li p.event-name{font-size:14px;font-weight:500;} .games-with-ticket li p{line-height:20px;} .pane-overlay-ticket .suggested-tickets .games-with-ticket li .deal-note{display:none;} .pane-overlay-ticket .suggested-tickets .games-with-ticket li.deal .deal-note{display:block;position:absolute;right:16px;top:50% !important;margin-top:19px !important;color:green;width:78px;text-align:center;} .pane-overlay-ticket li.ticket.ticket-featured{background:#E1F0FF;} .pane-overlay-ticket .suggested-tickets li:hover{} .pane-overlay-ticket .more-tickets-like-this li{line-height:24px;position:relative;padding-left:5px;} .pane-overlay-ticket .more-tickets-like-this li .price{position:absolute;right:32px;font-size:16px;color:#333;font-weight:500;line-height:24px;} .pane-overlay-ticket .more-tickets-like-this li .arrow{position:absolute;right:12px;line-height:24px;} #multi-purpose-dialog .dialog-container{background:white;border:1px solid #CCC;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;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);position:absolute;padding:15px;top:5%;max-height:90%;} #multi-purpose-dialog .dialog-container .button-close{position:absolute;top:15px;right:15px;color:#999;font-size:24px;} .dialog-all-games-with-ticket .sort-games-with-ticket{padding:16px;background:#F8F8F8;border-top:1px solid #E5E5E5;} .dialog-all-games-with-ticket .sort-games-with-ticket span{color:#0067CE;} .dialog-all-games-with-ticket .sort-games-with-ticket span.active{color:black;} .dialog-all-games-with-ticket .sort-games-with-ticket span:not(.active):hover{text-decoration:underline;cursor:pointer;} .dialog-all-games-with-ticket ul.games-with-ticket{overflow-y:auto;} .sort-more-tickets-like-this{text-align:right;} .sort-more-tickets-like-this span{color:#0067CE;} .sort-more-tickets-like-this span.active{color:black;} .sort-more-tickets-like-this span:not(.active):hover{text-decoration:underline;cursor:pointer;} /*#multi-purpose-dialog{color:inherit !important;font-family:inherit !important;font-size:inherit !important;text-align:inherit !important;}*/ li.ticket.item-thumbnail{padding-left:92px;min-height:60px;} li.ticket.item-thumbnail .item-thumbnail-photo{height:60px;width:60px;position:absolute;left:16px;} .pane-content .fixed-list-actions{line-height:20px;padding:7px 16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0;position:fixed;top:59px;background:white;border-bottom:1px solid #E5E5E5;z-index:2;} .pane-overlay-similar .list-tickets li.ticket:hover{cursor:pointer;} ul.list-events li.event:not(.link-entire):hover{background:#F1F1F1;} /*.list-events:not(.active):hover{text-decoration:underline;cursor:pointer;}*/ .featured-tickets-swiper{overflow-x:scroll;margin-left:-15px;margin-right:-15px;padding-left:15px;padding-bottom:15px;} .featured-tickets-swiper table td{min-width:100px;width:100px;max-width:100px;padding:10px;border:1px solid #CCC;font-size:12px;} .featured-tickets-swiper table td.empty{border:none;} .featured-tickets-swiper table td.label{width:80px;background:#E5E5E5;font-weight:500;color:#777;} .featured-tickets-swiper td.preview-photo:hover{cursor:pointer;text-decoration:underline;} .featured-tickets-swiper td.preview-photo img{width:100px;height:60px;margin-bottom:5px;} .featured-tickets-swiper td.preview-photo p{line-height:15px;} .featured-tickets-swiper table td.value-seatscore{font-size:18px;color:#FF6600;} .featured-tickets-swiper table td.value-price{font-size:14px;font-weight:bold;} .featured-tickets-swiper table td.value-seatscore .stars-no-background .star-icon,.featured-tickets-swiper table td.value-seatscore .stars-no-background .star-icon {color:#E5E5E5;} .featured-tickets-swiper td.value-tags{vertical-align:top;text-transform:uppercase;color:#444;font-size:10px;} .featured-tickets-swiper td.value-tags span{border:1px solid #D9E7F1;background:#F1F1F1;margin:3px;margin-left:0;text-transform:uppercase;padding:4px 6px;font-weight:500;border-radius:3px;font-size:8px;color:#444;font-weight:500;} td.value-availability{text-align:center;} td.value-availability a{line-height:20px;font-size:14px;font-weight:bold;} .featured-tickets-swiper td.value-availability em{font-size:11px;color:#777;} /*REMOVE BELOW!!!*/ .filter-swiper-tickets{color:#0067CE;text-decoration:underline;} .filter-swiper-tickets.active{color:black;text-decoration:none;} #return-to-top{display:none;color:white;text-align:center;z-index:200;position:fixed;cursor:pointer;width:36px;line-height:20px;background:rgba(0,0,0,0.65) none;border-radius:50%;font-size:16px;padding-top:6px;padding-bottom:10px;}/*this looks better when not centered vertically because html entity is weird*/ #return-to-top:hover{background:black;} section.title-page figure{margin-top:-15px;margin-left:-15px;margin-right:-15px;} /*.breadcrumb-container[data-site='mobile']{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}*/ .breadcrumb-container div{display:inline-block;margin:0px 5px;} .breadcrumb-container[data-site='mobile'] div{margin:0px;} .breadcrumb-container div:first-child{margin-left:0px;} .breadcrumb-container div a span:hover{text-decoration:underline;} .pane-overlay.has-events-bar section:last-of-type{padding-bottom:280px;} /** * The events view is occasionally ajaxed in as its own overlay. * When this happens, make adjustments. * */ .pane-overlay-events section:not(.section-events){padding:0;} .pane-overlay-events h2, .pane-overlay-events .sales-note{display:none;} .pane-overlay-events .section-events{padding-top:0;padding-bottom:0;} .pane-overlay-events .swiper-button-next, .pane-overlay-events .swiper-button-prev{display:none;} #container-quick-event-select{opacity:0;position:absolute;top:0px;left:0px;background:#FFFFFF;width:100%;z-index:999;padding:15px;padding-top:10px;padding-bottom:3px;overflow-y:hidden;min-width:350px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:1px solid #CCC;transition: visibility 0s, opacity 0.5s linear;padding-right:0;padding-bottom:0;padding-left:0;} #container-quick-event-select ul.list-events{overflow-x:auto;width:100%;margin:0;} #container-quick-event-select.has-selected-performer lh button:not(#cancel-grouped-performer){ display: none; } .map-is-ready #container-quick-event-select{opacity:1.0;} /*default is horizontal selector*/ #container-quick-event-select[data-display='vertical']{top:0px;left:auto;right:0px;width:260px;height:auto;max-height:calc(100%);min-width:unset;overflow-x:hidden;overflow-y:scroll;padding:10px;padding-top:30px;} #container-quick-event-select .title{font-size:18px;z-index:2;position:color:#252525;top:8px;margin-left:15px;} #container-quick-event-select lh{padding-top:13px;width:116px;font-size:14px;position:absolute;background:white;left:0;z-index:16;padding-left:22px;height:90px;border-right:1px solid #E5E5E5; height: 84px; margin-top: 6px;} #container-quick-event-select lh button{margin-bottom:7px;display:table; border:none;border-radius:0;text-align:unset;padding:unset;font-size:14px;font-weight:normal;} #container-quick-event-select lh button:after{content:"\00a0\00a0\00a0"} #container-quick-event-select lh button.is-selected, #container-quick-event-select lh button:hover{border-bottom:2px solid #0067CE; font-weight:bold;cursor:pointer;} #container-quick-event-select lh.selected{ width: 150px; padding:10px; border-radius: 8px; left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 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 rgb(0 0 0 / 20%); font-size: 12px; background: black; color: white; } #cancel-grouped-performer{ width: calc(100% - 8px); text-wrap: wrap; } /* Single selections will show full event name */ #container-quick-event-select[data-count='1'] lh.selected{ width: 300px; } #container-quick-event-select lh.selected span{ background: #FFF; color: #000; font-size: 11px; margin-bottom: 8px; padding: 2px 4px; border-radius: 3px; } #container-quick-event-select lh.selected strong{ margin-bottom: 4px; display:block; margin-top: 7px; font-size: 13px; white-space: break-spaces; } #container-quick-event-select lh.selected button{ color: white; background: none; border: 1px solid white; padding: 4px; text-align: center; } #container-quick-event-select.has-selector lh.selected{ left: 110px; } #container-quick-event-select ul{white-space: nowrap;} #container-quick-event-select.has-selected ul li:first-of-type{margin-left:180px;} #container-quick-event-select[data-count='1'].has-selected ul li:first-of-type{margin-left:330px;} #container-quick-event-select.has-selector ul li:first-of-type, #container-quick-event-select.has-selector ul li.is-temp[data-order='1'], #container-quick-event-select.has-selected-performer ul li.is-temp[data-order='1']{ margin-left:134px; } #container-quick-event-select.has-selector.has-selected ul li:first-of-type{margin-left:280px;} #container-quick-event-select[data-count='1'].has-selector.has-selected ul li:first-of-type{margin-left:430px;} #container-quick-event-select li{text-align:center;padding:10px;height:80px;width:110px;color:white;margin-right:20px;position:relative;display:inline-grid;margin:8px;user-select: none;-webkit-user-select: none;-ms-user-select: none;} .browser-IE #container-quick-event-select li{display:inline-table;} #container-quick-event-select li:hover{opacity:0.80;cursor:pointer;} #container-quick-event-select:not([data-display='vertical']) li:last-of-type{margin-right:25px;} /*last event in horizontal list needs right padding*/ #container-quick-event-select[data-display='vertical'] li{width:230px;height:60px;display:block;margin-bottom:15px;} #container-quick-event-select[data-display='vertical'] li:last-of-type{margin-bottom:40px;} #container-quick-event-select .event-name{font-size:14px;line-height:18px;margin-bottom:10px;font-weight:bold;height:36px;overflow:hidden;white-space:initial;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #container-quick-event-select .is-long-name .event-name{font-size:11px;line-height:15px;height:30px;margin-left:-7px;margin-right:-7px;} #container-quick-event-select .event-details{font-size:12px;line-height:12px;width:90px;} #container-quick-event-select .is-long-name .event-details{font-size:11px;} #container-quick-event-select[data-display='vertical'] .event-name{line-height:20px;height:28px;display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:0;font-size:14px;} #container-quick-event-select .event-name .line-1{} #container-quick-event-select .event-name .line-2{} #container-quick-event-select .event-name.is-multi-line .line-1,#container-quick-event-select .event-name.is-multi-line .line-2{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #container-quick-event-select[data-display='vertical'] .event-name.is-multi-line .line-1,#container-quick-event-select[data-display='vertical'] .event-name.is-multi-line .line-2{display:inline !important;} #container-quick-event-select .event-details span{display:none;} #container-quick-event-select[data-display='vertical'] .event-details span{display:inline;} #container-quick-event-select li.is-selected{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);} #container-quick-event-select li.is-selected:after{position:absolute;content:"x";background:white;color:#333;line-height:13px;top:-6px;right:-6px;height:14px;width:14px;border-radius:50%;border:1px solid #CCC;z-index:5;} #quick-event-select-spinner{height:calc(100% - 55px);width:100%;color:#0067CE;position:absolute;z-index:4;top:25px;left:0;padding-top:30px;display:none;background:white;text-align:center;} #container-quick-event-select li.is-show{height:88px;} #container-quick-event-select li.is-show .event-name, #container-quick-event-select li.is-show .event-details{z-index:3;position:absolute;bottom:5px;width:100%;} #container-quick-event-select li.is-show .event-name{bottom:18px;height:unset;margin:0;width:100px;padding:0 5px;} #container-quick-event-select li img{position:absolute;height:100%;width:100%;object-fit:cover;z-index:1;top:0;left:0;} #container-quick-event-select li .cover-image{position:absolute;height:100%;width:100%;z-index:2;background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.6), rgba(0,0,0,1));top:0;left:0;} /* don't show if we are showing a different eventsFilter */ #container-quick-event-select.is-in-background{ opacity:0 !important; } #container-events-filter-preselect{ width: calc(100% - 3px); overflow:hidden;min-width:350px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: visibility 0s, opacity 0.5s linear; z-index: 1100; } #container-events-filter-popup, #container-events-filter-preselect{ position:absolute; top:0px; left:3px; background:#FFFFFF; padding:16px;padding-top:10px;padding-bottom:3px; } #container-events-filter-preselect .title, #container-events-filter-popup .title{ font-size:16px; z-index:2; color:#252525; margin-bottom: 6px; } #container-events-filter-preselect .card-event{ background: white; padding: 10px; border: 1px solid #CCC; display: inline-block; position: relative; max-width: 600px; padding-right: 300px; border-radius: 8px; } #container-events-filter-preselect .event-tags, #container-events-filter-popup .event-tags{ margin-bottom: 16px; } #container-events-filter-preselect .event-tags span, #container-events-filter-popup li.event .event-tags span{ border-radius: 4px; padding: 3px 5px; background: #DFEECD; color: #767D6E; font-size: 10px; margin-right: 10px; } #container-events-filter-preselect .event-name, #container-events-filter-popup li.event .event-name{ font-weight: bold; font-size: 15px; margin-bottom: 4px; max-width: 300px; } #container-events-filter-preselect .event-name:hover{ text-decoration: underline; cursor: pointer; } #container-events-filter-preselect .event-date, #container-events-filter-popup li.event .event-date{ font-size: 13px; margin-bottom: 8px; } #container-events-filter-preselect button, #container-events-filter-popup li.event button{ height: 36px; width: 120px; position: absolute; bottom: 10px; right: 10px; border-radius: 8px; font-weight: bold; } #container-events-filter-preselect button[data-role='all']{ background: black; border: 1px solid #black; color: white; right: 144px; } #container-events-filter-preselect button[data-role='change'], #container-events-filter-popup button[data-role='selected']{ background: white; border: 1px solid #CCC; color: black; } #container-events-filter-popup{ border: 1px solid #CCC; left: 8px; top: 8px; border-radius: 8px; z-index: 2100; } #container-events-filter-popup .title{ margin-bottom: 16px; } #container-events-filter-popup .button-close{ position: absolute; top: 0px; right: 0px; font-size: 18px; padding: 12px; } #container-events-filter-popup ul{ max-height: 50vh; overflow-x: hidden; overflow-y: auto; margin-right: -16px; padding-right: 16px; } #container-events-filter-popup li.event{ margin: 8px 0; padding: 10px; position: relative; max-width: 600px; padding-right: 250px; } @media (max-width: 1023px) { #container-events-filter-popup li.event{ max-width: 500px; padding-right: 180px; } #container-events-filter-preselect button, #container-events-filter-popup li.event button{ width: 100px; } #container-events-filter-preselect button[data-role='all']{ right: 124px; } } #container-events-filter-popup li.event:not(.selected):hover, #container-events-filter-popup li.event.selected{ 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 rgb(0 0 0 / 20%); border: 1px solid #CCC; border-radius: 8px; } #container-events-filter-popup li.event:not(.selected):hover{ cursor: pointer; border-color: #E5E5E5; } #container-events-filter-popup li.event:not(.selected):hover button[data-role='select']{ background: #333; } #container-events-filter-popup button[data-role='select']{ background: black; border: 1px solid #black; color: white; } #container-events-filter-popup span.price{ right: 144px; position: absolute; line-height: 36px; bottom: 10px; font-size: 14px; } .all-mrk-m-con .mrk-price{color:white;font-size:16px;font-weight:normal;background:#2D6099;border:1px solid rgba(255,255,255,0.5);padding:3px 6px;border-radius:6px;text-shadow:none;} .all-mrk-m-con .mrk-date{text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;font-size:13px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:absolute;width:80px;top:22px;} .section-club .card-inset img{object-fit:cover;height:220px;width:100%;} section.section-ticket-suggestions{margin:-1px;} .section-ticket-suggestions ul{margin-bottom:20px;} .section-ticket-suggestions lh{display:block;font-size:14px;margin-bottom:13px;} .section-ticket-suggestions lh .event-name{width:calc(100% - 130px); text-overflow:ellipsis;font-weight:500;color:black !important;text-decoration:none !important;} .section-ticket-suggestions li{display:inline-block;width:calc(25% - 10px);height:80px;border-radius:10px;color:white;position:relative;cursor:pointer; transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out;} .section-ticket-suggestions li.is-ticket{margin-right:10px;} .section-ticket-suggestions li.is-ticket .ticket-details, .section-ticket-suggestions li.is-event .event-details{position:absolute;bottom:8px;font-size:13px;font-weight:bold;left:6px;width:calc(100% - 12px);} .section-ticket-suggestions li.is-ticket .ticket-details{text-shadow: 0 0 2px rgba(0,0,0,0.7);line-height:13px;} .section-ticket-suggestions li.is-ticket .ticket-section, .section-ticket-suggestions li.is-ticket .ticket-row,.section-ticket-suggestions li.is-event .event-name, .section-ticket-suggestions li.is-event .event-date{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;} .section-ticket-suggestions li.is-ticket .ticket-image,.section-ticket-suggestions li.is-ticket .ticket-image-shader{width:100%;height:100%;border-radius:10px;position:absolute;top:0;left:0;} .section-ticket-suggestions li.is-ticket .ticket-image{object-fit:cover;} .section-ticket-suggestions li.is-ticket .ticket-image-shader{background: rgba(0,0,0,0.55);} .section-ticket-suggestions li.is-ticket .ticket-price{position:absolute;background:white;font-size:11px;padding:2px 6px;border-radius:4px;top:6px;right:6px;color:black;font-weight:500;} .section-ticket-suggestions li.is-event{background:black;} .section-ticket-suggestions li.is-event .event-avatar{font-size:12px;font-weight:bold;top:6px;left:6px;position:absolute;border-radius:50%;text-align:center;line-height:30px;height:30px;width:30px;border:1px solid #FFF;} .section-ticket-suggestions li.is-event .event-details{font-size:12px;} .section-ticket-suggestions li.is-event .event-date{font-weight:normal;font-size:10px;} .section-ticket-suggestions li.is-event .event-note{font-size:10px;position:absolute;top:6px;right:6px;} .section-ticket-suggestions li:hover{opacity:0.75;} @media (max-width: 1199px) { .section-ticket-suggestions li.is-ticket .ticket-details{font-size:12px;} .section-ticket-suggestions li.is-event .event-note{display:none;} } body.success-360 figure.show-hint-360:before{top:8px;left:8px;width:auto;padding:4px;font-size:12px;bottom:auto;content:"360° View";} :root { --google-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); --border-default: 1px solid #E5E5E5; --border-radius-default: 8px; --item-hover-bg: #F5F5F5; } body{background:white;} body{font-size:12px;} p:not(dialog.cmodal *), li.text:not(dialog.cmodal *), .text li:not(dialog.cmodal *), .text lh:not(dialog.cmodal *), lh.text:not(dialog.cmodal *) { font-size: 15px !important; line-height: 21px !important; color: #222; } h1{font-size:calc(18px + 0.5vw);margin-bottom:calc(10px + 0.5vw);} h2{font-size:calc(16px + 0.3vw);margin-bottom:calc(10px + 0.5vw);} h3{font-size:calc(16px + 0.1vw);margin-bottom:calc(10px + 0.5vw);} .pane-overlay ul.has-single-line-items li{line-height:48px;font-size:14px;height:48px;} .pane-overlay ul.has-single-line-items li:hover{background:var(--item-hover-bg);cursor:pointer;} #section-seating-charts-upcoming section:not(.is-expanded):hover{background:var(--item-hover-bg);cursor:pointer;} #list-explore-map{-webkit-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.2);border-bottom:1px solid #DDD;position:relative;z-index:60;margin-bottom:20px;padding:10px 0;} #list-explore-map ul{overflow-x:scroll;white-space:nowrap;padding:15px;} #list-explore-map lh{display:block;font-weight:bold;margin-bottom:10px;} #list-explore-map li{border:1px solid #DDD;height:120px;width:144px;display:inline-block;margin-left:20px;border-radius:8px;overflow:hidden;position:relative;} #list-explore-map li:first-child{margin-left:0;} #list-explore-map li{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);} #list-explore-map li:hover{cursor:pointer;background:var(--item-hover-bg);} #list-explore-map li img{object-fit:cover;width:100%;height:104px;margin-top:-15px;filter: brightness(0.8);} #list-explore-map li .is-title{white-space:normal;position:absolute;line-height:16px;max-height:52px;overflow:hidden;bottom:0px;left:0px;width:100%;font-size:14px;font-weight:500;padding:10px;background:white;} #list-explore-map.has-selected-item ul{display:none} #list-explore-map li .is-date{position:absolute;top:5px;right:5px;padding:3px;background:black;color:white;font-weight:500;font-size:10px;border-radius:5px;} #list-explore-map li.secondary{display:none !important;} /*want these hidden*/ #list-explore-map.has-selected-item{display:none;} /*#results-explore{box-shadow:inset 0 0 10px #0000001a;}*/ #results-explore{margin-bottom:20px;border-bottom:1px solid #E5E5E5;padding-bottom:20px;display:none;} #results-explore .results{width:calc(100% - 32px);margin:0 16px;border:1px solid #E5E5E5;border-radius:8px;webkit-box-shadow:var(--google-shadow);-moz-box-shadow:var(--google-shadow);box-shadow:var(--google-shadow);position:relative;} .pane-overlay-explore .results img{object-fit:cover;height:40vw;width:100%;max-height:180px;} .pane-overlay-explore .results img.has-no-photo-match{display:none;} .pane-overlay-explore .results .section-title-description{padding:16px 24px 16px;} .pane-overlay-explore .results .is-title{width:100%;text-overflow:ellipsis;font-size:18px;margin:10px 0;box-sizing:border-box;} .pane-overlay-explore .results .is-subtitle{margin-bottom:15px;} .pane-overlay-explore .results .contains-buttons button,.pane-overlay-explore .results .contains-buttons .link-button{height:36px;line-height:36px;margin-bottom:15px;margin-right:15px;} .pane-overlay-explore .list-showtimes{overflow-x:scroll;white-space:nowrap;margin-left:-24px;margin-right:-24px;} .pane-overlay-explore .list-showtimes li{display: inline-block;margin-right:10px;} .pane-overlay-explore .list-showtimes li:first-child{margin-left:24px;} #section-interactive-map{border-bottom:none;} /** * Popular seating on the seatingchart page is other seating charts * so these styles should differ from default * */ body[data-type='seatingchart'] .section-popular-seating ul{} body[data-type='seatingchart'] .section-popular-seating li{display:inline-block;overflow:hidden;position:relative;width:90px;margin-right:24px;webkit-box-shadow:var(--google-shadow);-moz-box-shadow:var(--google-shadow);box-shadow:var(--google-shadow);margin-bottom:5px;border:1px solid #E5E5E5;background:white;width:100px;border-radius:8px;} body[data-type='seatingchart'] .section-popular-seating li img{height:90px;width:100%;border:1px solid #E5E5E5;display:block;border-radius:8px 8px 0 0;} body[data-type='seatingchart'] .section-popular-seating li span{white-space:normal;padding-top:5px;display:block;color:black !important;padding:8px;} #section-seating-charts-upcoming section{border:none;border-top:1px solid #E5E5E5;padding:10px 0;position:relative;} #section-seating-charts-upcoming section header{padding:5px 10px;cursor:pointer;} #section-seating-charts-upcoming section footer{background:rgba(255, 255, 255, 0.7);position:absolute;bottom:15px;padding:10px 0;width:100%;z-index:30;} #section-seating-charts-upcoming section .icon-toggle-expand{position:absolute;right:8px;line-height:32px;font-size:16px;} #section-seating-charts-upcoming section h3{width:calc(100% - 32px);margin-bottom:0;} #section-seating-charts-upcoming section img, #section-seating-charts-upcoming section footer{display:none;} #section-seating-charts-upcoming section.is-expanded img, #section-seating-charts-upcoming section.is-expanded footer{display:block;} #section-seating-charts-upcoming section.is-expanded img{margin-top:15px;margin-bottom:30px;} #section-seating-charts-upcoming section.is-expanded footer{} #section-seating-charts-upcoming section span{font-size:11px;text-transform:uppercase;display:block;margin-bottom:5px;} :not(.content-main):not(.pane-overlay):not(#section-seating-charts-upcoming) > section:not(.title-page):not(.title-page):not(.section-events):not(.section-popular-seating):not(#section-interactive-map):not(.content-main):not(#list-explore-map):not(#section-seating-charts-upcoming):not(#section-ticket-search-grid),.pane-overlay section.ticket-suggestions{margin:15px;margin-bottom:30px;border-radius:var(--border-radius-default);border:var(--border-default); webkit-box-shadow:var(--google-shadow);-moz-box-shadow:var(--google-shadow);box-shadow:var(--google-shadow);} .content-main button.open-overlay[data-overlay='events'], #container-find-tickets-button button{border:0;height:48px;line-height:48px;font-size:15px;width:calc(100% - 6px);margin:3px;webkit-box-shadow:var(--google-shadow);-moz-box-shadow:var(--google-shadow);box-shadow:var(--google-shadow);} .content-main section{border:none;padding:0;margin-bottom:30px;} #button-no-refresh-back{border:none;border-radius:0; webkit-box-shadow:var(--google-shadow);-moz-box-shadow:var(--google-shadow);box-shadow:var(--google-shadow); width:100%; padding:15px 12px;margin-bottom:10px;color:black !important;display:block;background:white;font-size:16px;} #button-no-refresh-back span {margin-left:10px;width:80%;overflow:ellipsis;} #button-no-refresh-back:hover span{text-decoration:underline;} #overlay .modal{width:94%;left:3%;top:90px;max-height:calc(100% - 180px);overflow:scroll;} @media (min-width: 600px) { #overlay .modal{width:580px;left:calc(50% - 290px);} } #overlay-popup-events .is-container-header{height:60px;} #overlay .modal .footer{line-height:30px;position:relative;height:30px;} #overlay-popup-events .footer .show-all-events{cursor:pointer;} #overlay .modal .footer .dismiss{cursor:pointer;color:#333;position:absolute;right:0;} /** * Styles for event overlay popup */ /* need more margin bottom to prevent mis-clicks */ #list-overlay-popup-events{max-height:calc(100% - 270px); margin-bottom: 30px;} #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:hover{opacity:0.80;} #list-overlay-popup-events li:last-child, #overlay-popup-ticket 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;} #overlay-popup-ticket li.is-event{width:calc(50% - 10px);display:inline-block;text-align:center;position:relative;padding:8px;height:60px;cursor:pointer;margin-bottom:10px;border:1px solid #E5E5E5;margin-right:10px;} #overlay-popup-ticket li.is-event.hidden{display:none;} #overlay-popup-ticket li.is-event .abbreviation{display:none;} #overlay-popup-ticket li.is-event .event-name{line-height:24px;font-weight:bold;font-size:14px;position:relative;z-index:2;} #overlay-popup-ticket .event-details{z-index:2;position:relative;} #overlay-popup-ticket li.is-event .image-performer{position:absolute;right:0;top:0;height:60px;width:90px;z-index:1;} #overlay-popup-ticket li.ticket{border:none;height:84px;padding:16px;margin-bottom:15px;cursor:pointer;background:white;position:relative;padding-left:75px !important;} #overlay-popup-ticket li.ticket.is-show{border:1px solid #E5E5E5;} #overlay-popup-ticket li.ticket .item-avatar-colored,#overlay-popup-ticket li.ticket .item-avatar-image{left:12px !important;top:calc(50% - 24px);height:48px;width:48px;font-size:16px;line-height:48px;} #overlay-popup-ticket li.ticket .ticket-block p{font-size:12px !important;line-height:normal !important;} #overlay-popup-ticket li.ticket .ticket-block{width:calc(100% - 40px);} #overlay-popup-ticket li.ticket .ticket-block p.event-name{font-size:16px !important;font-weight:bold;margin-bottom:2px;width:100%;} #overlay-popup-ticket li.ticket button.price{background:#0067CE;color:white;right:16px;top:calc(50% - 18px);line-height:36px;position:absolute;border:none;} #overlay-popup-ticket li.ticket.is-show{color:white;background:black;} #overlay-popup-ticket li.ticket .fa-chevron-right{position:absolute;top:calc(50% - 16px);right:16px;font-size:32px;color:white;} #overlay-popup-ticket li.ticket .ticket-block, #overlay-popup-ticket li.ticket .event-name, #overlay-popup-ticket li.ticket .event-date{color:white;} #overlay-popup-ticket li.ticket.is-show .item-avatar-colored{background:black !important;color:white !important;border-color:white !important;} #card-event-widget{position:absolute;top:0;left:0;border:1px solid #CCC;webkit-box-shadow:var(--google-shadow);-moz-box-shadow:var(--google-shadow);box-shadow:var(--google-shadow);background:white;margin-top:10px;margin-left:10px;padding:8px;} #card-event-widget .event-image{border-radius:50%;height:40px;width:40px;left:8px;position:absolute;} #card-event-widget .event-name{font-size:14px;font-weight:500;width:248px;line-height:22px;} #card-event-widget .event-date{line-height:16px;margin-bottom:16px;} #card-event-widget .event-buttons button, #card-event-widget .event-buttons .link-button{height:32px;line-height:32px;} #card-event-widget.has-image .event-name,#card-event-widget.has-image .event-date,#card-event-widget.has-image .event-buttons{padding-left:48px;} #card-event-widget.has-image .event-name{width:200px;} .ticket-suggestions .ticket-block{width:calc(100% - 90px);} /*to acommodate button*/ body.has-open-overlay #change-map-type-container{ display: none; } #change-map-type-container{position:absolute;bottom:54px; right:10px;z-index:400;pointer-events:auto;} #change-map-type-container ul{display:inline-block;} #change-map-type-container ul#change-map-type-trigger{margin-left:15px;text-align:center;} #change-map-type-container ul#change-map-type-trigger:hover{opacity:0.80;} #change-map-type-container ul#change-map-type-trigger{border-radius:12px;padding:0px 8px;background:white;border:1px solid #E5E5E5;} #change-map-type-container ul#change-map-type{display:none;border-radius:12px;padding:0px 8px;background:white;border:1px solid #E5E5E5;} #change-map-type-container[data-view='open'] ul#change-map-type{display:inline-block;} #change-map-type-container li{position:relative;display:inline-block;margin:8px;} #change-map-type-container li:hover{cursor:pointer;} #change-map-type-container li img{height:60px;width:60px;display:block;border-radius:12px;border:2px solid #FFF;} #change-map-type-container li:hover img{border-color:#0067CE;} #change-map-type-container li span{text-align:center;bottom:0;color:#444;width:100%;display:block;} #section-interactive-map .grid-container{height:90%;width:100%;padding:4%;padding-top:0;} #section-interactive-map .grid-container .card {width: 46%;margin:0;justify-content:center;min-height:120px;display:inline-flex;align-items:center;border:1px solid #CCC;margin:2%;border-radius:20px;} #section-interactive-map .grid-container[data-rows='1'] .card{height:40%;} #section-interactive-map .grid-container[data-rows='2'] .card{height:36%;} #section-interactive-map .grid-container[data-rows='3'] .card{height:26%;} #section-interactive-map .grid-container .card img{height:100%;width:100%;position:absolute;object-fit:cover;border-radius:20px;} #section-interactive-map .grid-container .card .filter{position:absolute;height:100%;width:100%;opacity:0.80;border-radius:20px;} #section-interactive-map .grid-container .card a{color:white; font-size: min(30px, 4vw); text-transform: uppercase;z-index:10;font-weight:bold;text-decoration:none;bottom:15%;position:absolute;text-align:center;width:calc(100% - 20px);padding:0 10px;} #section-interactive-map .grid-container .card:hover .filter{opacity: 1;} #section-interactive-map .grid-container .card:hover{cursor:pointer;} #section-interactive-map[data-type='landing'] h2{position:unset;display:block !important;margin-top:30px;text-align:center;margin-left:5px;} .legend-map-shading{list-style-type: none !important;padding: 0 !important;;margin:0 !important;} .legend-map-shading li{list-style-type:none !important;padding: 0 !important;;margin:0 !important; font-size:12px !important;line-height:16px !important;} .legend-map-shading li span {height:12px;width:12px;border:2px solid #0067CE;background:#0067CE;display:inline-block;margin-right:5px;} .legend-map-shading li[data-shading='partial'] span{background:#7FB3E6;} @media screen and (max-width: 879px) { #section-interactive-map[data-type='landing'] h2{display:none !important;} #change-map-type-container{bottom: 5px; right:5px;} #change-map-type-container #change-map-type-trigger{padding:0 !important;} #change-map-type-trigger span{display:none !important;} #change-map-type-trigger i {margin-bottom:0 !important;font-size:16px !important;} #change-map-type-container[data-view='open'] #change-map-type span:after{content:"\a Map";white-space: pre;} #change-map-type-container #change-map-type img{height:50px;width:50px;} #change-map-type-container #change-map-type span{font-size:10px;} } body.has-value-bottom-fixed{ padding-bottom: 60px; } @media(min-width: 500px){ body.has-value-bottom-fixed{ padding-bottom: 70px; } } @media(min-width: 800px){ body.has-value-bottom-fixed{ padding-bottom: 100px; } } @media(min-width: 880px){ body.has-value-bottom-fixed{ padding-bottom: unset; } body.has-value-bottom-fixed #wrapper-content{ height: calc(100% - 100px); } } body.has-value-bottom-fixed #return-top{ bottom: 70px; } @media(min-width: 500px){ body.has-value-bottom-fixed #return-top{ bottom: 80px; } } @media(min-width: 500px){ body.has-value-bottom-fixed #return-top{ bottom: 110px; } } .value{ background: white; border: 4px solid #F1F1F1; margin: 0 auto; } .mobile .value[data-id='display-horizontal-responsive']{ min-height: 50px; } @media(min-width: 500px){ .mobile .value[data-id='display-horizontal-responsive']{ min-height: 60px; } } .mobile .value[data-id='display-square-responsive']{ min-height: 250px; } .mobile .value.bottom-fixed[data-id='display-horizontal-responsive']{ position: fixed; bottom: 0; width: 100%; z-index: 200; } @media(min-width: 880px){ .mobile .value[data-id='display-horizontal-responsive']{ min-height: 50px; } .mobile .value.bottom-fixed[data-id='display-horizontal-responsive']{ width: 37%; min-width: 420px; max-width: 560px; bottom: 44px; } } .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 !important; margin-bottom: 20px !important; } .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); } /* Card Event Styles */ section#card-event{ margin-bottom: 15px !important; } #card-event .container.sticky{ top: 0; } #card-event.sticky{ top: -1px; } #card-event.sticky.is-pinned{ z-index: 500; margin: 0 !important; border-radius: 0 !important; } #card-event.sticky.is-pinned .row[data-role='more']{ position: absolute; z-index: -2000000000; visibility: hidden; } /* Placeholder */ #card-event .sk-block:first-of-type{ height: 80px; } #card-event .row{ margin-bottom: 16px; } #card-event .row:last-of-type{ margin-bottom: 0; } #card-event .row[data-role='tag']{ margin-bottom: 12px; } #card-event .row[data-role='tag'] span{ background: #DFEECD; color: #767D6E; padding: 4px 8px; font-size: 11px; display: inline-block; border-radius: 4px; } #card-event .row[data-role='details']{ line-height: 1.5; font-size: 14px; } #card-event .row[data-role='details'] a{ font-size: 18px; font-weight: bold; } #card-event .row[data-role='details'] a:hover{ text-decoration: underline; } #card-event .row[data-role='price']{ font-size: 14px; } #card-event .row[data-role='price'] strong{ margin-right: 12px; font-weight: bold; font-size: 24px; } #card-event .row[data-role='actions']{ display: flex; justify-content: space-between; } #card-event .row[data-role='actions'] button{ flex: 1; margin-right: 20px; border-radius: 8px; height: 44px; margin-right: 20px; text-align: center; line-height: 44px; text-decoration: none; cursor: pointer; border: none; background-color: transparent; transition: background-color 0.2s, color 0.2s; box-shadow: none; font-size: 13px; padding: 0; } #card-event .row[data-role='actions'] button:last-child{ margin-right: 0; } /* Style for the first button */ #card-event .row[data-role='actions'] button[data-type='view'] { background-color: #EBE531; color: black; } /* Style for the first button */ #card-event[data-btnTheme='blue'] .row[data-role='actions'] button[data-type='view'] { background-color: #0067CE; color: white; } /* Style for the second button */ #card-event .row[data-role='actions'] button[data-type='change']{ background: black; color: white; } /* Hover effect */ #card-event .row[data-role='actions'] button[data-type='view']:hover { opacity: 0.80; /* Change the background color on hover */ } #card-event .row[data-role='actions'] button[data-type='change']:hover { background-color: #333; /* Change the background color on hover */ } #card-event[data-ticketed='true'] button[data-type='have']{ display: none; } #card-event .row[data-role='more']{ padding: 8px; padding-right: 0; display: contents; } #card-event .row[data-role='more'] button[data-type='have']{ border: none; background: #f8f8f8; width: 100%; text-align: center; padding: 8px 0; color: #444; } #card-event .row[data-role='more'] lh{ margin-bottom: 12px; } #card-event .row[data-role='more'] li.event{ position: relative; line-height: 26px; height: 26px; padding: 6px 0; } #card-event .row[data-role='more'] li, #card-event .row[data-role='more'] lh{ font-size: 13px; } #card-event .row[data-role='more'] lh{ font-weight: 500; } #card-event .row[data-role='more'] li.event [data-role='date']{ font-size: 10px; position: absolute; left: 4px; width: 40px; line-height: 13px; } #card-event ul[data-role='events'] li.event:hover{ background: #DEEAFD; cursor: pointer; border-radius: 8px; } #card-event .row[data-role='more'] [data-role='name']{ color: black; cursor: pointer; } #card-event .row[data-role='more'] li.event[data-role='name']:hover{ text-decoration: underline; } #card-event .row[data-role='more'] li.event .ell{ width: calc(100% - 140px); padding-left: 60px; display: inline-block; } #card-event .row[data-role='more'] li.event button{ background:white; box-shadow: none; width: 60px; position: absolute; right: 6px; height: 24px; padding: unset; } #card-event ul[data-role='tickets'] li.ticket:hover{ background: #DEEAFD; cursor: pointer; } #card-event ul[data-role='tickets'] li.ticket{ font-size: 12px; padding: 4px; position: relative; } #card-event ul[data-role='tickets'] li.ticket:nth-child(n+4){ display: none; } #card-event ul[data-role='tickets'] li.ticket span{ display: inline-block; line-height: 26px; } #card-event ul[data-role='tickets'] li.ticket [data-role='sectionRow']{ width: 43%; } #card-event ul[data-role='tickets'] li.ticket [data-role='row']{ width: 19%; } #card-event ul[data-role='tickets'] li.ticket [data-role='quantity']{ width: 23%; font-size: 11px; } #card-event ul[data-role='tickets'] li.ticket [data-role='price']{ width: 13%; font-weight: bold; } #card-event ul[data-role='tickets'] li.ticket button{ height: 26px; line-height: 26px; width: 20%; border-radius: 12px; color: #0067CE; font-weight: 500; border-color: #e5E5E5; padding: unset; position: absolute; right: 0; } #card-event ul[data-role='tickets'] button[data-role='more-tickets'], #card-event ul[data-role='tickets'] button[data-role='all-tickets']{ color: #0067CE; border-color: #E5E5E5; padding: 8px; width: 100%; margin: 12px 0; margin-bottom: 8px; } #card-event.is-hanging{ position: fixed; top: 0; left: 0; right: 0; z-index: 56; margin: 0 !important; border-radius: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body[data-gridc='grid'] #card-event.is-hanging{ top: 50px; width: calc(38% - 15px); min-width: 405px; max-width: 545px; padding: 15px 24px; } .event-card-placeholder{ position: absolute; width: calc(100% - 20px); margin: 10px; } .event-card-placeholder.is-holding{ position: unset; } #card-event.is-hanging .row[data-role='more'], #card-event.is-hanging .row[data-role='tag']{ display: none; } #card-event.is-hanging .row[data-role='actions']{ margin-bottom: 0; } button[data-balloon]{overflow:visible}[data-balloon]{position:relative}[data-balloon]:after,[data-balloon]:before{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;bottom:100%;left:50%;position:absolute;z-index:10;-webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,10px);transform:translate(-50%,10px);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon]:after{background:rgba(17,17,17,.9);border-radius:4px;color:#fff;content:attr(data-balloon);font-size:12px;padding:.5em 1em;white-space:nowrap;margin-bottom:11px}[data-balloon]:before{background:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;background-size:100% auto;height:6px;width:18px;content:"";margin-bottom:5px}[data-balloon]:hover:after,[data-balloon]:hover:before,[data-balloon][data-balloon-visible]:after,[data-balloon][data-balloon-visible]:before{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;pointer-events:auto;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}[data-balloon].font-awesome:after{font-family:FontAwesome}[data-balloon][data-balloon-break]:after{white-space:pre}[data-balloon-pos=down]:after,[data-balloon-pos=down]:before{bottom:auto;left:50%;top:100%;-webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px)}[data-balloon-pos=down]:after{margin-top:11px}[data-balloon-pos=down]:before{background:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;background-size:100% auto;height:6px;width:18px;margin-top:5px;margin-bottom:0}[data-balloon-pos=down]:hover:after,[data-balloon-pos=down]:hover:before,[data-balloon-pos=down][data-balloon-visible]:after,[data-balloon-pos=down][data-balloon-visible]:before{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}[data-balloon-pos=left]:after,[data-balloon-pos=left]:before{bottom:auto;left:auto;right:100%;top:50%;-webkit-transform:translate(10px,-50%);-ms-transform:translate(10px,-50%);transform:translate(10px,-50%)}[data-balloon-pos=left]:after{margin-right:11px}[data-balloon-pos=left]:before{background:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;background-size:100% auto;height:18px;width:6px;margin-right:5px;margin-bottom:0}[data-balloon-pos=left]:hover:after,[data-balloon-pos=left]:hover:before,[data-balloon-pos=left][data-balloon-visible]:after,[data-balloon-pos=left][data-balloon-visible]:before{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}[data-balloon-pos=right]:after,[data-balloon-pos=right]:before{bottom:auto;left:100%;top:50%;-webkit-transform:translate(-10px,-50%);-ms-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}[data-balloon-pos=right]:after{margin-left:11px}[data-balloon-pos=right]:before{background:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;background-size:100% auto;height:18px;width:6px;margin-bottom:0;margin-left:5px}[data-balloon-pos=right]:hover:after,[data-balloon-pos=right]:hover:before,[data-balloon-pos=right][data-balloon-visible]:after,[data-balloon-pos=right][data-balloon-visible]:before{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}[data-balloon-length]:after{white-space:normal}[data-balloon-length=small]:after{width:80px}[data-balloon-length=medium]:after{width:150px}[data-balloon-length=large]:after{width:260px}[data-balloon-length=xlarge]:after{width:90vw}@media screen and (min-width:768px){[data-balloon-length=xlarge]:after{width:380px}}[data-balloon-length=fit]:after{width:100%} #aip-notice{ position: absolute; background: white; border: 1px solid #E5E5E5; left: 16px; top: 164px; border-radius: 8px; padding: 8px; display: flex; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); z-index: 4; } #aip-notice svg { flex-shrink: 0; margin-top: 8px; } #aip-notice .aip-content { flex-grow: 1; padding: 8px; } #aip-notice strong { font-size: 16px; display: block; margin-bottom: 4px; color: #0067ce; }