/*********************
START: SINGLE POST
*********************/
.singlePost--content {
    display: flex;
    justify-content: space-between;
}

/* aside */
aside.singlePost--category {
    width: 25%;
    position: relative;
}

.content--category, 
.content--category.link .lwptoc .lwptoc_i{
    padding: 2rem 1.5rem;
    border-radius: var(--border-radius-20);
    margin-block-end: 1.5rem;
}

.content--category.link{
	padding: 0;
}

.single-learning .content--category:first-child,
.content--category.link .lwptoc .lwptoc_i{
    background-color: rgba(240, 245, 228, 0.5) !important;
}

.content--category:nth-child(2) {
    background-color: rgba(240, 245, 228, 1);
}

.content--category .content--category__title,
.content--category .lwptoc_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block-end: 1.5rem;
}

.content--category .lwptoc_header>div {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
}

.content--category .content--category__title .dropdown,
.content--category .lwptoc_header .dropdown {
    display: none;
    width: 1rem;
}

.content--category .content--category__title h2,
.content--category .lwptoc_header .lwptoc_title {
    font-weight: 500;
    font-size: var(--text-xl);
    line-height: var(--line-height130);
    font-family: var(--font-family-Morabba);
    position: relative;
    color: var(--text-color-2);
}

.content--category .lwptoc_header .lwptoc_title {
    padding-inline-start: 1.75rem;
}

.content--category .lwptoc_header .lwptoc_title::before {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-image: url("../img/icons/list.svg");
}

.content--category ul li> span{
	display: none;
}

.content--category ul li a,
.content--category .lwptoc_items .lwptoc_item a {
    display: block;
    position: relative;
    padding-inline-start: 1.5rem;
    font-weight: 500;
    font-size: var(--text-lg);
    line-height: var(--line-height130);
    font-family: var(--font-family-Morabba);
    color: var(--text-color-2);
}

.content--category .lwptoc_items .dropdown {
    display: none;
}

.content--category ul li:not(:last-child) a,
.content--category .lwptoc_items .lwptoc_item:not(:last-child) a {
    margin-block-end: 2rem;
}

.lwptoc-light .lwptoc_i A:active,
.lwptoc-light .lwptoc_i A:focus, .lwptoc-light .lwptoc_i A:hover{
	color: inherit !important;
    border-color:  transparent !important;
}

.lwptoc-light .lwptoc_items A:visited {
   color: var(--green-color-2) !important;
}

.content--category ul li a::before,
.content--category .lwptoc_items .lwptoc_item a::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 4px;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/icons/vector-supTitle-green.svg");
}

.content--category ul li.active a,
.content--category .lwptoc_items .lwptoc_item.active a {
    color: var(--green-color-2);
}

.lwptoc-light .lwptoc_i{
	background-color: transparent !important;
	padding: 0;
	width: 100%;
}

.lwptoc:first-child {
    margin: 0 !important;
}

/* showCase */
.singlePost--showCase {
    width: 73%;
}

.singlePost--showCase h1,
.singlePost--showCase h2,
.singlePost--showCase h3,
.singlePost--showCase h4,
.singlePost--showCase h5,
.singlePost--showCase h6 {
    color: var(--text-color-2);
    line-height: var(--line-height140);
    margin-block: 4rem 1.5rem;
}

.singlePost--showCase p {
    text-align: justify;
    color: var(--text-color-2);
    line-height: var(--line-height160);
    margin-block-end: 1.25rem;
}

.singlePost--showCase ul,
.singlePost--showCase ol {
	padding: 2rem;
	display: flex;
	flex-direction: column;
    margin-block-end: 3rem;
    row-gap: 1rem;
    background-color: rgba(218, 222, 229, 0.5);
    border-radius: var(--border-radius-20);
}

.singlePost--showCase ul li,
.singlePost--showCase ol li {
    position: relative;
    color: var(--text-color-2);
    line-height: var(--line-height150);
    font-weight: 500;
}

/* 
.singlePost--showCase ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 1.25rem;
	column-gap: 1.25rem;
} */

.singlePost--showCase ul li::before,
.singlePost--showCase ol li::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 1.1rem;
    right: 1rem;
    background-repeat: no-repeat;
    background-image: url("../img/icons/vector-logo.svg");
}


/* img */
.singlePost--showCase img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

.singlePost--showCase img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.singlePost--showCase .alignright {
    float: right;
}

.singlePost--showCase .alignleft {
    float: left;
}

.singlePost--showCase img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.singlePost--showCase img,
.singlePost--showCase video {
    width: initial;
    max-width: 100%;
    height: auto;
    border-radius: var(--border-radius-20);
    margin-block-end: 2rem;
	margin-inline: auto;
	display: block;
}

