.u-gfColors-slate100 {
    color: #7998ac ! important;
}

#engineeringExperience {
    background-image:url(/college-admissions/academics/article/_assets-engineering-freshman/images/eng-gear-double.svg);
    background-repeat:no-repeat;
    background-size:42%;
    background-position: right -15% center;
}
#eng-lists .alternatingPhotos-holder {
    grid-template-columns: .5fr 1fr;
}
#seniorDesignEng #eng-lists .alternatingPhotos-holder {
	 grid-template-columns: .65fr 1fr;
}
#seniorDesignEng #eng-lists .alternatingPhotos-holder img {
    margin-bottom:3rem;
}
#eng-lists .alternatingPhotos-after-afterContent {
    position:relative;
}

#eng-lists .alternatingPhotos-after-afterContent::before {
    content:"";
    width:100%;
    height:2px;
    background-color:var(--gfColors-gold);
    position:absolute;
    top:1rem;
    left:calc((-100% - .75rem));
    display:block;
}
#eng-lists .alternatingPhotos-after-afterContent::after {
    content:"";
    width:6px;
    height:6px;
    background-color:var(--gfColors-gold);
    border-radius:50%;
    position:absolute;
    top: calc(1rem - 2px);
    left: calc((-1rem + 3px));
    display:block;
}



@media (min-width:992px) {
    #eng-lists .alternatingPhotos-holder {
        grid-template-columns: .65fr 1fr;
    }
}
    
@media (min-width:992px) {
    .w-md-85 {
        width:85%;
    }
}

@media (max-width:767.98px) {
    #engineeringExperience {
        background-size:62%;
    }
    #eng-lists .alternatingPhotos-holder {
        grid-template-columns: 1fr;
        row-gap: 0;
        padding-top:0;
    }
    #eng-lists .alternatingPhotos-content {
        justify-self: start;
    }
    #eng-lists .alternatingPhotos-after-afterContent::before, #eng-lists .alternatingPhotos-after-afterContent::after {
        display:none;
    }
}


/* -----Senior Design ---- */
/*
#seniorDesignEng {
    background-image:url(/college-admissions/academics/article/_assets-engineering-senior/images/eng-board.svg);
    background-repeat:repeat-y;
    background-size: 35%;
    background-position: right -5% top 6%;
}


@media (max-width:767.98px) {
    #seniorDesignEng {
        background-size:62%;
        background-position: right -5% top 45%;
    }
}
*/

#seniorDesignEng .cardGroup-card-content h3 {
    position:relative;
}
#seniorDesignEng .cardGroup-card-content h3::after {
    content:url(/college-admissions/academics/article/_assets-engineering-senior/images/gold-doodle.svg);
    width:7rem;
    height:2rem;
    display:block;
    position:absolute;
    top:-3rem;
    left:7rem;
}

@media (max-width:767.98px) {
    #seniorDesignEng .cardGroup-card-content h3::after {
        width: 4rem;
        height: 1rem;
        top: -1.5rem;
    }
    #seniorDesignEng .u-grid2Columns {
        row-gap:0;
    }
}

/* ---- Why Choose Engineering ---- */

#whyEngineering h2 span {
    color:var(--gfColors-slate100);
    font-family: var(--gfVars-thirstyFont);
}
#externalResources {
    background-image:url(/academics/undergrad/departments/engr/_assets-benefits/images/eng-gear-navy.svg), url(/academics/undergrad/departments/engr/_assets-benefits/images/circuit-board-navy.svg);
    background-repeat:no-repeat;
    background-size: 24%, 40%;
    background-position: center bottom 10px, right -30px bottom 20px;
}
#externalResources p.lead span {
    position:relative;
}
#externalResources p.lead span::after {
    content:url(/college-admissions/academics/article/_assets-engineering-senior/images/gold-doodle.svg);
    width: 5rem;
    height: 2rem;
    display: block;
    position: absolute;
    top: -1.5rem;
    left: 7rem;
}

@media (max-width:767.98px) {
    #externalResources {
        background-size: 42%, 40%;
    }
    #externalResources p.lead span::after {
        width: 4rem;
        height: 1rem;
        top: -1rem;
        left: 6rem;
    }
}

/* ---- Outstanding Seniors ---- */

#seniors .u-grid2Columns {
    grid-template-columns: auto 1fr;
    grid-column-gap: 2rem ! important;
    border-bottom: 2px solid var(--gfColors-slate30);
    margin-bottom:3rem;
}
#seniors .u-grid2Columns p {
    margin-top:0;
}

@media (max-width:400px) {
    #seniors .u-grid2Columns {
        grid-template-columns: 1fr;
    }
}