/* breadcrumb */
.breadcrumb {padding-block: 15px; background: #F8F8FA;}
.breadcrumb ul {margin: 0; padding: 0;}
.breadcrumb li {list-style-type: none; display: inline;}
.breadcrumb li:not(:first-child):before {content: "/";}
.breadcrumb li :where(a, span) {text-decoration: none; line-height: 1.2; color: #343a40;}
.breadcrumb li a:hover {color: var(--clr-red-dk); transition: var(--transition);}

/* Video post */
.video-post {padding: 15px 0 20px; --clr-dark: #343a40; --clr-link: #007bff; --clr-link-dk: #0056b3; --clr-post-title: #343a40; --clr-border: #f0f1f4; --clr-bg-light: #f0f1f4; --clr-icons-bg: #203d71;}
.video-post .columns {display: grid; grid-template-columns: 66% 1fr; gap: 30px;}
.video-post .content > :first-child {margin-bottom: 10px;}
.video-post .content > :nth-child(2) {font-size: var(--fs-18); font-weight: var(--fw-700); line-height: 1.2; padding-bottom: 5px; color: var(--clr-dark); margin-bottom: 20px; border-bottom: 2px solid var(--clr-red-dk);}
.video-post .content :where(h2, h3, h4, h5) {font-size: var(--fs-16); font-weight: var(--fw-500); color: var(--clr-dark); margin-bottom: 8px;}
.video-post .content * {font-size: var(--fs-16); color: var(--clr-dark); margin-bottom: 15px;}
.video-post .content ul {margin-block: 15px;}
.video-post .content li {list-style: disc; list-style-position: inside; margin-bottom: 8px;}
.video-post .posts .title {background-color: var(--clr-post-title); border-bottom: 3px solid var(--clr-red-dk); padding: 10px; margin-bottom: 8px;}
.video-post .posts .title > * {color: #fff; font-size: var(--fs-16); font-weight: var(--fw-700);}
.video-post .posts ul li {padding: 10px; border-bottom: 1px solid var(--clr-border);}
.video-post .posts li a {color: var(--clr-link); line-height: 1.5;}
/* .video-post .sidebar {position: sticky; top: 82px; height: fit-content;} */
.video-post :is(.columns, .content > :nth-child(2), .content *, .title > *, li a) {transition: var(--transition);}
.video-post .posts li a:hover {color: var(--clr-link-dk);}
.video-post iframe {width:100%;height:420px; border:0}
/* Single Post */
.single-post {padding: 15px 0 20px; --clr-dark: #343a40; --clr-link: #007bff; --clr-link-dk: #0056b3; --clr-post-title: #343a40; --clr-border: #f0f1f4; --clr-bg-light: #f0f1f4; --clr-icons-bg: #203d71;}
.single-post .columns {display: grid; grid-template-columns: 66% 1fr; gap: 30px;}
.single-post .content > :first-child {font-size: var(--fs-24); font-weight: var(--fw-700); line-height: 1.2; color: var(--clr-red-dk);}
.single-post .content .meta {width: 100%; display: inline-flex; align-items: center; flex-wrap: wrap; row-gap: 10px; background-color: var(--clr-bg-light); padding: 12.5px 20px 12.5px; margin-block: 10px;}
.single-post .content .meta li {padding-right: 20px; color: var(--clr-dark); font-size: var(--fs-15);}
.single-post .content > img {margin-bottom: 20px;}
.single-post .content :where(h2, h3, h4, h5) {font-size: var(--fs-24); font-weight: var(--fw-500); line-height: 1.2; color: var(--clr-dark); margin-bottom: 8px;}
.single-post .content :where(h3, h4, h5) {font-size: calc(var(--fs-22) - 1px);}
.single-post .content :where(h3, h4, h5):nth-last-of-type(1) {font-size: var(--fs-24); color: #000;}
.single-post .content p {color: var(--clr-dark); margin-bottom: 15px;}
.single-post .content p a {color: var(--clr-link);}
.single-post .content ul {margin-bottom: 15px;}
.single-post .content ul li {margin-bottom: 6px;}
.single-post .content ul.wp-block-list li {list-style: disc; list-style-position: inside;}
.single-post .content .share {text-align: center; background-color: var(--clr-bg-light); padding: 10px; margin-bottom: 20px;}
.single-post .content .share > :first-child {display: block; font-size: var(--fs-20); font-weight: var(--fw-700); color: var(--clr-red-dk); margin-bottom: 8px;}
.single-post .content .share ul {padding: 18px;}
.single-post .content .share li {display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; background-color: var(--clr-icons-bg); margin-right: 10px; border-radius: 50px; width: 41px; height: 41px;}
.single-post .content .share li a {padding: 10px;}
.single-post .content .share img {width: 22px;}
.single-post .posts .title {background-color: var(--clr-post-title); border-bottom: 3px solid var(--clr-red-dk); padding: 10px; margin-bottom: 8px;}
.single-post .posts .title > * {color: #fff; font-size: var(--fs-16); font-weight: var(--fw-700);}
.single-post .posts ul li {padding: 10px; border-bottom: 1px solid var(--clr-border);}
.single-post .posts li a {color: var(--clr-link); line-height: 1.5;}
/* .single-post .sidebar {position: sticky; top: 82px; height: fit-content;} */
:is(.single-post .columns, .single-post .content > :first-child, .content :where(h2, h3, h4, h5)), li, li a {transition: var(--transition);}
.single-post .content p a:hover {color: var(--clr-link-dk);}
.single-post .content .share li:hover {background-color: var(--clr-red-dk);}
.single-post .posts li a:hover {color: var(--clr-link-dk);}

/* Single Post */

/* Media Query */
@media only screen and (width <= 1200px) {
.video-post .columns {grid-template-columns: 60% 1fr;}
.single-post .columns {grid-template-columns: 60% 1fr;}							   
}
@media only screen and (width <= 991px) {
.video-post .columns {grid-template-columns: 1fr; gap: 20px;}
.video-post .content > :first-child {height: 400px;}
.video-post .quoteform {max-width: 560px; margin-inline: auto;}
:root {--fs-24: 22px; --fs-22: 20px;}
.single-post .columns {grid-template-columns: 1fr; gap: 20px;}
.single-post .quoteform {max-width: 560px; margin-inline: auto;}
}
@media only screen and (width <= 767px) {
.video-post .content > :first-child {height: 300px;}
.breadcrumb {margin-top: 70px;}
}
@media only screen and (width <= 575px) {
.video-post .content > :first-child {height: 200px;}
:root {--fs-24: 20px; --fs-22: 18px;}

}
@media only screen and (width <= 475px) {
:root {--fs-18: 16px; --fs-16: 15px;}
}