/**
 * Monochrome — WordPress output styles.
 *
 * The design itself comes entirely from style.css (your Tailwind build).
 * This file only covers markup that WordPress, WooCommerce (cart/checkout/
 * account/notices) and Contact Form 7 print themselves and that cannot
 * carry Tailwind classes. Uses the design tokens from style.css only.
 */

/* Admin bar offset for the fixed header */
.admin-bar header.fixed { top: 32px; }
@media (max-width: 782px) { .admin-bar header.fixed { top: 46px; } }

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; width: 1px; word-wrap: normal !important;
}

/* Prices printed by WooCommerce inside design spans */
.woocommerce-Price-amount { color: inherit; }
del .woocommerce-Price-amount { opacity: .5; font-size: .8em; }
ins { text-decoration: none; }
.single_variation .woocommerce-variation-price { display: none; } /* price is shown in the header line */
.single_variation { margin-top: 1rem; font-family: var(--font-body); font-size: var(--text-xs); color: var(--color-ash); }
.single_add_to_cart_button:disabled,
.single_add_to_cart_button.disabled { opacity: .5; cursor: not-allowed; }

/* ---------- Post / page content ---------- */
.mc-content { font-family: var(--font-body); font-size: var(--text-sm); line-height: var(--leading-relaxed); color: var(--color-ash); }
.mc-content > * + * { margin-top: 1.25em; }
.mc-content h1, .mc-content h2, .mc-content h3, .mc-content h4 { font-family: var(--font-display); color: var(--color-bone); line-height: 1.1; }
.mc-content h1 { font-size: var(--text-5xl); }
.mc-content h2 { font-size: var(--text-4xl); margin-top: 1.5em; }
.mc-content h3 { font-size: var(--text-2xl); }
.mc-content h4, .mc-content h5, .mc-content h6 { font-family: var(--font-impact); text-transform: uppercase; letter-spacing: .3em; font-size: var(--text-sm); color: var(--color-glow); }
.mc-content a:not([class]) { color: var(--color-glow); text-decoration: underline; text-underline-offset: 3px; }
.mc-content ul { list-style: square; padding-left: 1.25em; }
.mc-content ol { list-style: decimal; padding-left: 1.25em; }
.mc-content blockquote { border-left: 2px solid var(--color-glow); padding-left: 1.25em; color: var(--color-bone); }
.mc-content img { height: auto; }
.mc-content table { width: 100%; }
.mc-content th, .mc-content td { border-bottom: 1px solid color-mix(in oklab, var(--color-steel) 25%, transparent); padding: .75rem .5rem; text-align: left; }
.mc-content th { font-family: var(--font-impact); text-transform: uppercase; letter-spacing: .2em; font-size: 11px; color: var(--color-ash); }
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { margin-left: auto; margin-right: auto; }
.wp-caption-text, figcaption { font-size: var(--text-xs); color: var(--color-ash); margin-top: .5em; }

/* ---------- Forms (WooCommerce, CF7, comments) ----------
 * Generic styles for markup that has no design classes (default WooCommerce
 * forms, payment-gateway fields, CF7). They live in style.css's "base" cascade
 * layer, so they beat the reset but ANY Tailwind utility on an element (the
 * cart/checkout templates) still wins — layered utilities outrank base. */
