.call-out {
	 border-left: 2px solid var(--gfColors-gold);
	padding-left: 2rem;
    margin-left: .5rem;
}
p.call-out {
     border-left: 2px solid var(--gfColors-gold);
    padding-left: 1rem;
    font-weight: bold;
    color: white;
    font-size: 1.2rem;

}
 ul.u-grid2Columns {
	 gap:0;
	 column-gap: 1rem;
}
.goldLine {
	 position: relative;
	 margin-bottom: 3rem;
}
 .goldLine::after {
	 content: "";
	 position: absolute;
	 left: 0;
	 bottom: -1.5rem;
	 background-color: var(--gfColors-gold);
	 width: 3ch;
	 height: 3px;
}
/* Programs index */
#marriage-family-counseling_component img, #school-psychology_component img {
    width: clamp(400px, 45vw, 450px);
}
@media(max-width:767.98px) {
    #marriage-family-counseling_component img, #school-psychology_component img {    
        margin-top: 2rem;
}
}
@media (max-width: 991.98px) {
.sideBySide--lightSlateFullWidth .sideBySide-content, .sideBySide--navyFullWidth .sideBySide-content {
    padding: 3rem 2rem;
}
}

/*Masters Clinical Mental Health Counseling*/

#counseling-intro h2 {
    font-size: 1.3em;
    letter-spacing: .05rem;
    font-weight: 600;
    font-family: var(--gfVars-bodyFont);
    color: var(--gfColors-slate100);
    text-transform:uppercase;
}
#counseling-intro h2 span {
    font-size: 3em;
    letter-spacing: 0;
    text-transform:capitalize;
    color: var(--gfColors-navyAccent);
    padding-bottom: .8rem;
}
#counseling-intro img{
	 width: clamp(400px, 45vw, 560px);
}
#licensure {
    background-color: var(--gfColors-slate30);
}
#employment span {
    font-size: 2rem;
    color: var(--gfColors-red);
    line-height: 1;
}
@media(max-width:504px) {
    #counseling-intro h2 span {
    font-size: 2em;
    }
}
@media(min-width:1200px) {
#counseling-intro img {
     margin-top: 3rem;
}
}

/* Marriage and family counseling */

@media(min-width:992px) {
    .sectionBanner--longHeading .sectionBanner-titleHolder h1.sectionBanner-titleHolder-title {
    font-size: 4rem;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.sectionBanner--longHeading .sectionBanner-titleHolder h1.sectionBanner-titleHolder-title {
    font-size: 2.5rem;
}
}
#familyCounseling-intro h2 {
    font-size: 1.3em;
    letter-spacing: .05rem;
    font-weight: 600;
    font-family: var(--gfVars-bodyFont);
    color: var(--gfColors-slate100);
    text-transform:uppercase;
}
#familyCounseling-intro h2 span {
    font-size: 3em;
    letter-spacing: 0;
    text-transform:capitalize;
    color: var(--gfColors-navyAccent);
    padding-bottom: .8rem;
}
#familyCounseling-intro img{
	 width: clamp(400px, 45vw, 560px);
}
@media(max-width:504px) {
    #familyCounseling-intro h2 span {
    font-size: 2em;
    }
}
@media(min-width:1200px) {
#familyCounseling-intro img {
     margin-top: 3rem;
}
}
#familyLicensure h3 {
    position: relative;
}
#familyLicensure h3::before {
    display: block;
    position: absolute;
    content: "";
    background-color: var(--gfColors-gold);
    background-size: contain;
    top: 1rem;
    right: calc(100% + 1rem);
    width: 540px;
    height: 2px;
    z-index: 2;
}
#famCurriculum img{
	 width: clamp(400px, 45vw, 500px);
}
#famEmployment {
    background-color: var(--gfColors-slate30);
}
 #famEmployment span {
	 font-size: 2rem;
	 color: var(--gfColors-red);
	 line-height: 1;
	 white-space: nowrap;

}
#timStory .longStory-content>:first-child::first-letter {
    color: #fff;
    font-family: alternate-gothic-atf,Impact,Charcoal,sans-serif;
    font-weight: normal;
    font-size: 1em;
    line-height: 1;
    margin: 0;
    float: left;
}
#timStory h2 span {
    display:block;
    text-transform: uppercase;
    font-family: var(--gfVars-bodyFont);
    font-size: 1.4rem;
    margin-top: .6rem;
    letter-spacing: .08em;
    color: var(--gfColors-slate45);
}
#timStory .longStory-image {
    max-width: min(100%, 400px);
}
@media (max-width: 991.98px) {
#timStory.longStory::after {
    height: 10rem;
}
}

/* School counseling Masters */
@media (max-width: 488px) {
#school-intro h2 span {
    display:block;
    margin-top:.5rem;
}
}
#school-intro img{
	 width: clamp(400px, 35vw, 475px);
}
@media(min-width:1200px) {
#school-intro img {
     margin-top: 3rem;
}
}
#school-philosophy .sideBySide-image {
    background-position-x: 82%;
}
#field {
    margin-top:0;
}
#field .stepList-item-heading {
    font-weight: 100;
}
#field .stepList-item-heading {
   
    font-size: 1rem;

}
#field .stepList-item {
    border-top: none;
    padding: 1rem 0;
}
#field .stepList-item:last-child {
    border-bottom: none;
}
@media (max-width: 767.98px) {
    #field ol  {
    padding-left: 0rem;
}
}

#programDeets .u-grid3Columns.u-grid2Contents {
    grid-template-columns: 1fr auto 1fr;
    column-gap: 4rem;
}
.slate-vertical {
    background-color: var(--gfColors-slate100);
    width: 1px;
    display: flex;
    justify-self: center;
}
@media (max-width: 767.98px) {
#programDeets .u-grid3Columns.u-grid2Contents {
    grid-template-columns: 1fr;
    row-gap: 2rem;
}
}
@media(max-width:767.98px) {
    .text-center.mt-5 p{
        text-align:left;
        
    }
}
.u-gfColors-slate80 {
    color: #94adbd !important;
}
@media (min-width:1200px) {
.text-center.mt-5 p{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
}
/* Certificate in School Counseling */

span.u-thirstySoftExtraBold.u-gfColors-gold {
    font-size: 2em;
    line-height: 0;
    padding-left: .2rem;
    padding-right: .2rem;
}
#schoolCounseling-intro .stepList-item {
    border-top: none;
    padding: 1rem 0;
}
#schoolCounseling-intro .stepList-item:last-child {
    border-bottom: none;
}
#schoolCounseling-intro .stepList-item-content {
    padding-left: 2rem;
}
#schoolCounseling-intro  .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;
}
#school-program img {
	 width: clamp(400px, 45vw, 500px);
}

.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 {
    background-size: min(42vw, 45%);
    padding-bottom: 4rem;
    margin-bottom: 0;
}
@media(min-width:992px) { 
    #quoteButton .button {
    margin-left: 275px;
}
}
@media (max-width:575.98px) {
	 .circle-bg.circle-bg--offset {
		 background-image:none;
	}
}
@media(min-width:1200px) {
    .circle-bg.circle-bg--offset {
    background-size: min(42vw, 27%);
    background-position-x: 10%;
}