@media (min-width:992px) {
    .sectionBanner-image--alignXCenter {
        background-position-x: left;
    }
    
    .sectionBanner-image--alignXCenter.sectionBanner-image--alignYCenter img {
    	 object-position:left center;
    }
    
    .sectionBanner--thirdLevel .sectionBanner-image {
        height: clamp(20rem, 30vw, 25rem);
    }
}

.u-gfColors-navy {
    color:var(--gfColors-navy) ! important;
}
.u-gfColors-slate80 {
    color:var(--gfColors-slate80) ! important;
}
.u-gfColors-gold {
    color:var(--gfColors-gold) ! important;
}
.thirsty-accent::after {
    content: "";
    width: 240px;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: -40px;
    background-image: url(/__template/t1/images/doodle-illustrations/gold-underline.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}


@media (min-width:992px) {
    .w-80 {
        width:80%;
    }
}

/* INTRO GRIDS */

#intro .intro-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    column-gap: 2rem;
}

@media (min-width: 767px) {
    #intro .intro-grid.reversed {
        grid-template-columns: 1fr 300px;
    }
    #intro .intro-grid.reversed .intro-image {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }
    #intro .intro-grid.reversed .intro-text {
        grid-column: 1 / 2;
        grid-row 1 / 2;
    }
}

@media (min-width: 1200px) {
    #intro h2:nth-of-type(even) {
    margin-left: calc(300px + 2rem);
}
#intro .intro-grid.reversed {
  grid-template-columns: 300px 1fr;
}
#intro .intro-grid.reversed .intro-image {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }
    #intro .intro-grid.reversed .intro-text {
        grid-column: 2 / 3;
        grid-row 1 / 2;
    }
     #intro .intro-grid .intro-image img {
  margin-top: -2rem;
}
}

@media (max-width: 767.98px) {
    #intro .intro-grid, #intro .intro-grid.reversed {
    grid-template-columns: 1fr;
    }
    #intro .intro-grid .intro-image {
    justify-self: center;
    }
}

/*PHOTO GRID*/
#photo-grid .photo-grid {
    display: flex;
    gap: 0.5rem;
}
#photo-grid .photo-grid img {
    width: calc(25% - 4.5px);
    aspect-ratio: 1;
}
@media (max-width: 1200px) {
    #photo-grid .photo-grid img {
    width: calc(33.3% - 4.5px);
}
}
@media (max-width: 767px) {
    #photo-grid .photo-grid img {
    width: calc(50% - 4.5px);
}
}

/*MORE DETAILS */

#more-details .u-lineHeaderBoth::after {
    background-color: var(--gfColors-slate45);
    height: 3px;
}

#more-details .u-lineHeaderBoth::before {
    background-color: var(--gfColors-slate45);
    height: 3px;

}

#more-details .more-details {
    margin-top: 2rem;
}

#more-details .details-grid {
    display: grid;
    grid-template-columns: 300px 1fr;
    column-gap: 2rem;
    align-items: center;
    margin-block: 3rem;
}

#more-details .details-grid .details-image{
    justify-self: center;
}

#more-details .details-grid:nth-of-type(even) {
    grid-template-columns: 1fr 300px;
}

#more-details .details-grid:nth-of-type(even) .details-image {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

#more-details .details-grid:nth-of-type(even) .details-text {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

@media (max-width: 767px) {
#more-details .details-grid, #more-details .details-grid:nth-of-type(even) {
    grid-template-columns: 1fr;
    grid-template-rows: 300px 1fr;
    row-gap: 2rem;
}
#more-details .details-grid:nth-of-type(even) .details-image {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

#more-details .details-grid:nth-of-type(even) .details-text {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}
}


/*#registration {*/
/*    background-image:url(/college-admissions/visit/_assets-bruin-preview/images/slate-swoosh.png),url(/college-admissions/visit/_assets-bruin-preview/images/speech-bubble-double.svg);*/
/*    background-repeat:no-repeat;*/
/*    background-position: top right, center;*/
/*    background-size: 60%, 60%;*/
/*    padding-top:3rem;*/
/*}*/
    
/*#registration.wysiwyg--navyTiles>.container {*/
/*    background-color: transparent;*/
/*    padding: 1rem 2rem 2rem;*/
/*}*/
/*#registration .h2 {*/
/*    font-size:3.2rem;*/
/*}*/
/*#registration ul li {*/
/*    font-size:1.2rem;*/
/*}*/
/*.registration-section img {*/
/*    margin-top:6rem;*/
/*}*/


/*@media (min-width:992px) {*/
/*    #registration {*/
/*        padding-top:4rem;*/
/*    }*/
/*}*/

/*@media (max-width:767.98px) {*/
/*    #registration .h2 {*/
/*        font-size: 3rem;*/
/*    }*/
/*}*/

/*@media (max-width:575.98px) {*/
/*    #registration {*/
/*        background-size: 0%, 90%;*/
/*        padding-top:2rem;*/
/*    }*/
/*    #registration .h2 {*/
/*        font-size: 2.3rem;*/
/*    }*/
/*}*/


/*#sampleSchedule, #plus {*/
/*    position:relative;*/
/*}*/
/*#sampleSchedule::before {*/
/*    content: "";*/
/*    width: 35px;*/
/*    height: 35px;*/
/*    position: absolute;*/
/*    left: -1.5rem;*/
/*    top: -1rem;*/
/*    background-image: url(/__template/t1/images/gold-asterisk.svg);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    background-size: 100% auto;*/
/*}*/
/*#plus::before {*/
/*    content: "";*/
/*    width: 35px;*/
/*    height: 35px;*/
/*    position: absolute;*/
/*    left: -1rem;*/
/*    top: -0.5rem;*/
/*    background-image: url(/__template/t1/images/gold-asterisk.svg);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    background-size: 100% auto;*/
/*}*/

/*@media (max-width: 576px) {*/
/*    #sampleSchedule::before {*/
/*    	left: 0.5rem;*/
/*        top: -1.5rem;*/
/*    }*/
/*    #plus::before {*/
/*        left: 0.5rem;*/
/*        top: -2rem;*/
/*    }*/
/*}*/

/*#sampleSchedule .accordionBlock-heading, #departmentTours .accordionBlock-heading {*/
/*    font-size: 1.2rem;*/
/*    line-height: 1;*/
/*}*/
/*#transportation {*/
/*    background-image:url(/college-admissions/scholarships/scholarship-summit/_assets-index/images/gold-half-circles.svg);*/
/*    background-repeat:no-repeat;*/
/*    background-position:bottom right;*/
/*    background-size:10%;*/
/*}*/

/*@media (max-width:767.98px) {*/
/*    #transportation {*/
/*        background-image:none;*/
/*    }*/
/*}*/
/*#departmentTours h2 {*/
/*    position:relative;*/
/*    margin-bottom:3rem;*/
/*}*/
/*#departmentTours h2::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: -1.5rem;*/
/*    background-color: var(--gfColors-gold);*/
/*    width: 2.5rem;*/
/*    height: 3px;*/
/*}*/