/* BEGIN BASE STYLES */

    /* FONT STYLES & COLORS */
    * {
        font-variant-ligatures: none !important;
    }

    h1.standard {
        font-size: 3.125rem;
        font-family: "Plus Jakarta Sans Semibold", sans-serif !important;
        color: #C1BFFF !important;
        line-height: 120% !important;
    }

    h1.alt {
        font-size: 3.125rem;
        font-family: "Plus Jakarta Sans Semibold", sans-serif !important;
        color: #0D004D !important;
        line-height: 120% !important;
    }

    h2 {
        font-size: 2.375rem;
        font-family: "Plus Jakarta Sans Semibold", sans-serif !important;
        line-height: 120% !important;
    }

    h2.standard {
        font-size: 2.375rem;
        font-family: "Plus Jakarta Sans Semibold", sans-serif !important;
        color: #FFFFFF !important;
        line-height: 120% !important;
    }

    h2.alt {
        font-size: 2.375rem;
        font-family: "Plus Jakarta Sans Semibold", sans-serif !important;
        color: #0D004D !important;
        line-height: 120% !important;
    }

    h3.standard {
        font-size: 1.75rem;
        font-family: "Plus Jakarta Sans Semibold", sans-serif !important;
        line-height: 120% !important;
    }

    h4.standard {
        font-size: 1.5rem;
        font-family: "Plus Jakarta Sans Semibold", sans-serif !important;
        line-height: 120% !important;
    }

    h5.standard {
        font-size: 1.125rem;
        font-family: "Plus Jakarta Sans Semibold", sans-serif !important;
        line-height: 120% !important;
    }

    h6.standard {
        font-size: 1rem;
        font-family: "Plus Jakarta Sans Semibold", sans-serif !important;
        line-height: 120% !important;
    }

    .eyebrow {
        font-size: 0.75rem;
        font-family: "Plus Jakarta Sans Semibold", sans-serif !important;
        text-transform: uppercase;
        margin: 12.5px 0 0 0;
    }

     .subhead-40 {
        font-size: 2.5rem;
        font-family: "Plus Jakarta Sans Semibold", sans-serif !important;
        line-height: 120% !important;
    }

    .subhead-38 {
        font-size: 2.375rem;
        font-family: "Plus Jakarta Sans Semibold", sans-serif !important;
        line-height: 120% !important;
    }

    .subhead-22 {
        font-size: 1.375rem;
        font-family: "Plus Jakarta Sans Semibold", sans-serif !important;
        line-height: 120% !important;
    }

    .f-25 {
        font-size: 1.563rem;
        font-family: "Plus Jakarta Sans", sans-serif !important;
        line-height: 160% !important;
    }

    .f-22 {
        font-size: 1.375rem;
        font-family: "Plus Jakarta Sans", sans-serif !important;
        line-height: 160% !important;
    }

    .f-20 {
        font-size: 1.25rem;
        font-family: "Plus Jakarta Sans", sans-serif !important;
        line-height: 160% !important;
    }

    .f-18 {
        font-size: 1.125rem;
        font-family: "Plus Jakarta Sans", sans-serif !important;
        line-height: 160% !important;
    }

    .f-16 {
        font-size: 1rem;
        font-family: "Plus Jakarta Sans", sans-serif !important;
        line-height: 160% !important;
    }

    .f-14 {
        font-size: 0.875rem;
        font-family: "Plus Jakarta Sans", sans-serif !important;
        line-height: 160% !important;
    }

    .font-italic {
        font-style: italic !important;
    }

    .textPearsonPurple {
        color: #0D004D !important;
    }

    .textLightPurple {
        color: #C1BFFF;
    }

    .textAmethystPurple {
        color: #512EAB !important;
    }

    .textPrimary {
        color: #000000 !important;
    }

    .textPrimaryInverse {
        color: #FFFFFF;
    }

    .textSecondary {
        color: #333333 !important;
    }

    .textTurquoise {
        color: #56E2E1;
    }


    /* BACKGROUND COLORS */
    .gradientHomeHero {
        background: linear-gradient(to bottom, #0D004D 0%, #BCB1E3 51%, #DCD8F4 70%, #EDECF6 79%);
    }

    .gradientBody1 {
        background: linear-gradient(to bottom, #EDECF6 48%, #C1BFFF 100%);
    }

    .gradientBody2 {
        background: linear-gradient(to bottom, #C1BFFF 0%, #EDECF6 64%);
    }

    .gradientBody3 {
        background: linear-gradient(to bottom, #EDECF6 36%, #C1BFFF 100%);
    }

    .gradientBody4 {
        background: linear-gradient(to bottom, #C1BFFF 0%, #EDECF6 64%, #FFFFFF 100%);
    }

    .pearsonPurple-bg {
        background-color: #0D004D;
    }

    .lightPurple-bg {
        background-color: #C1BFFF;
    }

    .mistPurple-bg {
        background-color: #EDECF6;
    }

    .amethystPurple {
        background-color: #512EAB;
    }

    .white-bg {
        background-color: #FFFFFF;
    }

    .amber-bg {
        background-color: #FFCE00;
    }

    /* BUTTON & LINK STYLES */

    .mz-button {
        font-family: "Plus Jakarta Sans Semibold", sans-serif;
    }

    .primary {
        background-color: #512EAB !important;
        color: #FFFFFF !important;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
    }

    .primary:hover {
        background-color: #0D004D !important;
        color: #FFFFFF !important;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
    }

    .primaryInverse {
        background-color: #512EAB !important;
        color: #FFFFFF !important;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
    }

    .primaryInverse:hover {
        background-color: #735FC0 !important;
        color: #FFFFFF !important;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
    }

    .secondary {
        background-color: #0D004D !important;
        color: #FFFFFF !important;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
    }

    .secondary:hover {
        background-color: #656270 !important;
        color: #FFFFFF !important;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
    }


    .action {
        background-color: #FFCE00 !important;
        color: #0D004D !important;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
    }

    .action:hover {
        background-color: #0D004D !important;
        color: #FFFFFF !important;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
    }

    .actionInverse {
        background-color: #FFCE00 !important;
        color: #0D004D !important;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
    }

    .actionInverse:hover {
        background-color: #FFE67F !important;
        color: #FFFFFF !important;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
    }

    .tertiary {
        background-color: transparent !important;
        color: #000000 !important;
        border: 2px solid #0D004D !important;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
    }

    .tertiary:hover {
        background-color: #0D004D !important;
        color: #FFFFFF !important;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
    }

    .inactive {
        background-color: #8E8B9D !important;
        color: #FFFFFF;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: not-allowed;
    }

    .pLink {
        font-family: "Plus Jakarta Sans Semibold", sans-serif;
        font-size: 16px;
        line-height: 1.6;
        color: #512eab !important;
        text-decoration: none;
        display: block;
    }

    .pLink:hover {
        text-decoration: underline;
        text-decoration-thickness: .0825em;
        text-underline-offset: .125em;
    }

    .pLink-alt {
        font-family: "Plus Jakarta Sans Semibold", sans-serif;
        font-size: 16px;
        line-height: 1.6;
        color: #FFFFFF !important;
        text-decoration: none;
        display: block;
    }

    .pLink-alt:hover {
        text-decoration: underline;
        text-decoration-thickness: .0825em;
        text-underline-offset: .125em;
    }

    .pLink-alt-2 {
        font-family: "Plus Jakarta Sans Semibold", sans-serif;
        font-size: 16px;
        line-height: 1.6;
        color: #C1BFFF !important;
        text-decoration: none;
        display: block;
    }

    .pLink-alt-2:hover {
        text-decoration: underline;
        text-decoration-thickness: .0825em;
        text-underline-offset: .125em;
    }

/* END BASE STYLES */

/* BEGIN BASE STYLES */

 @media only screen and (max-width: 767px) {

         /* BEGIN BASE STYLES */
        h1 {
            font-size: 2.5rem !important;
        }

        h2 {
            font-size: 1.875rem !important;
        }

        h3 {
            font-size: 1.625rem !important;
        }

        .subhead-40 {
            font-size: 2rem !important;
        }

        .subhead-38 {
            font-size: 1.875rem !important;
        }

        .subhead-22 {
            font-size: 1.125rem !important;
        }

        .f-25 {
            font-size: 1.375rem !important;
        }

        .f-20 {
            font-size: 1.125rem !important;
        }
        /* END BASE STYLES */
 }