/*
 * NGM College — Astra Child: Elementor.
 * Colours and fonts of the kit are answered in PHP (class-ngmca-elementor.php, as CSS variables);
 * this sheet only fixes the places where Astra's page frame and Elementor meet.
 */

/* Boxed sections and containers keep a gutter once the box is as wide as the screen.
   (The section background stays edge to edge; only the inner container is inset.) */
@media (max-width: 1200px) {
	.ngmca-full .elementor-section.elementor-section-boxed > .elementor-container,
	.ngmca-home .elementor-section.elementor-section-boxed > .elementor-container,
	.ngmca-full .e-con.e-con-boxed > .e-con-inner,
	.ngmca-home .e-con.e-con-boxed > .e-con-inner,
	.elementor-location-single .elementor-section.elementor-section-boxed > .elementor-container,
	.elementor-location-archive .elementor-section.elementor-section-boxed > .elementor-container {
		padding-left: 20px; padding-right: 20px; box-sizing: border-box;
	}
}
@media (max-width: 544px) {
	.ngmca-full .elementor-section.elementor-section-boxed > .elementor-container,
	.ngmca-home .elementor-section.elementor-section-boxed > .elementor-container,
	.ngmca-full .e-con.e-con-boxed > .e-con-inner,
	.ngmca-home .e-con.e-con-boxed > .e-con-inner,
	.elementor-location-single .elementor-section.elementor-section-boxed > .elementor-container,
	.elementor-location-archive .elementor-section.elementor-section-boxed > .elementor-container {
		padding-left: 16px; padding-right: 16px;
	}
}

/* Astra draws the page title itself; on Elementor "Canvas" and "Full width" pages Elementor owns the page. */
.elementor-template-canvas .ngmca-banner, .elementor-template-full-width .ngmca-cta { display: none; }

/* Astra's sticky header must stay above Elementor's sticky and motion effects. */
.ast-primary-header-bar.ast-header-sticked, .main-header-bar.ast-header-sticked { z-index: 1000; }
.elementor-sticky--active { z-index: 99; }

/* Elementor Pro popups and the mobile panel above the sticky header. */
.ast-mobile-popup-drawer.active { z-index: 100000; }