.sectionBanner--longHeading .sectionBanner-titleHolder h1.sectionBanner-titleHolder-title {
    line-height: 1;
}
.u-gfColors-gold {
    color: #fdb814 !important;
}
.u-gfColors-slate80 {
    color: #94adbd !important;
}
 .callout-gold {
	 padding-left: 2rem;
	 margin-left: .5rem;
	 border-left: 2px solid var(--gfColors-gold);
}
.clear-both {
    clear:both;
}
.slate15-bg {
    background-color:var(--gfColors-slate15);
}
.bg-white {
    background-color:#fff;
}
#specialCenters #play-therapy {
    margin-top:4rem;
}
h2.gold-after, h3.gold-after {
    position:relative;
    margin-bottom:3rem;
}
h2.gold-after::after, h3.gold-after::after {
    content:"";
    display:block;
    width:3ch;
    height:2px;
    background-color:var(--gfColors-gold);
    position:absolute;
    top:4rem;
}
h3.gold-after::after {
    top:3.75rem;
}
#tracks_component h3.gold-after::after {
    display:none;
}
p span.highlighted {
    background-color: #d7e0e6;
    padding: 0 .25rem;
}
.gold-vertical {
    background-color: var(--gfColors-gold);
    width: 2px;
    display: flex;
    justify-self: center;
}
.gold-vertical.slate {
    background-color: var(--gfColors-slate100);
    width:1px;
}
.u-grid3Columns.u-grid2Contents {
    grid-template-columns: 1fr auto 1fr;
    column-gap: 4rem;
}

.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(20vw, 20%);
	background-position-x: 10%;
}
.circle-bg.circle-bg--offset {
    background-size: min(35vw, 30%);
    background-position-x: -10%;
}
.circle-bg.circle-bg--offset.circle-bg--right {
    background-size: min(42vw, 45%);
    background-position-x: 110%;
    padding-bottom: 4rem;
    margin-bottom: 0;
}
#distinctives.circle-bg {
    background-color:var(--gfColors-slate15);
    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='%23ffffff'%3E%3C/circle%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: min(85vw, 75%);
    background-position-x: -20%;
    background-position-y: bottom;
    padding-top: 6rem;
    padding-bottom: 3rem;
}
#how .stepList-item {
    border-top: none;
    padding: .75rem 0;
}
#how .stepList-item:last-child {
    border-bottom: none;
}
#how .stepList-item::before {
    content: "";
    -webkit-mask:url(/__template/t1/images/check-circle-solid.svg);
    mask: url(/__template/t1/images/check-circle-solid.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    display: inline-block;
    background-color: #fdb814;
    color: #fdb814;
    width: 30px;
    height: 30px;
    top: .5rem;
}
#how .stepList-item-content {
    padding-left: 2rem;
}
#process .stepList-item:first-child {
    border-top:none;
}
#process .stepList-item:last-child {
    border-bottom:none;
}
#process .stepList-item-heading {
    position: relative;
    display: block;
    font-weight: normal;
    line-height: 1.5;
    font-family: auto-pro-new,arial,sans-serif;
    font-size: 1.1rem;
    padding-left: 2rem;
}


#process .stepList-item-heading::before {
    position: absolute;
    left: 0;
    content: counter(step-list-counter);
    display: block;
    background-color: var(--gfColors-gold);
    height: 1.5rem;
    width: 1.5rem;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: normal;
    flex-shrink: 0;
}

