/*
	* CSS for Posts
	*
	* @package      recipegirl
	* @author       Lindsay Humes
	* @since        1.0.0
	* @license      GPL-2.0+
*/

/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/

.entry-header {
	background: #f1f1f1;
	padding: 20px 0;
	margin: 0 0 10px;
}

h1.entry-title {
	margin: 0 0 10px;
}
.entry-meta-wrap {
	display: flex;
	align-content: center;
	justify-content: start;
}

.recipe-info-group {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.recipe-info {
	margin-right: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	color: #3a3a3a;
	background: #FFFFFF;
	border-radius: 3px;
	padding: 5px 10px;
	display: block;
	font-weight: 700;
	height: 35px;
	line-height: 25px;
}

.recipe-info .icon-font {
	font-size: 24px;
	vertical-align: middle;
	line-height: 1;
}

.recipe-info a {
	color: #3a3a3a;
	font-weight: 700;
	display: block;
}

.save-recipe.post-save {
	cursor: pointer;
}

.recipe-info:hover {
	background: #e5e5e5;
	transition: all .8s ease 0s;
}

.recipe-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px;
}

.recipe-meta-info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	text-transform: none;
	line-height: 1;
}

.recipe-meta-info .icon-font {
	font-size: 24px;
	vertical-align: middle;
	line-height: 1;
}

.recipe-time-info .wprm-recipe-details-unit {
	font-size: 1em;
	display: inline-block;
}

.recipe-meta-info .wprm-recipe-rating {
	margin-left: 20px;
	display: block;
}

.recipe-meta-info .wprm-rating-star {
	line-height: 1;
	padding: 1px;
	font-size: 18px;
}

.recipe-meta-info .wprm-recipe-rating .wprm-recipe-rating-details {
	font-size: 1em;
	display: inline-block;
	margin-left: 5px;
}

.disclosure a {
	font-weight: 700;
	text-decoration: underline;
	color: #3a3a3a;
}

/*Post CTA*/
.social-cta {
	background: #f1f1f1;
	padding: 15px 15px 15px 150px;
	display: block;
	position: relative;
	margin: 0 auto 10px;
}

.social-cta .icon {
	background: url(../images/favicon.svg) no-repeat center;
	background-size: contain;
	width: 83px;
	height: 83px;
	position: absolute;
	left: 30px;
}

.social-cta h3 {
	font-size: 20px;
	color: #bf4b76;
	margin: 0 0 5px;
}

.social-cta .content-meta {
	font-size: 16px;
}
.social-cta a {
	text-decoration: underline;
	font-weight: 700;
}

/*Post CTA*/
.post-share {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto 10px;
}

.post-share a {
	background: #307c88;
	color: #FFFFFF;
	border-radius: 3px;
	padding: 10px;
	display: block;
	width: calc(1 / 7 * 100% - 5px);
	text-align: center;
	line-height: 1;
}

.post-share a, .post-share a:visited {
	color: #FFFFFF;
}

.post-share a:hover {
	background: #bf4b76;
	transition: all .8s ease 0s;
}

/*Entry Footer*/
.entry-footer {
	border: 4px solid #f1f1f1;
}

.post-entry-info {
	display: flex;
	align-items: baseline;
	border-bottom: 4px solid #f1f1f1;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.4;
	font-size: 14px;
	font-weight: 700;
}

.post-entry-info .left {
	width: 200px;
	padding: 20px;

}

.post-entry-info .label {
	color: #307c88;
	display: block;
	margin: 0 0 5px;
}

.post-entry-info .right {
	width: 90%;
	border-left: 4px solid #f1f1f1;
	padding: 20px;
}

.post-detail, .tax-group {
	margin: 0 0 15px;
	display: block;
}

.post-entry-info .sm-ser {
	line-height: 1.5;
}

/*Post Related*/
.post-related-section {
	padding: 20px;
	border-bottom: 4px solid #f1f1f1;
}

.related-title {
	font-size: 20px;
	margin: 0 0 10px;
	color: #bf4b76;
}

.related-posts.flexbox {
	align-items: baseline;
}

.post-related {
	width: calc(1 / 4 * 100% - 5px);
	margin: 0 10px 0 0;
}

.post-related:nth-child(4n) {
	margin: 0;
}

.post-related h2 {
	font-size: 18px;
	margin: 0;
	padding: 5px 0;
	line-height: 1.25;
}

.post-related a {
	display: block;
}

.post-related img {
	display: block;
}

.post-related img:hover {
	transform: scale(1.05);
	transition: transform 400ms;
}

/*Post Author*/
.post-author {
	padding: 20px;
	border-bottom: 4px solid #f1f1f1;
}

.post-author .flexbox {
	align-items: flex-start;
}

.author-img {
	width: 200px;
	height: auto;
	padding-right: 15px;
}

.post-author-info {
	width: 73%;
}

.author-title {
	margin: 0 0 5px;
	color: #bf4b76;
	font-size: 20px;
}

.author-title a {
	color: #bf4b76;
}

.author-title a:hover {
	color: #3a3a3a;
}

.post-author-info .content-meta {
	font-size: 14px;
	margin: 0;
}

.author-social {
	margin: 10px auto 0;
}

.author-social .icon-font {
	font-size: 32px;
	padding: 8px 3px;
}

/*Post NAV*/
.post-nav {
	padding: 20px;
	border-bottom: 4px solid #f1f1f1;
}

.post-nav-title .sm-caps {
	color: #3a3a3a;
	display: block;
	margin: 0;
}

