@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Overpass:wght@300;400;600;700;800&display=swap');

/******** Default *********/
body {margin: 0;}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}audio:not([controls]) {display: none;height: 0;}[hidden],template {display: none;}a {background-color: transparent;}a:active,a:hover {outline: 0;}abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: 500;}dfn {font-style: italic;}h1 {font-size: 2em;margin: 0.67em 0;}mark {background: #ff0;color: #000;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 1em 40px;}hr {box-sizing: content-box;height: 0;}pre {overflow: auto;}code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}button {overflow: visible;}button,select {text-transform: none;}button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}button[disabled],html input[disabled] {cursor: default;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}input {line-height: normal;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0;padding: 0;}textarea {overflow: auto;}optgroup {font-weight: bold;}table {border-collapse: collapse;border-spacing: 0;}td,th {padding: 0;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; min-height: 100%; position: relative; position: relative; overflow: visible !important;}
body { margin: 0; font-family: 'Overpass', sans-serif; font-weight: 300; font-size: 18px; color: #1A2026; line-height:28px; letter-spacing: 0px; overflow-x: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6  {font-family: 'Oswald', sans-serif; color: #364351; font-weight: 600; line-height: 1.2;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: normal; line-height: normal;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span, .h1 span,.h2 span,.h3 span,.h4 span,.h5 span,.h6 span {color:#1A2026;}
h1, .h1 { /*font-size:75px;*/font-size:48px; margin: 0 0 10px;text-transform: uppercase; letter-spacing: -1.44px;}
h2, .h2 { /*font-size:60px;*/font-size:38px; margin: 0 0 10px;text-transform: uppercase; letter-spacing: -1.14px;}
h3, .h3 { /*font-size:48px;*/font-size:30px; margin: 0 0 10px;text-transform: uppercase; letter-spacing: -0.9px;}
h4, .h4 { /*font-size:38px;*/font-size:24px; margin: 0 0 10px;text-transform: uppercase; letter-spacing: -0.72px;}
h5, .h5 { /*font-size:30px;*/font-size:21px; margin: 0 0 25px; font-weight: 800; letter-spacing: -0.42px; color: #1A2026;}
h6, .h6 { /*font-size:24px;*/font-size:14px; margin: 0 0 10px;text-transform: uppercase; letter-spacing: 1.4px;}

p { margin: 0 0 28px;}
p:last-child {margin-bottom: 0 !important;}
html {position: relative;min-height: 100%;}


td.venue-ticket-list-price-col .venue-ticket-list-price-col-inner {
    display: block;
}
td.venue-ticket-list-price-col .sea-ticket-list-price-col-price {
    display: block;
}
td.venue-ticket-list-cta-col .venue-ticket-list-cta-button {
	display: block;
}

/******** events page *********/
.event-page .site-header { position:relative; background-color:#212121; padding:3px 0 5px 2px; max-height:75px; overflow:auto; }

.event-page .logo { display:inline; }
.event-page .logo img { max-width: 100%; height: auto; }
.event-page .logo a { font-family: 'Oswald', sans-serif; font-size: 25px; font-weight: 400; letter-spacing: -0.6px; color: #fff; text-transform: uppercase; background-image: none; line-height: 1; transition: all 0.5s; z-index: 100; text-decoration:none;}

.event-page .logo-text {  color: #32708a;  text-transform: uppercase; font-size: 1.5em; padding: 0 0 3px; font-family: Oswald,sans-serif; font-weight: 500; text-decoration:none; background-image:none;}
.event-page .logo-poweredby { float:right;  }
.event-page .logo-poweredby a { color: #fff; text-decoration:none; background-image:none; }
.event-page .logo-poweredby img { max-height:20px;position:relative; top:-2px; margin:0px; }
.event-page a, .event-page .site-header a:hover, .event-page .site-header a:active, .event-page .site-header a:focus { background-image:none; }
.event-page .container-fluid { padding:0 15px; }
.protect-star {    margin: 0;  padding: 5px 0 0 0;  display: flex;  align-items: center;  line-height: 1;  letter-spacing: 1.4px;  color: #fff;  text-transform: uppercase;  font-size: 14px;  font-weight: 600;}

.event-info-date .event-info-date-day { background:#32708a; color:#fff; font-weight:bold; }
.event-info-date { border:2px solid #32708a; }
.event-info-name { color:#32708a; margin-bottom:5px; }
.event-info-ctn { padding:10px 15px; }
.event-info-notes { margin-top:0px; }
.event-note-popup-trigger { font-size:0.7rem; }

.mapHolder { height:calc(100vh - 75px)!important; margin:0px; }  /* stops map resize bug */
.map-list-ctn { padding:5px; }


#event-description-bottom-toggle {
cursor: pointer;
    font-size: 2rem;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #32708a;
    border: 3px solid #32708a;
    border-radius: 50%;
    padding-top: 0px;
    z-index: 99999;
    color: #fff;
}

#event-description-bottom-modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 99999;
    display:none;
}

#event-description-bottom-content {
    border: 2px solid black;
    padding: 1rem;
    background-color: #fff;
    position: fixed;
    height: auto;
    max-width:90%;
    max-height:70%;
    overflow-y:scroll;
    z-index: 99999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#event-description-bottom-content img { max-width:100%; }
#event-description-bottom-content iframe { width:100%; }

#event-description-bottom-content h1, #event-description-bottom-content h2, #event-description-bottom-content h3 { color: #32708a; text-transform:uppercase; }

#event-description-bottom-close {
display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}




.sea-btn {  background-color:#fff; }

#pre-checkout-price-cta { background-color:#32708a!important; }
.btn, .btn:hover,.btn-success,.btn-success:hover,
.sea-btn.active, .sea-btn.sea-active, .sea-btn:hover,
#sea-filterCard-submit-btn,
#sea-feedback-form-submit { background-color:#32708a!important; transition:none; }

.filters-qty-filter .sea-btn.active, .filters-qty-filter .sea-btn.sea-active { background-color:#32708a; border-color:#32708a; }
.qty-filter-opt-label-js { background-color:transparent!important; }
.qty-filter-opt-label-js.active { background-color:#32708a!important; }


#sea-quantity-modal-skip { color:#32708a!important; }
#sea-filterCardTitle { font-size:15px; }
.sea-ticket-type-option, .sea-ticket-type-option.active, .sort-opt-label, .sort-opt-label.active { background-color:transparent!important; }

.sort-opt-label { outline:none!important; }

.sea-quantity-items .sea-selected,
.venue-ticket-list-cta-button,
.sea-quantity-items li:hover {
  background-color:#32708a;
  border-color:#32708a;
}

.venue-ticket-list-cta-button,
.sea-btn.active, .sea-btn.sea-active,
#sea-filterCard-submit-btn { color:#fff; }

.btn.btn-pop { background-color:#343a40!important; }

#sea-tickets-table-footer { background-color:#212121; border-top:.5rem solid #32708a; }

#sea-filterCardClearFilter {padding:0px;font-size:0.5rem;}
#price-filter-min, #price-filter-max {border:solid 1px #d2d2d2;}


/* MOBILE ONLY */
@media (max-width: 991px){
    #sea-event-info-name { line-height:normal; color:#000; }
    .site-branding { display:none; }
    .event-info-ctn { padding:6px; }
    .event-description-top { display:none; }
    .event-info-left-col, .mobile-event-info-right-col { min-width:50px; height:50px; }
    .event-info-left-col img { height:50px; width:50px; }
    .mobile-event-info-right-col svg { height:50px; width:50px; }
    .map-list-ctn { padding:0!important; }
}

/* Tickets template*/
:root {
    --primary-color: #4E8CAF;
    --primary-text-color: #578BAC;
    --secondary-color: #1A2026;
    --background-primary-color: #000000;
    --background-secondary-color: #EDF3F7;
    font-size: 18px;
    --border-radius: 8px;
    --box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.no-tickets-msg-ctn {
    font-family: 'Overpass', sans-serif;
    font-weight: 300;
    color: var(--secondary-color);
    line-height: 28px;
    letter-spacing: 0px;
}


.no-tickets-msg-hdr {
    font-family: 'Oswald', sans-serif;
    color: var(--background-primary-color);
    font-weight: 600;
    line-height: 1.2;
    font-size: 48px;
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: -1.44px;
}

/* Style for Top Description from settings */
.event-description-top {
    margin:0;
    width: 100%;
    overflow: hidden;
    padding-right: 50px;
    padding-left: 50px;
    margin-inline: auto;
    padding-top: 50px;
    color: var(--secondary-color);
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    strong {
        font-weight: 600;
    }

    h1 {
        font-size: 2rem;
        margin-bottom: 10px;
        text-align: center;
    }

    p {
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 20px;
    }
    img {
        max-width: 100%;
        height: auto;
        border-radius: var(--border-radius);
        box-shadow: var(--box-shadow);
        margin: 10px 0;
        display: block;
    }

    ul, ol {
        padding-left: 20px;
        margin-bottom: 20px;

        li {
            font-size: 1rem;
            margin-bottom: 5px;
        }
    }

}



#event-description-bottom-modal {

    h1 {
        font-size: 2em;
    }
}