.single-hero {position: relative; color: var(--zero); min-height: 500px; height: auto; max-height: fit-content; overflow: hidden;}
.single-hero .featured-img {object-fit: cover; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.single-hero:after {content: ''; display: block; background-color: var(--one); opacity: 0.8; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.single-hero .container {position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%);}
.single-hero .container .row .col-12 {display: flex; flex-direction: column; gap: 5px;}
.single-hero .author {display: flex; font-size: 12px; align-items: center; gap: 10px;}
.single-hero .author a {line-height: 1.1; color: var(--zero);}
.single-hero .author a:hover {opacity: 0.8;}
.single-hero .author .avatar-img {width: 37px; height: 37px; }
.single-hero .time {display: flex; font-size: 12px; gap: 20px; margin-top: 10px;}
.single-hero .time .date {display: flex; gap: 5px; white-space: nowrap; line-height: 1; color: var(--zero); justify-content: end;}
.single-hero .time .date svg {min-width: 10px; min-height: 10px; width: 10px; height: 10px;}
.single-hero .time .date svg * {fill: var(--zero);}
.single-hero .title {font-size: 48px; color: var(--zero); font-weight: 700; margin-bottom: 0;}
.single-hero #breadcrumbs {margin-bottom: 0;}
.single-hero .excerpt {display: flex; gap: 15px; flex-direction: column;}
.single-hero .excerpt p {margin: 0; padding: 0;}

.single .main-content .auto-content-list {
	background-color: var(--three);
	padding: 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.single .main-content .auto-content-list strong {
	color: var(--one);
}

.single .main-content .auto-content-list ul, {
	margin-left: 30px;
	list-style: disc;
}
.single .main-content .auto-content-list ul li {
	list-style: disc;
	margin-left: 30px;
}

.single .main-content .auto-content-list ul li a {
	color: var(--four);
}
.single .main-content .auto-content-list ul li a:hover {
	opacity: 0.8;
}

.single .wp-content {padding: 60px 0;}
.single .wp-content .col-12 {display: flex; flex-direction: column; gap: 35px;}
.single .wp-content p {margin: 0; padding: 0;}
.single .wp-content h1,
.single .wp-content h2,
.single .wp-content h3,
.single .wp-content h4,
.single .wp-content h5,
.single .wp-content h6 {font-weight: bold; color: var(--one);}
.single .wp-content ul li {margin-left: 30px; list-style: disc;}
.single .wp-content ol li {margin-left: 30px; list-style: decimal;}
.single .wp-content p img {max-width: 100%; height: auto; margin: auto;}

.single .author-biography {padding: 60px 0;}
.single .author-biography .author-info {display: flex; gap: 15px; flex-direction: row; padding: 30px;}
.single .author-biography .author-info .avatar-img {width: 100px; height: 100px;}
.single .author-biography .author-info span {display: flex; flex-direction: column; gap: 10px;}
.single .author-biography .author-info span .preheader {font-size: 14px; color: var(--two);}
.single .author-biography .author-info span .name {font-size: 24px; color: var(--one);}
.single .author-biography .author-info span p {margin: 0; padding: 0;}



@media (max-width: 1399.98px) {
	.single-hero .featured-img {min-height: 400px;}
}

@media (max-width: 1199.98px) {
	.single-hero .featured-img {min-height: 300px;}
}

@media (max-width: 991.98px) {
	.single-hero .featured-img {min-height: 200px;}
}

@media (max-width: 767.98px) {
	.single-hero .featured-img {min-height: 100px;}
}

@media (max-width: 575.98px) {
	.single-hero .featured-img {min-height: 50px;}
}

body.ks-rounding-light .author-biography .author-info .avatar-img,
body.ks-rounding-strong .author-biography .author-info .avatar-img {border-radius: 100px;}
body.ks-rounding-light .wp-content img {border-radius: 16px;}
body.ks-rounding-strong .wp-content img {border-radius: 32px;}
body.ks-rounding-light .auto-content-list {border-radius: 16px;}
body.ks-rounding-strong .auto-content-list {border-radius: 32px;}
body.ks-rounding-light .single-hero .author-biography .avatar-img,
body.ks-rounding-strong .single-hero .author-biography .avatar-img {border-radius: 100px;}

.single .recent-blogposts-block {padding: 60px 0;}
.single .recent-blogposts-block .container {row-gap: 35px;}
.single .recent-blogposts-block .container .row:nth-child(2) {row-gap: 35px;}
.single .recent-blogposts-block .intro {row-gap: 35px;}
.single .recent-blogposts-block .intro .heading {font-size: 40px; line-height: 1.1; font-weight: 700; margin: 0; padding: 0; text-align: center; color: var(--one);}
.single .recent-blogposts-block .intro p {margin: 0; padding: 0; text-align: center; color: var(--four);}
.single .recent-blogposts-block .intro p:after {height: 3px; content: ''; width: 70px; background-color: var(--two);  display: block; margin: auto; margin-top: 35px; top: 100%; display: table; left: 0; right: 0;}
.single .recent-blogposts-block .single-post {background: var(--zero);}
.single .recent-blogposts-block .single-post a {display: block;}
.single .recent-blogposts-block .single-post a img.featured-img {display: block; width: 100%; height: 235px; object-fit: cover; margin-bottom: 1rem;}
.single .recent-blogposts-block .single-post .details {display: flex; flex-direction: column; gap: 15px;}
.single .recent-blogposts-block .single-post .details .author-time {display: flex; justify-content: space-between;}
.single .recent-blogposts-block .single-post .details .author-time .author {display: flex; font-size: 12px; align-items: center; gap: 10px;}
.single .recent-blogposts-block .single-post .details .author-time .author a {line-height: 1.1; color: var(--four);}
.single .recent-blogposts-block .single-post .details .author-time .author a:hover {opacity: 0.8;}
.single .recent-blogposts-block .single-post .details .author-time .avatar-img {width: 37px; height: 37px; }
.single .recent-blogposts-block .single-post .details .author-time .time {display: flex; flex-direction: column; font-size: 12px; justify-content: center;}
.single .recent-blogposts-block .single-post .details .author-time .time .date {display: flex; gap: 15px; white-space: nowrap; line-height: 1; color: var(--four); justify-content: end;}
.single .recent-blogposts-block .single-post .details .author-time .time .date svg {min-width: 10px; min-height: 10px; width: 10px; height: 10px;}
.single .recent-blogposts-block .single-post .details .author-time .time .date svg * {fill: var(--two);}
.single .recent-blogposts-block .single-post .details .title {font-size: 24px; color: var(--one);}
.single .recent-blogposts-block .single-post .details .title:hover {opacity: 0.8;}
.single .recent-blogposts-block .single-post .details .excerpt p {color: var(--four); margin: 0; padding: 0;}
.single .recent-blogposts-block .single-post .details .read-more {padding: 1rem 2rem;  background-color: transparent; color: var(--two); border: solid 1px var(--two); font-weight: bold; width: fit-content; font-size: 14px;}
.single .recent-blogposts-block .single-post .details .read-more:hover {color: var(--one); border: solid 1px var(--one);}
.single .recent-blogposts-block .button {display: flex; width: fit-content; padding: 15px 40px; background-color: transparent; color: var(--two);  border: solid 1px var(--two);}
.single .recent-blogposts-block .button:hover {border: solid 1px var(--one); color: var(--one); background-color: transparent;}

body.ks-rounding-light.single .recent-blogposts-block .single-post {border-radius: 8px 8px 0 0; overflow: hidden;}
body.ks-rounding-strong.single .recent-blogposts-block .single-post {border-radius: 32px 32px 0 0; overflow: hidden;}
body.ks-rounding-light.single .recent-blogposts-block .single-post .details .read-more {border-radius: 8px;}
body.ks-rounding-strong.single .recent-blogposts-block .single-post .details .read-more {border-radius: 32px;}
body.ks-rounding-light.single .recent-blogposts-block .button {border-radius: 8px;}
body.ks-rounding-strong.single .recent-blogposts-block .button {border-radius: 32px;}
body.ks-rounding-light.single .recent-blogposts-block .single-post .details .author-time .avatar-img,
body.ks-rounding-strong.single .recent-blogposts-block .single-post .details .author-time .avatar-img {border-radius: 100px;}