/**
 * Homepage pathways, care choices, and student registration dashboard.
 */

#top .jpa-home-paths-intro,
#top .jpa-classes-dashboard,
#top .jpa-care-landing {
    clear: both;
}

#top .jpa-home-paths-intro {
    margin-top: clamp(1.5rem, 3.5vw, 3rem);
    margin-bottom: clamp(1.25rem, 2.5vw, 2rem);
}

#top .jpa-classes-dashboard {
    margin-bottom: clamp(1.5rem, 4vw, 2.75rem);
}

#top .jpa-home-paths-intro .av-special-heading,
#top .jpa-classes-dashboard .av-special-heading,
#top .jpa-care-landing .av-special-heading {
    margin-top: 0;
}

#top .jpa-dashboard-intro,
#top .jpa-care-intro {
    max-width: 66rem;
    margin-bottom: clamp(1.5rem, 4vw, 2.75rem);
}

#top .jpa-dashboard-kicker,
#top .jpa-card-eyebrow {
    margin: 0 0 .55rem;
    color: #d28c2a;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1.35;
    text-transform: uppercase;
}

#top .jpa-home-lede,
#top .jpa-dashboard-lede,
#top .jpa-care-lede {
    max-width: 60rem;
    color: #414141;
    font-size: clamp(1.05rem, 1.8vw, 1.28rem);
    line-height: 1.65;
}

#top .jpa-home-lede p,
#top .jpa-card-eyebrow p {
    margin: 0;
}

#top .jpa-care-grid,
#top .jpa-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1rem, 2.5vw, 1.75rem);
}

#top .jpa-home-path-card,
#top .jpa-care-card,
#top .jpa-dashboard-card {
    min-width: 0;
    border-left: 6px solid #d28c2a;
    background: #f7edde;
    box-shadow: 0 12px 30px rgba(43, 43, 43, .09);
    transition: box-shadow .2s ease, transform .2s ease;
}

#top .jpa-home-path-card:hover,
#top .jpa-care-card:hover,
#top .jpa-dashboard-card:hover {
    box-shadow: 0 17px 36px rgba(43, 43, 43, .14);
    transform: translateY(-3px);
}

#top .jpa-home-path-card {
    box-sizing: border-box;
    padding: clamp(1.15rem, 2.5vw, 1.75rem) !important;
    padding-bottom: 6.4rem !important;
}

#top .jpa-home-path-card .avia-image-container {
    margin: 0 0 1.25rem;
    width: 100%;
}

#top .jpa-home-path-card .avia-image-container img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

#top .jpa-care-card {
    display: flex;
    flex-direction: column;
    padding: clamp(1.25rem, 3vw, 2rem);
}

#top .jpa-dashboard-card {
    box-sizing: border-box;
    padding: clamp(1.25rem, 3vw, 2rem) !important;
    padding-bottom: 6.5rem !important;
}

#top .jpa-home-path-card .jpa-home-path-card-copy {
    margin-bottom: 1.25rem;
}

#top .jpa-home-path-card h2,
#top .jpa-care-card h2,
#top .jpa-dashboard-card h2 {
    margin: 0 0 .75rem;
    color: #2b2b2b;
    font-size: clamp(1.35rem, 2vw, 1.7rem);
    line-height: 1.2;
}

#top .jpa-home-path-card p,
#top .jpa-care-card p,
#top .jpa-dashboard-card p {
    color: #4a4a4a;
    line-height: 1.65;
}

#top a.jpa-ia-button,
#top .jpa-home-path-card .jpa-ia-button a.avia-button,
#top .jpa-home-student-path .jpa-ia-button a.avia-button,
#top .jpa-home-donation-button a.avia-button,
#top .jpa-semester-empty .jpa-ia-button a.avia-button,
#top .jpa-dashboard-card .jpa-ia-button a.avia-button {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    justify-content: center;
    gap: .55rem;
    margin-top: auto;
    padding: .82rem 1.2rem;
    border: 2px solid #414141;
    border-radius: 3px;
    background: #414141;
    box-shadow: 0 4px 0 #2b2b2b;
    color: #ffffff;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

#top a.jpa-ia-button::after,
#top .jpa-home-path-card .jpa-ia-button a.avia-button::after,
#top .jpa-home-student-path .jpa-ia-button a.avia-button::after,
#top .jpa-home-donation-button a.avia-button::after,
#top .jpa-semester-empty .jpa-ia-button a.avia-button::after,
#top .jpa-dashboard-card .jpa-ia-button a.avia-button::after {
    content: "\2192";
    font-size: 1.08em;
    line-height: 1;
}

