/*--- COMMON VALUES/VARIABLES -----------------------------------------*/
:root {
/*--- neutral colors -------------------*/
--neutral-darkest-color:#000; /*--- action button text ---*/
--neutral-dark-color:#222; /*--- general text ---*/
--neutral-medium-color:#767676; /*--- minimum text contrast on white background; input borders ---*/
--neutral-light-color:#aaa; /*--- general borders ---*/
--neutral-lighter-color:#ededed; /*--- filled backgrounds (with dark text) ---*/
--neutral-lightest-color:#fff; /*--- general text on dark backgrounds ---*/
/*--- utility colors ---*/
--affirmative-color:#2e8514;
--negative-color:#ab1c1c;
/*--- theme colors --------------------*/
--theme-primary-color:#0270a0;
--theme-action-color:var(--theme-primary-color); /*--- default = theme primary ---*/
--theme-action-hover-color:hsl(from var(--theme-action-color) h s calc(l + 10));
--theme-button-color:initial; /*--- optional override for .action-button ---*/
--theme-button-hover-color:hsl(from var(--theme-button-color) h s calc(l + 10));
/*--- box styling -----------------------*/
--common-border-width:.05rem;
--common-border-color:var(--neutral-light-color);
--common-border:var(--common-border-width) solid var(--common-border-color);
--common-padding:.2rem;
--common-responsive-padding:clamp(.5rem, 2.5vw, 1rem);
--common-border-radius:0;
--common-inset-shadow:inset 0 0 0 .025rem rgba(0,0,0,.15);
}
/*--- RESET/NORMALIZE ---*/
body, h1, h2, h3, h4, h5, h6, figure, pre, dl, dd, blockquote, input[type="radio"], input[type="checkbox"] {margin:0}
legend {padding:0}
fieldset, ul, ol {padding:0;margin:0}
ul, ol {list-style:none}
figure, figcaption, img {display:block}
img {max-width:100%;height:auto}
fieldset {border:0}
input, textarea, select, button {display:block;max-width:100%;font-family:inherit;font-size:inherit;color:inherit}
input[type="text"], input[type="email"], input[type="password"], input[type="search"] {-webkit-appearance:none} /*--- for Safari (add/remove types as needed) ---*/
button {line-height:inherit}
button::-moz-focus-inner {border:0} /*--- for Firefox ---*/
html {text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:1.25em} /*--- optional base font size ---*/
/*--- COMMON/BASE -----------------------------------------*/
body {padding:0 var(--common-responsive-padding);min-width:15rem;max-width:60rem;background-color:var(--neutral-lightest-color);font-family:sans-serif;color:var(--neutral-dark-color);line-height:1;margin:0 auto}
/*--- links ---*/
a {color:var(--theme-action-color);word-wrap:break-word;text-decoration:none}
a:is(:hover, :focus) {color:var(--theme-action-hover-color)}
/*--- paragraph text ---*/
p {font-size:.8rem;line-height:1.4;margin:0 0 1rem}
p a {font-weight:bold}
/*--- headings ---*/
h1, h2, h3, h4 {line-height:1.1;margin:0 0 1rem}
h1 {font-size:1.5em;text-align:center}
h1 time {display:block;font-weight:normal;margin:0 0 .25em}
h2 {font-size:1.5em;text-align:center}
h3 {font-size:1.2em}
h4 {font-size:1em;font-style:italic}
/*--- line breaks ---*/
:is(h1, h2, h3, h4) span {display:inline-block}
/*--- soft hover ---*/
a, button, label {transition:color .2s, background-color .2s, border-color .2s}
/*--- basic bullet list ---*/
.basic-list {margin:0 0 2rem}
.basic-list li {padding:0 0 0 .7rem;font-size:.8rem;position:relative;margin-bottom:1rem}
.basic-list li::before {flex:0 0 auto;display:block;width:1em;height:1em;background-color:var(--theme-primary-color);border-radius:50%;font-size:.3rem;position:absolute;top:.3rem;left:0;content:""}
.basic-list a {font-weight:bold}
/*--- VIDEO ---------------------------------*/
.video {max-width:40em;background-color:#000;border:var(--common-border);border-radius:var(--common-border-radius);position:relative;overflow:hidden;margin:2rem auto}
.video::before {display:block;padding-bottom:56.25%;content:""} /*--- 16:9 proportion---*/
/*--- <iframe> version ---*/
.video iframe {border:0;position:absolute;top:0;width:100%;height:100%}
/*--- link/placeholder ---*/
.video a {display:block}
/*--- faux play button ---*/
.video a::before {box-sizing:border-box;display:block;height:1em;width:1em;background-color:rgba(0,0,0,.6);border:.05em solid #fff;border-radius:50%;box-shadow:0 0 .15em 0 rgba(0,0,0,.6);position:absolute;top:50%;left:50%;z-index:1;font-size:3em;margin:-0.5em 0 0 -0.5em;transition:background-color .2s;content:""}
.video a::after {display:block;width:0;height:0;border:0 solid transparent;border-width:.2em 0 .2em .3em;border-left-color:#fff;position:absolute;top:50%;left:50%;z-index:1;font-size:3em;margin:-0.2em 0 0 -0.1em;content:""}
.video a:hover::before, .video a:focus::before {background-color:var(--theme-action-color)}
/*--- image ---*/
.video img {position:absolute;top:-16.82%;width:100%}
/*--- FORMS -----------------------------------------------*/
form {margin:0 0 2rem}
fieldset {margin:0 0 1rem}
legend {float:left;width:100%;font-size:.8em;font-weight:bold}
label {display:block;width:fit-content;font-size:.8em;font-weight:bold;margin:0 0 .25rem}
.required label::after {font-size:.8em;color:var(--theme-action-color);content:"\0020 \002A"}
.error label, .error.required label:after {color:var(--negative-color)}
label span {font-size:.6rem}
/*--- inputs --------------*/
input:not([type='checkbox'], [type='radio']), textarea, select {box-sizing:border-box;max-width:100%;padding:.5em .5em;background:var(--neutral-lightest-color);border:var(--common-border);border-color:var(--neutral-medium-color);border-radius:var(--common-border-radius);font-size:.8rem;color:var(--neutral-dark-color);margin:0 0 1rem;text-overflow:ellipsis}
:is(input, textarea, select):focus {border-color:var(--theme-primary-color)}
select {height:2.475em} /*--- for Safari ---*/
textarea {overflow:auto}
/*--- placeholder text ---*/
::placeholder {color:var(--neutral-medium-color);opacity:1} /*--- opacity for Firefox ---*/
/*--- focus state ---*/
:focus::placeholder {opacity:0;transition:opacity .2s .5s}
/*--- radio & checkbox --------------*/
.input:has(input[type='checkbox'], input[type='radio']), #paymentMethod > div:not([class]) div:has(input[type='checkbox'], input[type='radio']) {display:flex;align-items:start;gap:.5rem;margin:0 0 1rem}
input[type='checkbox'], input[type='radio'] {scale:1.4}
/*--- hover ---*/
input:is([type='checkbox'], [type='radio']):is(:hover, :focus) + label, input:is([type='checkbox'], [type='radio']) + label:hover {color:var(--theme-action-hover-color)}
/*--- BUTTONS -----------------------------*/
button, input[type="submit"], .action-button {display:block;width:fit-content;padding:.6em .8em;background-color:var(--theme-button-color, var(--theme-action-color));border:0;border-radius:var(--common-border-radius);font-size:.8rem;color:var(--neutral-lightest-color)}
:is(button, input[type="submit"], .action-button):is(:hover, :focus) {background-color:var(--theme-button-hover-color, var(--theme-action-hover-color))}
/*--- special action button ---*/
.action-button {background-color:var(--theme-button-color, #f1ca54);box-shadow:var(--common-inset-shadow);text-shadow:0 0 .5em rgba(255,255,255,.5);color:var(--neutral-darkest-color);text-transform:uppercase;letter-spacing:-.025em;font-weight:bold}
.action-button:is(:hover, :focus) {background-color:var(--theme-button-hover-color, #fdd55c) !important;color:var(--neutral-darkest-color)}
/*--- MESSAGES -----------------------------*/
.message-notice, .message-success, .message-error {clear:both;padding:.5em .6em;background-color:var(--neutral-lighter-color);border-radius:var(--common-border-radius);font-family:sans-serif;font-size:.8rem;line-height:1.2;margin:0 auto 1rem}
:is(.message-notice, .message-success, .message-error) ul {display:flex;flex-direction:column;gap:.25rem}
/*--- notice ---*/
.message-notice {}
/*--- success ---*/
.message-success {background-color:var(--affirmative-color);color:var(--neutral-lightest-color)}
/*--- error ---*/
.message-error {background-color:var(--negative-color);color:var(--neutral-lightest-color)}
/*--- initially hidden ---*/
#seat-errors, #purchase-errors {display:none}
/*--- TABLES ----------------------------------------------------
table {margin:.5em 0 1em;border-spacing:0 .3em}
table th, table td {padding:.3rem .8rem;text-align:left}
table th {background:#949494;color:#fff;text-transform:uppercase}
table td {background:#c9c9c9}
table input, table select {padding-top:.2em;padding-bottom:.2em;background:#fff;box-shadow:none;font-size:.7em;margin:0}
table input:focus, table select:focus {background:#fff}
table select {padding-top:0;padding-bottom:0;padding-left:0}
*/
/*--- HEADER ----------------------------------------------------*/
header.site {}
/*--- CONTENT AREA ----------------------------------------------------*/
main {padding:1em 0}
/*--- FOOTER ----------------------------------------------------*/
footer.site {padding:0 0 .5rem}
/*--- bottom note ----*/
footer.site > div:last-child {padding:.5rem 0 0;border-top:var(--common-border);font-size:.6rem;text-align:center;margin-top:1rem}
footer.site > div:last-child a {font-weight:bold}
/*--- REMAINING SEATS ----------------------------------------------------*/
.remaining-seats {font-size:clamp(1.4em, 9vw, 1.8em);line-height:1.2em;font-weight:normal;text-align:center;margin:3rem 0}
.remaining-seats span {display:inline-block}
.remaining-seats b {display:inline-block;vertical-align:middle;padding:.2em .3em;background-color:var(--neutral-lighter-color);border-radius:var(--common-border-radius);box-shadow:var(--common-inset-shadow);line-height:1}
/*--- EVENT GRID ---------------------------------------------------------*/
#shows-grid {/*display:flex;flex-direction:column;gap:1rem;*/margin:0 0 3rem}
/*--- group (month) --------------*/
#shows-grid table {box-sizing:border-box;padding:var(--common-padding) var(--common-padding) 0;border-spacing:0 var(--common-padding);width:100%;border:var(--common-border);border-radius:var(--common-border-radius);font-size:.8em;margin:0 0 1rem}
/*--- collapsed/hidden groups ---------------*/
#shows-grid > div {visibility:hidden;height:0;transition:visibility 0s .3s, height .3s;overflow:hidden}
/*--- open state ---*/
#shows-grid > div.open {visibility:visible;height:auto;transition-delay:0s, 0s}
/*--- expander button/link ---*/
#shows-grid > :is(button:last-child, a:last-child, .action-button) {margin:1rem auto 0}
/*--- header row ---*/
#shows-grid thead {}
#shows-grid th {vertical-align:bottom;padding:var(--common-padding);font-size:1.2em}
/*--- group title (month) ---*/
#shows-grid th:first-child {padding-left:.5rem;text-align:left}
/*--- times ---*/
#shows-grid th:nth-child(n+2) {}
/*--- venue groups ---*/
#shows-grid tbody {}
/*--- date rows ---*/
#shows-grid tbody tr {background:var(--neutral-lighter-color);border-radius:var(--common-border-radius);box-shadow:var(--common-inset-shadow)}
#shows-grid td {padding:calc(var(--common-padding) * 2.5) var(--common-padding)}
/*--- row corners ---*/
#shows-grid td:first-child {border-top-left-radius:var(--common-border-radius);border-bottom-left-radius:var(--common-border-radius)}
#shows-grid td:last-child {border-top-right-radius:var(--common-border-radius);border-bottom-right-radius:var(--common-border-radius)}
/*--- columns/cells -----------------------*/
/*--- date & location (first 2 cells) ---*/
#shows-grid td:nth-child(-n+2) {}
/*--- date ---*/
#shows-grid td:first-child {padding-left:calc(var(--common-padding) * 2);width:6.5em}
/*--- title ---*/
#shows-grid td:nth-child(2) {}
/*--- event variant ---*/
#shows-grid td:nth-child(2).event {}
/*--- times -----------------*/
#shows-grid td:nth-child(n+3) {box-sizing: border-box;padding:var(--common-padding);padding-left:0;width:var(--time-column-width, 6.5rem);max-width:var(--time-column-width, 6.5rem);flex:1 0 var(--time-column-width, 6.5rem);font-size:.7rem;text-transform:uppercase;font-weight:bold;text-align:center}
/*--- sold out ---*/
#shows-grid td.sold-out {color:var(--negative-color)}
/*--- event ---*/
#shows-grid td.event {}
/*--- no time ---*/
#shows-grid td.no-time {}
/*--- last chance ---*/
#shows-grid td.last-chance {}
/*--- buttons ---*/
#shows-grid table .action-button {padding-left:.5em;padding-right:.5em;white-space:nowrap;margin:0 auto}
/*--- last chance ---*/
#shows-grid .last-chance .action-button {color:var(--negative-color)}
/*--- single-column ---------------------------*/
@media (max-width:50em) {
/*--- non-table structure ---*/
#shows-grid table, #shows-grid thead, #shows-grid tbody, #shows-grid tr, #shows-grid th, #shows-grid td {display:block;text-align:center}
/*--- date rows ---*/
#shows-grid tbody tr {display:flex;flex-wrap:wrap;gap:var(--common-padding);padding:1rem var(--common-padding);margin-bottom:var(--common-padding)}
/*--- group title (month) ---*/
#shows-grid th:first-child {padding-left:0 !important;font-size:clamp(1rem, 5vw, 1.2rem);text-align:center}
/*--- date headers ---*/
#shows-grid th:nth-child(n+2) {display:none}
/*--- date & location (first 2 cells) ---*/
#shows-grid td:nth-child(-n+2) {flex:0 0 100%;padding:0;font-size:1rem}
/*--- date ---*/
#shows-grid td:first-child {padding-left:0 !important}
/*--- title ---*/
#shows-grid td:nth-child(2) {}
/*--- times ---*/
#shows-grid td:nth-child(n+3) {max-width:none;padding-left:0;padding-right:0;margin:1rem 0 0}
/*--- replacement time headers ---*/
#shows-grid td:nth-child(n+3):before {display:block;font-size:1.2rem;content:attr(data-th);margin:0 0 .5rem}
/*--- empty and no/private times ---*/
#shows-grid td:empty, #shows-grid .no-time/*, #shows-grid .no-time ~ td*/ {display:none}
}
/*--- FAQ ----------------------------------------------------*/
#faq {margin:0 0 2rem}
/*--- list ------------*/
#faq dl {margin:0 0 2rem}
#faq dt {font-weight:bold;margin:0 0 1rem}
#faq dd {margin:0 0 2rem}
/*--- bare text ---*/
#faq dd:not(:has(> p)) {font-size:.8rem}
#faq dd:not(:has(> p)) a {font-weight:bold}
/*--- accordion version ------------*/
#faq:has(dt button) {}
/*--- button ---*/
#faq dt button {display:flex;justify-content:space-between;align-items:center;gap:1em;width:100%;text-align:left}
/*--- icon ---*/
#faq dt button::after {flex:0 0 1em;width:1em;height:1em;border:.3em solid var(--neutral-lightest-color);border-left:0;border-top:0;font-size:.4em;color:#fff;transform:translateY(-20%) rotate(45deg);transition:rotate .2s, transform .2s;content:""}
/*--- expander ---*/
#faq:has(dt button) dd {visibility:hidden;height:0;transition:visibility 0s .2s, height .2s;margin:0;overflow:hidden}
/*--- open state ---------------*/
#faq dt:has(+ dd.open) button {}
#faq dt:has(+ dd.open) button::after {transform:translateY(20%) rotate(225deg)}
#faq:has(dt button) dd.open {visibility:visible;height:auto;transition-delay:0s, 0s}
/*--- EVENT DETAILS ----------------------------------------------------*/
.order-details {margin:0 0 2rem}
/*--- images ---*/
.order-details img {display:inline-block}
/*--- CHECKOUT FORM ----------------------------------------------------*/
#OrderAddForm:not(:has(.seat-selection)) {margin-left:auto;margin-right:auto;width:fit-content}
/*--- ORDER ----------------------------------------------------*/
#order {}
/*--- SELECTED SEATS -------------------------------*/
#seats {border-spacing:0 var(--common-padding);padding:0 var(--common-padding);width:100%;border:var(--common-border);border-radius:var(--common-border-radius);font-size:.8em;margin:0 0 1rem}
#seats tbody tr {background:var(--neutral-lighter-color);border-radius:var(--common-border-radius);box-shadow:var(--common-inset-shadow)}
#seats :is(th, td) {padding:calc(var(--common-padding) * 2) var(--common-padding)}
#seats th {font-weight:normal}
#seats td {font-weight:bold;text-align:center}
#seats :is(th, td):first-child {padding-left:.5rem;text-align:left}
/*--- row corners ---*/
#seats td:first-child {border-top-left-radius:var(--common-border-radius);border-bottom-left-radius:var(--common-border-radius)}
#seats td:last-child {border-top-right-radius:var(--common-border-radius);border-bottom-right-radius:var(--common-border-radius)}
/*--- dollar signs ---*/
#seats :is([id^="ticketPrice"], [id^="ticketFee"]):first-letter {vertical-align:top;font-size:.6em}
/*--- hide 4th column ---*/
#seats td:nth-child(4) {display:none}
/*--- confirmation version ---*/
.confirmation-page #seats {}
.confirmation-page #seats :is(th, td) {text-align:center}
/*--- GIFT CODE -------------------------------*/
.nobr {display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:1em;margin:0 0 .5rem}
.nobr button {padding-left:.2rem;padding-right:.2rem;background-color:transparent;border:0;box-shadow:none !important;color:var(--theme-action-color) !important;margin:0 -.2rem 0 0}
.nobr button:is(:hover, :focus) {background-color:transparent;color:var(--theme-action-hover-color) !important}
.nobr label, .nobr input {display:inline-block}
.nobr label {position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%)}
.nobr input {flex:0 1 10em;margin-bottom:0}
/*--- ADDITIONAL CHARGE --------------------------*/
.addtitional-charge {display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:calc(var(--common-padding) * 2.5) var(--common-padding);margin:0 0 .5rem}
.addtitional-charge label {margin:0 .5rem 0 0}
.addtitional-charge input {flex:0 1 5em;text-align:right;margin:0}
/*--- TOTALS -------------------------------*/
#orderTotal, #giftCertificateTotal {display:flex;flex-direction:column;align-items:end;margin:0 0 .5rem}
:is(#orderTotal, #giftCertificateTotal) #discount {font-size:.8em;margin:0 0 .5rem}
:is(#orderTotal, #giftCertificateTotal) table {font-size:.8em}
:is(#orderTotal, #giftCertificateTotal) td {text-align:right}
:is(#orderTotal, #giftCertificateTotal) td:last-child {width:6em}
:is(#orderTotal, #giftCertificateTotal) tr:last-child td {padding-top:.4em;font-size:1.125em;font-weight:bold}
/*--- dollar signs ---*/
:is(#orderTotal, #giftCertificateTotal) .totalCell:first-letter {vertical-align:top;font-size:.6em}
/*--- update total button ---*/
#update-total {padding-left:.2rem;padding-right:.2rem;background-color:transparent;border:0;box-shadow:none;color:var(--theme-action-color);margin-left:auto;margin-right:-.2rem}
#update-total:is(:hover, :focus) {background-color:transparent;color:var(--theme-action-hover-color)}
#orderTotal + #update-total, #giftCertificateTotal + #update-total {margin-bottom:2rem}
/*--- PURCHASE ----------------------------------------------------*/
#purchase {/*max-width:20rem*/;margin:0 auto}
#billingStep {display:none}
/*--- sections --------------*/
#order fieldset {max-width:20rem;padding:var(--common-responsive-padding) calc(var(--common-responsive-padding) / 2) calc(var(--common-responsive-padding) / 2);background-color:var(--neutral-lighter-color);border:var(--common-border);border-radius:var(--common-border-radius);margin:0 auto 1rem}
#order fieldset > div:not([class]) {clear:both;display:grid;align-items:end;gap:1rem calc(var(--common-responsive-padding) / 2)}
/*--- content ---*/
#order legend {font-size:1em;text-align:center;margin:0 0 1rem}
#order fieldset > div:not([class]) > :is(div, p, span, img) {margin:0}
#order fieldset > div:not([class]) > p {text-align:center;margin:0}
#order :is(input:not([type='checkbox'], [type='radio']), select, textarea) {width:100%;margin-bottom:0}
#order input:is([type=checkbox], [type=radio]) + label {margin:0}
/*--- contact ---*/
#order .contact {}
#order .contact > div:not([class]) {grid-template-columns:repeat(auto-fill, minmax(max(9em, min(100%/3)), 1fr))}
/*--- payment methods ---*/
#order #paymentMethod > div:not([class]) {display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2rem}
#order #paymentMethod > div:not([class]) > div {margin:0}
#order #paymentMethod > div:not([class]) > p {flex:100%}
/*--- PayPal ---*/
#pppm {margin:0 0 1rem}
/*--- credit card (Stripe) ---*/
.AccordionItem {background-color:none;border:0}
/*--- payment info ---*/
#order .payment-info {}
#order .payment-info > div:not([class]) > div:is(:nth-child(-n+4), :nth-last-child(-n+2)) {flex:1 0 9em}
/*--- Stripe/credit card ---*/
#order .cc-info {border-width:calc(var(--common-border-width) * 3)}
/*--- pre selection note ---*/
#order .cc-info .select-seats {display:block;font-size:.8rem;text-align:center}
/*--- trust badge ---*/
#order .cc-info > div:not([class]) > img[src*="security-seals"] {margin:0 auto}
#order .cc-info > div:not([class]) > img[src*="stripe-trust-badge"] {box-sizing:border-box;width:20rem;padding:.25rem .5rem;background-color:#fff;border:1px solid #e6e6e6;border-radius:.25rem;margin:0 auto}
#order .cc-info > div:not([class]) > img[src*="trust-badges"] {box-sizing:border-box;width:20em;border:1px solid #e6e6e6;border-radius:.25rem;margin:0 auto}
/*--- notes ---*/
#order .order-notes {}
/*#order .order-notes label {position:absolute;clip:rect(0, 0, 0, 0);clip-path:inset(50%)}*/
#order .order-notes textarea {height:6em}
/*--- submit ---*/
#order .submit {margin:0 0 2rem}
#order .submit .action-button {padding:.4em .8em;font-size:1.6em;font-weight:bold;margin:0 auto}
/*--- processing note ---*/
#processing {display:none;width:fit-content;padding:var(--common-responsive-padding);background-color:var(--neutral-lighter-color);border:var(--common-border);border-radius:var(--common-border-radius);text-align:center;margin:0 auto 2rem}
#processing h2 {margin:0 0 .5rem}
#processing p {margin:0}
/*--- footer ---------------*/
#order_footer {}
/*--- signup checkbox ---*/
#order_footer .input.checkbox {justify-content:center;gap:.25rem;margin:1rem 0}
#order_footer .input.checkbox input {scale:unset;accent-color:var(--neutral-medium-color);margin-top:-.05em}
#order_footer .input.checkbox label {font-size:.6em;color:var(--neutral-medium-color)}
/*--- CUSTOMER SEARCH (admin only) ----------------------------------------------------*/
#customerSearch {text-align:center;margin:0 auto 1rem}
/*--- table ---*/
.shows {width:100%;border-spacing:0 ;border:var(--common-border);border-radius:var(--common-border-radius);font-size:.8rem;text-align:left;margin:.5em auto 1em;overflow:hidden}
.shows tr:nth-child(even) {background:var(--neutral-lighter-color)}
.shows :is(td, th) {vertical-align:top;padding:calc(var(--common-padding) * 2.5) var(--common-padding);/*border:var(--common-border)*/}
.shows :is(td, th):first-child {padding-left:.5rem}
/*--- GIFT CERTIFICATE ---------------------------------------------------*/
#GiftCertificateAddForm {}
#GiftCertificateAddForm #order {max-width:20rem;margin:0 auto}
#GiftCertificateAddForm > table {width:100%}
#GiftCertificateAddForm .seats label {font:0/0 a}
#GiftCertificateAddForm #paymentMethod {clear:both}
#GiftCertificateAddForm .submit button {margin:.5em auto 0}
#GiftCertificateBillingAddress {width:100%!important;max-width:25em!important}
#GiftCertificateCvCode {display:inline-block}
/*#GiftCertificateAddForm #order_footer .input {text-align:center}
#GiftCertificateAddForm #order_footer .input label {display:inline-block;font-size:.8em;font-weight:bold;color:#939393}
#GiftCertificateAddForm #order_footer .input label:hover {color:#939393}
#GiftCertificateAddForm #order_footer .input input {display:inline-block;float:none;font-size:.8em;opacity:.6}*/
form[id^="GiftCertificatePaypal"], #GiftCertificateCcForm {max-width:25rem;margin:0 auto}
#GiftCertificateCcForm {padding-top:0}
form[id^="GiftCertificatePaypal"] .submit input, #GiftCertificateCcForm .submit input {box-shadow:none;margin:.5em 0 1em}
/*--- RECEIPT ---------------------------------------------------*/
#confirmation-receipt {max-width:600px;padding:.5em;border:2px solid #ccc;border-radius:.3rem;margin:2em auto}
#confirmation-receipt > div:first-child {padding:0 0 1em}
#confirmation-receipt > div:first-child a {display:inline-block;padding:.5em;background:var(--theme-action-color);border-radius:var(--common-border-radius);color:#fff}
#confirmation-receipt > div:first-child a:hover {background:var(--theme-action-hover-color);color:#fff}
#confirmation-receipt table {width:100%}
@media (max-width:399px) {
#confirmation-receipt table {font-size:.7em}
}
/*--- SIGN IN ----------------------------------------*/
#UserLoginForm {max-width:20rem;margin:0 auto 2rem}
#UserLoginForm label {width:100%}
#UserLoginForm label span {display:block;width:fit-content;font-size:.8rem;margin-bottom:.25rem}
#UserLoginForm input:not([type='checkbox'], [type='radio'], [type='submit']) {width:100%;font-family:sans-serif}
/*--- CONFIRMATION ----------------------------------------------------*/
.confirmation-page {}
/*--- seats ---*/
.confirmation-page #seats {}