/**
 * Elementor pages: full-bleed content on mobile.
 * Scoped to #Content only — never #Header / #Top_bar / #Wrapper (nav scroll).
 */

/* —— Mobile / tablet: kill BeTheme content gutters —— */
@media (max-width: 959px) {
	body.elementor-page #Content,
	body.elementor-page #Content .content_wrapper,
	body.elementor-page #Content .section_wrapper,
	body.elementor-page #Content .sections_group,
	body.elementor-page #Content .the_content_wrapper,
	body.elementor-page #Content .entry-content,
	body.elementor-page #Content .post-wrapper,
	body.elementor-page #Content .section,
	body.elementor-page #Content .mcb-section,
	body.elementor-page #Content .mcb-wrap,
	body.elementor-page #Content .mcb-column,
	body.elementor-page #Content .no_sidebar,
	body.elementor-page #Content .with_aside .sections_group {
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}

	body.elementor-page #Content .elementor,
	body.elementor-page #Content .elementor-inner,
	body.elementor-page #Content .elementor-section-wrap {
		width: 100% !important;
		max-width: 100% !important;
	}

	body.elementor-page #Content .elementor-section,
	body.elementor-page #Content .elementor-section.elementor-section-boxed,
	body.elementor-page #Content .elementor-section.elementor-section-full_width {
		width: 100% !important;
		left: auto !important;
		right: auto !important;
	}

	body.elementor-page #Content .elementor-section > .elementor-container {
		max-width: 100% !important;
		width: 100% !important;
	}

	/* Keep readable text inset; backgrounds stay edge-to-edge. */
	body.elementor-page #Content .elementor-section > .elementor-container > .elementor-row {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 767px) {
	body.elementor-page #Content .elementor-section:not(.elementor-section-full_width) > .elementor-container {
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* —— Desktop: constrain full_width content, keep section backgrounds edge-to-edge —— */
@media (min-width: 960px) {
	body.elementor-page #Content .elementor-section.elementor-section-full_width > .elementor-container {
		max-width: 1240px;
		margin-left: auto;
		margin-right: auto;
	}

	/* Hero / full-bleed sections that should stay truly edge-to-edge on desktop. */
	body.elementor-page #Content .elementor-section.elementor-section-full_width.parsa-full-bleed > .elementor-container,
	body.elementor-page #Content .elementor-top-section:first-child.elementor-section-full_width > .elementor-container {
		max-width: none;
	}
}

/* Sticky header / scroll nav must stay unclipped. */
#Header,
#Top_bar,
#Top_bar .top_bar_left,
#Top_bar .menu_wrapper,
.header-sticky,
.is-sticky #Top_bar {
	overflow: visible !important;
}