.image-component__image-container{position:relative;display:flex;flex-direction:column;animation:image-entrance 600ms ease-in;margin:0}.image-component__image-container:hover .image-component__caption{background-color:rgba(255,255,255,.8)}.image-component__image-container:hover .image-component__caption:after{margin-left:10px;opacity:1}.image-component__image-container:hover .image-component__caption-text{color:#522398;margin-left:30px}.image-component__image-container:hover .image-component__caption-arrow{right:-10%}@keyframes image-entrance{from{opacity:0}to{opacity:1}}.image-component__image-container img{width:100%;height:100%}.image-component__image-container--has-accent-left,.image-component__image-container--has-accent-right{display:flex}.image-component__image-container--has-accent-left img,.image-component__image-container--has-accent-right img{height:100%}.image-component__top-bar{background-color:rgba(82,35,152,.8);position:absolute;top:0;height:10px;width:100%;z-index:1}.image-component__top-bar--campus{background-color:rgba(196,214,0,.8)}.image-component__top-bar--evening{background-color:rgba(0,90,133,.8)}.image-component__top-bar--online{background-color:rgba(255,107,0,.8)}.image-component__accent-column{position:absolute;top:0;z-index:1;width:50px;height:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:11px}.image-component__accent-column--campus{background-color:rgba(196,214,0,.8)}.image-component__accent-column--evening{background-color:rgba(0,90,133,.8)}.image-component__accent-column--online{background-color:rgba(255,107,0,.8)}.image-component__accent-column--left{right:0}.image-component__accent-column--right{left:0}.image-component__caption{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000000 100%);overflow:hidden;position:absolute;left:0;bottom:0;width:100%}.image-component__caption-text{font-family:Helvetica,Arial,sans-serif;font-size:1rem;color:#fff;text-align:center;padding-top:2rem}.image-component__caption-arrow{display:none}a .image-component__caption{display:flex;justify-content:space-between;background:rgba(82,35,152,.8);transition:background-color .5s ease-in-out}a .image-component__caption:after{content:"";background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDAxIiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyI+PGRlZnMgaWQ9IlN2Z2pzRGVmczEwMDIiPjwvZGVmcz48ZyBpZD0iU3ZnanNHMTAwOCIgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwwLDApIj48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI4OCIgaGVpZ2h0PSIyODgiIGFyaWEtaGlkZGVuPSJ0cnVlIiB2aWV3Qm94PSIwIDAgMTAgMTUiPjxwYXRoIGZpbGw9IiM1MjIzOTgiIGQ9Ik05LjgxNyA3LjkxOWwtNy4xNjMgNi45MDRBLjYwNS42MDUgMCAwIDEgMi4yMiAxNWEuNjA1LjYwNSAwIDAgMS0uNDM0LS4xNzdMLjE4MyAxMy4yOGEuNTYyLjU2MiAwIDAgMS0uMTgzLS40MmMwLS4xNi4wNjEtLjMuMTgzLS40MThMNS4zMSA3LjUuMTgzIDIuNTU5QS41NjIuNTYyIDAgMCAxIDAgMi4xNGMwLS4xNjEuMDYxLS4zLjE4My0uNDE5TDEuNzg2LjE3N0EuNjA1LjYwNSAwIDAgMSAyLjIyIDBjLjE2NyAwIC4zMTIuMDU5LjQzNC4xNzdMOS44MTcgNy4wOEEuNTYyLjU2MiAwIDAgMSAxMCA3LjVjMCAuMTYxLS4wNjEuMy0uMTgzLjQxOXoiIGNsYXNzPSJjb2xvcmZmZiBzdmdTaGFwZSI+PC9wYXRoPjwvc3ZnPjwvZz48L3N2Zz4=) no-repeat;background-position:left center;background-size:15px 15px;position:absolute;width:90%;height:100%;margin-left:-11px;transition:margin .5s ease-in-out,opacity .5s ease-in-out;overflow:hidden;opacity:0}a .image-component__caption-text{text-align:initial;padding-top:0;margin:13px 10px 10px 15px;transition:margin .5s ease-in-out,color .5s ease-in-out}a .image-component__caption-arrow{display:initial;width:10px;height:15px;margin:15px 15px 18px;position:absolute;right:0;transition:right .5s ease-in-out}.image-component svg path{transition:fill .5s ease-in}.accent-box-component{position:relative;padding:8% 0 8% 0;margin-bottom:30px}@keyframes draw-to-left{0%{-webkit-clip-path:inset(50% 0 50% 99%);clip-path:inset(50% 0 50% 99%)}50%{-webkit-clip-path:inset(0 0 0 99%);clip-path:inset(0 0 0 99%)}75%{-webkit-clip-path:inset(0 0 0 1%);clip-path:inset(0 0 0 1%)}76%,100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes draw-to-right{0%{-webkit-clip-path:inset(50% 99% 50% 0);clip-path:inset(50% 99% 50% 0)}50%{-webkit-clip-path:inset(0 99% 0 0);clip-path:inset(0 99% 0 0)}75%{-webkit-clip-path:inset(0 1% 0 0);clip-path:inset(0 1% 0 0)}76%,100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.accent-box-component::before{content:"";width:75%;height:100%;position:absolute;top:0;z-index:1;border:1px solid #522398}.accent-box-component--left{margin-right:10%}.accent-box-component--left::before{left:0;animation:draw-to-left 800ms ease-in-out}.accent-box-component--right{margin-left:10%}.accent-box-component--right::before{right:0;animation:draw-to-right 800ms ease-in-out}.accent-box-component--campus::before{border:1px solid green}.accent-box-component--evening::before{border:1px solid blue}.accent-box-component--online::before{border:1px solid orange}@keyframes draw-main-accent-side{0%,75%{top:-1px;width:3px;height:101%}100%{top:50%;width:3px;height:0}}.accent-box-component__animation-box{position:absolute;top:-1px;animation:draw-main-accent-side 800ms ease-in-out;z-index:2}.accent-box-component__animation-box--left{left:0}.accent-box-component__animation-box--right{right:0}.accent-box-component__child{position:relative;z-index:3}.accent-box-component__child--left{left:10%}.accent-box-component__child--right{right:10%}.accent-box-component--left .accent-box-component__child,.accent-box-component--right .accent-box-component__child{background-color:#fff}