.singlePost--showCase video{
	aspect-ratio: 900 / 550;
    object-fit: cover;
}

/* info */
.singlePost--showCase .info {
    margin-block-end: 1.5rem;
}

.singlePost--showCase .info ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
	flex-direction: row;
	margin-block-end: 0;
	padding: 0;
    background-color: transparent;
}

.singlePost--showCase .info ul li {
    display: flex;
    align-items: center;
    column-gap: 0.25rem;
    padding-inline: 0.75rem;
	line-height: unset;
}

.singlePost--showCase .info ul li:not(:last-child) {
    border-left: 1px solid var(--text-color-3);
}

.singlePost--showCase .info ul li :is(p, span) {
    font-size: var(--text-sm);
}

.singlePost--showCase .info ul li img {
    border-radius: 0;
    margin-block-end: 0;
	margin-inline: unset;
    display: unset;
    filter: brightness(0) saturate(100%) invert(72%) sepia(3%) saturate(398%) hue-rotate(38deg) brightness(94%) contrast(95%);
}

.singlePost--showCase .info ul li span {
    color: #ABADA6;
}

.singlePost--showCase .info ul li p, 
.post-like-count{
    color: var(--text-color-2) !important;
    margin-block-end: 0;
}

.post-like-container {
	display: flex;
	align-items: center;
	column-gap: 0.25rem;
}

.post-like-container button{
	border: 0 !important;
	outline: 0 !important;
}


/* voice-player */
.singlePost--showCase .voice-player {
    background-color: rgba(240, 245, 228, 0.5);
    border-radius: var(--border-radius20);
    padding: 2rem;
    line-height: var(--line-height160);
    margin-block-end: var(--space-section-blogContent-showCase);
}

.singlePost--showCase .voice-player p {
    color: var(--green-color-2);
    margin-block-start: 0.5rem;
    font-weight: 600 !important;
}

.singlePost--showCase .voice-player audio {
    width: 100%;
    filter: sepia(0) saturate(100%) grayscale(0) contrast(221%) invert(0%);
}


/* video */
.singlePost--showCase .wp-video {
    width: 100% !important;
    border: 16px solid rgba(240, 245, 228, 0.5);
    ;
    border-radius: var(--border-radius20);
    margin-block: 3rem;
}

.wp-video-shortcode video,
video.wp-video-shortcode {
    width: 100% !important;
    vertical-align: middle;
}

.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
    border-radius: 7px;
}

/* postAction */
.singlePost--showCase .postAction {
    display: flex;
    padding-block: 1rem;
}

.singlePost--showCase .postAction>* {
    position: relative;
    padding-block: 1.5rem;
    padding-inline: 2rem;
    width: 40%;
}

.singlePost--showCase .postAction>div:not(:last-child) {
    border-left: 1px solid var(--text-color-4);
}

.singlePost--showCase .postAction>* h4 {
    margin-block-end: 0.6rem;
    text-align: right;
    margin-block-start: 0;
    font-family: var(--font-family-Morabba);
}

.singlePost--showCase .postAction .share ul {
    display: flex;
    align-items: center;
    column-gap: 0.75rem;
	flex-direction: row;
    background-color: transparent;
    margin-block-end: 0;
	 padding: 0;
}

.singlePost--showCase .postAction .share ul li a img {
    margin-block-end: 0
}

/* .kksr-legend{
	display: none;
} */
/* .singlePost--showCase .postAction .score .kk-star-ratings {
    justify-content: center;
} */


/* post-tags */
.singlePost--showCase .post-tags ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.75rem;
    row-gap: 0.75rem;
}

.singlePost--showCase .post-tags ul li {
    background-color: #F0F5E4;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.singlePost--showCase .post-tags ul li a {
    text-align: center;
    font-weight: 400;
    color: var(--text-color-1);
}

/* related-posts-more */
.related-posts-more{
	background-color: rgb(218, 222, 229);
	border-radius: var(--border-radius-15);
	padding: 2rem;
	border-right: 12px solid var(--text-color-3);
}



/* comments */
.mycm {
    width: 100%;
    padding: 2.5rem;
    background-color: #F5F7FA;
    border-radius: var(--border-radius-20);
    margin-block-start: 5rem;
    border: 1px solid var(--text-color-4);
}

.comment-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.comment-form .comment-notes,
.comment-form .comment-form-comment,
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-cookies-consent {
    margin-block-end: 1rem;
}

