body {
    font-size: 1em;
    line-height: 1.25em;
    font-family: 'Nunito Sans', Arial, Verdana, sans-serif;
}

#Content_AB_B {
    padding: 20px 0px 0px;
    background-color: #FFF;
}

.hero {
    padding: 0px;
}

.flex-container {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin: 0 auto;
    min-height: 440px;
}

/* background colors can be replaced with images and other associated styles */

/* NEW HERO REWORK */

.outer-hero {
    margin: 0px auto;
}

.js-random-hero {
    padding: 50px 0px;
    min-height: 440px;
}

.hero-content-items {
    padding-left: 50px;
    max-width: 450px;
}

.hero-content-items p {
    margin-bottom: 30px;
    color: #333;
    font-weight: 700;
    font-size: 25px;
    line-height: 32px;
}

.hero-content-items h1 {
    margin: 0px 0px 20px;
    color: #4F3674;
    font-weight: 700;
    font-size: 60px;
    line-height: 63px;
}

.hero-content-items a {
    margin: 0px 0px 70px 0px;
    padding: 10px 20px;
    background-color: #4F3674;
    color: #FFF;
    display: inline-block;
    font-weight: 700;
    font-size: 17px;
    transition: all .25s ease-in-out;
}

    .hero-content-items a:hover {
        background-color: #D6A800;
        color: #333;
        text-decoration: none;
    }

/* END NEW HERO REWORK */

.rand-hero-1 {
    background: #e2e8e4 url(/images/homepage-education-hero.jpg) no-repeat right top;
    background-size: auto 100%;
}

.rand-hero-2 {
    background: #fefefe url(/images/homepage-tech-hero.jpg) no-repeat right top;
    background-size: auto 100%;
}

.rand-hero-3 {
    background: #fdfdfd url(/images/homepage-business-hero.jpg) no-repeat right top;
    background-size: auto 100%;
}

.rand-hero-4 {
    background: #d2cac7 url(/images/homepage-humanities-hero.jpg) no-repeat right top;
    background-size: auto 100%;
}

.hero-background-color {
    background-color: #e2e9f1;
    width: 100%;
}

.hero-content p {
    margin-bottom: 30px;
    color: #333;
    font-weight: 700;
    font-size: 25px;
    line-height: 32px;
}

.hero-content h1 {
    margin: 50px 0px 30px;
    color: #4F3674;
    font-weight: 700;
    font-size: 60px;
    line-height: 63px;
}

h2.online-schedule {
    font-size: 33px;
    line-height: 38px;
    color: #4F3674;
    font-weight: 700;
}

.hero-content a {
    margin: 0px 0px 70px 0px;
    padding: 10px 20px;
    background-color: #4F3674;
    color: #FFF;
    display: inline-block;
    font-weight: 700;
    font-size: 17px;
    transition: all .25s ease-in-out;
}

    .hero-content a:hover {
        background-color: #D6A800;
        color: #333;
        text-decoration: none;
    }

/*  NEW PROGRAM FINDER SECTION AND COLOR UPDATES -- A/B TEST -- 8/10/2021  */

.program-finder-wrap {
    border-top: 15px #85739d solid;
    width: 100%;
    background-color: #FFF;
}

    .program-finder-wrap h2 {
        color: #4F3674;
        font-size: 25px;
        font-weight: 800;
        font-family: 'Nunito Sans'. Verdana, Arial, sans-serif;
        text-align: center;
    }

    .program-finder-wrap a {
        background-color: #4F3674;
        color: #FFF;
        display: inline-block;
        font-weight: 700;
        font-size: 17px;
        transition: all .25s ease-in-out;
    }

        .program-finder-wrap a:hover {
            background-color: #D6A800;
            color: #333;
            text-decoration: none;
        }

    .program-finder-wrap label {
        color: #4F3674;
        font-size: 18px;
        font-weight: 800;
        font-family: 'Nunito Sans'. Verdana, Arial, sans-serif;
    }

    .program-finder-wrap select {
        border: 2px #85739d solid;
        border-radius: 0px;
    }

