body.front #homepage-hero-slideshow { --fast-speed:1.5s;
}
body.front #homepage-hero-slideshow figure.video figcaption .figure-inner{ position: absolute; max-width:none; width: 100vw;
}
figure.video figcaption .figure-inner video { position: absolute; top: 0; left: 0; width: 100vw; vertical-align: middle; display: block; object-fit: cover; height: 65vh; min-height: 28rem; -o-object-fit: cover; object-fit: cover; -o-object-position: 85%; object-position: 85%;
}
body.front #homepage-hero-slideshow figure.video figcaption .figure-inner .section-inset{ display: block; position: relative; height: 100%;
}
body.front #homepage-hero-slideshow .view-content .views-row.views-row-first{ overflow: hidden;
}
.overlay.custom-overlay{ background-image: linear-gradient(120deg, rgba(var(--true-black),0), rgba(var(--true-black),0.3)); width: 100vw; -webkit-animation: animate 3s both; animation: animate 3s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); --animation-opacity: 0;
}
div.hero-huge-callout{ width: 100%; top: 50% !important; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
div.hero-huge-callout .button.button-clear{ border: 1px solid #ffffff; color: #ffffff !important;
}
div.hero-huge-callout .button.button-clear:hover{ border: 1px solid #e6474a;
}
@media screen and (min-width: 54em){ div.hero-huge-callout:before{ content: ''; width: 100%; left: 0; height: 100%; top: 0; position: absolute; background-image: radial-gradient(rgba(var(--true-black), 0), rgba(var(--true-black), 0.1), rgba(var(--true-black),0), rgba(var(--true-black),0)); -webkit-animation: animate 3s both; animation: animate 3s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); --animation-opacity: 0; } div.hero-huge-callout img{ max-width: 80%; } div.hero-huge-callout a.button-clear { font-size: 1.1rem; }
}
@media screen and (min-width: 90em){ div.hero-huge-callout img{ max-width: 55rem; }
}
var commencementWrapper = document.querySelector ("#commencement-video-wrapper");
if (commencementWrapper) { var v = document.createElement ("video"); v.setAttribute ("width", "100%"); v.setAttribute ("height", "auto"); v.setAttribute ("preload", "auto"); v.setAttribute ("autoplay", "autoplay"); v.setAttribute ("playsinline", ""); v.loop = true; v.muted = true; v.setAttribute ("poster", "/sites/default/files/public/img/home/01-hero/digipen-2021-commencement.jpg"); var s = document.createElement ("source"); s.setAttribute ("src", "/sites/default/files/public/img/home/01-hero/digipen-2021-commencement.mp4"); s.setAttribute ("type", "video/mp4"); v.appendChild (s); commencementWrapper.appendChild (v); window.setTimeout( function() { v.play ();}, "100");
}
