/****INTRO & ENROLLMENT****/
 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
}
#intro-enrollment .u-grid2Columns {
    align-items: center;
    gap: 1.5rem;
}
@media (max-width: 991.89px){
#intro-enrollment .u-grid2Columns {
    grid-template-columns: 1fr;
}
}
 #intro-enrollment .u-navyBackground {
     padding: 2rem 2rem 1.5rem 2rem;
}
@media (max-width: 575.89px){
    #intro-enrollment .u-navyBackground {
        padding: 1.5rem 1rem 1rem 1rem;
    }
}
 #intro-enrollment table {
     width: 100%;
     border-block-end: 2px var(--gfColors-bodyText) solid;
}
 #intro-enrollment table tr {
     padding-top: .5rem;
     border-block-start: 2px var(--gfColors-bodyText) solid;
}
 #intro-enrollment table th {
     text-transform: uppercase;
     letter-spacing: 0.1em;
     font-weight: 400;
     color: var(--gfColors-slate15);
     padding-block: 0.75rem;
}
 #intro-enrollment table td {
     font-family: var(--gfVars-headerFont);
     font-size: 2rem;
     line-height: 1.2;
     color: var(--gfColors-gold);
     text-align: end;
     padding-block: 0.3rem;
}
 #intro-enrollment .u-navyBackground p.total-students {
     font-family: var(--gfVars-headerFont);
     font-size: 2rem;
     line-height: 1.2;
     color: var(--gfColors-gold);
     text-align: end;
     margin-top: 0.5rem;
}

/****Section Heading Styles****/
div.heading {
    display: grid;
    gap: 1rem;
    -moz-box-align: center;
    align-items: center;
    grid-template-columns: 1fr auto 1fr;
    margin-top: 4rem;
}
@media (min-width: 576px) {
    div.heading {
        margin-top: 5rem;
    }
}
@media (min-width: 992px) {
    div.heading {
        margin-top: 8rem;
    }
}
div.heading::before {
    content: "";
    height: 1.5px;
    background-color: var(--gfColors-slate45);
}
div.heading::after {
    content: "";
    height: 1.5px;
    background-color: var(--gfColors-slate45);
}
div.heading h2 {
    font-family: var(--gfVars-thirstyFont);
    margin-block: 0;
    text-align: center;
    color: var(--gfColors-navy);
    line-height: 1.1;
}
@media (max-width: 575.89px) {
    div.heading h2 {
        max-width: 202px;
        font-size: 2rem;
}
}
div.heading span {
    font-family: var(--gfVars-headerFont);
    font-size: 1.75rem;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 500;
    color: var(--gfColors-slate100);
}
@media (max-width: 575.89px) {
    div.heading span {
        font-size: 1.25rem;
}
}
.heading h2.short-line-height {
    line-height: 0.9;
}

/****IMAGE ICON CARDS****/
.imageIconCard--row {
    margin-top: 2rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}
.imageIconCard {
    flex: 1 1 298px;
    display: grid;
    grid-template-rows: 238px auto;
    grid-template-columns: 1fr;
    min-width: 288px;
}
@media (max-width: 767.89px) {
    .imageIconCard {
            max-width: 546px; 
    }
}
#athletics-activities .imageIconCard {
    flex: 1 1 45%;
    max-width: 546px;
}
@media (min-width: 768px) {
#pnw .imageIconCard {
        max-width: 360px; 
}
}
.imageIconCard--image {
    height: 238px;
    width: 100%;
    object-fit: cover;
    object-position: center 35%;
}
.imageIconCard--icon {
    display: grid;
    grid-template-columns: 108px 1fr;
    gap: 0.5rem;
    align-items: center;
}
@media (max-width: 767.89px) {
    .imageIconCard--icon {
        grid-template-columns: 88px 1fr;
        gap: 0.3rem;
    }
}
.imageIconCard--icon p.h3 {
    margin-block: 0;
    color: var(--gfColors-slateText);
}
.imageIconCard--icon p.h4 {
    margin-block: 0;
    font-size: calc(1.305rem + 0.66vw);
}
@media (min-width: 768px) {
   .imageIconCard--icon p.h3{
    font-size: calc(1.245rem + 1.12vw);
} 
}
.imageIconCard--icon p.h3 span{
    color: var(--gfColors-navy);
}

/****AREAS OF STUDY****/

#areas-of-study .u-grid3Columns {
    grid-template-columns: 1fr 1.5px 1fr 1.5px 1fr;
}
@media (min-width: 1200px) {
 #areas-of-study .u-grid3Columns {
    gap: 3rem;
    margin-inline: 3rem;
}
}
@media (max-width: 575.89px) {
#areas-of-study .u-grid3Columns {
    grid-template-columns: 1fr;
}
}

#areas-of-study div.vertical-rule {
    border-left: 1.5px var(--gfColors-slate45) solid;
}

#areas-of-study .u-grid3Columns div.programs {
    display: flex;
    flex-direction: column;
    margin-block: 1rem;
}
#areas-of-study .u-grid3Columns div.programs p {
        margin-block: 0;
    }
@media (max-width: 575.89px) {
    #areas-of-study .u-grid3Columns {
        justify-items: center;
    }
    #areas-of-study .u-grid3Columns div.programs {
        flex-direction: row;
        gap: 1rem;
        align-items: center;
        width: 80%;
        margin-block: 0;
    }
    #areas-of-study .u-grid3Columns div.programs p {
        text-align: start;
    }
    #areas-of-study .u-grid3Columns div.programs p.h2 {
        padding-right: 1rem;
        border-inline-end: 1.5px var(--gfColors-slate45) solid;
        width: 80px;
        min-width: 80px;
        text-align: end;
    }
}

