/*
 * WebId CSS for the Magnus Theme
 */
 
 .site-header {
 	height: 10vh;
	opacity: 0.98;
}

.blog .site-header {
	position: fixed;
	/* position: absolute; */
	z-index: 1000;
	background: transparent;
	margin-bottom: 0;
	opacity: unset;
}

.webid-page .site-content,
.webid-archive .site-content,
.webid-archive .blog-home-content,
.webid-single .site-content,
.front-page.single .blog-home-content,
.search-results .site-content,
.search-no-results .site-content,
.error404 .site-content {
	position: relative;
	min-height: 84vh;
}

.error404 .site-footer, .search-no-results .site-footer {
	position: relative;
}

div#main {
	width: 100%;
}

.blog-home-content {
	background: none;
}

.blog-page .blog-home-content {
	background: rgb(55, 55, 72) none repeat scroll 0% 0%;
}

.blog-home-content .site-main {
	background: none;
}

.blog-home-content article {
    height: 50vh;
}

.blog-home-content article:first-child {
    width: 50%;
    height: 100vh;
}

.blog-home-content article .section-image,
.blog-home-content article:first-child .section-image {
	-webkit-animation: fadein 2s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
	-moz-animation: fadein 2s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
	animation: fadein 2s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
	opacity: 1;
}

.blog-home-content article#post-filler .entry-header .entry-title {
 	color: white;
 	cursor: default;
 }

.article-container {
	width: 50%;
	height: 45vh;
	float: left;
}

.blog-home-content article .entry-header .entry-title a {
    text-shadow: 1px 1px 2px black;
}

.site-footer {
	margin-top: 0;
}

.blog-home .site-footer {
	position: relative;
	z-index: 1000;
}

.webid-page .bordered-container,
.webid-archive .bordered-container,
.webid-single .bordered-container {
	/* border: 3px outset;
	border-radius: 20px; */
}

.bordered-container,
.bordered-container:first-child,
.bordered-container:last-child {
	border: 3px outset;
	border-radius: 20px;
}

.webid-page a,
.webid-archive a,
.webid-single a {
	color: white;
	text-decoration: none;
}

.webid-page a:hover,
.webid-archive a:hover,
.webid-single a:hover {
	color: #eb6e78;
}

.site-footer .site-info a {
	color: #72727e;
	/* color: #e1e1ed; */
}

.site-footer .site-info a:hover {
	color: #eb6e78;
}

@media (max-width: 1100px) {}

@media (max-width: 900px) {}

@media (max-width: 800px) {

	.article-container {
		width: 100%;
	}

	.blog-home-content article,
	.blog-home-content article:first-child {
    	width: 100%;
    	float: none; 
    }

    article#post-filler {
    	display: none;
    }
}

@media (max-width: 600px) {}

@media (max-width: 400px) {}

@media (min-width: 1400px) {}