.elementor-1867 .elementor-element.elementor-element-eb7ee80{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );}.elementor-1867 .elementor-element.elementor-element-bad48f3 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:25px;font-weight:500;text-transform:uppercase;font-style:normal;}.elementor-1867 .elementor-element.elementor-element-6ec3fa8{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1867 .elementor-element.elementor-element-83b7365{--display:flex;}.elementor-1867 .elementor-element.elementor-element-73b06dc{--display:flex;}.elementor-1867 .elementor-element.elementor-element-338c9c8{--display:flex;}.elementor-1867 .elementor-element.elementor-element-561b3ae{--display:flex;}.elementor-1867 .elementor-element.elementor-element-155ac9c{--display:flex;}.elementor-1867 .elementor-element.elementor-element-d857e0a{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-1867 .elementor-element.elementor-element-63c8e29{--display:flex;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for html, class: .elementor-element-4a9489e *//* =========================================================
   COLORADO FIRST
   MENTOR & STUDENT LEADERSHIP WORKSHOP
   ========================================================= */

.mentor-page {
    --cf-blue: #0066b3;
    --cf-dark-blue: #003b70;
    --cf-red: #ed1c24;
    --cf-light-blue: #eef6fb;
    --cf-light-gray: #f5f7f9;
    --cf-border: #dfe5ea;
    --cf-text: #30343b;
    --cf-muted: #66717c;
    --cf-white: #ffffff;

    color: var(--cf-text);
    font-family: inherit;
    line-height: 1.6;
}

.mentor-page *,
.mentor-page *::before,
.mentor-page *::after {
    box-sizing: border-box;
}

.mentor-page em {
    font-style: italic;
}

.mentor-container {
    width: min(1180px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   HERO
   ========================================================= */

.mentor-hero {
    position: relative;
    overflow: hidden;

    padding: 78px 0 96px;

    background:
        linear-gradient(
            110deg,
            rgba(0,59,112,.98),
            rgba(0,102,179,.91)
        );

    color: #fff;
}

.mentor-hero::after {
    content: "";

    position: absolute;

    width: 480px;
    height: 480px;

    right: -130px;
    top: -180px;

    border: 75px solid rgba(255,255,255,.06);
    border-radius: 50%;
}

.mentor-hero-grid {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: minmax(0, 850px);

    align-items: center;
}

.mentor-eyebrow {
    margin-bottom: 15px;

    color: #fff;

    font-size: .8rem;
    font-weight: 700;

    letter-spacing: .12em;
    text-transform: uppercase;
}

.mentor-hero h1 {
    max-width: 900px;

    margin: 0 0 20px;

    color: #fff;

    font-size: clamp(2.5rem, 5vw, 4.5rem);
    line-height: 1.02;
}

.mentor-hero h1 span {
    display: block;

    margin-top: 12px;

    font-size: .48em;
    font-weight: 500;
}

.mentor-hero-text {
    max-width: 760px;

    margin: 0 0 30px;

    color: rgba(255,255,255,.92);

    font-size: 1.15rem;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.mentor-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.mentor-buttons-centered {
    justify-content: center;
}

.mentor-btn {
    display: inline-flex;

    min-height: 48px;

    align-items: center;
    justify-content: center;

    padding: 12px 25px;

    border-radius: 4px;

    font-weight: 700;

    text-decoration: none !important;

    transition: .2s ease;
}

.mentor-btn:hover {
    transform: translateY(-1px);
}

.mentor-btn-primary {
    background: var(--cf-red);

    color: #fff !important;
}

.mentor-btn-primary:hover {
    background: #c9171e;
}

.mentor-btn-light {
    background: #fff;

    color: var(--cf-dark-blue) !important;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.mentor-summary-wrap {
    position: relative;
    z-index: 4;

    margin-top: -35px;
}

.mentor-summary {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    overflow: hidden;

    border-radius: 8px;

    background: #fff;

    box-shadow: 0 12px 35px rgba(0,0,0,.12);
}

.mentor-summary-item {
    padding: 26px 30px;

    border-right: 1px solid var(--cf-border);
}

.mentor-summary-item:last-child {
    border-right: 0;
}

.mentor-summary-label {
    display: block;

    margin-bottom: 5px;

    color: var(--cf-blue);

    font-size: .75rem;
    font-weight: 800;

    letter-spacing: .08em;
    text-transform: uppercase;
}

.mentor-summary-main {
    color: var(--cf-dark-blue);

    font-size: 1.15rem;
    font-weight: 700;
}

.mentor-summary-sub {
    margin-top: 3px;

    color: var(--cf-muted);

    font-size: .9rem;
}


/* =========================================================
   GENERAL SECTIONS
   ========================================================= */

.mentor-section {
    padding: 72px 0;
}

.mentor-section-light {
    background: var(--cf-light-gray);
}

.mentor-section-blue {
    background: var(--cf-light-blue);
}

.mentor-section-heading {
    margin-bottom: 35px;
}

.mentor-kicker {
    margin-bottom: 7px;

    color: var(--cf-red);

    font-size: .78rem;
    font-weight: 800;

    letter-spacing: .1em;
    text-transform: uppercase;
}

.mentor-section h2,
.mentor-form-section h2 {
    margin: 0 0 12px;

    color: var(--cf-dark-blue);

    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.15;
}

.mentor-section-intro {
    max-width: 780px;

    margin: 0;

    color: var(--cf-muted);

    font-size: 1.05rem;
}


/* =========================================================
   ABOUT
   ========================================================= */

.mentor-about-grid {
    display: grid;

    grid-template-columns: 1.25fr .75fr;

    gap: 50px;

    align-items: center;
}

.mentor-about-copy p {
    font-size: 1.08rem;
}

.mentor-quote {
    margin-top: 25px;

    padding: 24px 28px;

    border-left: 5px solid var(--cf-red);

    background: var(--cf-light-gray);

    color: var(--cf-dark-blue);

    font-size: 1.08rem;
    font-weight: 600;
}

.mentor-highlight-box {
    padding: 32px;

    border-radius: 8px;

    background: var(--cf-dark-blue);

    color: #fff;
}

.mentor-highlight-box h3 {
    margin: 0 0 15px;

    color: #fff;

    font-size: 1.45rem;
}

.mentor-highlight-box p {
    color: rgba(255,255,255,.88);
}


/* =========================================================
   CARDS
   ========================================================= */

.mentor-card-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 22px;
}

.mentor-card {
    padding: 28px;

    border: 1px solid var(--cf-border);
    border-radius: 7px;

    background: #fff;

    box-shadow: 0 5px 18px rgba(0,0,0,.045);
}

.mentor-card-icon {
    display: flex;

    width: 44px;
    height: 44px;

    align-items: center;
    justify-content: center;

    margin-bottom: 18px;

    border-radius: 50%;

    background: var(--cf-light-blue);

    font-size: 1.25rem;
}

.mentor-card h3 {
    margin: 0 0 9px;

    color: var(--cf-dark-blue);

    font-size: 1.2rem;
}

.mentor-card p {
    margin: 0;

    color: var(--cf-muted);
}


/* =========================================================
   PROGRAM CARDS
   ========================================================= */

.mentor-program-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 18px;
}

.mentor-program-card {
    padding: 25px;

    border: 1px solid var(--cf-border);
    border-radius: 8px;

    background: #fff;
}

.mentor-program-abbr {
    display: inline-block;

    margin-bottom: 15px;

    padding: 5px 10px;

    border-radius: 4px;

    background: var(--cf-light-blue);

    color: var(--cf-blue);

    font-size: .78rem;
    font-weight: 800;
}

.mentor-program-card h3 {
    margin: 0 0 10px;

    color: var(--cf-dark-blue);

    font-size: 1.1rem;
}

.mentor-program-card p {
    margin: 0;

    color: var(--cf-muted);

    font-size: .94rem;
}


/* =========================================================
   STUDENT LEADERS
   ========================================================= */

.mentor-student-grid {
    display: grid;

    grid-template-columns: 1.1fr .9fr;

    gap: 45px;

    align-items: center;
}

.mentor-student-grid p {
    max-width: 650px;
}

.mentor-limit-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;
}

.mentor-limit-card {
    padding: 28px;

    border-radius: 8px;

    background: #fff;

    text-align: center;

    box-shadow: 0 5px 18px rgba(0,0,0,.05);
}

.mentor-limit-number {
    color: var(--cf-blue);

    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
}

.mentor-limit-card strong {
    display: block;

    margin-top: 8px;

    color: var(--cf-dark-blue);
}

.mentor-limit-card span {
    display: block;

    margin-top: 3px;

    color: var(--cf-muted);

    font-size: .9rem;
}


/* =========================================================
   REGISTRATION CTA
   ========================================================= */

.mentor-registration-box {
    display: grid;

    grid-template-columns: 1fr auto;

    gap: 40px;

    align-items: center;

    padding: 36px;

    border-radius: 8px;

    background: #fff;

    box-shadow: 0 5px 22px rgba(0,0,0,.07);
}

.mentor-registration-content p {
    max-width: 760px;

    margin-bottom: 0;

    color: var(--cf-muted);
}


/* =========================================================
   FORM AREA
   ========================================================= */

.mentor-form-section {
    padding: 65px 0;

    background: var(--cf-light-blue);
}

.mentor-form-heading {
    margin-bottom: 28px;
}

.mentor-form-heading p {
    max-width: 720px;

    color: var(--cf-muted);
}

.mentor-form-placeholder {
    padding: 40px;

    border: 2px dashed #bdcfdd;
    border-radius: 8px;

    background: #fff;

    color: var(--cf-muted);

    text-align: center;
}


/* =========================================================
   RESOURCES
   ========================================================= */

.mentor-resource-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;
}

.mentor-resource-card {
    display: grid;

    grid-template-columns: 48px 1fr;

    gap: 17px;

    align-items: start;

    padding: 25px;

    border: 1px solid var(--cf-border);
    border-radius: 8px;

    background: #fff;

    text-decoration: none !important;

    transition: .2s ease;
}

.mentor-resource-card:hover {
    transform: translateY(-2px);

    box-shadow: 0 7px 18px rgba(0,0,0,.07);
}

.mentor-resource-icon {
    display: flex;

    width: 45px;
    height: 45px;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--cf-light-blue);

    font-size: 1.2rem;
}

.mentor-resource-card h3 {
    margin: 0 0 4px;

    color: var(--cf-dark-blue);

    font-size: 1.1rem;
}

.mentor-resource-card p {
    margin: 0;

    color: var(--cf-muted);
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.mentor-bottom-cta {
    padding: 60px 20px;

    background: var(--cf-dark-blue);

    color: #fff;

    text-align: center;
}

.mentor-bottom-cta h2 {
    margin: 0 0 12px;

    color: #fff;
}

.mentor-bottom-cta p {
    max-width: 720px;

    margin: 0 auto 26px;

    color: rgba(255,255,255,.88);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

    .mentor-program-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mentor-summary,
    .mentor-card-grid {
        grid-template-columns: 1fr;
    }

    .mentor-summary-item {
        border-right: 0;
        border-bottom: 1px solid var(--cf-border);
    }

    .mentor-summary-item:last-child {
        border-bottom: 0;
    }

    .mentor-about-grid,
    .mentor-student-grid {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .mentor-container {
        width: min(100% - 28px, 1180px);
    }

    .mentor-hero {
        padding: 52px 0 68px;
    }

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

    .mentor-buttons {
        flex-direction: column;
    }

    .mentor-btn {
        width: 100%;
    }

    .mentor-program-grid,
    .mentor-limit-grid,
    .mentor-resource-grid,
    .mentor-registration-box {
        grid-template-columns: 1fr;
    }

    .mentor-registration-action {
        width: 100%;
    }

    .mentor-registration-action .mentor-btn {
        width: 100%;
    }

}

/* =========================================================
   PROGRAM CARDS
   ========================================================= */

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

.mentor-program-card {
    position: relative;
    overflow: hidden;

    min-width: 0;

    padding: 30px 25px 26px;

    border: 1px solid var(--cf-border);
    border-radius: 8px;

    background: #fff;

    box-shadow: 0 4px 14px rgba(0,0,0,.045);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.mentor-program-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 9px 22px rgba(0,0,0,.09);
}


/* Colored stripe across top */

.mentor-program-accent {
    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 6px;
}


/* General badge */

.mentor-program-abbr {
    display: inline-block;

    margin-bottom: 16px;

    padding: 6px 11px;

    border-radius: 4px;

    font-size: .78rem;
    font-weight: 800;
}

.mentor-program-card h3 {
    margin: 0 0 11px;

    font-size: 1.1rem;
    line-height: 1.3;
}

.mentor-program-card p {
    margin: 0;

    color: var(--cf-muted);

    font-size: .94rem;
}


/* =========================================================
   FLL EXPLORE
   Official FLL Explore accent: Green
   ========================================================= */

.mentor-program-explore {
    border-color: rgba(0, 166, 81, .32);

    background:
        linear-gradient(
            180deg,
            rgba(0,166,81,.055) 0,
            #ffffff 95px
        );
}

.mentor-program-explore .mentor-program-accent {
    background: #00A651;
}

.mentor-program-explore .mentor-program-abbr {
    background: rgba(0,166,81,.12);

    color: #007c3e;
}

.mentor-program-explore h3 {
    color: #007c3e;
}


/* =========================================================
   FLL CHALLENGE
   Official FLL Challenge accent: Red
   ========================================================= */

.mentor-program-challenge {
    border-color: rgba(237,28,36,.30);

    background:
        linear-gradient(
            180deg,
            rgba(237,28,36,.05) 0,
            #ffffff 95px
        );
}

.mentor-program-challenge .mentor-program-accent {
    background: #ED1C24;
}

.mentor-program-challenge .mentor-program-abbr {
    background: rgba(237,28,36,.10);

    color: #c4171e;
}

.mentor-program-challenge h3 {
    color: #c4171e;
}


/* =========================================================
   FTC
   FIRST Tech Challenge accent: Orange
   ========================================================= */

.mentor-program-ftc {
    border-color: rgba(245,130,32,.34);

    background:
        linear-gradient(
            180deg,
            rgba(245,130,32,.06) 0,
            #ffffff 95px
        );
}

.mentor-program-ftc .mentor-program-accent {
    background: #F58220;
}

.mentor-program-ftc .mentor-program-abbr {
    background: rgba(245,130,32,.13);

    color: #b85a08;
}

.mentor-program-ftc h3 {
    color: #b85a08;
}


/* =========================================================
   FRC
   FIRST Robotics Competition accent: Blue
   ========================================================= */

.mentor-program-frc {
    border-color: rgba(0,102,179,.30);

    background:
        linear-gradient(
            180deg,
            rgba(0,102,179,.055) 0,
            #ffffff 95px
        );
}

.mentor-program-frc .mentor-program-accent {
    background: #0066B3;
}

.mentor-program-frc .mentor-program-abbr {
    background: rgba(0,102,179,.11);

    color: #004f8c;
}

.mentor-program-frc h3 {
    color: #004f8c;
}


/* =========================================================
   PROGRAM CARD RESPONSIVE
   ========================================================= */

@media (max-width: 950px) {

    .mentor-program-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 600px) {

    .mentor-program-grid {
        grid-template-columns: 1fr;
    }

    .mentor-program-card {
        padding: 28px 22px 23px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b94758 *//* =========================================================
   COLORADO FIRST
   MENTOR & STUDENT LEADERSHIP WORKSHOP
   ========================================================= */

.mentor-page {
    --cf-blue: #0066b3;
    --cf-dark-blue: #003b70;
    --cf-red: #ed1c24;
    --cf-light-blue: #eef6fb;
    --cf-light-gray: #f5f7f9;
    --cf-border: #dfe5ea;
    --cf-text: #30343b;
    --cf-muted: #66717c;
    --cf-white: #ffffff;

    color: var(--cf-text);
    font-family: inherit;
    line-height: 1.6;
}

.mentor-page *,
.mentor-page *::before,
.mentor-page *::after {
    box-sizing: border-box;
}

.mentor-page em {
    font-style: italic;
}

.mentor-container {
    width: min(1180px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   HERO
   ========================================================= */

.mentor-hero {
    position: relative;
    overflow: hidden;

    padding: 78px 0 96px;

    background:
        linear-gradient(
            110deg,
            rgba(0,59,112,.98),
            rgba(0,102,179,.91)
        );

    color: #fff;
}

.mentor-hero::after {
    content: "";

    position: absolute;

    width: 480px;
    height: 480px;

    right: -130px;
    top: -180px;

    border: 75px solid rgba(255,255,255,.06);
    border-radius: 50%;
}

.mentor-hero-grid {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: minmax(0, 850px);

    align-items: center;
}

.mentor-eyebrow {
    margin-bottom: 15px;

    color: #fff;

    font-size: .8rem;
    font-weight: 700;

    letter-spacing: .12em;
    text-transform: uppercase;
}

.mentor-hero h1 {
    max-width: 900px;

    margin: 0 0 20px;

    color: #fff;

    font-size: clamp(2.5rem, 5vw, 4.5rem);
    line-height: 1.02;
}

.mentor-hero h1 span {
    display: block;

    margin-top: 12px;

    font-size: .48em;
    font-weight: 500;
}

.mentor-hero-text {
    max-width: 760px;

    margin: 0 0 30px;

    color: rgba(255,255,255,.92);

    font-size: 1.15rem;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.mentor-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.mentor-buttons-centered {
    justify-content: center;
}

.mentor-btn {
    display: inline-flex;

    min-height: 48px;

    align-items: center;
    justify-content: center;

    padding: 12px 25px;

    border-radius: 4px;

    font-weight: 700;

    text-decoration: none !important;

    transition: .2s ease;
}

.mentor-btn:hover {
    transform: translateY(-1px);
}

.mentor-btn-primary {
    background: var(--cf-red);

    color: #fff !important;
}

.mentor-btn-primary:hover {
    background: #c9171e;
}

.mentor-btn-light {
    background: #fff;

    color: var(--cf-dark-blue) !important;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.mentor-summary-wrap {
    position: relative;
    z-index: 4;

    margin-top: -35px;
}

.mentor-summary {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    overflow: hidden;

    border-radius: 8px;

    background: #fff;

    box-shadow: 0 12px 35px rgba(0,0,0,.12);
}

.mentor-summary-item {
    padding: 26px 30px;

    border-right: 1px solid var(--cf-border);
}

.mentor-summary-item:last-child {
    border-right: 0;
}

.mentor-summary-label {
    display: block;

    margin-bottom: 5px;

    color: var(--cf-blue);

    font-size: .75rem;
    font-weight: 800;

    letter-spacing: .08em;
    text-transform: uppercase;
}

.mentor-summary-main {
    color: var(--cf-dark-blue);

    font-size: 1.15rem;
    font-weight: 700;
}

.mentor-summary-sub {
    margin-top: 3px;

    color: var(--cf-muted);

    font-size: .9rem;
}


/* =========================================================
   GENERAL SECTIONS
   ========================================================= */

.mentor-section {
    padding: 72px 0;
}

.mentor-section-light {
    background: var(--cf-light-gray);
}

.mentor-section-blue {
    background: var(--cf-light-blue);
}

.mentor-section-heading {
    margin-bottom: 35px;
}

.mentor-kicker {
    margin-bottom: 7px;

    color: var(--cf-red);

    font-size: .78rem;
    font-weight: 800;

    letter-spacing: .1em;
    text-transform: uppercase;
}

.mentor-section h2,
.mentor-form-section h2 {
    margin: 0 0 12px;

    color: var(--cf-dark-blue);

    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.15;
}

.mentor-section-intro {
    max-width: 780px;

    margin: 0;

    color: var(--cf-muted);

    font-size: 1.05rem;
}


/* =========================================================
   ABOUT
   ========================================================= */

.mentor-about-grid {
    display: grid;

    grid-template-columns: 1.25fr .75fr;

    gap: 50px;

    align-items: center;
}

.mentor-about-copy p {
    font-size: 1.08rem;
}

.mentor-quote {
    margin-top: 25px;

    padding: 24px 28px;

    border-left: 5px solid var(--cf-red);

    background: var(--cf-light-gray);

    color: var(--cf-dark-blue);

    font-size: 1.08rem;
    font-weight: 600;
}

.mentor-highlight-box {
    padding: 32px;

    border-radius: 8px;

    background: var(--cf-dark-blue);

    color: #fff;
}

.mentor-highlight-box h3 {
    margin: 0 0 15px;

    color: #fff;

    font-size: 1.45rem;
}

.mentor-highlight-box p {
    color: rgba(255,255,255,.88);
}


/* =========================================================
   CARDS
   ========================================================= */

.mentor-card-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 22px;
}

.mentor-card {
    padding: 28px;

    border: 1px solid var(--cf-border);
    border-radius: 7px;

    background: #fff;

    box-shadow: 0 5px 18px rgba(0,0,0,.045);
}

.mentor-card-icon {
    display: flex;

    width: 44px;
    height: 44px;

    align-items: center;
    justify-content: center;

    margin-bottom: 18px;

    border-radius: 50%;

    background: var(--cf-light-blue);

    font-size: 1.25rem;
}

.mentor-card h3 {
    margin: 0 0 9px;

    color: var(--cf-dark-blue);

    font-size: 1.2rem;
}

.mentor-card p {
    margin: 0;

    color: var(--cf-muted);
}


/* =========================================================
   PROGRAM CARDS
   ========================================================= */

.mentor-program-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 18px;
}

.mentor-program-card {
    padding: 25px;

    border: 1px solid var(--cf-border);
    border-radius: 8px;

    background: #fff;
}

.mentor-program-abbr {
    display: inline-block;

    margin-bottom: 15px;

    padding: 5px 10px;

    border-radius: 4px;

    background: var(--cf-light-blue);

    color: var(--cf-blue);

    font-size: .78rem;
    font-weight: 800;
}

.mentor-program-card h3 {
    margin: 0 0 10px;

    color: var(--cf-dark-blue);

    font-size: 1.1rem;
}

.mentor-program-card p {
    margin: 0;

    color: var(--cf-muted);

    font-size: .94rem;
}


/* =========================================================
   STUDENT LEADERS
   ========================================================= */

.mentor-student-grid {
    display: grid;

    grid-template-columns: 1.1fr .9fr;

    gap: 45px;

    align-items: center;
}

.mentor-student-grid p {
    max-width: 650px;
}

.mentor-limit-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;
}

.mentor-limit-card {
    padding: 28px;

    border-radius: 8px;

    background: #fff;

    text-align: center;

    box-shadow: 0 5px 18px rgba(0,0,0,.05);
}

.mentor-limit-number {
    color: var(--cf-blue);

    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
}

.mentor-limit-card strong {
    display: block;

    margin-top: 8px;

    color: var(--cf-dark-blue);
}

.mentor-limit-card span {
    display: block;

    margin-top: 3px;

    color: var(--cf-muted);

    font-size: .9rem;
}


/* =========================================================
   REGISTRATION CTA
   ========================================================= */

.mentor-registration-box {
    display: grid;

    grid-template-columns: 1fr auto;

    gap: 40px;

    align-items: center;

    padding: 36px;

    border-radius: 8px;

    background: #fff;

    box-shadow: 0 5px 22px rgba(0,0,0,.07);
}

.mentor-registration-content p {
    max-width: 760px;

    margin-bottom: 0;

    color: var(--cf-muted);
}


/* =========================================================
   FORM AREA
   ========================================================= */

.mentor-form-section {
    padding: 65px 0;

    background: var(--cf-light-blue);
}

.mentor-form-heading {
    margin-bottom: 28px;
}

.mentor-form-heading p {
    max-width: 720px;

    color: var(--cf-muted);
}

.mentor-form-placeholder {
    padding: 40px;

    border: 2px dashed #bdcfdd;
    border-radius: 8px;

    background: #fff;

    color: var(--cf-muted);

    text-align: center;
}


/* =========================================================
   RESOURCES
   ========================================================= */

.mentor-resource-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;
}

.mentor-resource-card {
    display: grid;

    grid-template-columns: 48px 1fr;

    gap: 17px;

    align-items: start;

    padding: 25px;

    border: 1px solid var(--cf-border);
    border-radius: 8px;

    background: #fff;

    text-decoration: none !important;

    transition: .2s ease;
}

.mentor-resource-card:hover {
    transform: translateY(-2px);

    box-shadow: 0 7px 18px rgba(0,0,0,.07);
}

.mentor-resource-icon {
    display: flex;

    width: 45px;
    height: 45px;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--cf-light-blue);

    font-size: 1.2rem;
}

.mentor-resource-card h3 {
    margin: 0 0 4px;

    color: var(--cf-dark-blue);

    font-size: 1.1rem;
}

.mentor-resource-card p {
    margin: 0;

    color: var(--cf-muted);
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.mentor-bottom-cta {
    padding: 60px 20px;

    background: var(--cf-dark-blue);

    color: #fff;

    text-align: center;
}

.mentor-bottom-cta h2 {
    margin: 0 0 12px;

    color: #fff;
}

.mentor-bottom-cta p {
    max-width: 720px;

    margin: 0 auto 26px;

    color: rgba(255,255,255,.88);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

    .mentor-program-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mentor-summary,
    .mentor-card-grid {
        grid-template-columns: 1fr;
    }

    .mentor-summary-item {
        border-right: 0;
        border-bottom: 1px solid var(--cf-border);
    }

    .mentor-summary-item:last-child {
        border-bottom: 0;
    }

    .mentor-about-grid,
    .mentor-student-grid {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .mentor-container {
        width: min(100% - 28px, 1180px);
    }

    .mentor-hero {
        padding: 52px 0 68px;
    }

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

    .mentor-buttons {
        flex-direction: column;
    }

    .mentor-btn {
        width: 100%;
    }

    .mentor-program-grid,
    .mentor-limit-grid,
    .mentor-resource-grid,
    .mentor-registration-box {
        grid-template-columns: 1fr;
    }

    .mentor-registration-action {
        width: 100%;
    }

    .mentor-registration-action .mentor-btn {
        width: 100%;
    }

}

/* =========================================================
   PROGRAM CARDS
   ========================================================= */

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

.mentor-program-card {
    position: relative;
    overflow: hidden;

    min-width: 0;

    padding: 30px 25px 26px;

    border: 1px solid var(--cf-border);
    border-radius: 8px;

    background: #fff;

    box-shadow: 0 4px 14px rgba(0,0,0,.045);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.mentor-program-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 9px 22px rgba(0,0,0,.09);
}


/* Colored stripe across top */

.mentor-program-accent {
    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 6px;
}


/* General badge */

.mentor-program-abbr {
    display: inline-block;

    margin-bottom: 16px;

    padding: 6px 11px;

    border-radius: 4px;

    font-size: .78rem;
    font-weight: 800;
}

.mentor-program-card h3 {
    margin: 0 0 11px;

    font-size: 1.1rem;
    line-height: 1.3;
}

.mentor-program-card p {
    margin: 0;

    color: var(--cf-muted);

    font-size: .94rem;
}


/* =========================================================
   FLL EXPLORE
   Official FLL Explore accent: Green
   ========================================================= */

.mentor-program-explore {
    border-color: rgba(0, 166, 81, .32);

    background:
        linear-gradient(
            180deg,
            rgba(0,166,81,.055) 0,
            #ffffff 95px
        );
}

.mentor-program-explore .mentor-program-accent {
    background: #00A651;
}

.mentor-program-explore .mentor-program-abbr {
    background: rgba(0,166,81,.12);

    color: #007c3e;
}

.mentor-program-explore h3 {
    color: #007c3e;
}


/* =========================================================
   FLL CHALLENGE
   Official FLL Challenge accent: Red
   ========================================================= */

.mentor-program-challenge {
    border-color: rgba(237,28,36,.30);

    background:
        linear-gradient(
            180deg,
            rgba(237,28,36,.05) 0,
            #ffffff 95px
        );
}

.mentor-program-challenge .mentor-program-accent {
    background: #ED1C24;
}

.mentor-program-challenge .mentor-program-abbr {
    background: rgba(237,28,36,.10);

    color: #c4171e;
}

.mentor-program-challenge h3 {
    color: #c4171e;
}


/* =========================================================
   FTC
   FIRST Tech Challenge accent: Orange
   ========================================================= */

.mentor-program-ftc {
    border-color: rgba(245,130,32,.34);

    background:
        linear-gradient(
            180deg,
            rgba(245,130,32,.06) 0,
            #ffffff 95px
        );
}

.mentor-program-ftc .mentor-program-accent {
    background: #F58220;
}

.mentor-program-ftc .mentor-program-abbr {
    background: rgba(245,130,32,.13);

    color: #b85a08;
}

.mentor-program-ftc h3 {
    color: #b85a08;
}


/* =========================================================
   FRC
   FIRST Robotics Competition accent: Blue
   ========================================================= */

.mentor-program-frc {
    border-color: rgba(0,102,179,.30);

    background:
        linear-gradient(
            180deg,
            rgba(0,102,179,.055) 0,
            #ffffff 95px
        );
}

.mentor-program-frc .mentor-program-accent {
    background: #0066B3;
}

.mentor-program-frc .mentor-program-abbr {
    background: rgba(0,102,179,.11);

    color: #004f8c;
}

.mentor-program-frc h3 {
    color: #004f8c;
}


/* =========================================================
   PROGRAM CARD RESPONSIVE
   ========================================================= */

@media (max-width: 950px) {

    .mentor-program-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 600px) {

    .mentor-program-grid {
        grid-template-columns: 1fr;
    }

    .mentor-program-card {
        padding: 28px 22px 23px;
    }

}/* End custom CSS */