/* style base element */
 #academicsHome {
	 margin-bottom:1rem;
}
/* style programs box */
 #academicPrograms {
	 background-color:var(--gfColors-navy);
	 padding:2rem 0;
}
 #academicPrograms .container {
	 display:grid;
	 grid-template-columns: 1fr;
	 gap: 1rem;
}
 #academicPrograms .container a {
	 padding:2rem;
	 background-color:var(--gfColors-navyAccent);
	 color:var(--gfColors-slate45);
	 box-shadow:none;
	 line-height: 1.6;
}
 #academicPrograms .container a:hover {
	 background-color:transparent;
	 box-shadow:inset 0 0 0 2px var(--gfColors-navyAccent);
}
 #academicPrograms .container a strong {
	 font-family: alternate-gothic-atf, Impact, Charcoal, sans-serif;
	 font-weight: 500;
	 font-size: 1.2rem;
	 line-height: 1.2em;
	 letter-spacing: .01em;
	 margin-bottom: 0.6em;
	 display: block;
	 color: white;
}
 #academicPrograms .container a:hover strong {
	 color: var(--gfColors-gold);
	 transition: .25s;
}
 .academicUG {
	 display:grid;
	 grid-template-columns: 1fr;
	 gap: 1rem;
	 padding:0 15px 15px 15px;
	 background-image: linear-gradient(var(--gfColors-slateText), var(--gfColors-slateText)), linear-gradient(var(--gfColors-slateText), var(--gfColors-slateText)), linear-gradient(var(--gfColors-slateText), var(--gfColors-slateText));
	 background-position: bottom center, bottom left, bottom right;
	 background-repeat: no-repeat;
	 background-size: 100% 1px, 1px 100%, 1px 100%;
}
 .academicUGLabel {
	 text-align:center;
	 display:grid;
	 grid-template-columns:1fr auto 1fr;
	 text-transform:uppercase;
	 letter-spacing:0.1em;
	 align-items:center;
	 gap:0.5rem;
	 margin:0 -15px;
	 background-image: linear-gradient(var(--gfColors-navy),var(--gfColors-navy)), linear-gradient(var(--gfColors-navy),var(--gfColors-navy));
	 background-position:top left, top right;
	 background-size: 1px 50%, 1px 50%;
	 background-repeat: no-repeat;
}
 .academicUGLabel::before, .academicUGLabel::after {
	 content:"";
	 width:100%;
	 height:.5px;
	 background-color:var(--gfColors-slateText);
}
 @media (min-width: 768px){
	 #academicPrograms .container{
		 grid-template-columns: repeat(1, 1fr);
	}
}
 @media (min-width:992px){
	 #academicPrograms {
		 background-color:var(--gfColors-navy);
		 padding:4rem 0;
	    margin-bottom: 2rem;
	}
	 #academicPrograms .container {
		 grid-template-columns: repeat(6, 1fr);
	}
	 #academicPrograms .container > a {
		 margin-top:2.5rem;
	}
	#academicPrograms .container a.span-two {
	    grid-column:span 2;
	    margin: 30px 0 15px;
	}
	#academicPrograms .container a.span-three {
	    grid-column:span 3;
	}
	 .academicUG {
		 grid-column: span 4;
		 grid-template-columns: repeat(2, 1fr);
		 /*background:0;
		 padding:0;*/
	}
	 .academicUGLabel {
		 grid-column: span 2;
		 /*margin:0;*/
		 background:none;
		 margin: -15px -15px 0px -15px;
	}
}
/* style intro section */


#academicsIntro h2 {
    position:relative;
}
@media(min-width:992px) {
#academicsIntro h2::before {
	 content:"";
	 width:44rem;
	 height:44rem;
	 position:absolute;
	 left: -21rem;
	 background-image:url(/academics/_assets-index/images/university-seal-2022.png);
	 background-repeat: no-repeat;
	 z-index: -1;
	 background-size:cover;
	 top: -19rem;
	 opacity: 0.65;
}
#academicsIntro {
    padding-top:3rem;
    padding-bottom:5rem;
    margin-bottom:2rem;
}
}

 #academicsIntro .u-containerLeftMargin {
	 display:grid;
	 grid-template-columns: 1fr;
	 gap:0.5rem;
	 align-items:end;
}
 .academicsIntro-image {
	 text-align: center;
	 position:relative;
}
 .academicsIntro-image img {
	 width:350px;
	 min-width:350px;
	 height:350px;
	 border-radius:50%;
}
 .academicsIntro-image::after {
	 content:"";
	 width:180px;
	 height:255px;
	 position:absolute;
	 left: calc(50% - 160px);
	 bottom: -125px;
	 background-image: url(/academics/_assets-index/images/gold-arrow.png);
	 background-repeat: no-repeat;
	 background-position:center;
	 background-size: 100% auto;
}
 @media (max-width:767.98px) {
	 #academicsIntro .u-containerLeftMargin {
		 margin-right:10px;
	}

	.academicsIntro-text p.h2.mt-5.u-thirstySoftExtraBold.u-gfColors-slate100 {
    font-size: 1.5em;
    text-align: center;
    margin-top: 0em !important;
}
    #academicsIntro h2 {
        margin-top: 1em;
    }
}
 @media (min-width:992px) {
	 #academicsIntro .u-containerLeftMargin {
		 grid-template-columns: 60ch 1fr;
	}
	 .academicsIntro-text {
		 padding-left:4rem;
	}

}
 @media (min-width:1200px) {
	 #academicsIntro .u-containerLeftMargin {
		 grid-template-columns: 70ch 1fr;
	}
	 .academicsIntro-image {
		 padding-right:150px;
	}
	 .academicsIntro-image::after {
		 left:calc(50% - 220px);
	}
}
#honors-program_component {
     padding-bottom: 4rem;
}
 @media (min-width:767.98px) {
#honors-program_component {
     padding-bottom: 6rem;
}
}