#top a.jpa-ia-button:hover,
#top a.jpa-ia-button:focus,
#top .jpa-home-path-card .jpa-ia-button a.avia-button:hover,
#top .jpa-home-path-card .jpa-ia-button a.avia-button:focus,
#top .jpa-home-student-path .jpa-ia-button a.avia-button:hover,
#top .jpa-home-student-path .jpa-ia-button a.avia-button:focus,
#top .jpa-home-donation-button a.avia-button:hover,
#top .jpa-home-donation-button a.avia-button:focus,
#top .jpa-semester-empty .jpa-ia-button a.avia-button:hover,
#top .jpa-semester-empty .jpa-ia-button a.avia-button:focus,
#top .jpa-dashboard-card .jpa-ia-button a.avia-button:hover,
#top .jpa-dashboard-card .jpa-ia-button a.avia-button:focus {
    border-color: #e9c691;
    background: #d28c2a;
    box-shadow: 0 4px 0 #e9c691;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-1px);
}

#top a.jpa-ia-button:focus-visible,
#top .jpa-home-path-card .jpa-ia-button a.avia-button:focus-visible,
#top .jpa-home-student-path .jpa-ia-button a.avia-button:focus-visible,
#top .jpa-home-donation-button a.avia-button:focus-visible,
#top .jpa-semester-empty .jpa-ia-button a.avia-button:focus-visible,
#top .jpa-dashboard-card .jpa-ia-button a.avia-button:focus-visible {
    outline: 3px solid #2b2b2b;
    outline-offset: 3px;
}

#top .jpa-home-student-path {
    display: grid;
    align-items: center;
    grid-template-areas:
        "eyebrow action"
        "title action"
        "copy action";
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 2rem;
    margin-top: clamp(1.5rem, 4vw, 2.75rem);
    margin-bottom: clamp(2.5rem, 6vw, 5rem);
    padding: clamp(1.3rem, 3vw, 2rem);
    border-left: 6px solid #d28c2a;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(43, 43, 43, .08);
}

#top .jpa-home-student-path > .av_textblock_section:first-child {
    grid-area: eyebrow;
}

#top .jpa-home-student-path > .av-special-heading {
    grid-area: title;
}

#top .jpa-home-student-path > .av_textblock_section:nth-of-type(2) {
    grid-area: copy;
}

#top .jpa-home-student-path > .avia-button-wrap {
    align-self: center;
    grid-area: action;
}

#top .jpa-home-student-path h2 {
    margin: 0 0 .35rem;
    font-size: clamp(1.3rem, 2vw, 1.65rem);
}

#top .jpa-home-student-path p {
    margin: 0;
    color: #4a4a4a;
}

#top .jpa-home-donation-copy {
    max-width: 46rem;
    margin: .75rem auto 1rem;
    text-align: center;
}

#top .jpa-home-donation-copy p {
    margin: 0;
    color: #414141;
    font-size: 1.05rem;
    line-height: 1.65;
}

#top .jpa-home-donation-button {
    margin-top: 0;
}

#top .jpa-home-student-path .jpa-ia-button,
#top .jpa-home-path-card .jpa-ia-button,
#top .jpa-dashboard-card .jpa-ia-button {
    margin-top: 0;
}

#top .jpa-home-path-card > .jpa-ia-button,
#top .jpa-dashboard-card > .jpa-ia-button {
    position: absolute;
    bottom: clamp(1.15rem, 2.5vw, 1.75rem);
    left: clamp(1.15rem, 2.5vw, 1.75rem);
}

#top .jpa-dashboard-card > .jpa-ia-button {
    right: clamp(1.15rem, 2.5vw, 1.75rem);
}

#top .jpa-dashboard-card .jpa-ia-button a.avia-button {
    box-sizing: border-box;
    max-width: 100%;
    padding: .65rem .85rem;
    font-size: .88rem;
    text-align: center;
    white-space: normal;
}

#top .jpa-care-grid,
#top .jpa-dashboard-grid {
    margin: 1rem 0 clamp(2rem, 5vw, 4rem);
}

#top .jpa-classes-dashboard + .flex_column_table {
    margin-top: 1rem;
    margin-bottom: clamp(2rem, 5vw, 4rem);
}

#top .jpa-care-card,
#top .jpa-dashboard-card {
    min-height: 315px;
    background: #ffffff;
}