.comment-form .comment-form-comment,
.comment-form .comment-form-cookies-consent,
.comment-form .form-submit {
    width: 100%;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email {
    width: 49%;
}

.comment-form .avatar,
.Forimgcm .avatar {
    border-radius: 50% !important;
    width: 100px !important;
    height: 100px !important;
	margin-block-end: 0;
}

.comment-form cite a {
    font-weight: 600;
    font-style: normal;
}

#reply-title {
    color: var(--text-color-2);
    margin-block-end: 1.5rem;
    text-align: center;
}

.logged-in-as {
    margin-block-end: 1rem;
}

.logged-in-as>a {
    color: var(--green-color-2);
    border-bottom: 1px solid var(--green-color-2);
    font-weight: 600;
    padding-block-end: 2px;
    line-height: var(--line-height160);
}

/* .comment-form .comment-form-comment textarea,
.comment-form .comment-form-author input,
.comment-form .comment-form-email input {
    margin-block: 0.5rem;
    width: 100%;
    background-color: var(--baseLight-color);
    border: 1px solid rgba(48, 50, 58, 0.3);
} */

.comment-form .comment-form-comment textarea {
    border-radius: var(--border-radius-20);
    padding: 1rem;
}

.comment-form .comment-form-cookies-consent input {
    margin-inline-end: 0.5rem;
}

.form-submit .submit {
    margin-inline-start: auto;
}

.UnderAllCm {
    margin-block-start: 2rem;
}

.UnderAllCm ol {
    list-style-type: none;
}

.comment-body {
    position: relative;
    margin-block-end: 1.5rem;
    padding-block-end: 1.5rem;
}

.comment.byuser.comment-author-superadmin {
    position: relative;
}

.comment-details {
    margin-block: 1rem;
}

.comment-text p {
    line-height: var(--line-height160);
    margin-block-start: 1rem;
}

.reply {
    padding: 0.5rem 2rem;
    margin-block-start: 2rem;
    border-radius: var(--border-radius-60);
    color: var(--text-color-2);
    background: transparent;
    width: max-content;
    margin-inline-start: auto;
	border: 1px solid #939393
}

.form-submit input[type="submit"].submit {
    padding: 0.5rem 2rem;
    background-color: var(--green-color-2);
    color: var(--text-color-2);
	border: 1px solid var(--green-color-2);
    border-radius: var(--border-radius-60);
	font-weight: bold;
}


.comment-reply-title small a,
.comment-edit-link {
    color: var(--green-color-3);
    border-bottom: 1px solid var(--green-color-3);
    margin-inline-start: 0.5rem;
}

.Forimgcm {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.mycm ol{
	background-color: transparent !important;
}

/* ol.comment-list li{
	border: 1px solid #DADEE5;
	background-color: var(--baseLight-color);
}
 */
/*********************
END: SINGLE POST
*********************/



/*********************
START: RELATED POST BLOGS
*********************/

/* showCase */
.archive--showCase {
    width: 100%;
}

.archive--showCase ul {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, 1fr);
}

.archive--showCase ul>li {
    padding: 0.75rem;
    background-color: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-20);
}

.archive--showCase ul>li a {
    display: block;
}

.archive--showCase ul>li a.imageIndex {
    margin-block-end: 1rem;
    position: relative;
}

.archive--showCase ul>li a.imageIndex picture img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 294/200;
    border-radius: var(--border-radius-20);
}

.archive--showCase ul>li a h3 {
    min-height: 45px;
    margin-block-end: 1rem;
    font-size: var(--text-lg);
    font-family: var(--font-family-Morabba);
}

.archive--showCase ul>li p {
    font-weight: 400;
    font-size: var(--text-sm);
    line-height: var(--line-height150);
}

.archive--showCase ul>li a.btn {
    font-weight: 700;
    color: var(--text-color-2);
    padding: 0.25rem 0.5rem;
    font-size: var(--text-xs);
    border: 1px solid #939393;
    margin-inline-start: auto;
    margin-block-start: 1rem;
    border-radius: var(--border-radius-60);
}

.archive--showCase ul>li a.btn img {
    width: 14px;
    height: 14px;
}

/* metaInfo */
.metaInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 0.75rem;
    row-gap: 0.75rem;
    margin-block-end: 1rem;
}

.metaInfo .tag {
    color: var(--text-color-1);
    padding: 0.5rem 0.75rem;
    font-weight: 300;
    font-size: var(--text-xs);
    border: 1px solid rgb(148, 162, 184, 0.6);
    font-family: var(--font-family-Morabba);
    border-radius: var(--border-radius-60);
}

.metaInfo .date {
    display: flex;
    align-items: center;
    column-gap: 0.25rem;
    font-size: var(--text-xs);
    color: var(--text-color-1);
}

