:root{--gutter:10px}.horizontal-scroll-grid-semester-locations{width:100%;position:relative}.horizontal-scroll-grid-semester-locations__left-button,.horizontal-scroll-grid-semester-locations__right-button{display:none;width:40px;height:40px;position:absolute;top:130px;background-color:#fff;box-shadow:rgba(0,0,0,0.13) 0px 1px 1px 1px;border-radius:50%;border-width:2px;border-style:solid;border-color:transparent;text-align:center;z-index:3;cursor:pointer}.horizontal-scroll-grid-semester-locations__left-button{left:-20px}.horizontal-scroll-grid-semester-locations__right-button{right:-20px}.horizontal-scroll-grid-semester-locations__button__icon::before{font-size:24px;color:rgba(0,0,0,0.84)}.horizontal-scroll-grid-semester-locations__scroll-grid{width:100%;display:grid;grid-template-columns:calc(100% - var(--gutter) * 4);grid-template-rows:minmax(300px,1fr);grid-column-gap:var(--gutter);grid-auto-flow:column;grid-auto-columns:calc(100% - var(--gutter) * 4);overflow-x:scroll;margin:0;list-style:none}.horizontal-scroll-grid-semester-locations__scroll-grid__item{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;background:no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:3px}.horizontal-scroll-grid-semester-locations__scroll-grid__item::after{display:block;position:absolute;height:60%;width:100%;left:0px;bottom:0px;border-radius:3px;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 100%);content:''}.horizontal-scroll-grid-semester-locations__scroll-grid__item__link{width:100%;height:100%}.horizontal-scroll-grid-semester-locations__scroll-grid__item__title{width:100%;margin:0;padding:40px;position:absolute;bottom:0;left:0;color:#fff !important;z-index:2}@media only screen and (min-width:1024px){.horizontal-scroll-grid-semester-locations__left-button,.horizontal-scroll-grid-semester-locations__right-button{display:inline-block}.horizontal-scroll-grid-semester-locations__scroll-grid{grid-template-columns:50%;grid-template-rows:minmax(300px,1fr);grid-auto-columns:50%;overflow-x:hidden}}@media only screen and (min-width:640px) and (max-width:1023px){.horizontal-scroll-grid-semester-locations__scroll-grid{grid-template-columns:calc(50% - var(--gutter) * 4);grid-template-rows:minmax(300px,1fr);grid-auto-columns:calc(50% - var(--gutter) * 4)}}