.local-recertification-page #page-header {
    display: none;
}

.local-recertification-page #page,
.local-recertification-page #page-content,
.local-recertification-page #region-main,
.local-recertification-page [role="main"] {
    max-width: none;
}

.local-recertification-page #region-main {
    padding: 0;
    border: 0;
    background: transparent;
}

.local-recertification-page .main-inner {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mcr-wrap {
    --mcr-ink: #172033;
    --mcr-muted: #5f6b7a;
    --mcr-blue: #125ea8;
    --mcr-gold: #d7a500;
    --mcr-panel: #f5f7fb;
    --mcr-border: #e4e9f0;
    color: var(--mcr-ink);
    background: #fff;
    margin: -1rem -1rem 0;
}

.mcr-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 20%, rgba(31, 116, 190, .24), transparent 34%),
        linear-gradient(135deg, #0f2945 0%, #123e68 52%, #0f2945 100%);
    color: #fff;
}

.mcr-hero::after {
    content: '';
    position: absolute;
    inset: auto -80px -150px auto;
    width: 420px;
    height: 420px;
    border: 70px solid rgba(255, 255, 255, .035);
    transform: rotate(45deg);
    border-radius: 72px;
}

.mcr-hero-inner,
.mcr-section,
.mcr-footer-cta {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.mcr-hero-inner {
    position: relative;
    z-index: 1;
    padding: 84px 0 72px;
}

.mcr-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 18px;
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.mcr-hero h1 {
    max-width: 800px;
    margin: 0;
    color: #fff;
    font-size: clamp(2.55rem, 6vw, 5rem);
    line-height: .98;
    letter-spacing: -.045em;
    font-weight: 800;
}

.mcr-hero-copy {
    max-width: 720px;
    margin: 24px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: clamp(1.05rem, 2vw, 1.3rem);
    line-height: 1.55;
}

.mcr-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.mcr-trust-row span {
    padding: 9px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .1);
    font-size: .92rem;
    font-weight: 700;
}

.mcr-section {
    padding: 70px 0;
}

.mcr-section-heading {
    margin-bottom: 30px;
    text-align: center;
}

.mcr-section-heading--left {
    text-align: left;
}

.mcr-section-heading h2,
.mcr-footer-cta h2 {
    margin: 0;
    color: var(--mcr-ink);
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    letter-spacing: -.025em;
    font-weight: 800;
}

.mcr-section-heading p,
.mcr-footer-cta p {
    margin: 8px 0 0;
    color: var(--mcr-muted);
    font-size: 1.05rem;
}

