.bg-slate15 {
    background-color:var(--gfColors-slate15);
}
a.tighter-leading {
    line-height:1.3;
}

.circleBg-intro {
    margin-bottom: 0rem;
    margin-top: -3rem;
    padding-top: 3rem;
	 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Ccircle cx='300' cy='300' r='300' fill='%23f3f5f8'%3E%3C/circle%3E%3C/svg%3E");
	 background-repeat: no-repeat;
	 background-size: min(20vw, 20%);
	 background-position-y: 10%;
	 background-position-x: 10%;
}
.indented {
	margin-left: 4ch;
}
.clear-both {
    clear:both;
}
.lg-h2 {
	font-size:4rem;
}
.kerning15 {
    letter-spacing:.15rem;
}
.leading-one-point-six {
    line-height:1.6;
}
.u-gfColors-slate100 {
    color:var(--gfColors-slate100) ! important;
}
.u-gfColors-navy {
    color:var(--gfColors-navy) ! important;
}

.thirsty-accent-underline {
    font-size: 3.3rem;
    line-height: 1.5;
    font-family: var(--gfVars-thirstyFont);
    color: var(--gfColors-navy);
    position:relative;
}
.thirsty-accent-underline::after {
    content: "";
    width: 210px;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: -35px;
    background-image: url(/__template/t1/images/doodle-illustrations/gold-underline.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    transform: rotate(2deg);
}

#picNavs {
    display:grid;
}
#picNavs .circle-image {
    position:relative;
    justify-self: center;
    overflow:hidden;
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
#picNavs .circle-image img {
    width:100%;
    height:100%;
    transition: all .5s;
}
#picNavs .circle-image:hover img {
  transform: scale(1.05);
}
#picNavs .circle-image::before {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-color: #0a376f;
    opacity: 0.5;
    border-radius: 50%;
    z-index: 10;
}
#picNavs .circle-image::before: hover {
    opacity:.5;
}
#picNavs .circle-image h3 {
    color: white;
    font-size: clamp(1rem, 2.2vw, 1.5rem);
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    display: grid;
    align-items: center;
    justify-content: center;
    text-transform: none;
    font-family: var(--gfVars-bodyFont);
    position: absolute;
    top: 1rem;
    left: 0px;
    z-index: 20;
}
#picNavs .circle-image h3 a {
    position: relative;
    color: var(--gfColors-slate15);
    display: block;
}
#swIntroHeading p.h2.u-gfColors-slateText {
    font-size: 3.25rem;
    line-height: 1.2;
    font-weight: 400;
    color: #5c7d92;
}

#swIntroHeading p.lead {
    font-size: 1.35rem;
}


#socialworkHome .staffList-person-name.contact-link {
    grid-area:title;
}
#socialworkHome .staffList-person {
	border-bottom: none;
    padding-bottom: 0;
}

#socialworkHome .staffList-afterContent .staffList-heading {
	margin-top: 3em;
}

#meetFaculty {
	display: grid;
	background-image: url(/socialwork/_assets-index/images/faculty-h47a7730.jpg);
	background-size: 80%;
    background-repeat: no-repeat;
    background-position: left;
    place-items: end;
    align-items: start;
    text-align: center;
    max-width: unset;
    margin-top: 0;
    background-color: var(--gfColors-slate30);
}

#meetFaculty  div.faculty-link {
    margin: 2rem;
}
#meetFaculty  div.social-media {
    padding: 1rem 2rem;
    margin: 2rem 1rem 1rem;
    align-self: end;
    justify-self: end;
}
#meetFaculty  div.social-media a, #meetFaculty  div.social-media a:hover {
    box-shadow:none;
}

#meetFaculty  div.social-media img {
    filter: drop-shadow(2px 2px 6px #7998ac);
}
#meetFaculty  div.social-media a:hover img {
    filter: drop-shadow(1px 1px 4px #7998ac);
}
#meetFaculty  h2 {
	 margin: 0;
	 font-size: 2em;
	 letter-spacing:.5px;
}
#meetFaculty s p {
	 color: var(--gfColors-slate45);
	 width: 90%;
	 max-width: 700px;
	 margin-left: auto;
	 margin-right: auto;
	 font-size: 1.2rem;
}




@media (min-width: 992px) {
    #picNavs .divider {
        content: "";
        background-color: var(--gfColors-slate45);
        height:65%;
    }
}

@media (min-width: 1200px) {
    #swIntroHeading {
        background: linear-gradient(
    90deg, rgba(243,245,248,1) 85%, rgba(243,245,248,1) 85.1%, rgba(255,255,255,1) 85.1%, rgba(255,255,255,1) 100%);  
    }
    #fieldExperience p {
        width: 85%;
    }
}

@media (min-width: 768px) {
    #picNavs .u-grid3Columns {
        grid-template-columns: 1fr 1px 1fr;
        gap: 3rem;
        display:grid;
    }
    
    .negative-top-margin15 {
        margin-top: -15rem ! important;
    }
}

@media (max-width: 767.98px) {
	#picNavs .circle-image, #picNavs .circle-image::before {
        height: clamp(250px,45vw,350px);
        width: clamp(250px,45vw,350px);
        margin: 0 auto;
    }
    #picNavs ul li {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    #picNavs ul li::before {
        display:none;
    }
    #picNavs ul {
        position:relative;
    }
    #picNavs ul::after {
        content:"…";
        display:block;
        color:var(--gfColors-gold);
        font-size:3rem;
        text-align:center;
        line-height:.5;
    }
    #picNavs .u-gold-left {
        padding-left: 0;
        border-left: none;
    }
    #swIntroHeading p.h2.u-gfColors-slateText {
        font-size: 2.8rem;
    }
    .thirsty-accent-underline {
        font-size: 3rem;
        line-height: 1.2;
    }
    .thirsty-accent-underline::after {
        width: 180px;
        bottom: -30px;
    }
}

@media (max-width: 575.98px) {
	
    .thirsty-accent-underline::after {
        width: 180px;
        height: 45px;
        bottom: -25px;
    }
    #meetFaculty {
        background-image:none;
    }
    #meetFaculty  div.faculty-link, #meetFaculty  div.social-media {
        justify-self: center;
    }
}

.circleNav-item-image-text {
    font-size: clamp(1.4rem, 2.5vw, 1.5rem);
    padding: 0 1rem;
    line-height: 1.4;
}