/**
 * Homepage hero full-bleed.
 * Theme wraps Elementor in Bootstrap .container inside ._slashdown-wrapper
 * (max-width + 15px gutters). Kill those gutters so the hero is edge-to-edge.
 */

/* Bootstrap shell around homepage Elementor content */
body.home.elementor-page-35 ._slashdown-wrapper > .container.mt-default.mb-default,
body.elementor-page-35 ._slashdown-wrapper > .container.mt-default.mb-default {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.home.elementor-page-35 ._slashdown-wrapper > .container.mt-default.mb-default > .row,
body.elementor-page-35 ._slashdown-wrapper > .container.mt-default.mb-default > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
}

body.home.elementor-page-35 ._slashdown-wrapper > .container.mt-default.mb-default > .row > [class*="col-"],
body.elementor-page-35 ._slashdown-wrapper > .container.mt-default.mb-default > .row > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}

body.home.elementor-page-35 .post-content,
body.elementor-page-35 .post-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
  overflow: visible !important;
}

/* Hero background: force viewport width even if Elementor stretch JS fights us */
body.home.elementor-page-35 .elementor-35 > .elementor-element-975d90e,
body.elementor-page-35 .elementor-35 > .elementor-element-975d90e {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  right: auto !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body.home.elementor-page-35 .elementor-35 > .elementor-element-975d90e > .elementor-background-overlay,
body.elementor-page-35 .elementor-35 > .elementor-element-975d90e > .elementor-background-overlay {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}

/* Avoid 100vw scrollbar gutters creating a thin white edge */
html,
body.home.elementor-page-35 {
  overflow-x: clip;
}