/*
 * WebId CSS for the Magnus Theme [Cards archive]
 */
 
div#main.card-content {
	width: 85%;
	margin-left: 7.5%;
	margin-right: 7.5%;
	padding: 0;
	max-width: none;
}

.site-content .card-content article {
	height: 35vh;
	padding-bottom: 0;
	margin-bottom: 10vh;
	background: #373748;
	overflow: hidden;
	opacity: 0.95;
	border: 3px outset;
}

.site-content .card-content article:first-child {
	margin-top: 5vh;
}

.site-content .card-content article > * {
    -webkit-animation: fadein 2.5s ease-out backwards;
    -moz-animation: fadein 2.5s ease-out backwards;
    animation: fadein 2.5s ease-out backwards;
	opacity: 1;
}

.site-content .card-content article > *:first-child {
	border-right: 1px outset;
}

.site-content .card-content article > *:last-child {
	border-left: 1px outset;
}

.site-content .card-content article .section-thumbnail {
	width: 30%;
	height: 100%;
	float: left;
	overflow: hidden;
}

.site-content .card-content article .section-image {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.site-content .card-content article .section-image {
    -webkit-animation: image-pulse 15s ease-in-out infinite alternate;
    -moz-animation: image-pulse 15s ease-in-out infinite alternate;
    animation: image-pulse 15s ease-in-out infinite alternate;
    opacity: 1;
	background-color: rgb(55, 55, 72);
}

.site-content .card-content article .section-inner {
	width: 70%;
	height: 100%;
	float: left;
	color: white;
	text-shadow: 1px 1px 2px black;
}

.site-content .card-content .entry-header .entry-title {
	margin: 0.3em 0.5em 0.3em 1em;
	color: white;
}

.site-content .card-content .entry-header .entry-title a {
	color: white;
}

.site-content .card-content .entry-content {
	margin: 0em 0.5em 0.5em 1em;
}


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

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

@media (max-width: 800px) {

	.site-content .card-content article > *:first-child {
		border-right: 0;
		border-bottom: 1px outset;
	}
	
	.site-content .card-content article > *:last-child {
		border-left: 0;
		border-top: 1px outset;
	}
	
	.site-content .card-content article .section-thumbnail {
		width: 100%;
		height: 70%;
	}
	
	.site-content .card-content article .section-inner {
		width: 100%;
		height: 40%;
		text-align: center;
	}
	
	.site-content .card-content article .entry-content {
		display: none;
	}
	
}

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

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