/* ============================================
   EMS Theme Isolation Layer
   Scoped resets so WordPress themes cannot restyle EMS UI.
   Tokens live in ems-design-system.css (enqueued first).
   ============================================ */

#ems-plugin,
#ems-plugin-modals,
.ems-plugin-scope,
.ems-app {
	box-sizing: border-box;
	font-family: var(--ems-font-montserrat);
	font-size: var(--ems-body-large-size);
	font-weight: var(--ems-font-weight-regular);
	font-style: normal;
	font-variant: normal;
	letter-spacing: normal;
	text-transform: none;
	text-shadow: none;
	color: var(--ems-text-primary);
	line-height: var(--ems-line-height-base);
	background-color: transparent;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

#ems-plugin *,
#ems-plugin *::before,
#ems-plugin *::after,
#ems-plugin-modals *,
#ems-plugin-modals *::before,
#ems-plugin-modals *::after,
.ems-plugin-scope *,
.ems-plugin-scope *::before,
.ems-plugin-scope *::after {
	box-sizing: border-box;
}

#ems-plugin .ems-container {
	width: 100%;
	max-width: var(--ems-container-width);
	margin-inline: auto;
	padding-inline: var(--ems-container-padding);
	padding-top:40px;
	padding-bottom:40px;
}

/* Headings */
#ems-plugin h1,
#ems-plugin h2,
#ems-plugin h3,
#ems-plugin h4,
#ems-plugin h5,
#ems-plugin h6,
#ems-plugin-modals h1,
#ems-plugin-modals h2,
#ems-plugin-modals h3,
#ems-plugin-modals h4,
#ems-plugin-modals h5,
#ems-plugin-modals h6,
.ems-plugin-scope h1,
.ems-plugin-scope h2,
.ems-plugin-scope h3,
.ems-plugin-scope h4,
.ems-plugin-scope h5,
.ems-plugin-scope h6 {
	font-family: var(--ems-font-family);
	color: var(--ems-text-primary);
	background: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	border: 0;
	text-transform: none;
	letter-spacing: normal;
	line-height: var(--ems-h3-line);
	font-weight: var(--ems-h3-weight);
}

#ems-plugin h1,
#ems-plugin-modals h1,
.ems-plugin-scope h1 {
	font-size: var(--ems-h1-size);
	line-height: var(--ems-h1-line);
	font-weight: var(--ems-h1-weight);
}

#ems-plugin h2,
#ems-plugin-modals h2,
.ems-plugin-scope h2 {
	font-size: var(--ems-h2-size);
	line-height: var(--ems-h2-line);
	font-weight: var(--ems-h2-weight);
}

#ems-plugin h3,
#ems-plugin-modals h3,
.ems-plugin-scope h3 {
	font-size: var(--ems-h3-size);
	line-height: var(--ems-h3-line);
	font-weight: var(--ems-h3-weight);
}

#ems-plugin h4,
#ems-plugin-modals h4,
.ems-plugin-scope h4 {
	font-size: var(--ems-h4-size);
	line-height: var(--ems-h4-line);
	font-weight: var(--ems-h4-weight);
}

#ems-plugin h5,
#ems-plugin h6,
#ems-plugin-modals h5,
#ems-plugin-modals h6,
.ems-plugin-scope h5,
.ems-plugin-scope h6 {
	font-size: var(--ems-body-size);
	font-weight: var(--ems-font-weight-semibold);
}

#ems-plugin p,
#ems-plugin span,
#ems-plugin li,
#ems-plugin label,
#ems-plugin-modals p,
#ems-plugin-modals span,
#ems-plugin-modals li,
#ems-plugin-modals label,
.ems-plugin-scope p,
.ems-plugin-scope span,
.ems-plugin-scope li,
.ems-plugin-scope label {
	font-family: var(--ems-font-montserrat);
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	text-transform: none;
	letter-spacing: normal;
}

#ems-plugin p,
#ems-plugin-modals p,
.ems-plugin-scope p {
	margin: 0 0 var(--ems-space-sm) 0;
}

/* Form controls */
#ems-plugin input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),
#ems-plugin select,
#ems-plugin textarea,
#ems-plugin-modals input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),
#ems-plugin-modals select,
#ems-plugin-modals textarea,
.ems-plugin-scope input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),
.ems-plugin-scope select,
.ems-plugin-scope textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: var(--ems-font-montserrat);
	font-size: var(--ems-body-size);
	font-weight: var(--ems-font-weight-regular);
	line-height: var(--ems-body-line);
	color: var(--ems-text-primary);
	background-color: var(--ems-bg-surface);
	background-image: none;
	border: var(--ems-border-width) solid var(--ems-border);
	border-radius: var(--ems-radius-md);
	box-shadow: none;
	max-width: 100%;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: var(--ems-space-sm) var(--ems-space-md);
	text-transform: none;
	letter-spacing: normal;
}

