AilaM
10/16/2019 - 9:50 PM

Loading Screen

/* 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;
  }
}