#dptAdmissions .stepList--check .stepList-item::before {
    width:27px;
    height:27px;
}
#dptAdmissions .stepList-item-content {
    padding-left: 2rem;
}
@media (max-width: 575.98px) {
    .stepList-item-content {
        padding-left: 2rem;
    }
}



#studentProfiles .u-containerLeftMargin.u-grid2Columns {
    grid-template-columns:1fr auto;
}
#studentProfiles .table {
    max-width:992px;
}
#studentProfiles .circle img {
    clip-path: circle(50% at 65% 50%);
    width: clamp(300px, 30vw, 400px);
    margin-top: -5rem;
}



#dptAdmissions .datesCallout--row .datesCallout-item {
    grid-template-columns: 25% 1fr;
}
    
@media (max-width:767.98px) {
    #studentProfiles .u-containerLeftMargin.u-grid2Columns {
        grid-template-columns: 1fr;
        gap: 0;
        margin-right: 10px;
    }
    #dptAdmissions .datesCallout--row .datesCallout-item {
        grid-template-columns: 1fr;
        gap: .5rem;
        padding-bottom: .5rem;
    }

}


#dptAdmissions ul.u-highlightList li::before {
    border-color: transparent #fdb814;
    top: .9em;
}    

@media (min-width:768px) {
    #dptAdmissions table {
        width:85%;
    }
}
@media (min-width:992px) {
    #dptAdmissions table {
        width:100%;
    }
}
@media (min-width:1200px) {
    .w-85 {
        width:85%;
        max-width: 992px;
    }
}


.circle-bg {
    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(44vw, 45%);
}
.circle-bg#applyOnline {
	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(44vw, 45%);
    background-position-y: bottom;
    background-position-x: -15%;
    padding-bottom: 3rem;
    margin-bottom: 0;
}

@media (max-width:767.98px) {
    .circle-bg {
        background-size: min(55vw, 48%);
    }
    #applyOnline {
        background-size: min(55vw, 48%);
        background-position-y: -4rem;
        background-position-x: -20%;
        padding-bottom: 0;
    }
    #compassion #intro .u-containerLeftMargin {
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (max-width:575.98px) {
    .circle-bg {
        background-size: min(75vw, 70%);
    }
    #applyOnline {
        background-size: min(75vw, 70%);
    }
}
@media (min-width:1200px) {
    #strength .circle-bg {
        background-size: min(30vw, 40%);
    }
}
@media (min-width:1700px) {
    #strength .circle-bg {
        background-image:none;
    }
}



#services_component.cardGroup--alternatingNavyStart .cardGroup-card:nth-child(2n-1) .cardGroup-card-content a:not(.button), #services_component.cardGroup--alternatingNavyStart .cardGroup-card:nth-child(2n-1) .cardGroup-card-content, #services_component.cardGroup--alternatingNavyStart .cardGroup-card:nth-child(2n-1) .cardGroup-card-content a:not(.button):hover {
    box-shadow:none;
}
#services_component.cardGroup--alternatingNavyStart .cardGroup-card:nth-child(2n-1) .cardGroup-card-content a:not(.button):hover {
    color:#2f86fc;
}
#services_component .cardGroup-card-content h3 {
    position: relative;
    margin-bottom:3rem;
}
#services_component .cardGroup-card-content h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    background-color: var(--gfColors-gold);
    width: 3ch;
    height: 3px;
}
#services_component .accordionBlock-body {
    padding-left: 0;
}
#services_component .accordionBlock-heading {
    padding-top:0;
    padding-bottom:0;
}
#services_component .accordionBlock-item {
    border-top: 1px solid #7998ac;
}
#services_component .accordionBlock-item:last-child {
    border-bottom: 1px solid #7998ac;
}

#services_component .accordionBlock-heading::before {
    z-index: 1;
    background:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='plus' class='svg-inline--fa fa-plus fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%237998ac' d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
    margin-right: 0.5rem;
    margin-top: -3px;
}

#servicesLocal.wysiwyg--slate {
    background: rgb(207,216,226);
    background: linear-gradient(90deg, rgba(207,216,226,1) 12%, rgba(207,216,226,1) 12%, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 100%);
}


.brush-underline {
    position:relative;
}
.brush-underline::after {
    content: "";
    width: 245px;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: -40px;
    background-image: url(/__template/t1/images/doodle-illustrations/gold-underline.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    transform: rotate(3deg);
}
#picNavs .u-grid2Columns {
    gap:2rem;
}
#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.1);
}
#picNavs .circle-image::before {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-color: #084d93;
    opacity: 0.5;
    border-radius: 50%;
    z-index: 10;
}
#picNavs .circle-image:hover::before {
    opacity:.4;
}
#picNavs .circle-image h3 {
    color: white;
    font-size: clamp(1rem, 2.5vw, 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);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .1rem;
    position: absolute;
    top: 1rem;
    left: 0px;
    z-index: 20;
}
#picNavs .circle-image h3 a {
    position: relative;
    color: var(--gfColors-slate15);
    display: block;
}



