/*--- COMMON VALUES/VARIABLES -----------------------------------------*/
:root {


    /*--- neutral colors ---*/
    --neutral-medium-color:#606060;
    --neutral-lighter-color:#f2f2f2; /*--- filled backgrounds (with dark text) ---*/


    /*--- theme colors ---*/
    --theme-primary-color:#3e3e3e;
        --theme-primary-dark-color:#460f09;
        --theme-button-color:#380000;
 --theme-button-hover-color:#c20404;
 --neutral-lighter-color:#d8d6d6;
         --theme-action-hover-color:#460f09;


    /*--- box styling ---*/

    --common-border-color:#6e180e;
    --common-padding:.4rem;
    --common-border-radius:4px;
    --common-inset-shadow:none;
    --common-box-shadow:0 0 .5em rgba(0,0,0,.2);
    --common-padding: .3rem;

}


/*--- COMMON/BASE --------------------------*/
body {max-width:50em;font-family:'Montserrat'}



/*--- paragraph text ---*/
p {color:var(--neutral-medium-color)}


/*--- forms ---*/
legend, label, input:not([type='checkbox'], [type='radio']) {font-family:'Montserrat', serif}
    input:not([type='checkbox'], [type='radio']) {padding-top:.6em;padding-bottom:.4em}


/*--- buttons ----------*/
button, input[type="submit"] {padding:1em 2em;font-family:'Open Sans';letter-spacing:-.05em}


    /*--- special action button ---*/
    .action-button {padding-top:inherit;box-shadow:inset 0 0 0 .05rem rgba(0,0,0,.5);font-family:'Open Sans';color:#ffffff;letter-spacing:-.08em;font-size:.8rem;}
.action-button:is(:hover, :focus) {color:#fff}

    /*--- special action button ---*/
    .action-button {background-color:#e60202;}



.order-details {margin:0 2rem 0 2rem}

    #seats tbody tr {background:#460f09}
 #order_footer .input.checkbox label {font-size:.5em;color:#818181;}



/*--- 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:.5em;background-color:var(--theme-primary-dark-color);position:relative;color:var(--neutral-lightest-color);margin:3rem 0}
    .seating-chart-wrap {margin-bottom:0}
    #seat-type-key {margin-top:0}



/*--- HEADER ----------------------------------------------------*/



header.site {margin-left:calc(var(--common-responsive-padding) * -1);margin-right:calc(var(--common-responsive-padding) * -1)}

@media (min-width:62.5em) {
    body {overflow-x:hidden}
    header.site {margin-left:calc(((50em - 100vw) / 2) - 1rem);margin-right:calc(((50em - 100vw) / 2) - 1rem)}
}



/*--- 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:'Montserrat', sans-serif;font-size:1.2em;font-weight:bold;letter-spacing:0em}
    #shows-grid td:first-child {width: 8em;}

        /*--- times ---*/
        #shows-grid td:nth-child(n+3) {letter-spacing:-.1em}
            #shows-grid td:nth-child(n+3):before {font-family:'Open Sans'}
            #shows-grid .action-button {padding-left:.5em;padding-right:.5em}

                    /*--- last chance button ---*/

            #shows-grid .last-chance .action-button {color:#f3e40a;}


        /*--- venues ------------------*/

            /*--- Marrakech ---*/
            #shows-grid tbody tr.marrakech {background-color:#ffedff}






/*--- EMBEDDED VERSION ----------------------------------------------------*/
/*body:has(> #shows-grid:only-child) {padding:0}*/
    body:has(> #shows-grid:only-child) #shows-grid {}







/*--- FAQ ----------------------------------------------------*/

    /*--- list ------------*/
    #faq dd {padding:0 1rem}

    /*--- button ---*/
    #faq dt button {padding:1em 1.5rem 1em .8em;background-color:#460f09;font-family:'Open Sans';font-size:clamp(.8em, 3vw, 1em);color:#fff;font-weight:bold;position:relative;letter-spacing:0em}
        #faq dt button::before {display:block;width:1em;height:1em;background-color:#460f09;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:#ffffff;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 {display:none}






/*--- SELECTED SEATS -------------------------------*/
#seats th {font-weight:bold}





/*--- TOTALS -------------------------------*/
#orderTotal, #giftCertificateTotal {font-family:'Montserrat', 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:'Montserrat', sans-serif;color:var(--neutral-lightest-color);border-color:#6e180e;position:relative}
        #order fieldset legend {box-sizing:border-box;padding:var(--common-padding);background-color:#460f09;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)}

        @media (min-width:40em) {
            #order fieldset {margin-bottom:2.5rem}
                #order fieldset::after {display:block;border:.075rem solid #818181;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:.4em}