#minors { display: none; }

.healthdegree__btn {
    background-color: unset;
    text-align: left;
    border: none;
    border-bottom: 1px solid #D9D9D9;
    padding: 1rem;
    cursor: pointer;
}

.healthdegree__btn:first-of-type {
    border-top: 0px solid #D9D9D9;
}

.healthdegree__btn.active {
    background-color: #7CC2FD;
}

.healthdegreecard {
    display: flex;
    flex-basis: 100%;
    flex-flow: wrap;
    padding: 2rem;
    margin: 0;
    border-top: none;
    cursor: pointer;
    text-decoration: none;
    color: unset;
}

.healthdegrees {
    height: 150vh;
    overflow: hidden;
}

@media (min-width: 62.5rem) {
    .healthdegrees {
        height: 100vh;
    }
}

.healthdegrees__wrapper {
    padding: 6rem 2rem 4rem 2rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
}

@media (min-width: 62.5rem) {
    .healthdegrees__wrapper {
        flex-direction: row;
        gap: 4rem;
    }
}

.healthdegrees__left {
    flex-basis: 30%;
}

.healthdegrees__right {
    flex-basis: 70%;
    position: relative;
    min-height: 0;
}

.healthdegrees__right::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10rem;
  pointer-events: none;
  background: linear-gradient(to bottom,
    rgba(255,255,255,0),
    rgba(255,255,255,1)
  );
}

#degreeFilters button {
    width: 100%;
}

.healthdegrees__content {
    font-size: 1rem;
    padding-right: 1rem;
}

.healthdegrees__name {
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 0;
}

.healthdegrees__cards {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 4rem;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

.healthdegreecard:nth-of-type(odd) {
    background-color: #EDEDED;
}

.healthdegreecard:nth-of-type(even) {
    background-color: #f3f3f3;
}

.healthdegrees__cards--wrapper {
    display: flex;
    margin-top: 0;
    flex-direction: row;
    width: 100%;
    gap: 15%;
}

.healthdegrees__cards--left {
    flex-basis: 90%;
}

@media (min-width: 62.5rem) {
    .healthdegrees__cards--right {
        list-style: none;
        font-size: 1rem;
        margin: 0;
        flex-basis: 10%;
        overflow-x: auto;
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }
}

@media (min-width: 62.5rem) {
    .healthdegrees__right--link {
        flex: 1;
        align-content: center;
    }
}
.healthdegrees__right--link {
    padding-top: 0;
}

.healthdegreecard .link__link-arrow {
    height: 24px;
    width: 36px;
}

.resultsCardRow__wrapper{
    padding:2rem 1rem;
    grid-row-gap:1rem
}
@media (min-width: 62.5rem){
    .resultsCardRow__wrapper{
        padding:2rem 2rem 6rem 2rem;
        grid-column-gap:0;
        grid-row-gap:0px
    }
}

.resultsCardRow__titlecard {
    padding-top: 2rem;
    padding-right: 2rem;
}
.resultsCardRow__titlecard--title h2{
    font-size:3.5rem;
    line-height:3.5rem
}
@media (min-width: 62.5rem){
    .resultsCardRow__titlecard--title h2{
        font-size:3rem;
        line-height:3rem
    }
}
.resultsCardRow__titlecard--content{
    margin-top:1rem;
    margin-bottom:1rem
}
@media (min-width: 62.5rem){
    .resultsCardRow__titlecard--content{
        margin-top:1.5rem
    }
}

.resultscard{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    height:100%;
    background-color:#d7d3cc !important;
    padding: 0;
}
@media (min-width: 62.5rem){
    .resultscard{
        margin-bottom:0
    }
}

@media (min-width: 62.5rem) {
.resultsCardRow__wrapper > .resultscard:nth-of-type(2) {
  padding-left: 2rem;
}
}

@media (min-width: 62.5rem) {
.resultsCardRow__wrapper > .resultscard:nth-of-type(4) {
  padding-right: 2rem;
}
}
.resultscard a{
    background-color: #D9D9D9 !important;
}
.resultscard .link__item{
    border-bottom:1px solid #0C2340 !important
}
.resultscard__wrapper{
    flex:1;
    padding:2rem;
    display:flex;
    flex-direction:column;
    width:100%
}

.resultscard__wrapper--top{
    flex:1;
    align-content:start
    text-align: center;
}
@media (min-width: 62.5rem){
    .resultscard__wrapper--top{
        text-align: left;
    }
}
.resultscard__wrapper--bottom{
    flex:1;
    align-content:end
}
@media (min-width: 62.5rem){
    .resultscard__wrapper--bottom{
        margin-top:2rem
    }
}
.resultscard__wrapper--bottom__content{
    flex:1;
    display:flex;
    flex-direction:column
}
.resultscard__headline{
    font-size: 5rem;
    line-height: 6rem;
    font-weight:400;
    text-align: left;
}

.resultscard__subhead {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.25rem;
    text-align: left;
}

.resultscard__content{
    margin-top:1rem
}

.resultscard__content p {
    line-height: 1.5rem;
}

.healthpath {
    background-color: #0033a0;
    background-size: 100%;
}

.healthpath__wrapper {
    padding: 6rem 2rem;
}

@media (min-width: 62.5rem){
    .healthpath__wrapper {
        padding: 12rem 2rem 6rem 2rem;
    }
}

.healthpath__top {
    width: 100%;
}

@media (min-width: 62.5rem){
    .healthpath__top {
        width: 50%;
    }
}

.healthpath__bottom {
    gap: 4rem;
    margin-top: 2rem;
}

.healthpath__card {
    border: 2px solid #7CC2FD;
    padding: 2rem 4rem;
    align-content: center;
    background: #0033a0;
}