@keyframes wzslideup {
	from {
		transform: translateY(80px);
	}

	to {
		transform: translateY(0);
	}
}

@-webkit-keyframes wzslideup {
	from {
		-webkit-transform: translateY(80px);
	}

	to {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes wzslideup {
	from {
		-moz-transform: translateY(80px);
	}

	to {
		-moz-transform: translateY(0);
	}
}

@-webkit-keyframes wzfadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-moz-keyframes wzfadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes wzfadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.crp_related.crp-masonry {
	width: 100%;
	margin: 10px auto;
	clear: both;
}

.crp_related.crp-masonry h3, .crp_related.crp-masonry figure {
	margin: 0 !important;
}

.crp_related.crp-masonry ul {
	margin: 1em 0;
	padding: 0;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	column-gap: 1em;
	font-size: .85em;
	list-style-type: none;
}

.crp_related.crp-masonry ul li {
	background: #fff;
	padding: 3px;
	margin: 0 0 1em;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #efefef;

	animation: wzslideup 0.8s ease-out, wzfadein 1s ease-out;
	-webkit-animation: wzslideup 0.8s ease-out, wzfadein 1s ease-out;
	-moz-animation: wzslideup 0.8s ease-out, wzfadein 1s ease;

	font-size: 1em;
	text-align: center;
	display: inline-block;
}

.crp_related.crp-masonry ul li a {
	display: block;
	text-decoration: none !important;
	border: 0;
	box-shadow: none;
}

.crp_related.crp-masonry a:focus-visible {
	border: 1px solid #000;
	border-radius: 7px;
}

.crp_related.crp-masonry ul li .crp_author a {
	display: inline;
}

.crp_related.crp-masonry .crp_author, .crp_related.crp-masonry .crp_date, .crp_related.crp-masonry .crp_excerpt {
	display: block;
	font-size: 0.9em;
}

.crp_related.crp-masonry .crp_title {
	display: block;
	margin: .25em 0;
	color: #666;
}

.crp_related.crp-masonry ul li a:hover {
	color: #666;
	border-color: #888;
	text-decoration: none !important;
}

.crp_related.crp-masonry ul li:hover {
	box-shadow: 0px 5px 20px 3px rgba(0, 0, 0, 0.1) !important;

	-webkit-transition: all .2s;
	-webkit-transform: scale(1.03, 1.03);
	;
	-moz-transition: all .2s;
	-moz-transform: scale(1.03, 1.03);
	;
	transition: all .2s;
	transform: scale(1.03);
	;
}

@media only screen and (min-width: 700px) {
	.crp_related.crp-masonry ul {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 900px) {
	.crp_related.crp-masonry ul {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

.crp_related.crp-masonry ul li img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.crp_clear {
	clear: both;
}