/*!
 * GSOD Elementor Widgets — layout shims.
 * The visual design lives in the GSOD Detroit theme's style.css; this file only
 * stops Elementor's element wrappers from interfering with the ported markup.
 */

/* Our widgets bring their own <section> wrappers — never let Elementor add box
   model on top of them. */
.elementor-widget-gsod-hero-slider,
.elementor-widget-gsod-floating-cards,
.elementor-widget-gsod-section-heading,
.elementor-widget-gsod-about-split,
.elementor-widget-gsod-events-grid,
.elementor-widget-gsod-get-involved,
.elementor-widget-gsod-stats-banner,
.elementor-widget-gsod-perks-grid,
.elementor-widget-gsod-testimonials,
.elementor-widget-gsod-pricing-grid,
.elementor-widget-gsod-cta-banner,
.elementor-widget-gsod-news-grid,
.elementor-widget-gsod-hero-slider > .elementor-widget-container,
.elementor-widget-gsod-floating-cards > .elementor-widget-container,
.elementor-widget-gsod-section-heading > .elementor-widget-container,
.elementor-widget-gsod-about-split > .elementor-widget-container,
.elementor-widget-gsod-events-grid > .elementor-widget-container,
.elementor-widget-gsod-get-involved > .elementor-widget-container,
.elementor-widget-gsod-stats-banner > .elementor-widget-container,
.elementor-widget-gsod-perks-grid > .elementor-widget-container,
.elementor-widget-gsod-testimonials > .elementor-widget-container,
.elementor-widget-gsod-pricing-grid > .elementor-widget-container,
.elementor-widget-gsod-cta-banner > .elementor-widget-container,
.elementor-widget-gsod-news-grid > .elementor-widget-container {
	margin: 0;
	padding: 0;
}

/* The hero must be able to slide under the theme's floating sticky header. */
.elementor-widget-gsod-hero-slider .gsod-hero-v2 { margin-top: -116px; }
.admin-bar .elementor-widget-gsod-hero-slider .gsod-hero-v2 { margin-top: -148px; }
@media (max-width: 768px) {
	.elementor-widget-gsod-hero-slider .gsod-hero-v2 { margin-top: -112px; }
	.admin-bar .elementor-widget-gsod-hero-slider .gsod-hero-v2 { margin-top: -158px; }
}

/* Elementor's container that holds the hero widget also needs to be flush. */
.elementor-element:has(> .elementor-widget-container > .gsod-hero-v2) { padding: 0 !important; }

/* Editor preview: no sticky theme header, so don't hide the hero top. */
.elementor-editor-active .elementor-widget-gsod-hero-slider .gsod-hero-v2 { margin-top: 0; }
.elementor-editor-active .elementor-widget-gsod-hero-slider .gsod-hero-v2 .hero-slider { padding-top: 0; height: 70vh; }