#event-cart {
margin-top: 2em;
min-width: min(900px, 100%);
padding: .5rem;
}
#event-cart-qty-frm .ui-widget-header {
padding: 0 1em;
}
#event-cart-qty-frm .event-cart-wrap-dv {
margin: 0 !important;
}
#event-cart-qty-frm .event-cart-tbl {
margin: 0 !important;
}
#event-cart-qty-frm .event-cart-tbl h6 {
margin: .5em 0 0 !important;
}
#event-cart-qty-frm .event-cart-tbl tr td:nth-child(3) {
max-width: 8.5rem;
}
#event-cart-qty-frm .event-cart-tbl-spacer {
height: 0;
padding: 0;
border: none;
}
#event-cart-qty-frm .event-cart-tbl-spacer td {
height: 0;
padding: 0;
}
#event-cart-qty-frm .event-cart-ticket-qty-dv {
align-items: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
line-height: 1rem;
margin: 0 auto;
max-width: 11.5rem;
}
#event-cart-qty-frm .event-cart-update-txt-qty { box-sizing: border-box;
display: inline-flex;
flex-flow: row nowrap;
font-size: 1rem;
font-weight: normal;
height: 2rem;
line-height: 1rem;
margin: .25rem;
min-height: unset !important;
min-width: unset !important;
padding: .25rem .5rem;
text-align: end;
width: 3rem;
}
#event-cart-qty-frm .event-cart-update-buttons {
display: inline-flex;
flex-flow: row nowrap;
}
.mini-cart-button,
.cart-results-button,
.event-cart-button {
border: 1px solid hsl(203, 2%, 70%);
text-decoration: none;
}
.disabled-event-cart-btn,
.disabled-event-cart-btn:hover {
border: 1px solid hsl(207, 0%, 90%) !important;
background: hsl(207, 0%, 90%) !important;
box-shadow: none !important;
}
#event-cart-qty-frm .mini-cart-button.button,
#event-cart-qty-frm .cart-results-button.button,
#event-cart-qty-frm .event-cart-button.button {
-webkit-user-select: none;
align-items: center;
box-sizing: border-box;
cursor: pointer;
display: inline-flex;
font-size: 1rem;
font-weight: normal;
justify-content: center;
line-height: 1;
margin: .25rem;
min-height: 2rem !important;
min-width: unset !important;
padding: .5rem;
text-align: center;
text-decoration: none !important;
vertical-align: middle;
}
#event-cart-qty-frm .event-cart-icon-button {
aspect-ratio: 1;
height: 2rem;
width: 2rem;
}
#event-cart-qty-frm .event-cart-icon-button img {
background: none !important;
border: none !important;
box-shadow: none !important;
}
#event-cart-qty-frm .event-cart-icon-button span {
padding: 0;
margin: 0 !important;
}
.return-to-event-cart-mini-cart-lnk {
float: left;
}
#event-cart-qty-frm .event-cart-grand-total {
margin: 1em 0;
clear: both;
text-align: right;
}
#event-cart-qty-frm .event-cart-whats-next-buttons {
margin: 2em 0;
clear: both;
text-align: right;
}
#event-cart-qty-frm .event-cart-whats-next-buttons .event-cart-go-back-button span {
margin: 0 .5em 0 0 !important;
}
#event-cart-qty-frm .event-cart-whats-next-buttons .event-cart-register-button span {
margin: 0 0 0 .5em !important;
}
#cart-results-modal-wrap-dv {
max-height: 100% !important;
max-width: 100% !important;
text-align: center;
z-index: 10001;
}
#cart-results-modal-dv {
padding: 4em 5em 3.5em;
background: #FFFFFF;
border-radius: 3px;
box-sizing: border-box;
color: #23282d;
}
#cart-results-modal-dv h3,
#cart-results-modal-dv h5 {
color: #23282d;
}
#cart-results-current-cart-dv {
padding: 2em 0 0;
margin: 2em 0 0;
border-top: 1px solid hsl(203, 2%, 70%);
}
#cart-results-view-cart-dv {
text-align: right;
}
.cart-results-button {
align-items: center;
display: inline-flex;
justify-content: center;
margin: 1em;
}
.cart-results-button .dashicons {
top: unset;
}
.cart-results-register-button.cart-results-button .dashicons {
margin-inline-start: .5em;
margin-inline-end: 0;
}
.espresso-ajax-modal-notices {
border-top: 4px solid;
font-size: 1em;
font-weight: bold;
line-height: 1.2em;
margin: 2em 0 0;
padding: 2em 1em 1em;
text-align: left;
}
.espresso-ajax-modal-notices p {
margin: 0;
}
.espresso-ajax-modal-notices.attention {
border-color: hsl(41deg 98% 50%);
}
.espresso-ajax-modal-notices.error {
border-color: hsl(340, 60%, 55%);
}
.espresso-ajax-modal-notices.success {
border-color: hsl(126deg 46% 36%);
}
.event-cart-required-items-notice {
margin: 1em 0;
text-align: right;
}
.event-cart-total-list {
margin: 1em 0 0;
}
.event-cart-total-list ~ .event-cart-total-list {
margin: 0;
} @media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 600px) and (min-width: 481px) {
#cart-results-modal-dv {
padding: 3.5em 4em 3em;
}
}
@media only screen and (max-width: 540px) and (min-width: 480px) {
#cart-results-modal-dv {
padding: 3em 3em 2.5em;
}
}
@media only screen and (max-width: 480px) {
#cart-results-modal-dv {
border-radius: 0;
padding: 2em;
}
#event-cart-qty-frm .event-cart-update-txt-qty {
width: 33px;
height: 27px;
padding: 6px;
line-height: 14px;
font-size: 14px;
}
#event-cart-qty-frm .event-cart-icon-button {
width: 27px;
height: 27px;
}
.mini-cart-button.button,
.cart-results-button.button,
.event-cart-button.button {
padding: 6px;
margin: 6px 0 3px 3px;
line-height: 14px;
font-size: 14px;
}
}
@media only screen and (max-width: 320px) {
#cart-results-modal-dv,
#cart-results-modal-wrap-dv {
height: 100% !important;
width: 100% !important;
}
#cart-results-modal-dv {
border-radius: 0;
padding: 2em 1.5em;
}
#event-cart-qty-frm .event-cart-update-txt-qty {
width: 30px;
height: 25px;
padding: 5px;
line-height: 13px;
font-size: 13px;
}
#event-cart-qty-frm .event-cart-icon-button {
width: 25px;
height: 25px;
}
.mini-cart-button.button,
.cart-results-button.button,
.event-cart-button.button {
padding: 5px;
margin: 8px 0 2px 2px;
line-height: 13px;
font-size: 13px;
}
}
@media only screen and (max-width: 240px) {
#cart-results-modal-dv,
#cart-results-modal-wrap-dv {
height: 100% !important;
width: 100% !important;
}
#cart-results-modal-dv {
border-radius: 0;
padding: 2em 0;
}
#event-cart-qty-frm .event-cart-update-txt-qty {
width: 28px;
height: 23px;
padding: 4px;
line-height: 12px;
font-size: 12px;
}
#event-cart-qty-frm .event-cart-update-buttons {
display: inline !important;
white-space: normal !important;
}
#event-cart-qty-frm .event-cart-icon-button {
width: 23px;
height: 23px;
}
.mini-cart-button.button,
.cart-results-button.button,
.event-cart-button.button {
padding: 4px;
margin: 8px 2px 3px;
line-height: 12px;
font-size: 12px;
}
.mini-cart-button.button + .mini-cart-button.button,
.cart-results-button.button + .cart-results-button.button,
.event-cart-button.button + .event-cart-button.button {
margin: 3px 2px;
}
}