/* Loaded only on pages containing an [eypd_page] shortcode.
   Keep existing Additional CSS; this file adapts the new page to the theme. */
html body.eypdr-active-page #masthead,
html body.eypdr-active-page .mobile-header,
html body.eypdr-active-page #page > .page-header,
html body.eypdr-active-page .entry-header,
html body.eypdr-active-page #secondary,
html body.eypdr-active-page #colophon {display:none!important}
html body.eypdr-active-page #masthead::before,
html body.eypdr-active-page #masthead::after {display:none!important;content:none!important}
html body.eypdr-active-page #content.site-content {padding:0!important;margin:0!important}
html body.eypdr-active-page #content>.container,
html body.eypdr-active-page #content>.container>.row,
html body.eypdr-active-page #primary,
html body.eypdr-active-page .content-area,
html body.eypdr-active-page #main,
html body.eypdr-active-page #main>article.page,
html body.eypdr-active-page #main>article.page>.entry-content {
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
 padding:0!important;margin:0!important;float:none!important;border:0!important;
}
html body.eypdr-active-page #eypd-refresh {
 width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;
 padding:0!important;border:0;border-radius:0;background:#fff;color:#16334e;
 font:15px/1.5 "Segoe UI",Arial,sans-serif;overflow-wrap:normal;
}
html body.eypdr-active-page #eypd-refresh * {box-sizing:border-box;min-width:0}
html body.eypdr-active-page #eypd-refresh .eypdr-site {border-radius:0;max-width:1540px;margin:0 auto}
html body.eypdr-active-page #eypd-refresh .eypdr-site-header {display:block!important;margin:0!important;padding:0!important}
html body.eypdr-active-page #eypd-refresh .eypdr-site-header * {text-transform:none;letter-spacing:normal}
html body.eypdr-active-page #eypd-refresh a {text-decoration:none}
html body.eypdr-active-page #eypd-refresh button {text-transform:none;letter-spacing:normal;box-shadow:none}
html body.eypdr-active-page #eypd-refresh [hidden] {display:none!important}
html body.eypdr-active-page #eypd-refresh .eypdr-utility-bar {border-radius:0}
html body.eypdr-active-page #eypd-refresh .eypdr-site-footer {border-radius:0;font-size:10px}
html body.eypdr-active-page #eypd-refresh .eypdr-catalog-card {height:auto!important;min-height:0!important;margin:0!important;padding:0!important}
html body.eypdr-active-page #eypd-refresh .eypdr-catalog-card-image {margin:0!important;padding:0!important;display:block!important;width:100%!important;height:auto!important}
html body.eypdr-active-page #eypd-refresh .eypdr-catalog-card-body {height:auto!important;min-height:0!important}
html body.eypdr-active-page #eypd-refresh :is(#eypd-home-v3,#eypd-registration-hub,#eypd-professional-services,#eypd-it-hub,#eypd-educator-speak,#eypd-board,#eypd-contact-hub) {
 width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding-top:0!important;overflow:visible!important;
}
html body.eypdr-active-page #eypd-refresh :is(.eypd-shared-menu,.eypd-shared-brandbar,.eh-main-menu,.eh-brandbar) {display:none!important}
html body.eypdr-active-page #eypd-refresh .eypdr-legacy-main {display:block;padding:0!important;margin:0!important}
#eypd-refresh .eypdr-intro-video {max-width:1230px;margin:0 auto 35px;padding:26px 30px;background:#f4f8fc;border-radius:12px}
#eypd-refresh .eypdr-intro-video h2 {font-size:24px;line-height:1.3;color:#173e62;margin:0 0 18px}
html body.eypdr-active-page #eypd-refresh .eypdr-intro-video .eh-video-card {max-width:800px;width:100%;margin:0 auto!important}
#eypd-refresh .eypdr-preserved-links {max-width:1230px;margin:20px auto;padding:20px 30px;display:flex;align-items:center;flex-wrap:wrap;gap:15px;border-top:1px solid #dce6ee}
#eypd-refresh .eypdr-preserved-links h2 {font-size:14px;margin:0}
#eypd-refresh .eypdr-preserved-links a {font-size:12px;color:#0753a6}
#eypd-refresh .eypdr-social-footer {padding:25px 30px;background:#f3f7fb;border-top:1px solid #dce6ee;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}
#eypd-refresh .eypdr-social-footer>div:first-child {max-width:440px}
#eypd-refresh .eypdr-social-footer strong {display:block;font-size:13px;margin-top:4px}
#eypd-refresh .eypdr-eh-social-links {display:flex;gap:8px;flex-wrap:wrap}
#eypd-refresh .eypdr-eh-social-links a {display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #d6e2ec;background:#fff;border-radius:7px;color:#315d81;font-size:10px;min-height:36px}
#eypd-refresh .eypdr-eh-social-links a>span:first-child {font-weight:750}
@media(max-width:1024px){
 html body.eypdr-active-page #eypd-refresh :is(.eypd-hero-grid,.it-hero-grid,.es-hero-grid,.ab2-hero-grid,.ct-hero-grid,.eypd-nmec-grid,.eh-about-grid,.eh-learning-grid,.eh-ceu){grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
 html body.eypdr-active-page #eypd-refresh :is(.eypd-hero,.it-hero,.es-hero,.ab2-hero,.ct-hero){min-height:0!important;padding:32px 24px!important;margin-left:12px!important;margin-right:12px!important;border-radius:18px!important}
 html body.eypdr-active-page #eypd-refresh :is(img,video,iframe,svg){max-width:100%}
}
@media(max-width:600px){
 html body.eypdr-active-page #eypd-refresh .eypdr-search-box input,
 html body.eypdr-active-page #eypd-refresh select {font-size:16px!important}
 html body.eypdr-active-page #eypd-refresh :is(.eypd-hero,.it-hero,.es-hero,.ab2-hero,.ct-hero){padding:28px 18px!important}
 #eypd-refresh .eypdr-intro-video {padding:22px 18px;border-radius:0}
 #eypd-refresh .eypdr-social-footer {padding:24px 20px;display:block}
 #eypd-refresh .eypdr-eh-social-links {margin-top:16px}
}

