/*
 * blog.scss
 * -----------------------------------------------
*/
article {
	.entry-content {
		.post-content,
		.post-excerpt {
			a:not(.btn):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link), p a:not(.btn):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link) {
				&:hover {
				}
			}
		}
	}
	.box-hover-effect {
		.thumb {
			text-align: center;
		}
	}
}
body.blog {
	.blog-posts {
		.main-content-area {
			article {
				margin-bottom: 3rem;
			}
			.row {
				> div:last-child {
					article {
						margin-bottom: 0;
					}
				}
			}
			.post.sticky {
				background: #fff;
				border: 3px solid #eee;
				.entry-content {
					background: #fff;
				}
			}
		}
	}
}
.main-content-area {
	article {
		.entry-title {
			a {
			}
		}
		.entry-meta {
			font-size: 14px;
			margin-bottom: 1rem;
			color: #9a9a9a;
			font-weight: normal;
			text-transform: uppercase;
			li:first-child {
				padding-left: 0;
			}
			i {
				margin-right: 5px;
			}
			a,
			.sl-wrapper span {
				color: #9a9a9a;
				font-weight: normal;
			}
		}
		.post-excerpt {
			margin-bottom: 20px;
		}
	}
	.post-thumb {
	}
	.pagination {
		margin-top: 15px;
	}
}
.blog-posts {
	.main-content-area {
		article {
			.entry-title {
				margin-top: 0;
			}
			.entry-content {
				box-shadow: inset 0 0 0 1px #e0e0e0;
				background-color: #fff;
				padding: 40px;
			}
			&.sticky {
				.entry-content {
					background: $white-f5;
					border: 1px solid #ddd;
					box-shadow: 5px 5px 15px #e0e0e0;
				}
			}
		}
	}
}
.blog-posts {
	.main-content-area {
		.isotope-layout .isotope-item {
			article {
				margin-bottom: 0;
			}

		}
	}
}
pre {
	background-color: #f0f5fc;
	border: 1px solid #e5eaf1;
	padding: 20px;
}
code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
}
@include media-breakpoint-up(md) {
.post-standard-1col-classic {
	.entry-header {
		border-radius: 2px;
		float: left;
		margin-right: 25px;
		width: 45%;
	}
}
}


/* Top Nav Search Button & Form */
#top-nav-search-btn {
	.search-icon {
		color: $headings-nav-side-icons-color;
		font-size: 18px;
		line-height: 1;
		padding: 3px;
		&:hover {
			color: #888;
		}
	}
	@include media-breakpoint-down(lg) {
		margin-top: 12px;
	}
}
#top-nav-search-form {
	background: #fff;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99991;
	form {
		margin-bottom: 0;
	}

	input[type="text"] {
		background: transparent;
		border: medium none;
		border-radius: 0;
		box-shadow: none;
		color: #292929;
		font-size: 24px;
		height: 100%;
		left: 15px;
		line-height: normal;
		outline: medium none;
		padding: 0;
		position: absolute;
		top: 0;
		vertical-align: middle;
		width: 90%;
		@include media-breakpoint-down(lg) {
			font-size: 18px;
			width: 80%;
		}
	}
	#close-search-btn {
		color: #bbbbbb;
		float: right;
		font-size: 28px;
		line-height: 75px;
		margin: 0 15px 0 0;
		padding: 0;
		&:hover {
			color: #555;
		}
		@include media-breakpoint-down(lg) {
			line-height: 60px;
		}
	}
}