#heading1 {
  background-color: transparent;
  background-image: linear-gradient(160deg, #682682 0%, #55C2E6 100%);
}

#heading2 {
  background-color: transparent;
  background-image: linear-gradient(160deg, #fbdd28 0%, #6BBFCB 100%);
}

/* Hide the broken global Elementor header only on this page */
body.page-id-3283 header,
body.page-id-3283 .elementor-location-header {
  display: none !important;
}

/* Stop horizontal overflow / black right-side area */
html,
body.page-id-3283 {
  overflow-x: hidden !important;
}

body.page-id-3283,
body.page-id-3283 #page,
body.page-id-3283 .site,
body.page-id-3283 .site-content,
body.page-id-3283 .content-area,
body.page-id-3283 .site-main,
body.page-id-3283 article,
body.page-id-3283 .entry-content,
body.page-id-3283 .elementor,
body.page-id-3283 .elementor-section-wrap {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
  background: transparent !important;
}

/* Keep the custom page layout centred and never clipped */
body.page-id-3283 .iwy-page,
body.page-id-3283 .iwy-page section {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
  overflow-x: hidden !important;
}

body.page-id-3283 .iwy-container {
  width: min(1240px, calc(100% - 48px)) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Custom I Was You navigation */
body.page-id-3283 .iwy-nav {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 99999 !important;
  background: linear-gradient(160deg, #682682 0%, #55C2E6 100%) !important;
  box-shadow: 0 12px 28px rgba(42, 20, 95, 0.12);
}

body.page-id-3283 .iwy-nav-inner {
  width: min(1240px, calc(100% - 48px)) !important;
  max-width: 1240px !important;
  min-height: 82px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

body.page-id-3283 .iwy-nav-logo {
  color: #ffffff !important;
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-3283 .iwy-nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(14px, 2vw, 28px) !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-3283 .iwy-nav-links a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

body.page-id-3283 .iwy-nav-links .iwy-nav-active {
  padding: 10px 16px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.18) !important;
}

/* Remove black/empty spacing around the custom nav widget */
body.page-id-3283 .elementor-widget-html,
body.page-id-3283 .elementor-widget-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Dark section readability */
body.page-id-3283 .iwy-how,
body.page-id-3283 .iwy-impact,
body.page-id-3283 .iwy-final {
  color: #ffffff !important;
}

body.page-id-3283 .iwy-how p,
body.page-id-3283 .iwy-how .iwy-section-copy,
body.page-id-3283 .iwy-impact p,
body.page-id-3283 .iwy-impact .iwy-section-copy,
body.page-id-3283 .iwy-final p,
body.page-id-3283 .iwy-final .iwy-section-copy {
  color: rgba(255, 255, 255, 0.9) !important;
}

body.page-id-3283 .iwy-how .iwy-eyebrow,
body.page-id-3283 .iwy-impact .iwy-eyebrow,
body.page-id-3283 .iwy-final .iwy-eyebrow {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

body.page-id-3283 .iwy-how .iwy-eyebrow::before,
body.page-id-3283 .iwy-impact .iwy-eyebrow::before,
body.page-id-3283 .iwy-final .iwy-eyebrow::before {
  color: #f9b21a !important;
}

/* Button colours */
body.page-id-3283 .iwy-button,
body.page-id-3283 .iwy-button:visited,
body.page-id-3283 .iwy-button:hover,
body.page-id-3283 .iwy-button:focus {
  text-decoration: none !important;
}

body.page-id-3283 .iwy-button-primary,
body.page-id-3283 .iwy-button-primary:visited,
body.page-id-3283 .iwy-button-primary:hover,
body.page-id-3283 .iwy-button-primary:focus {
  background: #f9b21a !important;
  color: #21104a !important;
  border-color: #f9b21a !important;
}

body.page-id-3283 .iwy-button-secondary,
body.page-id-3283 .iwy-button-secondary:visited,
body.page-id-3283 .iwy-button-secondary:hover,
body.page-id-3283 .iwy-button-secondary:focus {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #64227f !important;
  border-color: rgba(100, 34, 127, 0.2) !important;
}

body.page-id-3283 .iwy-button-white,
body.page-id-3283 .iwy-button-white:visited,
body.page-id-3283 .iwy-button-white:hover,
body.page-id-3283 .iwy-button-white:focus {
  background: #ffffff !important;
  color: #64227f !important;
  border-color: #ffffff !important;
}

body.page-id-3283 .iwy-contact-option,
body.page-id-3283 .iwy-contact-option:visited,
body.page-id-3283 .iwy-contact-option:hover,
body.page-id-3283 .iwy-contact-option:focus {
  color: #64227f !important;
  text-decoration: none !important;
}

/* Reduce excessive spacing in dark sections */
body.page-id-3283 .iwy-how,
body.page-id-3283 .iwy-impact,
body.page-id-3283 .iwy-final {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

/* Share Your Story image card */
body.page-id-3283 .iwy-submit-visual {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 420px !important;
  border-radius: 34px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 55px rgba(42, 20, 95, 0.1) !important;
  overflow: hidden !important;
}

body.page-id-3283 .iwy-submit-visual img {
  width: min(420px, 82%) !important;
  height: auto !important;
  display: block !important;
  filter: drop-shadow(0 18px 35px rgba(42, 20, 95, 0.16)) !important;
}

/* Contact Form 7 */
body.page-id-3283 .wpcf7 {
  max-width: 620px !important;
  margin: 0 auto !important;
  padding: 60px 20px 80px !important;
}

body.page-id-3283 .wpcf7 input,
body.page-id-3283 .wpcf7 textarea,
body.page-id-3283 .wpcf7 select {
  width: 100% !important;
  border-radius: 14px !important;
  border: 1px solid rgba(100, 34, 127, 0.18) !important;
  padding: 16px 18px !important;
  font-size: 16px !important;
  background: #ffffff !important;
}

body.page-id-3283 .wpcf7 textarea {
  min-height: 180px !important;
}

body.page-id-3283 .wpcf7 input[type="submit"] {
  width: auto !important;
  min-width: 180px !important;
  border: none !important;
  border-radius: 999px !important;
  background: #f9b21a !important;
  color: #21104a !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  padding: 15px 26px !important;
}

body.page-id-3283 .wpcf7 input[type="submit"]:hover {
  background: #ffd064 !important;
}

/* Mobile */
@media (max-width: 900px) {
  body.page-id-3283 .iwy-container,
  body.page-id-3283 .iwy-nav-inner {
    width: min(100% - 36px, 100%) !important;
  }

  body.page-id-3283 .iwy-nav-inner {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 18px 0 !important;
    gap: 16px !important;
  }

  body.page-id-3283 .iwy-nav-links {
    justify-content: flex-start !important;
    gap: 12px 18px !important;
  }
}

@media (max-width: 720px) {
  body.page-id-3283 .iwy-submit-visual {
    min-height: 280px !important;
  }
}

body.page-id-3283 .iwy-section-title-light {
  color: #ffffff !important;
  text-align: center !important;
  max-width: 980px !important;
  margin: 28px auto 26px !important;
}

body.page-id-3283 .iwy-how .iwy-section-copy {
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* GLOBAL HEADER FIX - restore spacing after I Was You page work */

/* Keep the normal website header stable on all pages except the I Was You custom page */
body:not(.page-id-3283) .elementor-location-header,
body:not(.page-id-3283) header {
  position: relative !important;
  z-index: 9999 !important;
  overflow: visible !important;
}

/* Prevent the main menu from collapsing/wrapping into the title area */
body:not(.page-id-3283) .elementor-location-header .elementor-nav-menu,
body:not(.page-id-3283) header .elementor-nav-menu {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

/* Keep menu items on one line */
body:not(.page-id-3283) .elementor-location-header .elementor-nav-menu a,
body:not(.page-id-3283) header .elementor-nav-menu a {
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

/* Restore breathing space between the menu/header and the gradient title area */
body:not(.page-id-3283) #heading1 {
  padding-top: 90px !important;
  padding-bottom: 70px !important;
  margin-top: 0 !important;
  clear: both !important;
}

/* Keep the page title centred inside the gradient section */
body:not(.page-id-3283) #heading1 h1,
body:not(.page-id-3283) #heading1 h2,
body:not(.page-id-3283) #heading1 .elementor-heading-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.1 !important;
}

/* FORCE GLOBAL HEADER BACK TO NORMAL ON ALL PAGES EXCEPT I WAS YOU */
body:not(.page-id-3283) .elementor-location-header,
body:not(.page-id-3283) .site-header,
body:not(.page-id-3283) header {
  min-height: 96px !important;
  height: auto !important;
  overflow: visible !important;
  z-index: 99999 !important;
}

/* Force the header inner row to stay on one clean line */
body:not(.page-id-3283) .elementor-location-header .elementor-container,
body:not(.page-id-3283) .elementor-location-header .elementor-column,
body:not(.page-id-3283) .elementor-location-header .elementor-widget-wrap,
body:not(.page-id-3283) header .elementor-container,
body:not(.page-id-3283) header .elementor-column,
body:not(.page-id-3283) header .elementor-widget-wrap {
  min-height: 90px !important;
  height: auto !important;
  align-items: center !important;
  overflow: visible !important;
}

/* Compact the global nav menu so CONTACT does not drop */
body:not(.page-id-3283) .elementor-nav-menu,
body:not(.page-id-3283) .elementor-nav-menu--main,
body:not(.page-id-3283) nav ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  white-space: nowrap !important;
}

body:not(.page-id-3283) .elementor-nav-menu li,
body:not(.page-id-3283) nav li {
  white-space: nowrap !important;
}

body:not(.page-id-3283) .elementor-nav-menu a,
body:not(.page-id-3283) nav a {
  font-size: 14px !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Push the gradient page title lower so it does not sit under the header */
body:not(.page-id-3283) #heading1 {
  clear: both !important;
  margin-top: 0 !important;
  padding-top: 110px !important;
  padding-bottom: 70px !important;
  position: relative !important;
  z-index: 1 !important;
}