@media (min-width: 992px) {
    #picNavs .u-grid2Columns {
        width: 80%;
        margin: 0 auto;
        gap: 3rem;
    }
    #picNavs .circle-image::after {
        top:5rem;
    }
    #picNavs #identity.circle-image::after {
        top:6rem;
    }
}
@media (max-width: 767.98px) {
    #picNavs .u-grid2Columns {
        gap:2rem;
        justify-items: center;
    }
    #picNavs .circle-image, #picNavs .circle-image::before {
        height: clamp(250px,45vw,350px);
        width: clamp(250px,45vw,350px);
    }
    #picNavs .circle-image::after {
        top:5rem;
    }
    #picNavs #identity.circle-image::after {
        top:6rem;
    }
}    
    
    
p.asterisk {
    position:relative;
}
p.asterisk::before {
    content:url(/__template/t1/images/gold-asterisk.svg);
    position:absolute;
    width: 40px;
    height: 40px;
    left: -2rem;
    top: -.5rem;
    display: block;
}
@media (max-width: 575.98px) {
    p.asterisk::before {
        width: 30px;
        height: 30px;
        left: -.5rem;
        top: -1.25rem;
    }
}

#career .circle-bg {
    background-position-x: -15%;
}

@media (min-width: 768px) {
    #career img.u-circlePhotoSimple {
        margin-bottom:-1rem;
    }   
}

span.slate-highlight {
    background-color: var(--gfColors-slate30);
    color: var(--gfColors-navy);
    padding: 0em 0.4em;
}
span.slate-highlight a {
    color: var(--gfColors-navy);
}

#accreditation .u-grid2Columns {
    grid-template-columns:auto 1fr;
    gap:.75rem;
}
#accreditation .u-grid2Columns img {
    margin-top:1rem;
}
@media (max-width: 575.98px) {
    #accreditation .u-grid2Columns {
        grid-template-columns:1fr;
        gap:0;
    }
}
@media (max-width: 767.98px) {
    #innovation #intro .h2 {
        font-size: 2.7rem;
        line-height: 1.3;
    }
    #strength #intro .h2 {
        font-size: 2.5rem;
        line-height: 1.4;
    }
    #strength #intro h2.u-gold-after:first-child {
        margin-bottom:2rem;
    }
    #strength #intro h2.u-gold-after:first-child::after {
        bottom:-.75rem;
    }
}
@media (max-width: 410.98px) {
    #innovation #intro .h2, #strength #intro .h2 {
        display: block;
        margin-top: 0.5rem;
    }    
}
@media (min-width: 1200px) {
    #research-heading_component {
        margin-top:7rem;
    }
}

#innovation #research .stepList-item:last-child {
    border-bottom: none;
}
#innovation #research .stepList-item:first-child {
    border-top:none;
}


#strength .cardGroup-card-content h3 {
    position:relative;
    margin-bottom:3rem;
}
#strength .cardGroup-card-content h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    background-color: var(--gfColors-gold);
    width: 3ch;
    height: 3px;
}


/*
#picNavs .circle-nav {
    border-radius: 50%;
    position: relative;
    width: fit-content;
    height: auto;
    align-items: center;
    justify-self: center;
    display: block;
    overflow: hidden;
}
#picNavs .circle-nav h3 {
    color: var(--gfColors-slate15);
    font-size: clamp(1.5rem, 2.5vw, 1.5rem);
    font-weight: 600;
    font-family: var(--gfVars-bodyFont);
    text-transform: uppercase;
    letter-spacing: .1rem;
    text-align:center;
    margin: auto;
    padding: 0px;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 45%;
    left: 0.5%;
    right: 0.5%;
}
*/

#picNavs .circle-nav {
    border-radius: 50%;
    position: relative;
    width: fit-content;
    align-items: center;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#picNavs .circle-nav h3 {
    color: var(--gfColors-slate15);
    font-size: clamp(1.5rem, 2.5vw, 1.5rem);
    font-weight: 600;
    font-family: var(--gfVars-bodyFont);
    text-transform: uppercase;
    letter-spacing: .1rem;
    position: absolute;
    top: 40%;
}

#picNavs .circle-nav h3 a {
	color: var(--gfColors-slate15);
	box-shadow:none;
}
#picNavs .image-in-circle {
	display: flex;
    justify-content: center;
    align-items: center;
}
#picNavs .image-in-circle::after {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-color: #084d93;
    opacity: 0.5;
}

#picNavs .image-in-circle img {
    width:100%;
    height:100%;
    transition: all .5s;
}
#picNavs .image-in-circle:hover img {
  transform: scale(1.1);
}

.circleNav-before-beforeContent {
    padding-right: 0;
}