.header-pos--fixed.--scrolled {
  background: #fff !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0196078431372549)
}

.header-pos--fixed.--scrolled .rey-mainMenu--desktop > .menu-item > a{
	color: #004771FF !important;
}

.header-pos--fixed.--scrolled .mainheader .rey-siteLogo img {
  max-width: 70% !important;
	transition: max-width 0.3s ease;
}
/* 1. Stop any horizontal scroll / weird shift on this landing page */
body.page-id-8067 {
  overflow-x: hidden;
}

/* 2. Make sure images can't be wider than the screen */
body.page-id-1234 img {
  max-width: 100%;
  height: auto;
}
/* Fix mobile menu closing immediately */
.rey-header-mobilePanel,
.rey-mobilePanel,
.mobile-panel,
.elementor-nav-menu--dropdown {
  position: relative;
  z-index: 9999;
}

.rey-header-overlay,
.rey-mobilePanel-overlay,
.mobile-panel-overlay {
  z-index: 9990;
}
/* 3. Re-center any images that have odd margins on mobile */
@media (max-width: 768px) {
  body.page-id-1234 .wp-block-image img,
  body.page-id-1234 .kadence-image-inner-wrap img,
  body.page-id-1234 .kt-blocks-image-inner-wrap img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Safety: remove weird left/right offsets if any block uses them */
  body.page-id-1234 [style*="margin-left"],
  body.page-id-1234 [style*="left:"],
  body.page-id-1234 [style*="transform: translateX"] {
    margin-left: 0 !important;
    left: 0 !important;
    transform: none !important;
  }
}
/* Stop sideways scrolling / right shift */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Make sure Elementor sections don't get wider than the screen */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
  box-sizing: border-box;
  max-width: 100%;
}

/* Center Elementor images nicely on mobile */
@media (max-width: 767px) {
  .elementor-widget-image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
  }
}
/* Force Elementor mobile dropdown to sit on top */
.elementor-nav-menu--dropdown {
  position: relative !important;
  z-index: 999999 !important;
}

/* Make sure dropdown can receive taps */
.elementor-nav-menu--dropdown,
.elementor-nav-menu--dropdown * {
  pointer-events: auto !important;
}