#aboutGFU.sideBySide--lightSlateFullWidth .sideBySide-image, .sideBySide--navyFullWidth .sideBySide-image {
    background-position-x:right;
}
#aboutGFU .sideBySide-content {
    padding-top:4rem;
}
#accreditation {
     padding-bottom:3rem;
     margin-top:0;
} 
#accreditation img {
    margin-top: -5rem;
}
#certificateCurriculum h3, #certificatePrerequisite h3 {
    font-size:1.8rem;
    text-transform: uppercase;
    letter-spacing: .2rem;
    color: #415063;
}
#schoolPsyCert #jobOutlook.sideBySide--navyFullWidth .sideBySide-image {
    background-position-x: center;
}

    
@media (min-width:992px) {
    .w-lg-80 {
        width:80%;
    }
    #specialCenters #play-therapy, #specialCenters #internships {
        margin-top:6rem;
    }
    #specialCenters #portland-center {
        margin-top:0;
    }
}
@media (min-width:1200px) {
    #specialCenters #play-therapy {
        margin-top:10rem;
    }
    #accreditation {
        padding-bottom:6rem;
    }    
} 

@media (max-width:991.98px) {
    #specialCenters #portland-center {
        margin-top:3rem;
    }
    #quote.quoteBlock--tiled .quoteBlock-content {
        padding-left: 2.5rem;
    }
    #quote.quoteBlock--tiled .quoteBlock-bio {
        padding-left: 2.5rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    #certificateRequirements h2.gold-after::after {
    	top:7rem;
    }
}

@media (max-width:767.98px) {
    .u-grid3Columns.u-grid2Contents {
        grid-template-columns: 1fr;
        row-gap: 2rem;
    }
    .callout-gold {
        padding-left: 1rem;
        margin-left:0;
    }
    .gold-vertical {
        height: 2px;
        width: 10%;
        justify-self: start;
    }
    h2.gold-after::after, h3.gold-after::after {
        top:3.5rem;
    }
    h2.u-lineHeader {
        row-gap:1rem;
    }
    
    #quote.quoteBlock--tiled .quoteBlock-content {
    	padding: 2rem;
    }
    #quote.quoteBlock--tiled .quoteBlock-content p {
        margin-bottom:0;
    }
    #quote.quoteBlock--tiled .quoteBlock-bio {
        padding-left: 2rem;
    }
    #certificateCurriculum h3, #certificatePrerequisite h3 {
        font-size: 1.5rem;
        color: #415063;
    }
}   

@media (max-width:575.98px) {
    #process ol {
        padding-left: 0;
    }
    .circle-bg.circle-bg--offset {
        background-image:none;
    }
    #distinctives.circle-bg {
    	background-position-y: 5%;
        padding-top: 4rem;
        padding-bottom: 1rem;
    }
}




/*   --- Play Therapy ---   */

#playTherapy .container .container {
    padding-right:0;
    padding-left:0;
}
#playTherapy #who {
	 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-x: 10%;
}
#playTherapy #who .alternatingPhotos-holder {
        grid-template-columns: 1.5fr 1fr;
    }
    
@media (min-width: 992px) {
	 #playTherapy #who {
		background-size: min(45vw, 45%);
        background-position-x: -30%;
	}
}
@media (min-width: 1400px) {
    #playTherapy #who {
		 background-size: min(40vw, 35%);
		 background-position-x: -10%;
	}
}
@media(min-width:2000px){
    #playTherapy #who {
    	 background-size: min(40vw, 20%);
    	 background-position-x: 21%;
    }
}
@media (max-width: 991.98px) {
	 #playTherapy #who {
		 padding-top: 2rem;
		 background-size: min(50vw, 50%);
         background-position-x: -20%;
         margin-bottom: 0rem;
	}
}
@media (max-width: 767.98px) {
	#playTherapy #who {
		 background-image: none;
		 margin-top: -4rem;
	}
    #playTherapy #who .alternatingPhotos-holder {
    	row-gap: 0;
    	padding-bottom: 2rem;
    }
}

#traumaCurriculum .stepList-item-heading::before {
    display:none;
}
#traumaCurriculum .stepList-item-content {
    padding-left: 0;
}

h2.bg-circle {
    position:relative;
    line-height:1.3;
}
h2.bg-circle::before {
    content: "";
    height: 18rem;
    width: 18rem;
    display: block;
    background-color: var(--gfColors-slate15);
    border-radius: 50%;
    position: absolute;
    top: -3rem;
    left: -6rem;
    z-index: -1;
}