/* resources and quote content */
 #resources {
	 display: grid;
	 grid-template-columns: auto;
	 column-gap: 2rem;
	 justify-content: center;
}
.bridge-bg {
    height: clamp(28rem, 55vw, 33rem);
    background-size: cover;
    background-position-y: 90%;
}
.bridge-bg.u-lazyBGImage--visible
{
    background-image:url(/academics/_assets-index/images/_dsc8408.jpg);
}
 .academic-resources {
	 grid-area: 2/1;
	 background-color: var(--gfColors-navy);
	 padding: 2rem;
	 margin:1rem;
     width: 350px;
}
 .academic-resources h2 {
	 margin-top: 0;
	 font-size: 1.2rem;
	 text-transform: uppercase;
	 color: var(--gfColors-slate45);
	 text-align: center;
	 font-family:var(--gfVars-bodyFont);
	 letter-spacing: .2rem;
}
.academic-resources h2::after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    background-color: var(--gfColors-gold);
    width: 2.5rem;
    height: 3px;
    margin-top: 1rem;
}
 .academic-resources h2 span {
	 font-family:  var(--gfVars-headerFont);
	 text-transform: none;
	 color: var(--gfColors-slate15);
	 display: block;
	 font-size: 2.6em;
     letter-spacing: initial;
}
 .academic-resources li {
	 list-style: none;
	 background: none;
	 padding: .5rem 0;
	 text-align: center;
	 margin: 0;
}
.academic-resources li::before {
	 content: none;
}

 .academic-resources li:last-child {
	 padding-bottom:0;
}
 .academic-resources li a {
	 color: var(--gfColors-slate15) !important;
	 font-size:1.2em;
}
.academic-resources ul {
	 margin: 0;
	 padding: 0;
}
	.u-containerRightMargin {
	    grid-column:2;
}
 @media (min-width:992px) {
	 #resources {
		 grid-template-columns: 1fr 1fr;
	}
	.u-containerRightMargin {
	    width:494px;
	}
	 .academic-resources {
		 grid-area: 1/1;
		 padding: 2rem;
		 margin: 4rem 0 0 0;
		 position: absolute;
	}
}

 @media (max-width: 991.98px) {
     #resources {
	    gap:0;
	    height: 31rem;
	}
	.academic-resources {
	    margin-top: 3rem;
	}
	#quote-block_component {
	     margin-top:5rem;
	}
	.quoteBlock--goldLine::before {
    margin-top: -2rem;
	}
	.bridge-bg.u-lazyBGImage--visible
	{
	    background-image:url(/academics/_assets-index/images/_dsc8408-mobile.jpg);
	}
 }

 
 @media (max-width: 500.98px) {
	 #resources .u-containerRightMargin {
		 margin-right:0;
	}
	.academic-resources {
	    width:auto;
	    min-width: 280px;
	}
}

#quote-block_component {
    background-repeat: no-repeat;
    margin-bottom: 0;
    padding-bottom: 4rem;
   
}
 @media (min-width: 1200px) {
    #quote-block_component {
        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='%23fdb814'%3E%3C/circle%3E%3C/svg%3E"), 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='%2394adbd'%3E%3C/circle%3E%3C/svg%3E");
        background-size: 350px 350px;
        background-position-y: -1%, 151%;
        background-position-x: calc(100% + 200px), calc(1% + -151px);
    }
}

#rankings .card {
    background-color:transparent;
    border:2px solid var(--gfColors-slate15);
    padding:2rem 3rem;
    display: grid;
    grid-template-rows: 120px 1fr;
    align-content: center;
    justify-content: center;
    align-items: start;
    justify-items: center;
}


}

@media (max-width: 575.98px) {
    #rankings .card {
        padding:2rem 1rem;
    }
}