/****-----DLGP------****/

.circleBg-intro {
    margin-bottom: 0rem;
    margin-top: -3rem;
    padding-top: 3rem;
    padding-bottom: 4rem;
	 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%;
}
#intro h2.thirsty-mix {
    text-transform: uppercase;
    letter-spacing: .12rem;
    font-weight: 600;
    font-size: 1.8rem;
    font-family: var(--gfVars-bodyFont);
    margin-top: 3em;
}
#intro h2 span {
    font-family: var(--gfVars-thirstyFont);
    color: var(--gfColors-slate100);
    font-size: 3.75rem;
    letter-spacing: normal;
    text-transform: none;
    margin-right:.75rem;
}
.call-out-orange {
    border-left: 2px solid var(--gfColors-seminaryOrangeText);
    padding-left: 1.5rem;
    margin-left: 1rem;
}
h2.u-lineHeader::after {
    background-color: var(--gfColors-seminaryOrangeText);
}
h3.goldLine a {
    line-height: 1.2;
}

@media (max-width: 991.98px) {
	 .circleBg-intro {
		padding-top: 2rem;
		background-size: min(50vw, 50%);
        background-position-y: 4%;
        background-position-x: -20%;
        margin-bottom: 0rem;
	}
	.circleBg-intro img {
	    width:350px;
	} 
}
@media (max-width: 767.98px) {
	 .circleBg-intro {
		background-image: none;
		margin-top: -3rem;
        padding-bottom: 1rem;
	}
	#intro h2.thirsty-mix span {
	    font-size: 3rem;
	}
	
	#intro h2.thirsty-mix {
	    font-size: 1.5rem;
	}
	h2.u-lineHeader {
	    row-gap:1.25rem;
	}
	#dlgpHome .alternatingPhotos-holder {
	    padding-top:0;
	}
	#dlgpHome .alternatingPhotos-content {
        margin-bottom: 0;
	}
	#dlgpHome .alternatingPhotos-holder img, #dlgpHome .alternatingPhotos-content img {
	    width:350px;
	}
}





@media(min-width:992px) {
    .w-lg-80 {
        width: 80%;
    }
    .w-lg-80-centered {
        width: 80%;
        margin:0 auto;
    }
    .circleBg-intro {
        background-size: min(35vw, 30%);
        background-position-x: -20%;
    }
    .circleNav-item-image {
        margin: 2rem;
    }
}

@media (min-width: 1400px) {
    .circleBg-intro {
		background-size: min(24vw, 25%);
        background-position-x: -10%;
        background-position-y: 10%;
	}
}
@media(min-width:2000px){
    .circleBg-intro {
    	 background-size: min(40vw, 20%);
    	 background-position-x: 21%;
    }
}


/* Related Programs */

h2.goldHeading {
	 position:relative;
}
 h2.goldHeading > span {
	 font-size: 1rem;
	 font-family: var(--gfVars-bodyFont);
	 text-transform: uppercase;
	 letter-spacing: .15rem;
	 display:block;
	 position: relative;
}
 @media(min-width:767.98px) {
	 h2.goldHeading > span {
		 display: grid;
		 grid-template-columns: auto 1fr;
		 gap: 1rem;
		 align-items: center;
		 padding-bottom: 1rem;
	}
	 h2.goldHeading > span::after {
		 content: "";
		 height: 1px;
		 background-color: var(--gfColors-slate45);
		 width: 100%;
		 position: absolute;
		 background-position: bottom;
		 top: .4rem;
		 position: absolute;
		 grid-column: 2;
	}
}
 @media(max-width:767.98px) {
	 h2.goldHeading span {
		display:none;
	}
}