.mcr-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.mcr-card {
    position: relative;
    display: flex;
    min-height: 405px;
    flex-direction: column;
    padding: 24px;
    overflow: hidden;
    border: 1px solid var(--mcr-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(23, 32, 51, .06);
    color: var(--mcr-ink) !important;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.mcr-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 7px;
    background: var(--mcr-accent);
}

.mcr-card:hover,
.mcr-card:focus-visible {
    transform: translateY(-5px);
    border-color: color-mix(in srgb, var(--mcr-accent) 45%, #dfe4ea);
    box-shadow: 0 20px 46px rgba(23, 32, 51, .12);
}

.mcr-card--emr { --mcr-accent: #c95422; }
.mcr-card--emt { --mcr-accent: #1768b3; }
.mcr-card--aemt { --mcr-accent: #7442a8; }
.mcr-card--paramedic { --mcr-accent: #227044; }

.mcr-card--disabled {
    opacity: .66;
    cursor: default;
}

.mcr-card--disabled:hover {
    transform: none;
    box-shadow: 0 12px 30px rgba(23, 32, 51, .06);
}

.mcr-card-top {
    display: flex;
    align-items: flex-start;
    min-width: 0;
}

.mcr-level {
    color: var(--mcr-accent);
    font-size: clamp(1.7rem, 3vw, 2.25rem);
    line-height: 1;
    font-weight: 850;
    letter-spacing: -.035em;
}

.mcr-complete-label {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    gap: .36rem;
    margin-top: 12px;
    padding: 7px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mcr-accent) 10%, #fff);
    color: #465264;
    font-size: .78rem;
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: nowrap;
}

.mcr-complete-label span {
    color: var(--mcr-accent);
    font-weight: 900;
}

.mcr-chip {
    padding: 6px 9px;
    border-radius: 999px;
    background: var(--mcr-panel);
    color: #536070;
    font-size: .74rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mcr-card-hours {
    margin-top: 30px;
    font-size: 1.25rem;
    font-weight: 800;
}

.mcr-card-breakdown {
    margin-top: 8px;
    color: var(--mcr-muted);
    font-size: .96rem;
    line-height: 1.45;
}

.mcr-components {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 7px;
    margin-top: 14px;
    color: #49576a;
    font-size: .78rem;
    font-weight: 750;
    line-height: 1.35;
}

.mcr-components span:nth-child(even) {
    color: var(--mcr-accent);
    font-weight: 900;
}

.mcr-card-bottom {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: auto;
    padding-top: 34px;
}

.mcr-price {
    font-size: 2rem;
    line-height: 1;
    font-weight: 850;
    letter-spacing: -.03em;
}

.mcr-button {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-radius: 11px;
    background: var(--mcr-accent);
    color: #fff;
    font-weight: 800;
}

.mcr-why {
    padding-top: 0;
}

.mcr-why-panel {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 48px;
    padding: 42px;
    border: 1px solid var(--mcr-border);
    border-radius: 24px;
    background: var(--mcr-panel);
}

.mcr-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.mcr-benefit {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    color: #364152;
    line-height: 1.45;
    font-weight: 650;
}

.mcr-check {
    display: inline-grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    border-radius: 50%;
    background: #e3f2e9;
    color: #1d6c3f;
    font-weight: 900;
}

.mcr-footer-cta {
    margin-bottom: 64px;
    padding: 36px 42px;
    border-radius: 22px;
    background: linear-gradient(135deg, #fff7db, #fff);
    border: 1px solid #f0df9a;
}

@media (max-width: 980px) {
    .mcr-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mcr-why-panel {
        grid-template-columns: 1fr;
        gap: 22px;
    }
}

@media (max-width: 640px) {
    .mcr-wrap {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }

    .mcr-hero-inner,
    .mcr-section,
    .mcr-footer-cta {
        width: min(100% - 28px, 1180px);
    }

    .mcr-hero-inner {
        padding: 58px 0 50px;
    }

    .mcr-section {
        padding: 50px 0;
    }

    .mcr-grid {
        grid-template-columns: 1fr;
    }

    .mcr-card {
        min-height: 310px;
    }

    .mcr-why-panel {
        padding: 28px 22px;
    }

    .mcr-benefits {
        grid-template-columns: 1fr;
    }

    .mcr-footer-cta {
        margin-bottom: 40px;
        padding: 28px 24px;
    }
}

/* =========================
   MILESTONE 2A SALES FUNNEL
   ========================= */
.local-recertification-start-page #page-header,
.local-recertification-signup-page #page-header {
    display: none;
}

.mcr-funnel-wrap {
    min-height: 70vh;
    background: linear-gradient(180deg, #f5f8fc 0%, #ffffff 60%);
}

.mcr-funnel-shell {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
    padding: 54px 0 74px;
}

.mcr-back-link {
    display: inline-flex;
    align-items: center;
    margin-bottom: 24px;
    color: #4b596b !important;
    font-weight: 700;
    text-decoration: none !important;
}

.mcr-back-link:hover,
.mcr-back-link:focus {
    color: var(--mcr-blue) !important;
}

.mcr-funnel-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr);
    gap: 42px;
    align-items: start;
}

.mcr-funnel-copy {
    padding: 14px 0;
}

.mcr-eyebrow--light {
    color: var(--mcr-blue);
    border-color: #dbe6f2;
    background: #eef5fb;
}

.mcr-funnel-copy h1,
.mcr-signup-heading h1,
.mcr-checkemail-card h1 {
    margin: 0;
    color: var(--mcr-ink);
    font-size: clamp(2.1rem, 5vw, 3.45rem);
    line-height: 1.02;
    letter-spacing: -.035em;
    font-weight: 850;
}

.mcr-funnel-copy > p,
.mcr-signup-heading p,
.mcr-checkemail-card > p {
    margin: 14px 0 0;
    color: var(--mcr-muted);
    font-size: 1.05rem;
    line-height: 1.6;
}

.mcr-choice-panel {
    margin-top: 30px;
    padding: 4px 26px;
    border: 1px solid var(--mcr-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(23, 32, 51, .07);
}

.mcr-choice-block {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    padding: 24px 0;
}

.mcr-choice-kicker,
.mcr-order-kicker {
    display: block;
    margin-bottom: 5px;
    color: #667385;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.mcr-choice-block strong {
    display: block;
    color: var(--mcr-ink);
    font-size: 1.08rem;
}

.mcr-choice-block p {
    margin: 4px 0 0;
    color: var(--mcr-muted);
    line-height: 1.5;
}

.mcr-choice-divider {
    position: relative;
    height: 1px;
    background: var(--mcr-border);
    text-align: center;
}

.mcr-choice-divider span {
    position: relative;
    top: -.72rem;
    padding: 0 10px;
    background: #fff;
    color: #8993a0;
    font-size: .78rem;
    font-weight: 750;
    text-transform: uppercase;
}

.mcr-primary-link,
.mcr-secondary-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 48px;
    padding: 12px 18px;
    border-radius: 11px;
    font-weight: 800;
    text-decoration: none !important;
    white-space: nowrap;
}

.mcr-primary-link {
    background: var(--mcr-blue);
    color: #fff !important;
}

.mcr-primary-link:hover,
.mcr-primary-link:focus {
    filter: brightness(.95);
    color: #fff !important;
}

.mcr-primary-link.mcr-accent-emr { background: #c95422; }
.mcr-primary-link.mcr-accent-emt { background: #1768b3; }
.mcr-primary-link.mcr-accent-aemt { background: #7442a8; }
.mcr-primary-link.mcr-accent-paramedic { background: #227044; }

.mcr-secondary-link {
    border: 1px solid #ccd5df;
    background: #fff;
    color: #243146 !important;
}

.mcr-secondary-link:hover,
.mcr-secondary-link:focus {
    border-color: #9eacba;
    background: #f7f9fb;
    color: #172033 !important;
}

.mcr-secure-note {
    margin-top: 18px;
    color: #667385;
    font-size: .9rem;
}

.mcr-order-card {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border: 1px solid var(--mcr-border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(23, 32, 51, .09);
}

.mcr-order-card::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 7px;
    background: var(--mcr-accent);
}

.mcr-order-level {
    margin-top: 14px;
    color: var(--mcr-accent);
    font-size: 2.35rem;
    line-height: 1;
    font-weight: 850;
    letter-spacing: -.04em;
}

.mcr-order-hours {
    margin-top: 28px;
    color: var(--mcr-ink);
    font-size: 1.25rem;
    font-weight: 800;
}

.mcr-order-price {
    margin-top: 34px;
    color: var(--mcr-ink);
    font-size: 2.25rem;
    line-height: 1;
    font-weight: 850;
    letter-spacing: -.035em;
}

.mcr-order-fee {
    margin-top: 8px;
    color: var(--mcr-muted);
    font-size: .88rem;
}

.mcr-signup-grid {
    display: grid;
    grid-template-columns: minmax(260px, .62fr) minmax(0, 1.38fr);
    gap: 38px;
    align-items: start;
}

.mcr-signup-panel {
    padding: 34px;
    border: 1px solid var(--mcr-border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(23, 32, 51, .08);
}

.mcr-signup-heading h1 {
    font-size: clamp(1.9rem, 4vw, 2.7rem);
}

.mcr-signup-form {
    margin-top: 26px;
}

.local-recertification-signup-page .mcr-signup-form .form-group {
    margin-bottom: 18px;
}

.local-recertification-signup-page .mcr-signup-form label,
.local-recertification-signup-page .mcr-signup-form .col-form-label {
    color: #263348;
    font-weight: 750;
}

.local-recertification-signup-page .mcr-signup-form input[type="text"],
.local-recertification-signup-page .mcr-signup-form input[type="email"],
.local-recertification-signup-page .mcr-signup-form input[type="password"] {
    min-height: 46px;
    border-radius: 9px;
}

.local-recertification-signup-page .mcr-signup-form .btn-primary {
    min-height: 48px;
    padding: 11px 20px;
    border-radius: 10px;
    font-weight: 800;
}

.mcr-signup-privacy {
    margin: 18px 0 0;
    padding-top: 16px;
    border-top: 1px solid var(--mcr-border);
    color: #6e7886;
    font-size: .87rem;
    line-height: 1.5;
}

.mcr-existing-login {
    margin-top: 14px;
    text-align: center;
    font-weight: 750;
}

.mcr-checkemail-shell {
    display: flex;
    justify-content: center;
    padding-top: 70px;
}

.mcr-checkemail-card {
    width: min(650px, 100%);
    padding: 42px;
    border: 1px solid var(--mcr-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(23, 32, 51, .08);
    text-align: center;
}

.mcr-checkemail-icon {
    display: grid;
    width: 58px;
    height: 58px;
    margin: 0 auto 20px;
    place-items: center;
    border-radius: 50%;
    background: #eaf7ef;
    color: #227044;
    font-size: 1.55rem;
    font-weight: 900;
}

.mcr-checkemail-next {
    margin-top: 24px;
    padding: 16px 18px;
    border-radius: 12px;
    background: #f0f5fa;
    color: #344258;
    font-weight: 700;
    line-height: 1.5;
}

.mcr-checkemail-help {
    margin: 16px 0 22px;
    color: #6e7886;
    font-size: .88rem;
}

@media (max-width: 900px) {
    .mcr-funnel-grid,
    .mcr-signup-grid {
        grid-template-columns: 1fr;
    }

    .mcr-funnel-grid .mcr-order-card {
        order: -1;
    }

    .mcr-signup-grid .mcr-order-card {
        max-width: none;
    }
}

@media (max-width: 640px) {
    .mcr-funnel-shell {
        width: min(100% - 28px, 1120px);
        padding: 34px 0 52px;
    }

    .mcr-choice-panel,
    .mcr-signup-panel,
    .mcr-order-card,
    .mcr-checkemail-card {
        padding: 22px;
        border-radius: 18px;
    }

    .mcr-choice-block {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .mcr-primary-link,
    .mcr-secondary-link {
        width: 100%;
    }

    .mcr-order-level {
        font-size: 2rem;
    }
}

/* ============================================================
   MAPPED RECERTIFICATION ENROLMENT PAGE
   Presentation only: Moodle core enrolment/payment logic is unchanged.
   ============================================================ */

.local-recertification-enrolpage {
    --mcr-enrol-accent: #125ea8;
    --mcr-enrol-accent-dark: #0d4b87;
    --mcr-enrol-ink: #172033;
    --mcr-enrol-muted: #647184;
    --mcr-enrol-border: #e1e7ef;
    --mcr-enrol-bg: #f5f7fb;
}

.local-recertification-enrolpage.mcr-enrol-emr {
    --mcr-enrol-accent: #c95422;
    --mcr-enrol-accent-dark: #a84018;
}

.local-recertification-enrolpage.mcr-enrol-emt {
    --mcr-enrol-accent: #1768b3;
    --mcr-enrol-accent-dark: #10528f;
}

.local-recertification-enrolpage.mcr-enrol-aemt {
    --mcr-enrol-accent: #7442a8;
    --mcr-enrol-accent-dark: #5e338b;
}

.local-recertification-enrolpage.mcr-enrol-paramedic {
    --mcr-enrol-accent: #227044;
    --mcr-enrol-accent-dark: #195a35;
}

/* Remove the duplicated course-name banner; the course card below provides context. */
.local-recertification-enrolpage #page-header {
    display: none !important;
}

.local-recertification-enrolpage #page,
.local-recertification-enrolpage #page-content,
.local-recertification-enrolpage #region-main-box {
    background: var(--mcr-enrol-bg);
}

.local-recertification-enrolpage #page-content {
    padding-top: 38px;
    padding-bottom: 64px;
}

.local-recertification-enrolpage #region-main,
.local-recertification-enrolpage [role="main"] {
    width: min(1040px, calc(100% - 40px));
    max-width: 1040px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Keep the one-time profile-saved confirmation, but make it quieter. */
.local-recertification-enrolpage .alert-success {
    margin: 0 0 22px;
    padding: 13px 18px;
    border: 1px solid #cfe6d6;
    border-radius: 12px;
    background: #edf8f0;
    color: #275c37;
    box-shadow: none;
}

/* Core heading. */
.local-recertification-enrolpage [role="main"] > h2,
.local-recertification-enrolpage #region-main > h2 {
    margin: 0 0 24px !important;
    color: var(--mcr-enrol-ink) !important;
    font-size: clamp(2rem, 4vw, 2.75rem) !important;
    font-weight: 800 !important;
    letter-spacing: -.035em;
    line-height: 1.08;
}

/* Core course information box. */
.local-recertification-enrolpage .generalbox.info {
    margin: 0 0 22px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.local-recertification-enrolpage .coursebox {
    position: relative;
    margin: 0 !important;
    padding: 30px !important;
    overflow: hidden;
    border: 1px solid var(--mcr-enrol-border) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 16px 42px rgba(23, 32, 51, .08);
}

.local-recertification-enrolpage .coursebox::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 7px;
    background: var(--mcr-enrol-accent);
}

/* The course full name already appears inside the curated summary; suppress the duplicate core link. */
.local-recertification-enrolpage .coursebox .info,
.local-recertification-enrolpage .coursebox .coursename,
.local-recertification-enrolpage .coursebox .moreinfo {
    display: none !important;
}

.local-recertification-enrolpage .coursebox .content {
    margin: 0 !important;
    padding: 0 !important;
}

.local-recertification-enrolpage .coursebox .content::after {
    content: '';
    display: table;
    clear: both;
}

.local-recertification-enrolpage .coursebox .courseimage {
    float: left !important;
    width: 150px !important;
    margin: 0 26px 8px 0 !important;
}

.local-recertification-enrolpage .coursebox .courseimage img {
    width: 150px !important;
    height: auto !important;
    max-width: 100% !important;
    border-radius: 15px;
    box-shadow: 0 8px 22px rgba(23, 32, 51, .10);
}

.local-recertification-enrolpage .coursebox .summary,
.local-recertification-enrolpage .coursebox .summary p {
    color: #526073 !important;
    font-size: 1.03rem !important;
    line-height: 1.58 !important;
}

.local-recertification-enrolpage .coursebox .summary strong,
.local-recertification-enrolpage .coursebox .summary b {
    color: var(--mcr-enrol-ink);
}

/* Enrollment/payment widget area. Keep Moodle functionality, present it as the checkout card. */
.local-recertification-enrolpage .enrolmentoptions,
.local-recertification-enrolpage .enrolment-options,
.local-recertification-enrolpage [data-region="enrolment-options"] {
    margin-top: 22px;
}

/* Most Moodle 4.5 fee/payment plugins render their widget as a generalbox/card or a plain block. */
.local-recertification-enrolpage .enrolmentoptions > .generalbox,
.local-recertification-enrolpage .enrolment-options > .generalbox,
.local-recertification-enrolpage [data-region="enrolment-options"] > .generalbox,
.local-recertification-enrolpage .enrolmentoptions .card,
.local-recertification-enrolpage .enrolment-options .card,
.local-recertification-enrolpage [data-region="enrolment-options"] .card {
    padding: 28px !important;
    border: 1px solid var(--mcr-enrol-border) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 12px 34px rgba(23, 32, 51, .06);
}

/* Make the actual payment CTA feel like part of the same sales funnel. */
.local-recertification-enrolpage .btn-primary,
.local-recertification-enrolpage input.btn-primary,
.local-recertification-enrolpage button.btn-primary {
    min-height: 50px;
    padding: 12px 24px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--mcr-enrol-accent) !important;
    color: #fff !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--mcr-enrol-accent) 22%, transparent);
    transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

.local-recertification-enrolpage .btn-primary:hover,
.local-recertification-enrolpage .btn-primary:focus,
.local-recertification-enrolpage input.btn-primary:hover,
.local-recertification-enrolpage button.btn-primary:hover {
    transform: translateY(-1px);
    background: var(--mcr-enrol-accent-dark) !important;
    color: #fff !important;
    filter: none;
}

.local-recertification-enrolpage .btn-secondary {
    min-height: 46px;
    border-radius: 10px !important;
}

/* De-emphasise legacy payment copy without hiding any information. */
.local-recertification-enrolpage [role="main"] p,
.local-recertification-enrolpage #region-main p {
    color: var(--mcr-enrol-muted);
}

/* Avoid the narrow core limited-width treatment on this sales page. */
.local-recertification-enrolpage.limitedwidth .main-inner,
.local-recertification-enrolpage .main-inner {
    max-width: none !important;
}

@media (max-width: 767px) {
    .local-recertification-enrolpage #page-content {
        padding-top: 24px;
        padding-bottom: 44px;
    }

    .local-recertification-enrolpage #region-main,
    .local-recertification-enrolpage [role="main"] {
        width: min(100% - 28px, 1040px);
    }

    .local-recertification-enrolpage .coursebox {
        padding: 22px !important;
        border-radius: 18px !important;
    }

    .local-recertification-enrolpage .coursebox .courseimage {
        float: none !important;
        width: 128px !important;
        margin: 0 0 18px !important;
    }

    .local-recertification-enrolpage .coursebox .courseimage img {
        width: 128px !important;
    }

    .local-recertification-enrolpage .btn-primary,
    .local-recertification-enrolpage input.btn-primary,
    .local-recertification-enrolpage button.btn-primary {
        width: 100%;
    }
}