form label {
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

form input[type="text"],
form input[type="password"],
form input[type="tel"],
form input[type="number"],
form input[type="email"],
select {
    display: block;
    width: 100%; /* this is a mistake, credit card expiration and CVC fields should not be 100%. we cannot easily change this because it a global setting and who knows what will break */
    max-width: 400px;
    margin-bottom: 20px;
    height: 50px;
    padding-left: 12px;
}

select {
    background: white;
    max-width: 190px;
    border: 1px solid #858585;
}

textarea {
    width: 100%;
    min-height: 160px;
    max-width: 400px;
    margin-bottom: 20px;
}

form a {
    display: block;
    margin-bottom: 35px;
}

form button.primary {
	/* this is a mistake, button.primary is different from form button.primary, and whether we want the button to appear in a form is not a semantic but a functional issue for us, at least on the checkout page, which has many form fragments that work together. but we cannot easily change this rule because it applies to all forms globally, so we don't know what we'd be breaking where */
    width: 100%;
    max-width: 400px;
    display: block;
}

.required {
    color: var(--red);
}

.border-left {
    margin-top: 92px;
}

@media (min-width: 768px) {
    .border-left {
        border-left: 1px solid #d3d3d3;
        padding-left: 2em;
    }
}

.cart h4 {
    margin-bottom: 40px;
}

.cart .col-md-4 {
    padding-right: 60px;
}

.checkout-form {
    padding-bottom: 60px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 60px;
}


.table {
    font-size: 18px;
    margin-bottom: 40px;
}

.table .text-button {
    font-size: 20px;
}

.table button.primary {
    font-size: 18px;
    height: 50px;
}

.table-row {
    display: flex;
    text-align: center;
    align-content: center;
    justify-content: center;
    gap: 5px;
    margin-bottom: 5px;
}

.table-row.header {
    font-weight: 700;
}

.table-row.white .table-cell {
    background: white;
    padding: 50px 16px;
}

.table-row.white input {
    max-width: 72px;
    height: 50px;
}

.table-row.black .table-cell,
.table-row.black p,
.table-row.black p a,
.table-row.black button {
    background: black;
    color: white;
    margin-bottom: 0;
    text-align: left;
}

.table-row.black {
    margin-bottom: 20px;
}

.table-row.no-border {
    gap: 0;
}

.table-cell {
    background: var(--light-gray);
    padding: 16px;
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
	width: 33%;
}

.cart-table .table-cell,
.checkout .table-cell {
    justify-content: left;
}

.cart-table .table-cell.right,
.checkout .table-cell.right {
    text-align: right;
    justify-content: right;
}

.checkout .table-cell.narrow {
    max-width: 1%;
}

.shopping-cart-top {
    margin-bottom: 20px;
}

.shopping-cart-top input {
    padding-left: 12px;
}

.shopping-cart-bottom,
.shopping-cart-top {
    display: flex;
    justify-content: right;
}

.shopping-cart-top button {
    width: auto;
    margin-left: 20px;
}

.shopping-cart-bottom button {
    max-width: 200px;
    margin-left: 20px;
}


@media (min-width: 768px) {
    .checkout .table-cell:first-child {
        max-width: 20%;
    }

    .checkout .table-cell:nth-child(3) {
        max-width: 10%;
    }

    .checkout .table-cell:nth-child(4),
    .checkout .table-cell:nth-child(5) {
        max-width: 15%;
    }

    .checkout .table-cell.text {
        max-width: 73%;
    }
}

@media (min-width: 768px) {
    .cart-table .table-cell:first-child {
        max-width: 20%;
    }

    .cart-table .table-cell:nth-child(3) {
        max-width: 12%;
    }

    .cart-table .table-cell:nth-child(4),
    .cart-table .table-cell:nth-child(5),
    .cart-table .table-cell:nth-child(6) {
        max-width: 10%;
    }

}

.cart .row {
    margin-bottom: 60px;
}

.register button {
    margin-top: 40px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.table.theaters .table-cell {
    flex: 1 0 25%;
    flex-direction: column;
}

.table.theaters-location .table-cell {
    flex: 1 0 20%;
    flex-direction: column;
}

.table h3 {
    margin: 20px 0;
}

.modal {
    display: none;
    position: fixed;
    background: rgba(0,0,0,0.4);
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}

.modal-body {
    background: white;
    padding: 80px;
    position: absolute;
    max-height: 80vh;
    width: 90%;
    left: 5%;
    overflow: auto;
    top: 5%;
}

.modal .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal .close:hover {
    background: var(--light-yellow);
}

.modal .close img {
    max-width: 20px;
    display: inline-block;
}

.modal-open {
    display: inline;
    text-decoration: underline;
}

.modal p {
    font-size: 18px;
}

.modal.open {
    display: block;
}

@media (max-width:767px) {
    .container.table.theaters .table-row {
        margin-bottom: 1.5em;
        flex-wrap: wrap;
    }

    .container.table.theaters .table-cell {
        flex: 1 0 48%;
    }

    .border-left {
        margin-top: 3em;
    }


    .checkout-form h4 {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .cart-table .mobile {
        display: block;
    }

    .shopping-cart.table h4 {
        font-weight: 600;
        margin: 0;
        text-align: left;
    }

    .shopping-cart .table-cell {
        flex-direction: column;
        width: auto;
    }

    .shopping-cart .table-row.white .table-cell {
        text-align: left;
        padding: 12px;
        align-items: flex-start;
    }

    .shopping-cart .table-row.white {
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
        border-top: 1px solid #d3d3d3;
    }

    .shopping-cart.table>div {
        flex-wrap: wrap;
    }

    .shopping-cart .table-row.header {
        display: none;
    }

    .shopping-cart-top,
    .shopping-cart-bottom {
        justify-content: left;
    }

    .shopping-cart-top button,
    .shopping-cart-bottom button {
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 10px;
    }

    .shopping-cart-top input {
        height: 50px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .table-cell.text {
        max-width: 100%;
    }

    .cart .row {
        margin-bottom: 10px;
    }

    .checkout-form {
        padding-bottom: 20px;
    }

    .checkout-form:nth-child(4) {
        border: 0;
    }
}

.register_select {
	max-width:400px;
}

.send_support_email a {
	display: inline;
}