.metaInfo .date img {
    width: 14px;
    height: 14px;
}

/* info */
.archive--showCase ul>li ol.info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-block-start: 0.75em;
    column-gap: 0.75rem;
    row-gap: 0.75rem;
}

.archive--showCase ul>li ol.info li:first-child {
    width: 100%;
}

.archive--showCase ul>li ol.info li {
    display: flex;
    align-items: center;
}

.archive--showCase ul>li ol.info li span {
    font-size: var(--text-xs);
    color: var(--text-color-1);
}

.archive--showCase ul>li ol.info li img {
    margin-inline-end: 0.2rem;
    width: 14px;
    height: 14px;
}

/*********************
END: RELATED POST BLOGS
*********************/


/*********************
START: RELATED POST VIDEOS
*********************/
.single-learning .archive .archive--showCase a.imageIndex::before,
.single-learning .archive .archive--showCase a.imageIndex::after {
    position: absolute;
    content: '';
}

.single-learning .archive .archive--showCase a.imageIndex::before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: var(--border-radius-20);
    background: linear-gradient(to bottom, rgba(35, 41, 47, 0.1) 0%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.1) 100%);
}

.single-learning .archive .archive--showCase a.imageIndex::after {
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-image: url("../img/icons/play-video.svg");
}

/*********************
END: RELATED POST VIDEOS
*********************/


/*********************
START: MEDIA
*********************/
@media screen and (min-width: 1440px) {

    .content--category .content--category__title h2,
    .content--category .lwptoc_header .lwptoc_title {
        font-size: 26px;
    }
}

@media screen and (min-width: 1320px) and (max-width: 1439px) {

    .content--category .content--category__title h2,
    .content--category .lwptoc_header .lwptoc_title {
        font-size: var(--text-2xl);
    }
}

@media screen and (max-width: 1319px) {}

@media screen and (max-width: 1200px) {

    .content--category ul li a,
    .content--category .lwptoc_items .lwptoc_item a {
        font-size: var(--text-base);
    }

    .content--category .content--category__title h2,
    .content--category .lwptoc_header .lwptoc_title {
        font-size: var(--text-xl);
    }

    .archive--showCase ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 992px) {
    .content--category {
        padding: 1.5rem 1rem;
    }

    .archive--showCase ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .singlePost--content {
        flex-direction: column;
    }

    aside.singlePost--category {
        width: 100%;
		display: flex;
		flex-direction: column-reverse;
    }

    .content--category {
        position: unset;
        padding: 1.5rem;
    }

    .content--category .content--category__title{
        margin-block-end: 0;
    }

    .content--category .content--category__title .dropdown,
    .content--category .lwptoc_header .dropdown {
        display: block;
    }

    .content--category ul{
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
    }

    .content--category ul li:first-child{
        padding-block-start: 1.5rem;
    }

    .content--category .content--category__title h2,
    .content--category .lwptoc_header .lwptoc_title {
        margin-block-end: 0;
    }


    .content--category ul li a,
    .content--category .lwptoc_items .lwptoc_item a {
        font-size: var(--text-lg);
    }
	
	.content--category.link .lwptoc .lwptoc_i{
		margin-block-end: 0;
		padding-block: 1.5rem;
	}
	
	.content--category.link .lwptoc .lwptoc_i{
		margin-block-end: 0;
	}

    .singlePost--showCase {
        width: 100%;
        margin-block-start: 2rem;
    }
	
	.comment-form .avatar, .Forimgcm .avatar {
		width: 80px !important;
		height: 80px !important;
	}
}

@media screen and (max-width: 576px) {
	.singlePost--showCase video {
    	aspect-ratio: 4 / 3;
	}
	
	.singlePost--showCase .postAction{
		flex-direction: column;
	}
	
	.singlePost--showCase .postAction>*{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.singlePost--showCase .postAction>div:not(:last-child) {
		border-left: 0;
		border-bottom: 1px solid var(--text-color-4);
	}
	
	.comment-form .avatar, .Forimgcm .avatar {
		width: 70px !important;
		height: 70px !important;
	}
}

@media screen and (max-width: 425px) {

    .content--category .content--category__title h2,
    .content--category .lwptoc_header .lwptoc_title {
        font-size: var(--text-lg);
    }

    .archive--showCase ul {
        grid-template-columns: repeat(1, 1fr);
    }
	
	.comment-form .avatar, .Forimgcm .avatar {
		width: 60px !important;
		height: 60px !important;
	}
}

@media screen and (max-width: 375px) {
	.singlePost--showCase video {
    	aspect-ratio: 4 / 3.5;
	}
}

/*********************
END: MEDIA
*********************/