/* EYPD MOBILE CORRECTIONS 1.0.1 */
/* EarnYourPD layout corrections — October 16, 2026.
   Paste this entire file at the END of WordPress Additional CSS.
   It includes the earlier course-card alignment correction. */

/* Course cards stretch evenly within each row, with natural phone heights. */
html body #eypd-refresh .eypdr-course-grid {align-items:stretch!important}
html body #eypd-refresh .eypdr-course-grid > .eypdr-catalog-card {
  display:flex!important;flex-direction:column!important;align-self:stretch!important;
  height:auto!important;min-height:0!important;
}
html body #eypd-refresh .eypdr-catalog-card-image {flex:0 0 auto}
html body #eypd-refresh .eypdr-catalog-card-body {
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  height:auto!important;min-height:0!important;
}
html body #eypd-refresh .eypdr-course-meta {margin-top:auto!important;padding-top:4px}
html body #eypd-refresh .eypdr-card-actions {flex-shrink:0;min-height:40px}
html body #eypd-refresh .eypdr-card-login,
html body #eypd-refresh .eypdr-planned-card-note {
  min-height:16px;line-height:16px;margin-top:11px!important;margin-bottom:0!important;
}

/* The video moved from a dark hero into a light section. */
html body #eypd-refresh #eypd-home-v3 .eypdr-intro-video .eh-video-card {
  width:100%!important;max-width:800px!important;min-width:0!important;
  margin:0 auto!important;padding:12px!important;background:#fff!important;
  border:1px solid #d9e5ee!important;box-shadow:0 10px 28px rgba(20,54,87,.08)!important;
}
html body #eypd-refresh #eypd-home-v3 .eh-video-top span {color:#315d80!important;font-size:11px!important}
html body #eypd-refresh #eypd-home-v3 .eh-video-toggle {
  color:#0753a6!important;background:#eef5fb!important;border:1px solid #cbdce9!important;
  font-size:11px!important;min-height:36px;padding:8px 11px;
}
html body #eypd-refresh #eypd-home-v3 .eh-video-caption {color:#5b7389!important;font-size:12px!important;line-height:1.6!important}
html body #eypd-refresh #eypd-home-v3 .eh-video-frame {aspect-ratio:16/9!important;height:auto!important}
html body #eypd-refresh #eypd-home-v3 .eh-video-frame video {width:100%!important;height:100%!important;object-fit:contain!important}

/* Include the original page IDs so these rules beat older desktop !important rules. */
@media(max-width:1150px) {
  html body #eypd-refresh #eypd-home-v3 .eh-about-grid,
  html body #eypd-refresh #eypd-home-v3 .eh-learning-grid,
  html body #eypd-refresh #eypd-home-v3 .eh-ceu,
  html body #eypd-refresh #eypd-home-v3 .eh-final {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;max-width:100%!important;min-width:0!important;gap:24px!important;
  }
  html body #eypd-refresh #eypd-home-v3 .eh-about-grid > *,
  html body #eypd-refresh #eypd-home-v3 .eh-learning-grid > *,
  html body #eypd-refresh #eypd-home-v3 .eh-ceu > *,
  html body #eypd-refresh #eypd-home-v3 .eh-final > * {
    width:auto!important;max-width:100%!important;min-width:0!important;
    grid-column:auto!important;
  }
  html body #eypd-refresh #eypd-home-v3 .eh-wrap {
    width:100%!important;max-width:100%!important;min-width:0!important;
    padding-left:20px!important;padding-right:20px!important;
    margin-left:0!important;margin-right:0!important;
  }
  html body #eypd-refresh #eypd-home-v3 .eh-content {
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
  html body #eypd-refresh #eypd-home-v3 .eh-about-copy {
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
  html body #eypd-refresh #eypd-home-v3 .eh-section h2 {
    max-width:100%!important;font-size:clamp(28px,4.5vw,40px)!important;
    line-height:1.18!important;word-break:normal!important;overflow-wrap:break-word!important;
  }
  html body #eypd-refresh #eypd-home-v3 .eh-section {padding-top:30px!important;padding-bottom:30px!important}
  html body #eypd-refresh #eypd-home-v3 .eh-stats {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body #eypd-refresh #eypd-home-v3 .eh-final-menu {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;
    width:100%!important;min-width:0!important;
  }
  html body #eypd-refresh #eypd-home-v3 .eh-final-menu a[class] {
    grid-column:auto!important;width:100%!important;height:auto!important;min-height:64px!important;
  }
}

