.welcome {
    padding-top:3rem;
}
.u-gfColors-gold {
       color: var(--gfColors-gold) !important;
}
.sectionBanner, .sectionBanner-titleHolder {
    margin-bottom: 0 !important;
}
.welcome .circle.circle-off-right img {
    clip-path: circle(50% at 65% 50%);
    width: clamp(300px, 40vw, 420px);
}
@media(min-width:992px) {
.welcome .container {
    max-width: 100%;
        padding-right: 0;
}
}
@media (min-width: 1720px) {
.circle-off-right img {
    clip-path: circle(50%);
}
.welcome .u-containerLeftMargin {
    margin-right: calc(50% - 767px);
}
}
@media(min-width:1600px) {
   .welcome .circle.circle-off-right img {
    clip-path: circle(50%);
    width: 450px;
    margin-left: 2rem;
}
.welcome  {
    padding-right: 5%;
}
}

@media(max-width:992px) {
    .welcome {
        background-color: var(--gfColors-navyAccent);
    }
}
#care-operations h2 {
    text-align:center;
    text-transform: uppercase;
    letter-spacing: .15rem;
    }
    
#image-banner {
    margin-bottom: -10rem;
}
.imageBanner-image {
    position:relative;
}
.imageBanner-image::after {
    content: "";
   /*background-image:url('/offices/student-life/_assets-index/images/white-tree.svg');*/
    width: 10rem;
    height: 10rem;
    position: absolute;
    bottom: 0rem;
    right: 3rem;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

.imageBanner-content-text h2 {
    color: var(--gfColors-gold);
    font-family: 'ThirstySoftExtraBold';
}
.imageBanner-content {
    text-align: left;
        padding-right: 0;
}
.imageBanner-image {
        height: clamp(15rem, 37vw, 33rem);
}

.circleNav-item-image::after {
        opacity: .35;
}
 .bg-circle{
	 position:relative;
}
 .bg-circle::before {
	 content: "";
	 height: 24rem;
	 width: 24rem;
	 display: block;
	 background-color: var(--gfColors-slate15);
	 border-radius: 50%;
	 position: absolute;
	 top: -7rem;
	 left: -12rem;
	 z-index: -1;
}
	 .bg-circle::after {
		 content: "";
		 height: 15rem;
		 width: 15rem;
		 display: block;
		 background-color: var(--gfColors-slate15);
		 border-radius: 50%;
		 position: absolute;
		 top: 8rem;
		 right: 16rem;
		 z-index: -1;
	}
@media (max-width:992px) {
    .bg-circle::after {
        height: 12rem;
        width: 12rem;
        top: 40rem;
        right: 10rem;
    }
}

#engagement h3 {
    font-family: var(--gfColors-bodyText);
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: .1em;
}
#engagement .alternatingPhotos-image::after {
    content: "";
    width: 5rem;
    height: 2px;
    background-color: var(--gfColors-gold);
    position: absolute;
    right: 25px;
    top: 50%;
    bottom: -2rem;
}
#engagement .nav-item:nth-child(odd) .alternatingPhotos-image::after {
    left: 25px;
}

#engagement .alternatingPhotos-image {
    position: relative;
}
@media(max-width:768px) {
#engagement .alternatingPhotos-image::after {
    content: "";
    height: 5rem;
    width: 2px;
    background-color: var(--gfColors-gold);
    position: absolute;
    left: 50%;
    top: auto;
    bottom: -2rem;
}
.imageBanner-image::after {
    display:none;
}
 .bg-circle::after {
     display:none;
 }
 .imageBanner-content-text h2 {
     margin-left:0;
 }
}

@media(min-width:767.98px) {
    #engagement img.alternatingPhotos-image.u-circlePhotoSimple.u-circleOutline:hover {
    transform: scale(1.05) rotate(5deg);
    }
    #engagement img.alternatingPhotos-image.u-circlePhotoSimple.u-circleOutline {
    transition: all .5s;
    }
    .alternatingPhotos-holder {
    row-gap: 0rem;
    column-gap: 2rem;
    }
    #engagement .nav-item h3 {
     margin-top:0;
    }

    .imageBanner-content {
    text-align: left;
    padding: 3rem 3rem 3rem 4rem;
    }
    .government {
    position:relative;
    }
    .government::after {
    content:"";
    background-image:url('/offices/student-life/_assets-index/images/gold-gavel.png');
    background-repeat:no-repeat;
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: -4rem;
    right: calc(106% - 205px);
    background-size: contain;
}

}

@media (max-width:1200px) {
    #engagement {
        background-size: min(60vw, 59%), min(39vw, 35%);
    }
}
@media(max-width:405px){
    #engagement h2 {
    font-size:2.55rem;
}
}

.starred {
    position:relative;
}
.starred::after {
    content:"";
    background-image:url('/__template/t1/images/doodle-illustrations/navy-stars.svg');
    background-repeat:no-repeat;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: -4rem;
    right: calc(135% - 200px);
}

@media (min-width:768px) {
     .resource-grid {
    grid-template-columns:1fr 1fr;
}
}

@media (min-width:1200px) {
    .starred::after {
        right: calc(135% - 200px);
    }
    .resource-grid {
    grid-template-columns:1fr 1fr 1fr;
    }
    #engagement .alternatingPhotos-holder {
            padding-inline: 4rem;
    }
    .alternatingPhotos-image {
    max-width: 400px;
    }
     #engagement .pennington {
    position:relative;
    }
    #engagement .pennington::after {
    content: "";
   background-image:url('/offices/student-life/_assets-index/images/pennington-skateboard.png');
    background-repeat: no-repeat;
    width: 120px;
    height: 148px;
    position: absolute;
    top: 2rem;
    right: -8rem;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

}
.resource-grid {
    display:grid;
    gap:1rem;
}
 #student-belonging .stepList-item {
     border-top: 1px solid var(--gfColors-slateText);
 }
 #student-belonging .stepList-item:last-child {
     border-bottom: 1px solid var(--gfColors-slateText);
 }
 #student-belonging .stepList-item-heading::before{
     color:var(--gfColors-navy);
 }
#care-operations h3 a {
    line-height: 1;
} 
#care-operations h3 {
    margin-top: 1rem;
    font-size: 1.4rem;
    font-weight: bold;
    font-family: var(--gfVars-bodyFont);
        line-height: 1.65;
}
#care-operations h3.h3 {
    font-size:2em;
}
.resource-grid div:nth-child(even) {
    background: var(--gfColors-slate15);
     padding: 1rem;
} 
.resource-grid div:nth-child(odd) {
    background: #dfe5ec;
     padding: 1rem;
} 

@media(min-width:768px) and (max-width:1200px) {
    .resource-grid div:nth-child(odd) {
    background: var(--gfColors-slate15);
    }
}
@media(min-width:1200px) {
        .resource-grid div:first-child {
        padding-right: 2rem;
    }
}

.u-gfColors-navy {
    color:var(--gfColors-navy) ! important;
}

#studentLeadership .bg-circle::before {
	height: 15rem;
    width: 15rem;
    left: -10rem;
}
#studentLeadership .bg-circle::after {
	 display:none;
}

@media (max-width:575.98px) {
    #studentLeadership .bg-circle::before {
        left: -6rem;
        top: -5rem;
    }
}

#studentLeadership .add-gold-star {
    position:relative;
}
#studentLeadership .add-gold-star::after {
    content: "";
    background-image: url(/__template/t1/images/doodle-illustrations/gold-stars.svg);
    background-repeat: no-repeat;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: -2.5rem;
    left: -.75rem;
}