.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--gfColors-slate15);
}
#table-block_component h2 span {
    color: var(--gfColors-slate100);
}

@media(min-width:425px) {
#housing-selection .u-grid2Columns.u-grid--largeGap p {
    background-color: var(--gfColors-slate15);
    padding: 1rem 1rem 1rem;
}

}
#housing-selection .u-grid2Columns.u-grid--largeGap {
    margin-bottom: 1.5rem;
}
@media (max-width: 500px){
.stepList-item-content ul {
    padding-left: 0rem;
}
.u-containerLeftMargin {
    margin-left:0;
}
}
 #benefits-intro img {
        width: 6rem;
    margin-top: 3rem;

}

@media(max-width:992px) {
    #student-success_component .u-grid2Columns {
    grid-template-columns:1fr;
}
    #benefits-intro img {
    width: 7rem;
    margin-top: 11rem;
    position: absolute;
    right: -3px;

}
}
@media(min-width:992px) {
    #blog-link_component .u-grid2Columns.u-grid--justifyCenter {
    grid-template-columns: auto 1fr;
}
}
@media(min-width:1440px) {
    #benefits-intro img {
        width: 8rem;
        margin-top: 5rem;
    }

}
@media(min-width:2000px) {
        #benefits-intro img {
        width:11rem;
        margin-top:2rem;
    }
}
@media (max-width:767.98px) {
   #benefits-intro img {
    display:none;

}
.sectionBanner--thirdLevel .sectionBanner-image {
        height: clamp(18rem, 30vw, 30rem);
}
}
#what-to-bring_component_accordionHeading7 {
    color: var(--gfColors-red);
}

h2.photoButtons-header {
    font-family: var(--gfVars-thirstyFont);
    grid-template-columns: auto 1fr;
    -webkit-column-gap: 0.5em;
    column-gap: 0.5em;
    display: grid;
    align-items: center;
}
h2.photoButtons-header::after{
    content: "";
    height: 2px;
    background-color: #fdb814;
}

#resources .doodle-img {
    position:relative;
}
@media(min-width:767.87px) {
#resources .doodle-img::after {
    background-image: url(/__template/t1/images/doodle-illustrations/gold-doodle-ribbon.png);
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    height: 10rem;
    width: 10rem;
    position: absolute;
    bottom: -24rem;
    right: 18rem;
}
.intro-img {
    padding: 15px;
}

}



@media(min-width:1480px) {
    .intro-img {
        padding-right:12%;
    }
}

/* living areas index */

#living-areas ul.u-2ColumnList {
    margin-bottom:0;
}
#living-areas {
    position:relative;
}
#living-areas h2 {
    padding-top: 3rem;

}
.res-hall.living-left::after {
    content:"";
    background-image:url(/offices/student-life/housing/_assets-index/images/navy-stars.png);
    background-repeat:no-repeat;
    background-size:contain;
    width: 5rem;
    height: 5rem;
    position: absolute;
    bottom: 0px;
    left: 5%;
}

.res-hall.living-left {
    position:relative;
}

    #living-areas .u-grid2Columns {
        grid-template-columns: 1fr;
    }
    #living-areas h2 {
        padding-top: 0rem;
        margin-top:2rem;
}

@media(min-width:992px) {
    #living-areas .living-right {
        padding-right: 15px;
    }
        #living-areas .living-left {
        padding-left: 15px;
    }
    .res-hall.living-left::after{
        bottom: -70px;
        left: 15%;
    }
    #living-areas::before {
    content:"";
    background-color:var(--gfColors-slate15);
    width:450px;
    height:450px;
    border-radius:50%;
    position:absolute;
    top:-200px;
    right:10rem;
    z-index:-10;
    }
    
    #living-areas .living-right::after {
    bottom: -24rem;
    right: 18rem;
    background-image: url(/__template/t1/images/doodle-illustrations/gold-doodle-ribbon.png);
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    height: 10rem;
    width: 10rem;
    position: absolute;
}
}

@media(min-width:1800px) {
    #living-areas .living-right {
        padding-right: 15%;
    }
        #living-areas .living-left {
        padding-left: 15%;
    }
        #living-areas img {
        width:500px;
    }
        #living-areas .living-right::after {
            display:none;
        }

}
 #living-areas .living-right {
        position:relative;
    }

.living-right, .living-left {
    border-radius: 50%;
    position: relative;

}
.living-right img, .living-left img {
    transition: all .5s;
    padding: 15px;

}
.living-right:hover img, .living-left:hover img {
  transform: rotate(4deg);
}