/* Apply the same mobile-rule priority to the other rebuilt page grids. */
@media(max-width:1024px) {
  html body #eypd-refresh #eypd-registration-hub .eypd-hero-grid,
  html body #eypd-refresh #eypd-registration-hub .eypd-nmec-grid,
  html body #eypd-refresh #eypd-professional-services .eypd-hero-grid,
  html body #eypd-refresh #eypd-it-hub .it-hero-grid,
  html body #eypd-refresh #eypd-educator-speak .es-hero-grid,
  html body #eypd-refresh #eypd-board .ab2-hero-grid,
  html body #eypd-refresh #eypd-contact-hub .ct-hero-grid {
    grid-template-columns:minmax(0,1fr)!important;gap:24px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
}

@media(max-width:650px) {
  html body #eypd-refresh #eypd-home-v3 .eh-services,
  html body #eypd-refresh #eypd-home-v3 .eh-info-grid,
  html body #eypd-refresh #eypd-home-v3 .eh-trust,
  html body #eypd-refresh #eypd-home-v3 .eh-why,
  html body #eypd-refresh #eypd-home-v3 .eh-topic-grid,
  html body #eypd-refresh #eypd-home-v3 .eh-focus-grid,
  html body #eypd-refresh #eypd-home-v3 .eh-final-menu {grid-template-columns:minmax(0,1fr)!important}
  html body #eypd-refresh #eypd-home-v3 .eh-wrap {padding-left:16px!important;padding-right:16px!important}
  html body #eypd-refresh #eypd-home-v3 .eh-service-body p {min-height:0!important}
}
@media(max-width:380px) {
  html body #eypd-refresh #eypd-home-v3 .eh-stats {grid-template-columns:minmax(0,1fr)!important}
}

/* EYPD COURSE WIDTH 1.0.2 */
/* EarnYourPD course-page width correction.
   Paste at the END of WordPress Additional CSS.
   Existing course-card and home-page corrections can stay above it. */

/* Reclaim the permanent left sidebar for the course grid. */
html body #eypd-refresh .eypdr-catalog-layout {
  display:block!important;
  grid-template-columns:minmax(0,1fr)!important;
}
html body #eypd-refresh .eypdr-catalog-results {
  width:100%!important;max-width:100%!important;min-width:0!important;
}
html body #eypd-refresh .eypdr-course-filters {margin-bottom:22px!important}

/* Desktop filters form a compact full-width panel above the cards. */
@container eypdrSite (min-width:801px) {
  html body #eypd-refresh .eypdr-course-filters {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(180px,240px)!important;
    gap:9px 26px!important;
    padding:16px 20px!important;
    border:1px solid #dce6ee;border-radius:9px;background:#fff;
  }
  html body #eypd-refresh .eypdr-filter-heading {
    grid-column:1 / -1;grid-row:1;margin:0!important;
    justify-content:flex-start;gap:18px;
  }
  html body #eypd-refresh .eypdr-grade-options {
    grid-column:1;grid-row:2 / 4;
    display:flex!important;align-content:flex-start;align-items:center;
    flex-wrap:wrap;gap:0 20px;
    padding:0!important;margin:0!important;border:0!important;
  }
  html body #eypd-refresh .eypdr-grade-options legend {margin-bottom:5px}
  html body #eypd-refresh .eypdr-grade-options label {min-height:34px}
  html body #eypd-refresh .eypdr-topic-filter {
    grid-column:2;grid-row:2;margin:0!important;align-self:end;
  }
  html body #eypd-refresh .eypdr-course-filters > select {
    grid-column:2;grid-row:3;width:100%!important;max-width:100%!important;
  }
  html body #eypd-refresh .eypdr-filter-footnote {
    display:block;grid-column:1 / -1;margin:3px 0 0!important;
  }
  html body #eypd-refresh .eypdr-help-note {display:none!important}
  html body #eypd-refresh .eypdr-filter-toggle {display:none!important}
}

@container eypdrSite (min-width:1000px) {
  html body #eypd-refresh .eypdr-course-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@container eypdrSite (min-width:541px) and (max-width:999px) {
  html body #eypd-refresh .eypdr-course-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@container eypdrSite (max-width:540px) {
  html body #eypd-refresh .eypdr-course-grid {
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* Keep the existing expandable phone/tablet filters. */
@container eypdrSite (max-width:800px) {
  html body #eypd-refresh .eypdr-course-filters {display:none!important}
  html body #eypd-refresh .eypdr-course-filters.eypdr-filters-open {display:block!important}
  html body #eypd-refresh .eypdr-filter-toggle {display:flex!important}
}