.wp-block-dhsv-oncampus-image-dropdown{margin:5rem 0}@media(max-width:767px){.wp-block-dhsv-oncampus-image-dropdown{margin:2.5rem 0}}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid{-ms-grid-columns:(minmax(0,1fr))[3];background-color:#eeeff1;border-radius:24px;-moz-column-gap:1.5rem;column-gap:1.5rem;display:-ms-grid;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col{-ms-grid-column-span:1;grid-column:span 1/span 1;padding:3rem 1.5rem 3rem 3rem}@media(max-width:767px){.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col{-ms-grid-column-span:3;grid-column:span 3/span 3;padding:3rem 1.5rem}}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .title{font-size:1.875rem;font-weight:700;line-height:115%;padding:0}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list{display:flex;flex-direction:column;margin-top:2.5rem}@media(max-width:767px){.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list{margin-top:1.5rem}}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn{align-items:center;border-bottom:1px solid #bfbfbf;cursor:pointer;display:inline-flex;overflow:hidden;padding:1.5rem 0;text-align:left;transition:all .3s ease-out}@media(max-width:767px){.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn{justify-content:space-between;padding:1rem 0}}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn .button-title{color:#000;font-size:1.125rem;font-style:normal;font-weight:700;line-height:115%;position:relative;transition:all .3s ease-out}@media(max-width:767px){.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn .button-title{display:block}}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn .button-title:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2717%27 fill=%27none%27%3E%3Cpath d=%27M13.265 8.5H2m6.122-6L14 8.5l-5.878 6%27 stroke=%27%232BC0FF%27 stroke-width=%271.4%27 stroke-linecap=%27square%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");height:1rem;left:-1.75rem;line-height:0;opacity:0;position:absolute;top:calc(50% - .5rem);transform:translateX(-.25rem);width:1rem}@media(max-width:767px){.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn .button-title:before{display:none}}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn .mobile-icon{display:none}@media(max-width:767px){.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn .mobile-icon{align-items:center;background-color:transparent;border:1px solid #bfbfbf;border-radius:50%;display:flex;height:2.5rem;justify-content:center;min-width:2.5rem;padding:.75rem;position:relative;transition:all .3s ease-out;width:2.5rem}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn .mobile-icon svg{height:1rem;min-width:1rem;transition:all .3s ease-out;width:1rem}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn .mobile-icon svg:last-child{left:calc(50% - .5rem);opacity:0;position:absolute;top:calc(50% - .5rem);transform:scale(0)}}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn:first-child{border-top:1px solid #bfbfbf}@media(min-width:768px){.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn.active .button-title,.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn:focus-visible .button-title,.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn:hover .button-title{color:#2bc0ff}}@media(max-width:767px){.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn.active{border-bottom:1px solid transparent}}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn.active .button-title{color:#2bc0ff}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn.active .mobile-icon{background-color:#2bc0ff;border-color:#2bc0ff}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn.active .mobile-icon svg:first-child{opacity:0;transform:scale(0)}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn.active .mobile-icon svg:last-child{opacity:1;transform:scale(1)}@media(min-width:768px){.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn.active .button-title{transform:translateX(1.75rem)}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn.active .button-title:before{opacity:1;transform:translateX(0);transition:all .2s ease-out}}@media(max-width:767px){.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-btn.active+.location-mobile-item{animation:fadeInUp .3s ease-out forwards;display:flex}}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-mobile-item{display:none}@media(max-width:767px){.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-mobile-item{align-items:flex-start;flex-direction:column;justify-content:flex-end;margin:0 -1.5rem;padding:0 1.5rem;position:relative}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-mobile-item:before{content:"";display:block;padding-bottom:calc(122.80702% + 3rem);width:100%}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-mobile-item .aspect-ratio-container{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;padding:0 1.5rem 1.5rem;position:absolute;top:0;width:100%}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-mobile-item .content{position:relative;z-index:3}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-mobile-item .content .location-text,.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-mobile-item .content .location-title{color:var(--white)}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-mobile-item .content .location-title{font-size:1.5rem;font-style:normal;font-weight:700;line-height:115%;margin-bottom:1rem}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-mobile-item .image-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-mobile-item .image-bg:after{background:linear-gradient(176deg,transparent 3.23%,#000 96.39%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .locations-col .locations-list .location-mobile-item .image-bg img{height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1);transition:all .3s ease-out;width:100%;z-index:1}}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col{-ms-grid-column-span:2;grid-column:span 2/span 2;min-height:36.5rem}@media(max-width:767px){.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col{display:none}}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col .image-holder{height:100%;overflow:hidden}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col .image-holder .location-item{align-items:flex-start;display:none;flex-direction:column;height:100%;justify-content:flex-end;padding:3rem;position:relative}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col .image-holder .location-item.active{display:flex}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col .image-holder .location-item.active .image-bg{animation:zoomOut .5s ease-out}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col .image-holder .location-item.active .content{animation:fadeIn .5s ease-out forwards}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col .image-holder .location-item .content{opacity:0;position:relative;transition:all .2s ease-out;z-index:3}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col .image-holder .location-item .content .location-text,.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col .image-holder .location-item .content .location-title{color:var(--white)}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col .image-holder .location-item .content .location-title{font-size:1.875rem;font-style:normal;font-weight:700;line-height:115%;margin-bottom:1rem}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col .image-holder .location-item .content .location-text{max-width:36.75rem}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col .image-holder .location-item .image-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col .image-holder .location-item .image-bg:after{background:linear-gradient(176deg,transparent 3.23%,#000 96.39%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.wp-block-dhsv-oncampus-image-dropdown .location-gallery-grid .image-col .image-holder .location-item .image-bg img{height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.05);transition:all .3s ease-out;width:100%;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomOut{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}