/* banner adjustments */

    .firstLevelBanner-image img {
        object-position: center 45%;
    }
@media(min-width:1550px) {
    .firstLevelBanner {
    height: clamp(25rem, 50vw, 35rem);
}
}
/* 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;
     column-gap: 1rem;
     row-gap: 1.5rem;
}
 #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;
}
 .academicGrad {
     display: grid;
     grid-template-columns: 1fr;
     row-gap: 1rem;
}
 .academicOptions {
     display: grid;
     gap: 1rem;
}
 .academicLabel {
     text-align: left;
     text-transform:uppercase;
     letter-spacing:0.1em;
     border-bottom: 2px solid var(--gfColors-slateText);
     padding-bottom: 0.5rem;
}
@media (min-width: 576px) and (max-width: 991px) {
    #academicPrograms {
        padding-bottom: 3rem;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     #academicPrograms .container {
         grid-template-columns: repeat(4, 1fr);
    }
     .academicUG {
         display:grid;
         grid-template-columns: 1fr 1fr;
         gap: 1rem;
         grid-column: span 4;
    }
     .academicGrad {
         display: grid;
         grid-template-columns: 1fr;
         row-gap: 1rem;
        grid-column: span 4;
        }
     .academicOptions {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 1rem;
         grid-column: span 4;

    }
    .academicLabel {
        grid-column: span 2;
    }
}
/* @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;
         */
    }
     .academicGrad {
         grid-column: span 2;
    }
     .academicOptions {
         grid-column: span 6;
         grid-template-columns: repeat (2, 1fr);
    }
     .academicLabel {
         grid-column: span 2;
        /*margin:0;
         */
         background:none;
    }
}
/* 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);
    }
}
 .books.resourceBlock.u-grid2Columns.u-grid--alignCenter {
     max-width: 600px;
}
 @media (max-width: 500.98px) {
     #resources .u-containerRightMargin {
         margin-right:0;
    }
     .academic-resources {
         width:auto;
         min-width: 280px;
    }
}
 .sideBySide--lightSlateFullWidth .sideBySide-content, .sideBySide--navyFullWidth .sideBySide-content {
     margin-left:50px;
}
 @media (min-width:1199.98px){
     .books:after {
         content: "";
         background-image: url(/__template/t1/images/doodle-illustrations/books-slate15-outlined.svg);
         background-repeat: no-repeat;
         background-size: contain;
         width: 120px;
         height: 150px;
         position: absolute;
         bottom: -20px;
         right: -2rem;
    }
}
 @media (max-width: 575px){
     .sideBySide--lightSlateFullWidth .sideBySide-content, .sideBySide--navyFullWidth .sideBySide-content {
         margin-left: 0px;
    }
     div.sideBySide-image {
         display: none;
    }
     .sideBySide--lightSlateFullWidth, .sideBySide--navyFullWidth {
         grid-template: 2rem auto / 1fr;
    }
}
 .resourceBlock {
     position: relative;
}
 @media (max-width: 767.98px){
     .books:after {
         content: "";
         background-image: url(/__template/t1/images/doodle-illustrations/books-slate15-outlined.svg);
         background-repeat: no-repeat;
         width: 30%;
         height: 175px;
         position: absolute;
         bottom: 0rem;
         right: 2rem;
    }
}
 #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;
    }
}