#top .jpa-care-card__secondary {
    display: inline-block;
    align-self: flex-start;
    margin-top: 1rem;
    color: #d28c2a;
    font-weight: 700;
}

#top .jpa-care-card__secondary:hover,
#top .jpa-care-card__secondary:focus {
    color: #2b2b2b;
}

#top .jpa-dashboard-card-status p {
    display: inline-block;
    margin: 0 0 .8rem;
    padding: .35rem .55rem;
    border: 1px solid #e9c691;
    border-radius: 3px;
    background: #f7edde;
    color: #d28c2a;
    font-size: .78rem;
    font-weight: 800;
}

#top .jpa-registration-steps {
    margin-top: clamp(2rem, 5vw, 4rem);
    padding: clamp(1.4rem, 3vw, 2.25rem);
    border-left: 6px solid #d28c2a;
    background: #f7edde;
}

#top .jpa-registration-steps h2 {
    margin-top: 0;
}

#top .jpa-registration-step {
    box-sizing: border-box;
    min-width: 0;
    padding: clamp(1.15rem, 2.5vw, 1.6rem) !important;
    border-top: 4px solid #d28c2a;
    background: #f7edde;
}

#top .jpa-registration-step-number p {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    margin: 0;
    place-items: center;
    border-radius: 50%;
    background: #d28c2a;
    color: #ffffff;
    font-weight: 800;
}

#top .jpa-registration-step h3 {
    margin: .9rem 0 .55rem;
    color: #2b2b2b;
    font-size: 1.2rem;
}

#top .jpa-registration-step-copy p {
    margin: 0;
    color: #414141;
    line-height: 1.6;
}

#top .jpa-semester-page-intro {
    margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

#top .jpa-semester-page-intro .av-special-heading {
    margin-top: 0;
}

#top .jpa-semester-page-lede {
    max-width: 60rem;
    color: #414141;
    font-size: clamp(1.05rem, 1.7vw, 1.25rem);
    line-height: 1.65;
}

#top .jpa-semester-selector .av-tab-section-tab-title-container {
    border-bottom: 1px solid #e9c691;
    background: #f7edde;
}

#top .jpa-semester-selector .av-section-tab-title {
    color: #2b2b2b;
    font-weight: 800;
}

#top .jpa-semester-selector .av-section-tab-title:hover,
#top .jpa-semester-selector .av-section-tab-title:focus,
#top .jpa-semester-selector .av-section-tab-title.av-active-tab-title {
    background: #d28c2a;
    color: #ffffff;
}

#top .jpa-semester-selector .av-layout-tab-inner {
    padding-top: clamp(1.25rem, 3vw, 2rem);
    padding-bottom: clamp(1.5rem, 4vw, 3rem);
}

#top .jpa-semester-empty {
    float: none;
    box-sizing: border-box;
    width: 100%;
    max-width: 52rem;
    margin: 1rem auto;
    padding: clamp(1.35rem, 3vw, 2.25rem) !important;
    border-left: 6px solid #d28c2a;
    background: #f7edde;
}

#top .jpa-semester-empty .av-special-heading {
    margin-top: 0;
}

#top .jpa-semester-empty-kicker {
    margin: 0 0 .55rem;
    color: #d28c2a;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1.35;
    text-transform: uppercase;
}

#top .jpa-semester-empty-kicker p,
#top .jpa-semester-empty-copy p {
    margin: 0;
}

#top .jpa-semester-empty h2 {
    margin: 0 0 .7rem;
    color: #2b2b2b;
    font-size: clamp(1.35rem, 2vw, 1.75rem);
}

#top .jpa-semester-empty-copy {
    color: #414141;
    line-height: 1.65;
}

#top .jpa-semester-empty-button {
    margin-top: 1.1rem;
}

@media only screen and (max-width: 989px) {
    #top .jpa-care-grid,
    #top .jpa-dashboard-grid {
        grid-template-columns: 1fr;
    }

    #top .jpa-care-card,
    #top .jpa-dashboard-card {
        min-height: 0;
    }
}

@media only screen and (max-width: 767px) {
    #top .jpa-home-path-card,
    #top .jpa-dashboard-card,
    #top .jpa-registration-step {
        margin-bottom: 1.5rem;
    }

    #top .jpa-home-student-path {
        display: block;
    }

    #top .jpa-home-student-path .jpa-ia-button {
        margin-top: 1rem;
    }

}