/*---------------------------------------------------------------------------*
 * Dark Mode Style
 *---------------------------------------------------------------------------*/
.jnews-dark-mode {
	--j-bg-rgb-color: 26, 26, 26;
}

/** Dark mode : background color **/
.jnews-dark-mode [id*="jeg_playlist"],
.jnews-dark-mode .jeg_meta_option .jeg_moreoption,
.jnews-dark-mode .jeg_moreoption .jeg_add_to_playlist,
.jnews-dark-mode .jeg_meta_share .jeg_sharelist {
	background: var(--j-darkgrey-bg-color);
}

.jnews-dark-mode .content-truncate.mobile-truncate.content-inner:after {
	background: var(--j-bg-color);
	background: linear-gradient(0deg, var(--j-bg-color) 0%, var(--j-bg-color) 54%, rgba(0, 0, 0, 0) 100%);
}

.jnews-dark-mode .jeg_post_info .jeg_post_meta .meta_right .jeg_meta_like_container.jeg_meta_like a i,
.jnews-dark-mode .jeg_post_info .jeg_post_meta .meta_right .jeg_meta_comment a i,
.jnews-dark-mode.single-post .entry-header .meta_right .jeg_meta_like .fa {
	background-color: var(--j-border-color);
}

.jnews-dark-mode .jnews_video .jeg_block_loadmore a,
.jnews-dark-mode .jeg_postblock.jeg_pagination_nextprev.nav_top .jeg_block_nav a:hover {
	background: transparent !important;
}

/** Dark mode : text color **/
.jnews-dark-mode .jeg_sharelist a,
.jnews-dark-mode .jeg_moreoption a,
.jnews-dark-mode .jeg_moreoption a span,
.jnews-dark-mode .jeg_sharelist a span {
	color: var(--j-txt-color);
}

.jnews-dark-mode .jeg_meta_option .jeg_moreoption a .fa {
	color: inherit !important;
}

.jnews-dark-mode .jeg_meta_option .jeg_moreoption a.active {
	color: var(--j-meta-txt-color);
}

/** Dark mode : link text color **/
.jnews-dark-mode .jeg_meta_option .jeg_moreoption a:hover,
.jnews-dark-mode .jeg_meta_option .jeg_moreoption a:hover span,
.jnews-dark-mode .jeg_meta_share .jeg_sharelist a:hover,
.jnews-dark-mode .jeg_meta_share .jeg_sharelist a:hover span,
.jnews-dark-mode .jeg_post_info .jeg_meta_comment a i,
.jnews-dark-mode .jeg_post_info .jeg_meta_like_container.jeg_meta_like a i,
.jnews-dark-mode .jeg_category_list_wrapper .owl-carousel .owl-nav div,
.jnews-dark-mode .jeg_postblock_video_carousel .owl-carousel .owl-nav div,
.jnews-dark-mode .jeg_playlist_wrapper .owl-carousel .owl-nav div,
.jnews-dark-mode .jeg_postblock.jeg_pagination_nextprev.nav_top .jeg_block_nav a,
.jnews-dark-mode #buddypress div.item-list-tabs .tabs ul li.current-menu-parent a,
.jnews-dark-mode #buddypress div.item-list-tabs ul.jeg_subtab_items li.jeg_subtab_item_current a,
.jnews-dark-mode #buddypress div.item-list-tabs[aria-label*="primary navigation"] .tabs ul li a.current,
body.group-admin.jnews-dark-mode #buddypress div.item-list-tabs[aria-label*="secondary navigation"]#subnav ul li.current a,
.jnews-dark-mode #buddypress .activity-list .activity-content .activity-header a,
.jnews-dark-mode #buddypress .activity-list .activity-content .comment-header a,
.jnews-dark-mode #buddypress .activity-header a, #buddypress .comment-meta a,
.jnews-dark-mode #buddypress .acomment-meta a,
.jnews-dark-mode #buddypress #item-body .activity-meta a:hover,
.jnews-dark-mode #buddypress #item-header-after-wrapper #item-header-after .user-nicename {
	color: var(--j-link-txt-color);
}

/** Dark mode : border color **/
.jnews-dark-mode .jeg_meta_option .jeg_moreoption,
.jnews-dark-mode .jeg_moreoption .jeg_add_to_playlist,
.jnews-dark-mode .jeg_meta_share .jeg_sharelist {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.6);
}

.jnews-dark-mode .jeg_add_to_playlist li:first-child,
.jnews-dark-mode #buddypress #item-nav .tabs,
.jnews-dark-mode.single-post .entry-header,
.jnews-dark-mode .content-truncate.mobile-truncate.content-inner,
.jnews-dark-mode #buddypress #item-nav,
.jnews-dark-mode #buddypress #item-body form#whats-new-form,
.jnews-dark-mode.single-playlist .jeg_playlist_contents .post-title,
.jnews-dark-mode.single-playlist .jnews-playlist-items > li,
.jnews-dark-mode.single-playlist .jeg_block_container .jeg_remove_post,
.jnews-dark-mode #drag-drop-area,
.jnews-dark-mode .bp-avatar-nav ul,
.jnews-dark-mode .bp-avatar-nav ul.avatar-nav-items li.current {
	border-color: var(--j-border-color);
}

.jnews-dark-mode #buddypress #item-nav div.item-list-tabs ul li.current-menu-parent {
	border-color: #ccc;
}

/** Dark mode : mix color **/
.jnews-dark-mode .jeg_post_category a,
.jnews-dark-mode .jeg_meta_option li:hover > a:not(.active),
.jnews-dark-mode #buddypress #item-body a.bp-primary-action span,
.jnews-dark-mode #buddypress #item-body #reply-title small a span {
	color: var(--j-link-txt-color);
	background: var(--j-grey-bg-color);
}

.jnews-dark-mode[class*="jeg_single_tpl_video"] .mobile-truncate .truncate-read-more span {
	color: inherit;
	background: transparent;
}