/*--- COMMON VALUES/VARIABLES -----------------------------------------*/
:root {
/*--- neutral colors ---*/
--neutral-medium-color:#606060;
--neutral-lighter-color:#f2f2f2; /*--- filled backgrounds (with dark text) ---*/
/*--- theme colors ---*/
--theme-primary-color:#003087;
--theme-primary-dark-color:#0a2a64;
--theme-action-hover-color: hsl(256.3, 87.7%, 55.5%);
/*--- box styling ---*/
--common-padding:.4rem;
--common-border-radius:0;
--common-inset-shadow:none;
--common-box-shadow:0 0 .5em rgba(0,0,0,.2);
}
/*--- COMMON/BASE --------------------------*/
body {max-width:50em;font-family:'Libre Baskerville', serif}
/*--- event listing embed page ---
body:has(#shows-grid:only-child) {padding:0}*/
/*--- paragraph text ---*/
p {color:var(--neutral-medium-color)}
/*--- forms ---*/
legend, label, input:not([type='checkbox'], [type='radio']) {font-family:'Amiko', serif}
input:not([type='checkbox'], [type='radio']) {padding-top:.6em;padding-bottom:.4em}
/*--- buttons ----------*/
button, input[type="submit"] {padding:1em 2em;font-family:'Amiko', sans-serif;letter-spacing:-.05em;font-size:.9rem;}
/*--- special action button ---*/
.action-button {padding-top:.9em;box-shadow:inset 0 0 0 .05rem rgba(0,0,0,.5);font-family:'Amiko', sans-serif;letter-spacing:-.1125em;font-size:.85rem}
/*--- common shadow box ----------*/
#seats {border:0;box-shadow:var(--common-box-shadow)}
/*--- common blue box with curly bookends ----------*/
#shows-grid, .seating-chart-wrap, #seat-type-key {padding:var(--common-responsive-padding);background-color:var(--theme-primary-dark-color);position:relative;color:var(--neutral-lightest-color);margin:5rem 0}
.seating-chart-wrap {margin-bottom:-2rem}
#seat-type-key {margin-top:0}
/*--- top/bottom curly + line ---*/
#shows-grid::before, #shows-grid::after, .seating-chart-wrap::before, #seat-type-key::after {display:block;height:3rem;background:url('https://assets.websavvyoracle.com/magic-duel/magic-duel-logo-shape.png') no-repeat center / contain, linear-gradient(to top, rgba(0,0,0,0) .65rem, black .65rem, black calc(.65rem + 1px), rgba(0,0,0,0) 0);position:absolute;top:-3.25rem;left:0;right:0;opacity:.45;margin:20 0 .25rem;content:""}
#shows-grid::after, #seat-type-key::after {top:auto;bottom:-3.25rem;transform:scale(-1, -1)}
/*--- HEADER ----------------------------------------------------*/
header.site a {display:block;width:fit-content;margin: 0 auto}
header.site img {width:18.35rem}
/*--- EVENT GRID ----------------------------------------------------*/
/*--- preceding text ---*/
p:has(+ #shows-grid) {text-align:center}
@media (min-width:50em) {
p:has(+ #shows-grid) span {display:inline-block}
}
/*--- grid ---*/
#shows-grid {}
/*--- month groups ---*/
#shows-grid table {padding:.5rem;background-color:var(--neutral-lightest-color);border:0;color:var(--neutral-darkest-color)}
/*--- header row ---*/
#shows-grid th {text-transform:uppercase;font-size:1.5em}
/*--- date rows ---*/
#shows-grid tbody tr {font-family:'Amiko', sans-serif;font-size:1.2em;font-weight:bold;letter-spacing:-.075em}
/*--- times ---*/
#shows-grid td:nth-child(n+3) {letter-spacing:-.1em}
#shows-grid td:nth-child(n+3):before {font-family:'Libre Baskerville', serif}
#shows-grid .action-button {padding-left:.5em;padding-right:.5em}
/*--- venues ------------------*/
/*--- Delegate ---*/
#shows-grid tbody tr.delegate {background-color:#ffedff}
/*--- Pinstripes ---*/
#shows-grid tbody tr.pinstripes {background-color:#e3efff}
/*--- Ritz ---*/
#shows-grid tbody tr.ritz {background-color:#dcfae8}
/*--- Corporate ---*/
#shows-grid tbody tr.corporate {background-color:#e1e2e3}
/*--- EMBEDDED VERSION ----------------------------------------------------*/
body:has(> #shows-grid) #shows-grid {}
/*--- FAQ ----------------------------------------------------*/
/*--- list ------------*/
#faq dd {padding:0 1rem}
/*--- button ---*/
#faq dt button {padding:1em 1.5rem 1em .8em;background-color:var(--neutral-lighter-color);font-family:'Libre Baskerville', serif;font-size:clamp(.8em, 3vw, 1em);color:var(--neutral-darkest-color);font-weight:bold;position:relative}
#faq dt button::before {display:block;width:1em;height:1em;background-color:var(--neutral-darkest-color);border-radius:50%;font-size:1.5rem;position:absolute;top:50%;right:.95rem;transform:translateY(-50%);content:""} /*--- circle background ---*/
#faq dt button::after {border-color:var(--neutral-lightest-color);font-size:.3rem} /*--- arrow ---*/
/*--- REMAINING SEATS ----------------------------------------------------*/
.remaining-seats b {background-color:var(--theme-primary-color);color:var(--neutral-lightest-color)}
/*--- SEAT TYPE KEY -------------------------------*/
#seat-type-key {justify-content:center}
/*--- list ---*/
#seatDescription {flex:0 0 auto;font-size:.9em}
#seatDescription li::before {border-radius:var(--common-border-radius)}
/*--- hide duplicates ---*/
#seatDescription .Premium ~.Premium, #seatDescription .PremiumTable ~.PremiumTable, #seatDescription .Prime ~.Prime, #seatDescription .Front ~.Front, #seatDescription .PremiumHightop ~.PremiumHightop {display:none}
/*--- SELECTED SEATS -------------------------------*/
#seats th {font-weight:bold}
/*--- TOTALS -------------------------------*/
#orderTotal, #giftCertificateTotal {font-family:'Amiko', sans-serif;letter-spacing:-.05em}
/*--- PURCHASE -------------------------------*/
#purchase, #GiftCertificateAddForm #order, #order fieldset {box-sizing:border-box;max-width:30rem}
/*--- sections --------------*/
#order fieldset {background-color:#818181;font-family:'Amiko', sans-serif;color:var(--neutral-lightest-color);border-color:#003087;position:relative}
#order fieldset legend {box-sizing:border-box;padding:var(--common-padding);background-color:var(--theme-primary-dark-color);border-radius:.15rem;margin-top:calc((var(--common-responsive-padding) /2) * -1)}
#order fieldset .required label::after {color:var(--neutral-lightest-color)}
#order fieldset input:is([type='checkbox'], [type='radio']):is(:hover, :focus) + label, #order fieldset input:is([type='checkbox'], [type='radio']) + label:hover {color:var(--neutral-lightest-color)}
#order fieldset input, textarea {color:var(--neutral-darkest-color);border:0}
#order fieldset p {color:var(--neutral-lightest-color)}
#seats tbody tr td {color:black;}
@media (min-width:40em) {
#order fieldset {margin-bottom:2.5rem}
#order fieldset::after {display:block;border:.075rem solid #003087;border-radius:.5rem;position:absolute;top:calc(var(--common-responsive-padding) * -1);bottom:calc(var(--common-responsive-padding) * -1);left:calc(var(--common-responsive-padding) * -1);right:calc(var(--common-responsive-padding) * -1);z-index:-1;content:""}
}
/*--- paypal ---*/
#pppm {margin-bottom:2rem}
/*--- submit ---*/
#order .submit .action-button {padding-top:.6em}