/* * Styles for the fields this plugin adds to the ticket cards rendered by * lte-ext's "Events" widget (Tickets layout). Colors/font reuse the * theme's own CSS custom properties (--main, --white, --black, --gray, * --font-headers) so this stays visually consistent with the rest of the * site. */ .lte-events-sc.lte-layout-tickets .lte-item { position: relative; } /* The theme's own style.css only widens the ticket card to 750px at the min-width:1900px breakpoint, staying at 700px from 1199px up to that - unify both tiers to 750px. Same selector specificity as the theme's rule, so this only wins because tickets-extend.php enqueues this stylesheet as a dependent of the theme stylesheet (prints after it in ). */ @media (min-width: 1199px) { .lte-events-sc.lte-layout-tickets .lte-item { width: 750px; min-width: 750px; } } .tx-sold-badge { position: absolute; top: 0; right: 0; z-index: 3; background-color: #c42221; background-color: var(--main); color: #ffffff; color: var(--white); font-family: 'Sofia Sans Extra Condensed', sans-serif; font-family: var(--font-headers), sans-serif; letter-spacing: var(--font-headers-letterspacing); font-weight: 800; font-size: 13px; line-height: 1; text-transform: uppercase; padding: 6px 12px; } .tx-event-price { display: inline-block; font-size: 14px; margin-right: 8px; margin-inline-end: 8px; margin-inline-start: 0; } .tx-event-subheader { display: block; font-size: 14px; opacity: .7; margin-bottom: 4px; } /* "More Info" and "Buy Ticket" sit side by side on the same line instead of stacking (the two
/
wrappers are otherwise block-level). */ .tx-buttons-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .tx-notice { padding: 10px 14px; background: #fff3cd; border: 1px dashed #d4a72c; color: #6b5900; font-size: 13px; }