@layer base {
	:where(.mc-wc-page #main, .mc-form, .mc-content) :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="url"], input[type="search"], input[type="number"]:not(.qty), textarea, select) {
		width: 100%; border: 1px solid color-mix(in oklab, var(--color-steel) 40%, transparent);
		background: color-mix(in oklab, var(--color-void) 60%, transparent); color: var(--color-bone);
		font-family: var(--font-body); font-size: var(--text-sm); padding: .75rem 1rem; outline: none; border-radius: 0;
		transition: border-color .15s;
	}
	:where(.mc-wc-page #main, .mc-form, .mc-content) :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="url"], input[type="search"], input[type="number"], textarea, select):focus { border-color: var(--color-glow); }
	:where(.mc-wc-page #main, .mc-form, .mc-content) :is(input, textarea)::placeholder { color: color-mix(in oklab, var(--color-ash) 40%, transparent); }
	:where(.mc-wc-page #main, .mc-form) select option { background: var(--color-ink); }

	:where(.mc-wc-page #main) .form-row > label, .mc-form label, .mc-content label {
		display: block; margin-bottom: .5rem; font-family: var(--font-impact); text-transform: uppercase;
		letter-spacing: .3em; font-size: 10px; color: color-mix(in oklab, var(--color-ash) 70%, transparent);
	}
	.mc-form p + p, :where(.mc-wc-page #main) .form-row { margin-top: 1.25rem; }

	/* Buttons printed by WooCommerce / CF7 (class "button") → solid design button */
	:where(.mc-wc-page #main) .button, .mc-form input[type="submit"], .mc-content input[type="submit"] {
		display: inline-flex; align-items: center; justify-content: center; padding: .75rem 1.5rem;
		font-family: var(--font-impact); font-size: 12px; text-transform: uppercase; letter-spacing: .28em;
		background: var(--color-bone); color: var(--color-void); border: 0; border-radius: 0; cursor: pointer;
		transition: background-color .3s;
	}
	:where(.mc-wc-page #main) .button:hover, .mc-form input[type="submit"]:hover { background: var(--color-glow); color: var(--color-void); }
	:where(.mc-wc-page #main) .button:is(:disabled, .disabled) { opacity: .5; }
}

/* select2 (country/state dropdowns) ships its own un-layered CSS, so these stay un-layered. */
.select2-container .select2-selection--single {
	height: auto; border: 1px solid color-mix(in oklab, var(--color-steel) 40%, transparent); border-radius: 0;
	background: color-mix(in oklab, var(--color-void) 60%, transparent); padding: .75rem 1rem;
	font-family: var(--font-body); font-size: var(--text-sm);
}
.select2-container--open .select2-selection--single, .select2-container--focus .select2-selection--single { border-color: var(--color-glow); }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--color-bone); line-height: 1.5; padding: 0; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; right: .5rem; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-top-color: var(--color-ash); }
.select2-dropdown { background: var(--color-ink); border-color: color-mix(in oklab, var(--color-steel) 40%, transparent); color: var(--color-bone); border-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field { background: var(--color-void); border-color: color-mix(in oklab, var(--color-steel) 40%, transparent); color: var(--color-bone); }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: var(--color-slate); color: var(--color-glow); }
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { background: var(--color-void); }

/* ---------- Notices ---------- */
.woocommerce-notices-wrapper:not(:empty) { margin-bottom: 2.5rem; }
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem;
	list-style: none; border: 1px solid color-mix(in oklab, var(--color-steel) 50%, transparent);
	border-left: 2px solid var(--color-glow); background: color-mix(in oklab, var(--color-ink) 60%, transparent);
	color: var(--color-bone); padding: 1rem 1.25rem; font-family: var(--font-body); font-size: var(--text-sm); margin: 0 0 1rem;
}
.woocommerce-error { border-left-color: #e5484d; flex-direction: column; align-items: flex-start; }
.woocommerce-message .button, .woocommerce-info .button { order: 2; display: inline-flex; padding: .6rem 1.2rem; font-family: var(--font-impact); font-size: 11px; text-transform: uppercase; letter-spacing: .28em; background: var(--color-bone); color: var(--color-void); }
.woocommerce-message .button:hover, .woocommerce-info .button:hover { background: var(--color-glow); }
.woocommerce-message a:not(.button), .woocommerce-info a:not(.button), .woocommerce-error a:not(.button) { color: var(--color-glow); }
.wpcf7 form .wpcf7-response-output { margin: 1.5rem 0 0; padding: 1rem 1.25rem; border: 1px solid var(--color-steel); color: var(--color-bone); font-size: var(--text-sm); }
.wpcf7-not-valid-tip { color: #e5484d; font-size: var(--text-xs); margin-top: .35rem; }

/* ---------- Slide-out cart (cart.html) ---------- */
.mc-drawer .mc-drawer-overlay { opacity: 0; transition: opacity .3s ease; }
.mc-drawer .mc-drawer-panel { transform: translateX(100%); transition: transform .32s cubic-bezier(.4, 0, .2, 1); }
.mc-drawer.is-open .mc-drawer-overlay { opacity: 1; }
.mc-drawer.is-open .mc-drawer-panel { transform: none; }
.mc-drawer-panel:focus { outline: none; }
.admin-bar .mc-drawer { top: 32px; }
@media (max-width: 782px) { .admin-bar .mc-drawer { top: 46px; } }
@media (prefers-reduced-motion: reduce) { .mc-drawer .mc-drawer-overlay, .mc-drawer .mc-drawer-panel { transition: none; } }
.single_add_to_cart_button.loading { opacity: .6; pointer-events: none; }

/* ---------- Quantity stepper (Cart page) ---------- */
.quantity input.qty { -moz-appearance: textfield; appearance: textfield; padding: 0; border: 0; height: 2rem; }
.quantity input.qty::-webkit-inner-spin-button, .quantity input.qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* ---------- Cart page ---------- */
.woocommerce-cart-form .mc-update-cart:disabled { opacity: .4; cursor: default; }
.cart_totals .woocommerce-remove-coupon { margin-left: .5rem; color: var(--color-ash); font-size: 10px; text-transform: uppercase; letter-spacing: .2em; }
.cart_totals .woocommerce-remove-coupon:hover { color: var(--color-glow); }
.woocommerce-shipping-calculator .shipping-calculator-button { color: var(--color-glow); }
.woocommerce-shipping-calculator .shipping-calculator-form { margin-top: 1rem; }
.woocommerce-shipping-calculator .form-row { margin-top: .75rem; }

/* ---------- Checkout fields (checkout.html) ---------- */
.mc-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.woocommerce form .mc-fields > .form-row, .mc-fields > .form-row { grid-column: 1 / -1; float: none; width: auto; margin: 0; padding: 0; }
@media (width >= 40rem) {
	.woocommerce form .mc-fields > .form-row-first, .mc-fields > .form-row-first { grid-column: 1; }
	.woocommerce form .mc-fields > .form-row-last, .mc-fields > .form-row-last { grid-column: 2; }
}
.mc-fields .woocommerce-input-wrapper { display: block; }
.mc-fields .required, .mc-fields abbr.required { color: var(--color-glow); text-decoration: none; border: 0; }
.mc-fields .optional { text-transform: none; letter-spacing: normal; color: color-mix(in oklab, var(--color-ash) 50%, transparent); }
.mc-fields .form-row.woocommerce-invalid .mc-field, .mc-fields .form-row.woocommerce-invalid .select2-selection { border-color: #e5484d; }
.mc-fields .form-row.woocommerce-validated .mc-field { border-color: color-mix(in oklab, var(--color-steel) 40%, transparent); }
.mc-fields .checkout-inline-error-message, .mc-fields .description { margin-top: .4rem; font-family: var(--font-body); font-size: var(--text-xs); color: #e5484d; }
.mc-fields .description { color: var(--color-ash); }
.mc-fields textarea.mc-field { min-height: 6rem; }

.mc-check { display: flex; align-items: center; gap: .75rem; margin: 0; cursor: pointer; font-family: var(--font-impact); font-size: 11px; text-transform: uppercase; letter-spacing: .25em; color: var(--color-ash); }
.mc-check input, #payment input.input-radio, .woocommerce-shipping-methods input, .woocommerce-form__input-checkbox { accent-color: var(--color-glow); width: 1rem; height: 1rem; flex: none; }
#payment .payment_box p { margin: 0 0 .75rem; }
#payment .payment_box p:last-child { margin-bottom: 0; }
#payment .payment_box fieldset { border: 0; padding: 0; margin: 0; }
#payment .mc-gateway-icons img { display: inline-block; max-height: 1.5rem; width: auto; margin-left: .25rem; }
#payment .woocommerce-terms-and-conditions-wrapper { margin-bottom: 1.5rem; font-family: var(--font-body); font-size: var(--text-xs); color: var(--color-ash); }
#payment .woocommerce-terms-and-conditions-wrapper a { color: var(--color-glow); }
#payment .woocommerce-terms-and-conditions { max-height: 200px; overflow: auto; padding: 1rem; margin-bottom: 1rem; border: 1px solid color-mix(in oklab, var(--color-steel) 25%, transparent); }
#payment .form-row.place-order { margin-top: 2rem; }

/* Place order button: the design's corner brackets (checkout.js rewrites its text, so they're drawn in CSS) */
.mc-place-order::before, .mc-place-order::after { content: ""; position: absolute; width: .5rem; height: .5rem; opacity: 0; transition: opacity .15s; }
.mc-place-order::before { left: 0; top: 0; border-left: 1px solid var(--color-glow); border-top: 1px solid var(--color-glow); }
.mc-place-order::after { right: 0; bottom: 0; border-right: 1px solid var(--color-glow); border-bottom: 1px solid var(--color-glow); }
.mc-place-order:hover::before, .mc-place-order:hover::after { opacity: 1; }

/* Order summary rows */
.woocommerce-checkout-review-order-table .woocommerce-remove-coupon { margin-left: .5rem; color: var(--color-ash); font-size: 10px; text-transform: uppercase; letter-spacing: .2em; }

/* ---------- Order received / account (default WooCommerce markup) ---------- */
.mc-wc-page #main table.shop_table { width: 100%; border: 1px solid color-mix(in oklab, var(--color-steel) 25%, transparent); border-collapse: collapse; color: var(--color-bone); border-radius: 0; }
.mc-wc-page #main table.shop_table th, .mc-wc-page #main table.shop_table td { padding: 1rem; border-top: 1px solid color-mix(in oklab, var(--color-steel) 20%, transparent); text-align: left; }
.mc-wc-page #main table.shop_table th { font-family: var(--font-impact); text-transform: uppercase; letter-spacing: .25em; font-size: 11px; color: var(--color-ash); }
.mc-wc-page #main table.shop_table img { width: 64px; height: 64px; object-fit: cover; }
.mc-wc-page #main .woocommerce-order-overview { display: flex; flex-wrap: wrap; gap: 1.5rem 3rem; margin: 0 0 2.5rem; padding: 1.5rem; border: 1px solid color-mix(in oklab, var(--color-steel) 25%, transparent); font-family: var(--font-impact); font-size: 10px; text-transform: uppercase; letter-spacing: .25em; color: var(--color-ash); }
.mc-wc-page #main .woocommerce-order-overview strong { display: block; margin-top: .35rem; font-size: var(--text-sm); letter-spacing: .05em; color: var(--color-bone); }
.mc-wc-page #main .woocommerce-thankyou-order-received { margin-bottom: 1.5rem; font-family: var(--font-body); color: var(--color-bone); }
.mc-wc-page #main .woocommerce-order-details__title, .mc-wc-page #main .woocommerce-column__title, .mc-wc-page #main .woocommerce-customer-details h2 { font-family: var(--font-impact); text-transform: uppercase; letter-spacing: .3em; font-size: var(--text-sm); color: var(--color-glow); margin: 2.5rem 0 1rem; }
.mc-wc-page #main address { font-style: normal; font-family: var(--font-body); font-size: var(--text-sm); line-height: var(--leading-relaxed); color: var(--color-ash); padding: 1rem; border: 1px solid color-mix(in oklab, var(--color-steel) 25%, transparent); }
.mc-wc-page #main .woocommerce-MyAccount-navigation ul { display: grid; gap: .5rem; }
.mc-wc-page #main .woocommerce-MyAccount-navigation a { font-family: var(--font-impact); text-transform: uppercase; letter-spacing: .28em; font-size: 12px; color: var(--color-ash); }
.mc-wc-page #main .woocommerce-MyAccount-navigation .is-active a, .mc-wc-page #main .woocommerce-MyAccount-navigation a:hover { color: var(--color-glow); }
.mc-wc-page #main .checkout_coupon { margin-bottom: 2rem; padding: 1.25rem; border: 1px solid color-mix(in oklab, var(--color-steel) 25%, transparent); }
.mc-wc-page #main .woocommerce-form-login { margin-bottom: 2rem; padding: 1.25rem; border: 1px solid color-mix(in oklab, var(--color-steel) 25%, transparent); }

@media (width >= 40rem) {
    .sm\:h-14 {
        height: calc(var(--spacing) * 14) !important;
    }
	

}

@media (width < 40rem) {
    .h-11 {
        height: calc(var(--spacing) * 11)!important;
    }
}


a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart, a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout, a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-continue {
    max-width: 100%;
    width: 100%;
    height: 47px;
    padding: 5px 10px;
    margin: 0px 0px;
    background-color: #000;
    color: #fff;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    text-transform: capitalize;
    border-width: 2px;
    border-style: solid;
    border-color: #000;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart:hover, a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout:hover, a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-continue:hover {
    background-color: #ffff;
    color: #000;
    border-width: 2px;
    border-style: solid;
    border-color: #27374d;
    border-radius: 5px;
}

/* Side Cart (XootiX): keep its quantity box clear of theme/reset input styles */
.xoo-wsc-qty-box input.xoo-wsc-qty { padding: 0; margin: 0; min-width: 0; text-align: center; line-height: normal; -moz-appearance: textfield; appearance: textfield; }
.xoo-wsc-qty-box input.xoo-wsc-qty::-webkit-inner-spin-button,
.xoo-wsc-qty-box input.xoo-wsc-qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }


.bit-widget {
    font-size: 16px;
    font-weight: 400;
    font-family: Poppins;
    color: #E9EDF2!important;
    background-color: rgb(4 7 12)!important;
}

.bit-widget .bit-follow-section-heading-text {
    text-align: center;
    text-transform: none;
    font-size: 16px;
    color: #E9EDF2;
}

.bit-widget .bit-date, .bit-widget .bit-mobile-date, .bit-widget .bit-vertical-date {
    text-transform: uppercase;
    font-weight: 600;
    color: #E9EDF2!important;
}

.bit-widget a {
    text-decoration: none;
    color:  #E9EDF2!important;
    box-shadow: none;
}

.bit-widget .bit-follow-section-cta {
    background-color: rgb(4 7 12)!important;
    color: rgba(0, 0, 0, 1);
    border: solid rgb(228 234 240) 1px!important;
    border-radius: 4px;
    padding: 9px 20px;
    line-height: 14px !important;
    font-size: 14px;
}

.bit-widget .bit-rsvp {
    background-color: rgb(4 7 12)!important;
    color: rgba(0, 0, 0, 1);
    border: solid #607D8B 1px!important;
 
    
    min-width: 100px;
    font-size: 14px;
}

.bit-widget .bit-event:hover {
    background-color: rgb(4 7 12)!important;
    transition: background-color .25s ease-out;
}

.bit-widget .bit-play-my-city-heading-text {
    text-transform: none;
    font-size: 16px;
	color:#E9EDF2!important;
}

.bit-widget .bit-play-my-city-cta {
    background-color: rgb(4 7 12);
    color: #000!important;
    border: solid #E9EDF2 1px!important;
    border-radius: 4px;
    padding: 9px 20px;
    line-height: 14px !important;
    font-size: 14px;
}

.bit-widget .bit-offers {
    background-color: #e9edf2!important;
    color: #000 !important;
    border: solid #e9edf2 1px!important;
    
    padding: 9px 20px;
    min-width: 100px;
    font-size: 14px;
}
.bit-widget .bit-titleWrapper .bit-venue {
    color: #E9EDF2!important;

}

/* Target the Bandsintown SVG and force white fill */
svg g#Group,
svg g#Group path,
svg g#Group polygon {
  fill: #ffffff !important;
}

/* Force white fill on this icon's path */
svg path[fill="rgba(0,0,0,1)"] {
  fill: #ffffff !important;
}

.bit-widget {
    font-size: 16px;
    font-weight: 400;
    /* font-family: Poppins; */
    color: rgba(0, 0, 0, 1);
    background-color: rgba(255, 255, 255, 1);
    /* font-family: var(--font-body); */
    font-family: var(--font-impact)!important;
}