.grey-slant-background {
    padding: 50px 0px;
    background: linear-gradient(to right, #4F3674, #6c5689);
    width: 100%;
}

    .grey-slant-background h3 {
        margin-bottom: 30px;
        font-size: 33px;
        line-height: 31px;
        color: #4F3674;
        font-weight: 700;
        text-align: left;
        text-transform: initial;
    }

    .grey-slant-background p {
        margin-bottom: 25px;
        font-size: 22px;
        line-height: 35px;
        color: #4F3674;
        font-weight: initial;
        text-align: left;
        text-transform: initial;
    }

        .grey-slant-background p.credit-footnote {
            margin-bottom: 25px;
            padding-left: 20px;
            border-left: 4px #D6A800 solid;
            font-size: 19px;
            line-height: 25px;
            color: #4F3674;
            font-weight: initial;
            text-align: left;
            text-transform: initial;
        }

    .grey-slant-background a.credit-transfer-link {
        margin-bottom: 30px;
        font-size: 22px;
        line-height: 35px;
        display: block;
        color: #4F3674;
        font-weight: 700;
        text-align: left;
        text-transform: initial;
        text-decoration: underline;
    }

        .grey-slant-background a.credit-transfer-link:hover {
            text-decoration: none;
        }

.grey-slant-edge {
    background: linear-gradient(to top right, transparent 50%, #e0e0e0 50%) no-repeat, linear-gradient(to top right, transparent 0.1%, #e0e0e0 0.1%) no-repeat;
    background-size: 40% 650%, 30% 100%;
    background-position: 51% 47%, 100% 0%;
    background-color: #ebebeb;
}

    /*  END NEW PROGRAM FINDER SECTION AND COLOR UPDATES -- A/B TEST -- 8/10/2021  */


    .purple-sub-hero {
        padding: 50px 0px;
        background-color: #4F3674;
        color: #FFF;
        border-bottom: 20px #3c275a solid;
        width: 100%;
    }

    .purple-sub-hero h2 {
        font-size: 33px;
        line-height: 38px;
        color: #FFF;
        font-weight: 700;
    }

    .purple-sub-hero h2 em {
        font-family: 'Nunito Sans', Arial, Verdana, sans-serif;
    }

    .purple-sub-hero h3.goals-h3 {
        margin-bottom: 30px;
        font-size: 28px;
        line-height: 33px;
        color: #FFF;
        font-weight: 700;
        text-align: left;
        text-transform: initial;
    }

    .purple-sub-hero p {
        margin-bottom: 30px;
        font-size: 20px;
        line-height: 33px;
        color: #FFF;
    }

    .purple-sub-hero a {
        color: #FFF;
        text-decoration: underline;
    }

        .purple-sub-hero a:hover {
            color: #FFF;
            text-decoration: none;
        }

        .purple-sub-hero a.goals-cta-button {
            padding: 10px 20px;
            display: inline-block;
            background-color: #4F3674;
            border: 4px #D6A800 solid;
            color: #FFF;
            font-weight: 700;
            font-size: 17px;
            text-decoration: none;
            transition: all .25s ease-in-out;
        }

            .purple-sub-hero a.goals-cta-button:hover {
                background-color: #D6A800;
                border: 4px #D6A800 solid;
                color: #333;
                text-decoration: none;
            }

.angled-edge {
    background: linear-gradient(to top right, transparent 50%, #48316a 50%) no-repeat, linear-gradient(to top right, transparent 0.1%, #48316a 0.1%) no-repeat;
    background-size: 40% 650%, 30% 100%;
    background-position: 51% 97%, 100% 0%;
    background-color: #4F3674;
}

.program-selection-wrap {
    padding: 50px 0px 0px;
    background-color: #FFF;
    width: 100%;
}

    .program-selection-wrap h2 {
        font-size: 40px;
        line-height: 43px;
        color: #4F3674;
        text-align: center;
    }

    .program-selection-wrap h3.online-h3 {
        margin-bottom: 30px;
        font-size: 33px;
        line-height: 36px;
        color: #4F3674;
        font-weight: 700;
        text-align: center;
        text-transform: initial;
    }

    .program-selection-wrap p {
        margin: 0px auto 30px;
        font-size: 19px;
        max-width: 700px;
        text-align: center;
    }

    .program-selection-wrap a.credential-link {
        margin: 15px 0px;
        padding: 15px 20px;
        background-color: #4F3674;
        color: #FFF;
        display: inline-block;
        font-weight: 700;
        font-size: 20px;
        transition: all .25s ease-in-out;
    }

        .program-selection-wrap a.credential-link:hover {
            background-color: #D6A800;
            color: #333;
            text-decoration: none;
        }

    .program-selection-wrap ul {
        margin: 20px auto 30px;
        list-style-type: none;
        text-align: center;
    }

        .program-selection-wrap ul li {
            margin: 0px 10px;
            display: inline-block;
        }

.degree-category-wrap {
    padding: 20px 0px 50px;
}

    .degree-category-wrap .col-md-4 {
        margin-bottom: 30px;
    }

.card {
    border-radius: 0px;
    border: none;
    background-color: transparent;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
    border-top: 5px #D6A800 solid;
    border-right: 5px #D6A800 solid;
    border-left: 5px #D6A800 solid;
}

.card-body p, .card-body h5 {
    color: #333;
}

.card-footer:last-child {
    border-radius: 0px;
}

.card-footer {
    padding: 0px;
    background-color: transparent;
    border-top: 0px;
}

.degree-category-card {
    padding: 20px 30px 30px;
    border-top: 4px #D6A800 solid;
    border-right: 4px #D6A800 solid;
    border-bottom: none;
    border-left: 4px #D6A800 solid;
    text-align: center;
}

    .degree-category-card p.category-card-title {
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 25px;
        color: #4F3674;
        font-weight: 700;
        text-decoration: none;
    }

    .degree-category-card p.category-card-content {
        margin-bottom: 0px;
        font-size: 19px;
        line-height: 25px;
        color: #333;
    }

.area-of-interest {
    min-height: 126px;
}

.interest-icon-graphic {
    margin: 20px auto;
    display: block;
}

a.degree-category-card-link {
    text-align: center;
    display: block;
    background-color: #FFF;
    font-size: 23px;
    line-height: 26px;
    text-decoration: none;
    transition: all .25s ease-in-out;
    height: 100%;
}

    a.degree-category-card-link:hover {
        background-color: #F5F5F5;
    }

p.explore-programs-link {
    margin: 0px;
    padding: 15px 0px;
    color: #FFF;
    background-color: #4F3674;
    text-decoration: underline;
}

    p.explore-programs-link:hover {
        margin: 0px;
        padding: 15px 0px;
        color: #FFF;
        background-color: #4F3674;
        text-decoration: none;
    }

a.contact-admissions-cta {
    margin: 20px auto;
    padding: 10px 20px;
    display: inline-block;
    background-color: #FFF;
    border: 4px #D6A800 solid;
    color: #4F3674;
    font-size: 28px;
    line-height: 33px;
    font-weight: 700;
    transition: all .25s ease-in-out;
}

    a.contact-admissions-cta:hover {
        margin: 20px auto;
        padding: 10px 20px;
        display: inline-block;
        background-color: #D6A800;
        border: 4px #D6A800 solid;
        text-decoration: none;
    }

.purple-gradient-background {
    padding: 50px 0px;
    background: linear-gradient(to right, #4F3674, #6c5689);
    width: 100%;
}

    .purple-gradient-background h3 {
        margin-bottom: 30px;
        font-size: 33px;
        line-height: 31px;
        color: #FFF;
        font-weight: 700;
        text-align: left;
        text-transform: initial;
    }

    .purple-gradient-background p {
        margin-bottom: 25px;
        font-size: 22px;
        line-height: 35px;
        color: #FFF;
        font-weight: initial;
        text-align: left;
        text-transform: initial;
    }

        .purple-gradient-background p.credit-footnote {
            margin-bottom: 25px;
            padding-left: 20px;
            border-left: 4px #D6A800 solid;
            font-size: 19px;
            line-height: 25px;
            color: #FFF;
            font-weight: initial;
            text-align: left;
            text-transform: initial;
        }

    .purple-gradient-background a.credit-transfer-link {
        margin-bottom: 30px;
        font-size: 22px;
        line-height: 35px;
        display: block;
        color: #FFF;
        font-weight: 700;
        text-align: left;
        text-transform: initial;
        text-decoration: underline;
    }

        .purple-gradient-background a.credit-transfer-link:hover {
            text-decoration: none;
        }

.homepage-meal-family, .homepage-accreditation-image {
    border-bottom: 10px #D6A800 solid;
    max-width: 400px;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.white-accreditation-wrap {
    padding: 50px 0px;
    background-color: #FFF;
    width: 100%;
}

    .white-accreditation-wrap h2.accreditation-h2 {
        margin-bottom: 30px;
        font-size: 33px;
        line-height: 36px;
        color: #4F3674;
        font-weight: 700;
    }

    .white-accreditation-wrap p {
        margin-bottom: 25px;
        font-size: 20px;
        line-height: 32px;
        color: #333;
        font-weight: initial;
    }

.iq-gradient-form-wrap {
    padding: 50px 0px;
    width: 100%;
}

    .iq-gradient-form-wrap h2 {
        font-size: 33px;
        line-height: 38px;
        color: #FFF;
        font-weight: 700;
    }

    .iq-gradient-form-wrap p,
    .iq-gradient-form-wrap ul {
        margin-bottom: 25px;
        font-size: 22px;
        line-height: 35px;
        color: #FFF;
        font-weight: initial;
        text-align: left;
        text-transform: initial;
    }

    .iq-gradient-form-wrap ul {
        margin: 0px 0px 30px 30px;
        list-style-type: disc;
        font-size: 18px;
    }

.iq-gradient-form {
    margin: 0px 0px 30px;
}

    .iq-gradient-form .form-group {
        margin-bottom: 30px;
    }

        .iq-gradient-form .form-group label {
            margin-bottom: 5px;
            font-weight: 700;
            color: #4F3674;
            font-size: 18px;
        }

        .iq-gradient-form .form-group input {
            border-radius: initial;
            border: 1px #4F3674 solid;
        }

        .iq-gradient-form .form-group select.form-control {
            border-radius: initial;
            border: 1px #4F3674 solid;
        }

    .iq-gradient-form .iq-form-cta-button {
        padding: 10px;
        background-color: #FFF;
        color: #4F3674;
        font-weight: 700;
        font-size: 18px;
        text-align: center;
        display: block;
        transition: all .25s ease-in-out;
        border: 1px #4F3674 solid;
    }

        .iq-gradient-form .iq-form-cta-button:hover {
            background-color: #4F3674;
            color: #FFF;
            font-weight: 700;
            text-align: center;
            display: block;
            text-decoration: none;
        }

    .iq-gradient-form p.form-step-counter {
        margin: 10px 0px 0px;
        font-size: 16px;
        text-align: center;
        display: block;
        color: #4F3674;
        font-weight: 700;
    }

.loading-bar-wrap {
    margin: 30px 0px 0px;
    padding: 0px;
    background-color: #F5F5F5;
}

.loading-bar-step-1 {
    width: 33%;
    height: 10px;
    background-color: #D6A800;
}

.loading-bar-step-2 {
    width: 66%;
    height: 10px;
    background-color: #D6A800;
}

.loading-bar-step-3 {
    width: 100%;
    height: 10px;
    background-color: #D6A800;
}

p.mobile-rfi-fine-print {
    color: #000;
}

.footer-section-wrap {
    margin-top: 0px;
}

@media (max-width: 767px) {

    .angled-edge {
        background: none;
        background-size: initial;
        background-position: initial;
        background-color: #4F3674;
    }

    .grey-slant-edge {
        background: none;
        background-size: initial;
        background-position: initial;
        background-color: #e0e0e0;
    }

    .degree-category-card {
        min-height: initial !important;
    }

    .iq-gradient-background-angle {
        background: none;
        background-size: initial;
        background-position: initial;
        background-color: #4F3674;
    }

    .mobile-hero-image {
        background-position: center top;
        min-height: 300px;
        background-size: cover;
    }

    .hero.js-random-hero {
        background-image: none;
    }

    .content-section-1280.js-random-hero {
        padding: 0px;
        background: none;
    }

    .hero-content-items {
        padding: 50px 50px 0px;
        max-width: inherit;
    }

        .hero-content-items h1 {
            font-size: 45px;
            line-height: 49px;
        }
}

@media (min-width: 768px) and (max-width: 1279px) {

    .iq-gradient-background-angle {
        background: none;
        background-size: initial;
        background-position: initial;
        background-color: #4F3674;
    }

    .js-random-hero {
        background-image: unset;
    }

    .rand-hero-1 {
        background: #e2e8e4 url(/images/homepage-education-hero.jpg) no-repeat 0px top;
        background-size: auto 100%;
    }

    .rand-hero-2 {
        background: #fefefe url(/images/homepage-tech-hero.jpg) no-repeat -150px top;
        background-size: auto 100%;
    }

    .rand-hero-3 {
        background: #fdfdfd url(/images/homepage-business-hero.jpg) no-repeat -80px top;
        background-size: auto 100%;
    }

    .rand-hero-4 {
        background: #d2cac7 url(/images/homepage-humanities-hero.jpg) no-repeat 0px top;
        background-size: auto 100%;
    }

}

@media (max-width: 992px) {

    .hero-content h1 {
        color: #4F3674;
        font-size: 45px;
        line-height: 48px;
        font-weight: 700;
    }

    .iq-gradient-form .form-group label {
        color: #FFF;
    }

    .iq-gradient-form p.form-step-counter {
        color: #FFF;
    }

    .mobile-rfi-fine-print {
        color: #FFF !important;
    }

    .flex-container {
        min-height: initial;
    }

}

@media (min-width: 993px) {

    .iq-gradient-background-angle {
        background: linear-gradient(to top right, transparent 50%, #FFF 50%) no-repeat, linear-gradient(to top right, transparent 0.1%, #FFF 0.1%) no-repeat;
        background-size: 0% 0%, 50% 100%;
        background-position: 54% 0%, 100% 0%;
        background-color: #4F3674;
    }

}