.post-nav .icon-font {
	font-size: 24px;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0;
	vertical-align: text-top;
}

.post-nav .next-post {
	text-align: right;
}

.nav-post-title {
	font-weight: 700;
	display: block;
	line-height: 1.2;
}

.amazon-disclosure {
	padding: 20px;
	font-size: 14px;
}

/*Post Subscribe*/
.post-subscribe {
	margin: 20px auto;
	background: #307c88;
	padding: 40px;
	text-align: center;
	color: #FFFFFF;
}

.post-subscribe .enews {
	max-width: 375px;
	margin: 0 auto;
}

.post-subscribe h3 {
	font-size: 24px;
	margin: 10px auto;
}

.post-subscribe p {
	font-size: 14px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

/* Wrapper div for the entire comment form. */
#respond {
	border-top: 10px solid #3a3a3a;
	background: #f1f1f1;
	padding: 40px;
}

h3#reply-title, h2.comments-title {
	text-align: center;
	margin-bottom: 20px;
}

h2.comments-title {
	margin-top: 40px;
}

p.comment-form-author, p.comment-form-email {
	background: #FFFFFF;
	padding: 5px 10px;
}

p.comment-form-comment {
	background: #FFFFFF;
	padding: 5px 10px;
}

p.comment-form-author input#author, p.comment-form-email input#email {
	border: 0;
}

p.comment-form-comment textarea#comment {
	border: 0;
	padding: 0;
}

p.form-submit {
	margin: 0;
}

.comment-form a, .comment-form a:visited {
	color: #3a3a3a;
	font-weight: 700;
}

#cancel-comment-reply-link {
	display: block;
	margin-top: 5px;
}

/* Comment List Format */
.comment {
	list-style-type: none;
	position: relative;
}

.comment-body {
	border-left: 5px solid #307c88;
	background: #f1f1f1;
	position: relative;
	padding: 20px;
	margin-bottom: 40px;
}

.comment-content {
	font-size: 14px;
}

.comment-reply-link {
	display: block;
	background: #FFFFFF;
	position: absolute;
	right: 0;
	padding: 8px 15px;
	bottom: 0;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
}

.comment-reply-link:visited {
	background: #FFFFFF;
	color #307c88;
}

.comment-reply-link:hover, .comment-reply-link:visited:hover {
	background: #bf4b76;
	color: #FFFFFF;
	transition: all .8s ease 0s;

}

.comments-pagination {
	text-align: center;
	margin: 20px auto;
}

.bypostauthor .comment-body {
	border-left: 5px solid #bf4b76;
}

.bypostauthor ul li .comment-body {
	border-left: 5px solid #307c88;
}

.bypostauthor ul li.bypostauthor .comment-body {
	border-left: 5px solid #bf4b76;
}

/*--------------------------------------------------------------
## Purr Card
--------------------------------------------------------------*/
.purr-recipe-card {
	padding: 25px;
	background: #f1f1f1;
	margin: 0 0 20px;
}
.recipe-info-group.flexbox {
	align-items: start;
}
.purr-recipe-card .summary {
	margin: 0 0 20px;
}
.purr-recipe-card a.print {
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	color: #FFFFFF;
	background: #307c88;
	text-align: center;
	text-decoration: none;
	margin: 2px auto 0;
	padding: 10px;
}
.purr-recipe-card a.print:hover {
	background: #3a3a3a;
}
.recipe-right {
	display: block;
}
.recipe-image img {
	display: block;
	float: none!important;
}
.purr-recipe-card h3 {
	margin: 20px 0 10px;
}
/*--------------------------------------------------------------
Mobile
--------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	.search-form, .search-field {
		max-width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.post-related h2 {
		font-size: 18px;
	}
}

@media screen and (max-width: 600px) {
	h1.entry-title, .breadcrumbs {
		text-align: center;
	}
	h1.entry-title {
		font-size: 32px;
	}

	.entry-meta-wrap {
		display: block;
		text-align: left;
	}

.post-dietary {
	justify-content: center;
	margin: 10px auto 0
}
	.recipe-info-group {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.recipe-info {
		width: calc(1 / 2 * 100% - 5px);
		margin: 0 2px 5px;
		display: block;
		text-align: center;
	}

	.recipe-info.comment-jump {
		width: 100%;
		margin: 0 2px;
	}

	.recipe-meta {
		display: block;
		text-align: center;
	}

	.recipe-meta-info {
		text-align: center;
		justify-content: center;
		margin: 0 auto 20px;
	}

	.disclosure {
		font-size: .5em;
	}

	.social-cta {
		padding: 100px 15px 15px;
		text-align: center;
	}

	.social-cta .icon {
		top: 10px;
		left: calc(50% - 83px / 2);
		right: calc(50% - 83px / 2);
	}

	.post-share {
		flex-wrap: wrap;
	}

	.post-share a {
		width: calc(1 / 2 * 100% - 5px);
		margin: 0 auto 5px;
	}

	.post-share a:last-child {
		width: 100%;
	}

	.related-posts.flexbox {
		flex-wrap: wrap;
	}

	.post-related {
		width: calc(1 / 2 * 100% - 5px);
		margin: 0 10px 10px 0;
	}

	.post-related:nth-child(2n) {
		margin: 0 0 10px 0;
	}

	.post-author .flexbox {
		display: block;
		text-align: center;
	}

	.author-img {
		margin: 0 auto 10px;
	}

	.post-author-info {
		width: 100%;
	}


}