/*
Theme Name: Kadence Child
Template: kadence
Version: 1.0
*/

/**************** Blogs Page CSS ****************/
.categories-widget {
	float: left;
}
.search-widget {
	float: right;
}
.search-btn {
	position: absolute;
	left: -5px;
	background: transparent !important;
	top: 3px;
}
.search-input {
	border: 0.68px solid #A1A1A14D !important;
	background: #F9F9F9F2 !important;
	border-radius: 13.52px !important;
	padding: 7px 10px 7px 35px !important;
	width: 250px !important;
	color: #0A0A0A80 !important;
	font-size: 14px !important;
	font-weight: 300;
	line-height: 22px;
}
.posts-container {
	display: inline-block;
	width: 100%;
	margin-top: 25px;
}
.posts-container .blog-post-item {
	width: 32%;
	max-width: 100%;
	display: inline-block;
	margin-right: 1%;
	margin-bottom: 2%;
}
.posts-container .blog-post-item {
	background-color: #fff;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #DBE0E680;
	border-radius: 11.88px 11.88px 11.88px 11.88px;
}
.blog-post-content {
	padding: 15px;
}
.blog-post-thumbnail .post-thumb.wp-post-image {
	width: 100%;
	border-radius: 11.88px 11.88px 0px 0px;
	height: 220px;
	object-fit: cover;
	object-position: center;
}
.load-more-container {
	margin-top: 50px;
	text-align: center;
}
.categories-list {
	margin: 0px;
	list-style: none;
	display: flex;
	gap: 8.45px;
	padding-left: 0 !important;
}
.load-more-btn {
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 0.14em;
	font-family: 'Hanken Grotesk', sans-serif;
	border-radius: 120px 120px 120px 120px;
	color: #f6f2e9;
	background: #bd6240;
	box-shadow: 0px 0px 0px 0px #bd6240;
	padding: 11px 22px 11px 22px;
}
.categories-list li a {
	font-family: "Hanken Grotesk", Sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 15.02px;
	color: #4A5565;
	border: 0.6px solid #BD6240;
	padding: 9px 14px;
	letter-spacing: 0.14em;
	border-radius: 20153178px;
}
.categories-list li.active a {
	background: #BD6240;
	color: #FFFFFF;
}
.blog-post-date {
	padding: 25px 20px 15px 20px;
	font-family: "Hanken Grotesk", Sans-serif;
	font-size: 11.88px;
	font-weight: 300;
	line-height: 15.83px;
	color: #68778D;
}
.blog-post-title {
	padding: 0px 20px 0px 20px;
	font-family: "Hanken Grotesk", Sans-serif;
	font-size: 16.50px;
	font-weight: 500;
	line-height: 27.71px;
	color: #192434 !important;
	min-height: 55px;
	margin-top: 0px !important;
}
.blog-post-title a {
	color: #192434 !important;
}
.blog-post-excerpt {
	padding: 10px 20px 20px 20px;
	font-family: "Hanken Grotesk", Sans-serif;
	font-size: 13.85px;
	font-weight: 300;
	line-height: 22.51px;
	color: #68778D;
}
.loading {
	text-align: center;
	margin: 70px auto;
	font-size: 24px;
	font-style: italic;
}
.no-posts-found {
	text-align: center;
	margin: 70px auto;
}
.all-blogs-wrapper .posts-container .blog-post-item:first-child {
	width: 66%;
}
.all-blogs-wrapper .posts-container .blog-post-item:first-child img {
	height: 320px;
	object-fit: cover;
}
.all-blogs-wrapper .posts-container .blog-post-item:first-child .blog-post-title {
	min-height: auto !important;
}
.all-blogs-wrapper .posts-container .blog-post-item:nth-child(2) {
	min-height: 458px;
	position: absolute;
	width: 31.5%;
	margin-left: 5px;
}
.all-blogs-wrapper .posts-container .blog-post-item:nth-child(3n + 2) {
	margin-right: 0%;
}
/**************** Blog Details Page CSS ****************/
.single #inner-wrap {
	background: #ffffff;
}
.load-more-btn a {
	color: inherit !important;
	text-decoration: none !important;
}
.blog-hero {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.blog-actions {
	padding-top: 25px;
}
.related-posts {
	padding-top: 20px;
	padding-bottom: 70px;
}
.blog-content, .blog-actions, .related-posts {
	margin: 0 auto;
	max-width: 1140px;
}
.home .posts-container .blog-post-item:nth-child(3n), .single .posts-container .blog-post-item:nth-child(3n) {
	margin-right: 0%;
}
.hero-overlay {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
	min-height: 535px;
	display: table;
	padding-left: 10%;
	padding-right: 10%;
	width: 100%;
}
.hero-overlay .container {
	vertical-align: middle;
	display: table-cell;
}
.hero-overlay .blog-title {
	font-family: "Hanken Grotesk", Sans-serif;
	font-size: 42px;
	font-weight: 700;
	line-height: 54px;
	color: #FFFFFF;
	width: 65%;
	text-align: center;
	margin: 0 auto;
}
.blog-meta {
	margin-top: 20px;
	display: flex;
	color: #FFFFFFE5;
	display: none;
}
.author-avatar {
	width: 36px;
	border-radius: 50%;
}
.blog-meta .author-name, .blog-meta .post-date, .blog-meta .read-time {
	padding: 10px 10px 5px 10px;
	font-family: "Hanken Grotesk", Sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	color: #FFFFFFE5;
}
.blog-meta .post-date, .blog-meta .read-time {
	font-weight: 400 !important;
	display: flex;
}
.blog-meta .post-date img, .blog-meta .read-time img {
	width: 13.5px;
	height: 13.5px;
	margin-right: 5px;
	margin-top: 2px;
}
.container.actions-wrap {
	display: inline-block;
	width: 100%;
	border-bottom: 0.72px solid #E5E7EB;
	padding-bottom: 20px;
}
.share-icons {
	float: left;
}
.back-blog {
	float: right;
	margin-top: 20px;
}
.single hr {
	border-color: #0D7A8F;
	margin-top: 2px;
	width: 57.91px;
	float: left;
	height: 3.62px;
	margin-bottom: 25px;
}
.share-icons span {
	color: #6A7282;
	font-family: "Hanken Grotesk", Sans-serif;
	font-size: 14.48px;
	line-height: 21.72px;
	font-weight: 600;
}
.back-blog .back-btn {
	background: #0000001A;
	border: .68px solid #FFFFFF4D;
	border-radius: 22679044px;
	color: #232323;
	font-family: "Hanken Grotesk", Sans-serif;
	font-size: 13.52px;
	line-height: 20.28px;
	text-decoration: none;
	font-weight: 500;
	padding: 8px 15px;
}
.share-icons .social-avatar {
	display: inherit;
	width: 36.19px;
	margin-left: 5px;
	top: 12px;
	position: relative;
}
.back-blog .back-btn img {
	display: inherit !important;
	width: 16.9px;
	top: 4px;
	position: relative;
	right: 2px;
}
.related-posts .container > h2 {
	color: #192434;
	font-family: "Hanken Grotesk", Sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 50px;
}
.blog-content p {
	margin-top: 0px;
	margin-bottom: 0px;
}

@media(max-width:768px){
    .hero-overlay {
		min-height: 350px;
	}
	.hero-overlay .blog-title {
		font-family: "Hanken Grotesk", Sans-serif;
		font-size: 28px;
		font-weight: 700;
		line-height: 32px;
		color: #FFFFFF;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.blog-content, .blog-actions, .related-posts {
		padding-left: 20px;
		padding-right: 20px;
	}
	.all-blogs-wrapper .posts-container .blog-post-item:first-child img {
		height: auto;
	}
	.posts-container .blog-post-item {
		width: 100% !important;
		margin-bottom: 20px;
	}
	.categories-widget {
		width: 100%;
	}
	.categories-list {
		display: inherit;
	}
	.categories-list li {
		display: grid;
		margin-bottom: 10px;
	}
	.search-widget {
		width: 100%;
		margin-top: 10px;
	}
	.search-input {
		width: 100% !important;
	}
	.site-top-footer-inner-wrap h2 {
		font-size: 32px;
		margin-bottom: 10px;
	}
	.menu-item-1012 a, .menu-item-1013 a {
		color: #F7FAFC !important;
	}
	.hero-overlay .blog-title {
		padding-top: 50px;
	}
	.share-icons .social-avatar {
		width: 30px;
		margin-left: 2px;
	}
	.back-blog .back-btn {
		font-size: 12px;
		padding: 8px 10px;
	}
	.back-blog {
		margin-top: 12px;
	}
	.all-blogs-wrapper .posts-container .blog-post-item:nth-child(2) {
		min-height: auto;
		position: unset;
		margin-left: 0px;
	}
}