/****9:1 STUDENT FACULTY & ALUMNI****/
#student-faculty .u-outlineBox {
    padding: 2.5rem;
}
@media (max-width: 767.89px) {
#student-faculty .u-outlineBox {
    padding: 1.5rem;
}
}

#student-faculty .u-floatRight {
    margin-top: -9rem;
    margin-inline: 0;
}
@media (min-width: 992px) {
    #student-faculty .u-floatRight {
    width: clamp(100px, 60%, 216px);
}
}
@media (max-width: 991.89px) {
    #student-faculty .u-floatRight {
        float: none;
    }
}
@media (max-width: 767.89px) {
    #student-faculty .u-floatRight {
        margin-top: -7.5rem;
}
}
@media (max-width: 991.89px) {
    #student-faculty .u-outlineBox {
        margin-top: 5rem;
        text-align: center;
        display: grid;
        justify-items: center;
    }
}
.faculty-dots{
  display: flex;
  width: 100%;
  align-items: flex-start;
  margin-top: 0.75rem;
}

.divider {
  width: 1.5px;
  background: var(--gfColors-slate80);
  margin: 0 12px;
  height: 1rem;
}
.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.dots-right .dot{
  background: var(--gfColors-gold);
}

@media (max-width: 991.89px) {
    .dots-right {
        flex: 1;
    }
}

.dots-left {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

@media (max-width: 991.89px) {
    .dots-left {
        flex: 9;
        justify-content: end;
    }
}

.dots-left .dot {
    background: var(--gfColors-slate80);
}

/****FAITH****/
#faith.sideBySide {
    padding: 0 15px;
}
#faith .sideBySide-content {
    align-content: center;
}
@media (max-width: 767.89px) {
    .sideBySide-content {
    padding: 1.5rem 1rem;
}
}
#faith hr {
    margin: 2rem 0;
    color: var(--gfColors-gold);
    border: 0;
    border-top: 1px var(--gfColors-gold) solid;
    opacity: 1;
}

/****TRAVEL ABROAD and Student activities****/
#abroad .u-grid2Columns, #activities .u-grid2Columns {
    margin-top: 2rem;
}
@media (max-width: 991.89px) {
    #abroad .u-grid2Columns, #activities .u-grid2Columns {
    grid-template-columns: 1fr;
    }
}
#abroad .u-outlineBox, #activities .u-outlineBox {
    margin-block: 0;
    display: grid;
    align-content: center;
    padding-block: 1rem;
}
#abroad .image-grid, #activities .image-grid {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between;
}
#abroad .image-grid img, #activities .image-grid img  {
    width: calc(33% - 4.5px);
    aspect-ratio: 1;
    object-fit: cover;
}
@media (max-width: 767.89px) {
    #abroad .image-grid img, #activities .image-grid img {
    width: calc(50% - 4.5px);
    aspect-ratio: 1;
    }
}
@media (min-width: 768px) and (max-width: 1199.89px) {
#abroad .abroad-number {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1rem;
}
}
#abroad h3 span {
    font-size: 6.5rem;
    color: var(--gfColors-slateText);
    font-weight: 500;
    letter-spacing: 0;
}
@media (max-width: 1199.89px) {
    #abroad h3 span {
        font-size: 4.5rem;
    }
    #activities h3 {
        font-size: clamp(1.25rem, 6vw, 1.7rem);
    }
}

@media(max-width:375px) {
    #activities .imageIconCard--icon {
        grid-template-columns: 1fr;
    }
     #activities .imageIconCard--icon .circle-icon {
         display:none;
     }
}

/****FINANCIAL AID V2****/
#financial-aid-v2 .u-navyBackground {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    display: grid;
    justify-content: center;
    display: grid;
    grid-template-columns: 108px 1fr;
    gap: 1rem;
    align-items: center;
}
@media (max-width:991.89px) {
    #financial-aid-v2 .u-navyBackground {
        align-items: start;
    }
}
@media (max-width: 767.89px) {
    #financial-aid-v2 .u-navyBackground {
        grid-template-columns: 1fr;
    }
}
#financial-aid-v2 .financial-aid {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1rem;
}
@media (max-width: 991.89px) {
    #financial-aid-v2 .financial-aid {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
#financial-aid-v2 .financial-aid--number {
    font-size: 6.5rem;
    color: var(--gfColors-gold);
    font-weight: 500;
    margin-block: 0;
}
#financial-aid-v2 .financial-aid--text {
    margin-bottom: 0;
    margin-top: 0.25rem;
    font-size: 1.25rem;
    font-family: var(--gfVars-bodyFont);
    color: var(--gfColors-slate30);
    font-weight: 400;
}
#financial-aid-v2 .financial-aid-v2 span {
    color: var(--bs-white);
}

@media (max-width: 1199.89px) {
#financial-aid-v2 .u-grid3Columns {
    grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
#financial-aid-v2 .u-grid3Columns span.h4 {
    font-size: 2rem;
}
}
/****CAP****/
#cap.sideBySide {
    padding: 0 15px;
}
#cap .sideBySide-content {
    align-content: center;
}
@media (min-width: 992px) {
    #cap .sideBySide-content {
    margin-top: 7rem;
}
}
@media (min-width: 1200px) {
    #cap .sideBySide-content {
    margin-block: 7rem;
}
}