/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 29 2026 | 07:37:59 */
/* Splash sequenz */

:root{
	--ani-duration: 0s;
}
body.home{
	--ani-duration: 1s;
}
#sidebar{
	display:none!important;
}
body.home #header{
	width:100%;
	max-width:100%;
	animation: splashWrapper var(--ani-duration) 0s forwards ease;
}
body #site-title, body #site-description{
	height:0;
	margin:0;
	padding:0;
	opacity:0;
	width:0;
	position:absolute;
	z-index:-1;
}
body #branding{
	position:relative;
	min-height:100%;
	animation:splashBrandingWrapper var(--ani-duration) 0s forwards ease;
}
body:not(.home) #branding{
	position:relative;
	min-height:200px;
	opacity:0;
	animation:splashBrandingWrapper2 .5s .25s forwards ease;
}
body:not(.home) #menu{
	opacity:0;
	animation: fadeInContent .5s .25s forwards ease;
}
@keyframes fadeInContent{
	0%{
		opacity:0;
	}
	60%{
		opacity:1;
	}
	100%{
		opacity:1;
	}
}
@keyframes splashWrapper{
	0%{
		max-width:100%;
	}
	60%{
		max-width:100%;
	}
	95%{
		max-width:350px;
	}
	100%{
		max-width:350px;
	}
}
@keyframes splashBrandingWrapper{
	0%{
		min-height:100%;
	}
	60%{min-height:100%;}
	100%{min-height:70px;}
}
@keyframes splashBrandingWrapper2{
	0%{
		min-height:200px;
		opacity:0;
	}
	100%{min-height:0px; opacity: 1;}
}
#search{
	display:none;
}
body #header .logo-light, body #header .logo-default{
	margin:0;
	width:80%;
	max-width:500px;
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}
body #header .logo-default{
	opacity:1;
	animation: splashLogoDefault var(--ani-duration) 0s forwards ease;
}
@keyframes splashLogoDefault{
	0%{ opacity:1;}
	30%{opacity:1;}
	60%{opacity:0; top:50%;transform:translate(-50%,-50%);}
	100%{opacity:0; top:0;transform:translate(-50%,0);}
}
body #header .logo-light{
	animation: splashLogoLight var(--ani-duration) 0s forwards ease;
}
@keyframes splashLogoLight{
	0%{ top:50%; transform:translate(-50%,-50%);}
	30%{top:50%;transform:translate(-50%,-50%);}
	60%{top:50%;transform:translate(-50%,-50%);}
	100%{
		top:0;transform:translate(-50%,0);
		position:relative;
	}
}

body.home #header #menu{
	animation: splashMenu var(--ani-duration) 0s forwards ease;
}
@keyframes splashMenu{
	0%{
		display:none;
		opacity:0;
	}
	60%{
		display:block;
		opacity:0;
	}
	65%{
		display:block;
		opacity:0;
	}
	100%{
		display:block;
		opacity:1;
	}
}