/* banner loads last - trying to hack this by using a loading screen */
/* NOTE use jQuery to add the class "pahge-loaded" */
/* banner */
[data-block-internal-id="core_slider_fullscreen_dawn"] .fullscreen-image-slider .orbit__image img {
opacity: 0;
}
[data-block-internal-id="core_slider_fullscreen_dawn"] .dawn-image-slider .orbit__container {
background: url('/files/minneapolis-optimized.jpg');
background-size: cover!important;
background-position: center!important;
}
[data-block-internal-id="core_slider_fullscreen_dawn"] .dawn-image-slider .orbit__caption-wrapper a.button.primary {
padding-bottom: 0;
}
.path-frontpage.front.page--page-title--home:before {
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: none;
background: #b2aa7e;
z-index: 2;
}
.path-frontpage.front.page--page-title--home:after {
content: '';
display: block;
height: 100vh;
width: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: url(/files/allodium_logo.png);
z-index: 3;
/* transform: scale(0.5); */
background-repeat: no-repeat;
background-position: center;
}
.path-frontpage.front.page--page-title--home.page-loaded:before,
.path-frontpage.front.page--page-title--home.page-loaded:after {
animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
-webkit-animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
animation-delay: 0.75s;
}
/**
* ----------------------------------------
* animation slide-out-top - css loading screen
* ----------------------------------------
*/
@-webkit-keyframes slide-out-top {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
opacity: 0;
z-index: -10;
}
}
@keyframes slide-out-top {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
opacity: 0;
z-index: -10;
}
}