#ems-plugin input[type="checkbox"],
#ems-plugin input[type="radio"],
#ems-plugin-modals input[type="checkbox"],
#ems-plugin-modals input[type="radio"],
.ems-plugin-scope input[type="checkbox"],
.ems-plugin-scope input[type="radio"] {
	accent-color: var(--ems-primary);
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	box-shadow: none;
}

#ems-plugin button,
#ems-plugin input[type="submit"],
#ems-plugin input[type="button"],
#ems-plugin input[type="reset"],
#ems-plugin-modals button,
#ems-plugin-modals input[type="submit"],
#ems-plugin-modals input[type="button"],
#ems-plugin-modals input[type="reset"],
.ems-plugin-scope button,
.ems-plugin-scope input[type="submit"],
.ems-plugin-scope input[type="button"],
.ems-plugin-scope input[type="reset"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: var(--ems-font-montserrat);
	line-height: normal;
	text-transform: none;
	letter-spacing: normal;
	text-shadow: none;
	box-shadow: none;
	background-image: none;
	cursor: pointer;
}

#ems-plugin table,
#ems-plugin-modals table,
.ems-plugin-scope table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	max-width: 100%;
	background: transparent;
	border: 0;
	margin: 0;
}

#ems-plugin th,
#ems-plugin td,
#ems-plugin-modals th,
#ems-plugin-modals td,
.ems-plugin-scope th,
.ems-plugin-scope td {
	vertical-align: top;
	text-align: left;
	font-family: var(--ems-font-montserrat);
	border: 0;
	background: transparent;
}

#ems-plugin a,
#ems-plugin-modals a,
.ems-plugin-scope a {
	text-decoration: none;
	background: none;
	box-shadow: none;
	border: 0;
	font-family: inherit;
}

#ems-plugin ul,
#ems-plugin ol,
#ems-plugin-modals ul,
#ems-plugin-modals ol,
.ems-plugin-scope ul,
.ems-plugin-scope ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Images: do not force max-width; some EMS icons/SVGs rely on explicit dimensions. */

#ems-plugin fieldset,
#ems-plugin-modals fieldset,
.ems-plugin-scope fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 0;
}

/* Hide duplicate WordPress page titles on EMS-owned shortcode pages only.
   TEC event listing and single-event templates keep their own titles. */
body.ems-owned-page:not(.ems-events-archive-page):not(.ems-single-event-page) .entry-title,
body.ems-owned-page:not(.ems-events-archive-page):not(.ems-single-event-page) .page-header .entry-title,
body.ems-owned-page:not(.ems-events-archive-page):not(.ems-single-event-page) .wp-block-post-title {
	display: none !important;
}

/*
 * Do not force theme shells to width: 100%.
 * That overflows two-column / constrained block layouts and paints a white slab
 * over the right half of the page, clipping position:fixed modals.
 * Only unclip overflow so EMS UI and overlays are not cut off.
 */
body.ems-owned-page .site-content,
body.ems-owned-page .content-area,
body.ems-owned-page .site-main,
body.ems-owned-page .entry-content,
body.ems-owned-page .ast-container,
body.ems-owned-page .inside-article,
body.ems-owned-page .wp-block-post-content,
body.ems-owned-page .wp-block-group {
	overflow: visible !important;
}

body.ems-owned-page #ems-plugin.ems-app {
	width: 100%;
	max-width: var(--ems-container-width);
	margin-inline: auto;
	overflow: visible;
}

body.ems-owned-page.ems-layout-active {
	margin: 0;
	background-color: var(--ems-bg);
}

/* body.ems-owned-page.ems-layout-active .ems-layout > .ems-main #ems-plugin.ems-app {
	max-width: none;
	margin-inline: 0;
} */

/* #ems-plugin img, */
#ems-plugin-modals img,
.ems-plugin-scope img {
	max-width: 100%;
	height: auto;
	border: 0;
	box-shadow: none;
	vertical-align: middle;
}

/* Full-viewport overlays. !important beats theme overflow/transform containing blocks
   only when the modal has been moved to body / #ems-plugin-modals; width:100vw still
   helps when left:0 is the plugin column. */
html body #ems-plugin .ems-modal,
html body #ems-plugin-modals .ems-modal,
html body .ems-plugin-scope.ems-modal {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0;
	z-index: var(--ems-z-modal-elevated);
}

#ems-toast-container {
	font-family: var(--ems-font-montserrat);
	color: var(--ems-text-primary);
	box-sizing: border-box;
	isolation: isolate;
}

small.ems-age-restriction-notice {
	display: flex !important;
	align-items: center;
	gap: var(--ems-space-sm);
	font-family: var(--ems-font-montserrat);
	color: var(--ems-text-secondary);
}

small.ems-age-restriction-notice.is-hidden {
	display: none !important;
}

.event-tickets .tribe-tickets__commerce-checkout,
.event-tickets .tribe-tickets__commerce-order{
    margin:0 auto;
	padding:20px 20px 0;
}

.tribe-common-anchor-alt.tribe-tickets__commerce-checkout-header-link-modify-attendees{
	display:none;
}