/*
 Theme Name:   Erika
 Description:  Erika - A Hitchcock Child Theme
 Author:       freetimefor.biz di Simone Rimondi
 Author URI:   http://www.freetimefor.biz
 Template:     hitchcock
 Version:      1.0.0
 Text Domain:  erika
*/

body {
	background-color: #fff;
}

.blog-title a {
    color: #000;
}

.section-inner {
    width: 90%;
	max-width: 90%;
}

.post-inner {
    width: 100%;
	max-width: 100%;
}

.credits p:first-child,
.credits p:first-child a {
    color: #000;
}

.simple-lightbox .sl-counter,
.simple-lightbox .sl-navigation,
.simple-lightbox .sl-caption {
    display: none !important;
}

.sl-overlay {
	opacity: 1.0 !important;
}

.flex-parent {
  width: 100%;
  display: flex;
}

.flex-child {
  width: 50%;
  margin: auto;
  text-align: center;
}

.landing-link {
	text-transform: uppercase;
	font-size: 1.75em;
}

.posts.group .post .archive-post-title,
.related-posts .post .archive-post-title {

	color: #222222;
}

.posts.group .post:hover .archive-post-title,
.related-posts .post:hover .archive-post-title {
	color: #efca4f;
}

.posts.group .has-post-thumbnail:hover .archive-post-title,
.related-posts .has-post-thumbnail:hover .archive-post-title {
    color: #ffffff;
}

label {
	font-family: inherit;
}

.post-content .alignleft {
    margin-left: 0;
}

.wp-block-media-text.alignwide {
    margin: 0 0 0 0;
	padding: 0 0 1em 0;
	width: inherit;
	max-width: inherit;
}

.related-posts .archive-post-title {
	font-size: 1.1em;
}

.related-posts .post,
.related-posts .post:first-child {
	width: 30%;
	margin-left: 3% !important;
	margin-top: 3%;
	padding-bottom: 30%;
}

.related-posts .post:nth-child(2n+1) {
	display: block;
	margin-left: 3%;
}

.related-posts .post + .post {
	margin-left: 3%;
}

@media (max-width: 900px) {

	.related-posts .archive-post-title {
		font-size: 0.9em;
	}
	
}

@media (max-width: 600px) {

	.related-posts .archive-post-title {
		font-size: 0.8em;
	}
	
	.related-posts .post,
	.related-posts .post:first-child {
		width: 48%;
		margin-left: 2% !important;
		margin-top: 2%;
		padding-bottom: 48%;
	}

	.related-posts .post:nth-child(2n+1) {
		display: block;
		margin-left: 2%;
	}

	.related-posts .post + .post {
		margin-left: 2%;
	}

}