/* Custom Expert-kit hero removed — courses start below site header */
.apex-ek-hero,
[data-apex-ek-hero] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

[data-framer-name="Main"] {
  padding-top: 88px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden;
  flex: 0 0 auto;
}

html,
body,
#main,
#main > div,
[data-framer-name="Main"],
#courses,
[data-framer-name="Courses section"] {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

/* Framer paper grain / noise overlay — looks like a blurry wash */
[data-framer-name="Noise"],
[data-framer-name="Noise"] * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background-image: none !important;
  pointer-events: none !important;
}

#main {
  height: auto !important;
  min-height: 0 !important;
}

#courses,
[data-framer-name="Courses section"] {
  flex: 0 0 auto;
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: clamp(32px, 5vw, 56px) !important;
  position: relative;
  z-index: 2;
  --apexx-brand-black: #1a1a1a;
  --apexx-library-dot: #dc2626;
}

/* Course Library pill — red dot; View All — Apexx black */
[data-framer-name="Courses section"] .framer-EnBXR[data-framer-name="on"],
[data-framer-name="Courses section"] .framer-rpmdc3-container .framer-EnBXR {
  background-color: var(--apexx-library-dot) !important;
  box-shadow: 0 0 11px 1px rgba(220, 38, 38, 0.45) !important;
}

/* Check Details / View All — black fill, white label; hover stays the same */
[data-framer-name="Courses section"] a.framer-HKEH6,
a[data-apex-course1-detail] {
  background-color: #1a1a1a !important;
  background-image: none !important;
  border-color: #1a1a1a !important;
  --border-color: #1a1a1a !important;
  overflow: hidden !important;
}

[data-framer-name="Courses section"] a.framer-HKEH6:hover,
[data-framer-name="Courses section"] a.framer-HKEH6:focus,
[data-framer-name="Courses section"] a.framer-HKEH6[data-framer-name="Dark"],
[data-framer-name="Courses section"] a.framer-HKEH6[data-framer-name="Dark"]:hover,
a[data-apex-course1-detail]:hover,
a[data-apex-course1-detail]:focus {
  background-color: #1a1a1a !important;
  background-image: none !important;
  border-color: #1a1a1a !important;
  --border-color: #1a1a1a !important;
}

[data-framer-name="Courses section"] a.framer-HKEH6 p,
[data-framer-name="Courses section"] a.framer-HKEH6 .framer-text,
[data-framer-name="Courses section"] a.framer-HKEH6 span,
[data-framer-name="Courses section"] a.framer-HKEH6:hover p,
[data-framer-name="Courses section"] a.framer-HKEH6:hover .framer-text,
[data-framer-name="Courses section"] a.framer-HKEH6:hover span,
a[data-apex-course1-detail] p,
a[data-apex-course1-detail] .framer-text,
a[data-apex-course1-detail] span,
a[data-apex-course1-detail]:hover p,
a[data-apex-course1-detail]:hover .framer-text,
a[data-apex-course1-detail]:hover span {
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  color: #fff !important;
  --framer-text-color: #fff !important;
}

[data-framer-name="Courses section"] a.framer-HKEH6 p:nth-of-type(2),
a[data-apex-course1-detail] p:nth-of-type(2) {
  display: none !important;
}

/* Course descriptions: use full card width (Framer uses text-wrap: balance) */
[data-framer-name="Courses section"] .framer-1geh1dn,
[data-framer-name="Courses section"] .framer-1s21tdl,
[data-framer-name="Courses section"] .framer-qkz892,
[data-framer-name="Courses section"] .framer-g7clkl {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

[data-framer-name="Courses section"] .framer-g7clkl p.framer-text {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  text-wrap: wrap !important;
}

/* Hidden Mindlooped template sections on Training landing */
header[data-framer-name="Hero"],
nav[data-framer-name="Light desktop"],
nav[data-framer-name="Light"],
nav[data-framer-name="Navigation"],
.framer-1i9clgj-container,
section[data-framer-name="Metrics"],
#nav-bar,
div[data-framer-name="Matrics  section"],
div[data-framer-name="Matrics section"],
section#tools,
section[data-framer-name="Tools section"],
section#perks,
section[data-framer-name="What you get section"],
section#community,
section[data-framer-name="Our Community"],
section#learning-path,
section[data-framer-name="Learning Path section"],
section#why-choose-us,
section[data-framer-name="Why us section"],
section#teachers,
section[data-framer-name="Teachers section"],
section#results,
section[data-framer-name="Result section"],
section#faq,
section[data-framer-name="Faq section"],
section[data-framer-name="FinalCTA"],
#main > div > div.framer-1deojk2-container,
div.framer-1deojk2-container {
  display: none !important;
}

/* Framer badge */
#__framer-badge-container {
  display: none !important;
}

/* Main Apexx footer fonts */
@font-face {
  font-family: "PP Neue Montreal Medium";
  src: url("https://framerusercontent.com/assets/6uIfYl8bnz9kOy3KOuV7PxhFPhA.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "PP Neue Montreal Book";
  src: url("https://framerusercontent.com/assets/yUScEiZtXZCqdRimefTfBx1Q4.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "PP Neue Montreal Bold";
  src: url("https://framerusercontent.com/assets/wa1QQCb6cXOn2xBXS059rEsCfsc.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

/* Main Apexx footer on Training page */
#apexx-site-footer {
  display: block !important;
  width: 100%;
  position: relative;
  z-index: 5;
  background: #000;
  margin-top: 0;
}

#apexx-site-footer .apexx-home-footer-root,
#apexx-site-footer footer {
  width: 100% !important;
  max-width: none !important;
}

/* Course library mobile breathing room under fixed header */
@media (max-width: 809.98px) {
  #courses,
  [data-framer-name="Courses section"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 28px !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  [data-framer-name="Cards"],
  [data-framer-name="Cards"] > * {
    height: auto !important;
    min-height: 0 !important;
  }

  [data-framer-name="Courses section"] [data-framer-name="Default"],
  [data-framer-name="Courses section"] [data-framer-name="Cards"] *:has(> [data-framer-name="Default"]) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  [data-framer-name="Courses section"] [data-framer-name="Default"] {
    display: flex !important;
    flex-direction: column !important;
  }

  [data-framer-name="Courses section"] [data-framer-name="Default"] > * {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    flex: none !important;
    height: auto !important;
  }

  [data-framer-name="Courses section"] .framer-1geh1dn {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  [data-framer-name="Courses section"] a.framer-HKEH6,
  [data-framer-name="Courses section"] [data-framer-name="Wrapper"]:has(a.framer-HKEH6),
  [data-framer-name="Courses section"] [data-framer-name="Wrapper"]:has(a.framer-HKEH6) > * {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    inset: auto !important;
    transform: none !important;
  }

  [data-framer-name="Courses section"] [data-framer-name="Image wrap"] {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 10 !important;
    overflow: hidden !important;
  }

  [data-framer-name="Courses section"] [data-framer-name="Image wrap"] img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  #apexx-site-footer {
    overflow: visible !important;
    margin-top: 0 !important;
  }
}