.single-hero {position: relative; color: var(--one);}
.single-hero .featured-img {object-fit: cover; height: 800px; width: 100%;}
.single-hero:after {content: ''; display: block; background-color: var(--three-dark); 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: 35px;}
.single-hero .author {display: flex; font-size: 12px; align-items: center; gap: 10px;}
.single-hero .author a {line-height: 1.1; color: var(--one);}
.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;}
.single-hero .time .date {display: flex; gap: 15px; white-space: nowrap; line-height: 1; color: var(--one); 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(--one);}
.single-hero .title {font-size: 48px; color: var(--one); font-weight: 700;}
.single-hero .title: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;}
.single .wp-content ul li {margin-left: 30px; list-style: disc;}
.single .wp-content ol li {margin-left: 30px; list-style: decimal;}

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

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

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

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

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