/* ---------------------------------------------------------------
 * MOBILE CSS fallback for device width 768px or below
 * ------------------------------------------------------------ */  
html,
body { 
    width:100%;
	overflow-x: hidden;
}

.sidebar1,
.Sidebar1.active{
    overflow-x:hidden;
} 
.no-slidemenu .open-menu.btn-customized,
.no-slidemenu .overlay.active,
.no-slidemenu .sidebar1,
.no-slidemenu .Sidebar1.active{
    display:none;
} 
/*Basic Elementor*/ 
.elementor-element-populated,
.elementor-section-stretched> div > div > div {
	max-width:1250px;
	margin-right:auto!important;
	margin-left:auto!important;
	padding-left:15px!important;
	padding-right:15px!important;
	clear:left;
	overflow:visible !important;
}
.dark .elementor-accordion .elementor-tab-title {
    background-color: #333!important;
}
.dark .elementor-active .elementor-accordion-icon,
.dark .elementor-widget-accordion .elementor-active .elementor-accordion-title {
    color:#fff!important;
}
.elementor-tab-content.elementor-clearfix{
	width:100%;
	float:left;
	position:relative;
	display:none!important;
}
.elementor-tab-content.elementor-clearfix.elementor-active{
	display:block!important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;		
}
.elementor-accordion .elementor-tab-title {
	width:100%;
	float:left;
	margin-bottom:1px!important;
}
.elementor-widget-tabs .elementor-tab-content {
    padding: 30px!important;
}
.elementor-section.elementor-top-section.elementor-section-stretched.elementor-section-boxed .elementor-column-gap-default {
	padding:0 15px;
}
.dark :not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
.dark .elementor-element:not(.elementor-motion-effects-element-type-background),
.dark .elementor-element:not(.elementor-motion-effects-element-type-background) .elementor-widget-container,
.dark .elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap {
	background-color:transparent!important;
} 
.elementor-widget:not(:last-child) {
    margin-bottom: 0px!important;
}
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width:1250px!important;
}
.customfrontpage-wrapper .elementor hr {
    background-color: #333;
	height:2px;
}
.elementor embed, iframe, .elementor object, .elementor video {
	max-width:auto!important;
}
.feature-postimgdefault iframe {
	width:100%!important;
}
@media only screen and (max-width: 825px) {
.elementor-section-full_width.elementor-section-stretched {
	left:0!important;	
}	
.elementor-element.elementor-element,	
.elementor-section.elementor-section-stretched{
    padding-left:0!important;
    padding-right:0!important;	
	border:0px solid#ddd!important;	
}
}  
 /* Minimum width of 768pixels. */
@media screen and (max-width: 768px) {
.footer-topinside {
    padding-right: 15px;
    padding-left: 15px;
}	 
.site-wordpress,
.footer-topinside .col-md-4.widget-area {
	width:100%;
	text-align:left;
    padding: 0;	
}
.footer-nav {
    padding: 15px 0 5px;
}
.site-wordpress {
	margin-bottom:25px;
}
.footer-topinside .col-md-3.widget-area  {
	width:100%;
}
}

@media screen and (min-width: 768px) {
.wrapper-body.wide{
	padding: 25px 0 0;
}	
.wrapper-footer.wide{
	max-width: 100%;
	float:left;		
}	
.header-top {
	padding: 0;
	min-height:26px;
	border-bottom:1px solid#ddd;			
}
.header-top.hide {
	display:none;
}	
.header-middleinside,.mainnav-inside {
	margin: 0 auto;
	max-width: 1250px;	
}
.footer-topinside .row:first-child {
	margin-bottom:10px;
}
.header-top .col-md-6  {
	margin:2px 0;
	padding-left:0px;
	padding-right:0px;
}
.header-top .col-md-6.left  {
	margin:10px 0 2px 0;
}	
aside {
	margin: 0 auto;
	max-width: 1250px;	
	
}	
.footer-topinside aside {
	padding:0;
}
.Sidebar1 aside,	
.sidebar aside {
	padding:0;
}
aside.widget_block {
	margin: 0 0 30px;
}	
.header-style3 aside,
.header-logo aside {
	padding:0;
}	
}
.header-right {
	float: right;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	width: 33%;
}
.header-left {
	float: left;
	margin: 0;
	padding: 0;
	width: 26%;
}
.col-md-4.mainheader img{
	width: 100%;
	height:auto;
}
.header-nav {
	float:left;
	padding-left:15px;
	width:60%;
	position:relative;
}
.header-address {
	float:right;
	width:40%;
	text-align:right;
	font-size:12px;
	position:relative;
	padding-right:15px;
}
.header6-address {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 12px;
    position: relative;
    padding-right: 15px;
}
.sosmed {
	position:relative;
	width:100%;
	float:left;	
	font-size:12px;
	margin: 0 ;
	padding: 0 3px;
	text-align:center;
}	
.sosmed.sub {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 6px 10px;
    font-size: 11px;
    display: inline-flex; 
    align-items: center;
    justify-content: center; 
    width: auto;
    text-align: center;
	margin:-14px 0 -5px;
}
.sosmed.sub a {
    display: flex;
    align-items: center;
    justify-content: center;
	font-weight:500;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: inherit;
	margin:5px 0;
}
.sosmed.sub:hover{
	background:#000;
}
.sosmed.sub:hover a{
	color:#fff;
}
.header-top .sosmed {
	margin: 5px 0 5px 15px;
}
.sosmed img{
	opacity:1;
	-webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    transition: all 700ms ease;		
}
.sosmed a:hover img{
	opacity:0.6;
}
.dark .sosmed img{
	filter: invert(1);	
	opacity:1;	
}
.header6-top .sosmed img{
	width:100%;	
	height:auto;
}
.sosmed a .tooltiptext {
  visibility: hidden;
  background-color: #000;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding: 3px 10px;
  position: absolute;
  left: 100%; 
  top: 0;
  white-space: nowrap;
  z-index: 99;
}
.sosmed a:hover .tooltiptext {
	visibility: visible;
	z-index: 99;  
}
/*MEGA MAIN MENU*/
/**/
.mega_main_menu > .menu_holder > .menu_inner > ul > li {
    border-left: 1px solid #252525!important;
    border-right: 1px solid #252525!important;
	margin-left:-1px!important;
}
.dark .mega_main_menu > .menu_holder > .menu_inner > ul > li {
    border-left: 1px solid #666!important;
    border-right: 1px solid #666!important;
}
.mega_main_menu.footer_menu > .menu_holder > .menu_inner > ul > li {
    border-left: 1px solid #999!important;
    border-right: 1px solid #999!important;
}
.dark .mega_main_menu.footer_menu > .menu_holder > .menu_inner > ul > li {
    border-left: 1px solid #333!important;
    border-right: 1px solid #333!important;
}
.dark .mega_main_menu.footer_menu > .menu_holder > .menu_inner .item_link > .link_content > .link_text > .link_descr,
.dark .mega_main_menu.footer_menu > .menu_holder > .menu_inner > ul > li > .item_link * {
	color:#fff;
}
.mega_main_menu.icons-left > .menu_holder > .menu_inner > ul > li > .item_link.with_icon i {
    padding-right: 5px!important;
}
@media screen and (min-width: 1025px) {
.mega_main_menu li.widgets_dropdown > ul,
.mega_main_menu li.multicolumn_dropdown > .mega_dropdown {
    width: 1220px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    position: fixed !important;
    max-width: 100% !important;
    margin: 3px 0 0 0;
}
#menu-item-105686 > ul .sub-menu-column {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
    max-width: 1220px !important; 
}
.mega_main_menu.primary_menu ul li .mega_dropdown {
	margin-top:1px;
}
}
.mega_main_menu li.tabs_dropdown > .mega_dropdown > li {
	display:block!important;
}
.mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link:after {
    right: 10px!important;
    border-width: 6px 4px!important;
}
.mega_main_menu > .menu_holder > .menu_inner .item_link > .link_content > .link_text > .link_descr {
    margin-top: 0px!important;
	opacity:0.6;
	color:#000;
}
.mega_main_menu li.widgets_dropdown > .mega_dropdown > * {
    padding: 10px 15px!important;
}
.menu_holder.sticky_container .link_descr {
	display:none!important;
}
.menu_holder.sticky_container  > .menu_inner > ul > li {
    border-left: 0px solid #dddccc!important;
}
.mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li.nav_search_box > .mega_main_menu_searchform {
	background-color:#fff;
}
.mega_main_menu.direction-horizontal.first-lvl-separator-sharp > .menu_holder > .menu_inner > .nav_logo:before,
.mega_main_menu.direction-horizontal > .menu_holder > .menu_inner > ul > li > .item_link:before {
	opacity:0.4;
}
.nav-mainwrapper .mega_main_menu.primary_menu > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button span{
	font-size:18px;
	font-weight:400;
}
.menu_holder.sticky_container {
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    transition: all 900ms ease;	
	background:#fff;
	padding:0;	
	border-bottom:1px solid#555;
}
.mega_main_menu.direction-horizontal > .menu_holder > .menu_inner > ul > li.nav_search_box:before {
	background-image:none!important;
}
.mega_main_menu li.default_dropdown > ul, .mega_main_menu li.default_dropdown li > ul, .mega_main_menu li.multicolumn_dropdown > ul, .mega_main_menu li.tabs_dropdown > ul, .mega_main_menu li.widgets_dropdown > ul, .mega_main_menu li.post_type_dropdown > ul, .mega_main_menu li.grid_dropdown > ul, .mega_main_menu li.post_type_dropdown .mega_dropdown > li.post_item .post_details, .mega_main_menu li.grid_dropdown .mega_dropdown > li .post_details {
    -webkit-box-shadow: 0 0 0 0 tranparent;
    -moz-box-shadow: 0 0 0 0 tranparent;
    -ms-box-shadow: 0 0 0 0 tranparent;
    -o-box-shadow: 0 0 0 0 tranparent;
    box-shadow: 0 0 0 0 #222!important;
	border:1px solid #666!important;
}
@media screen and (max-width: 1024px) {
.mega_main_menu > .menu_holder > .menu_inner > ul > li {
    border-left: 0px solid #252525 !important;
    border-right: 0px solid #252525 !important;
}	
}	
.mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link {
    padding: 0px 30px 0 20px!important;
}
.mega_main_menu.footer_menu > .menu_holder > .menu_inner > ul > li > .item_link {
    padding: 0!important;
}
.mega_main_menu.footer_menu > .menu_holder > .menu_inner > ul > li  {
    padding: 0 15px!important;
}
span.carttext {
	font-size:14px!important;
	margin-left:5px;
}
.mega_main_menu.main-nav > .menu_holder > .menu_inner > ul > li > .item_link .link_descr {
	position:absolute;
	text-transform:uppercase;		
	top:-15px;
	right:-7px;
	margin-top: 0!important;
	color:#fff;
	padding:2px 7px;
	background-color:#000;
	z-index:99;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-delay: 0.1s;
    transition-duration: 0.4s;
    transition-delay: 0.1s;	
}
.mega_main_menu.main-nav > .menu_holder > .menu_inner > ul > li:hover > .item_link .link_descr {
	top:-6px;
}
.mega_main_menu.main-nav.primary_style-flat.direction-horizontal.first-lvl-align-left.no-logo > .menu_holder > .menu_inner > ul > li:first-child > .item_link {
}
.mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li > .item_link:after {
	margin-right:10px;
}
.mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li {
	float:left;
	width:100%;
}
.mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown > li {
    padding: 0px 10px 10px 10px;
}
.mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown > li:hover {
	background-color:transparent!important;
}
.mega_main_menu.primary_menu li.multicolumn_dropdown .mega_dropdown > li > .item_link {
	border-right:1px solid#ccc;
}
.dark .mega_main_menu.primary_menu li.multicolumn_dropdown .mega_dropdown > li > .item_link {
	border-right:1px solid#333;
}
.mega_main_menu.main-nav .mega_dropdown  .widgettitle {
	text-transform:uppercase;
	font-size:110%;
	padding-bottom:5px;
	margin-bottom:15px;
	color:#000;
}
.mega_main_menu li.default_dropdown > .mega_dropdown > li > .item_link {
    padding: 10px 12px!important;
}
.mega_main_menu li.default_dropdown > .mega_dropdown > li.menu-item.drop_to_right > .item_link:before {
	right:9px!important;
}
#site-navigation #searchsubmit,
#site-footernavigation #searchsubmit {
    background: transparent;
    border: 0px solid#ddd;	
}
.mega_main_menu > .menu_holder > .menu_inner > ul > li.nav_search_box .mega_main_menu_searchform {
    border-color:#333!important;
}
.mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li .icosearch {
    color: #000!important;
}	
.mega_main_menu.primary_menu .nav_logo > .logo_link > img {
    height: 100%!important;
	padding:5px 0;
}
.dark .mega_main_menu.primary_menu .nav_logo > .logo_link > img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.mega_main_menu .nav_logo .logo_link {
	padding:0 15px 0 0!important;
}
.dark .mega_main_menu.primary_menu .mega_dropdown *,
.dark .mega_main_menu.primary_menu > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button {
	color:#ccc;
}
@media screen and (max-width: 1024px) {
.mega_main_menu.responsive-enable.mobile_minimized-enable > .menu_holder > .menu_inner > .nav_logo .mobile_toggle .mobile_button {
	padding-left: 0px!important;
	padding-right: 0px!important;
}
}
@media (min-width: 960px){
.mega_main_menu.direction-horizontal > .menu_holder.sticky_container > .menu_inner {
    width: 1250px!important;
	padding:0 15px;
}
.mega_main_menu li.default_dropdown > ul > li span {
    padding: 0 0 0 5px!important;
}
}
/*TAGCLOUD*/
.tagcloud a {
	float:left;
	margin:0 20px 10px 0;
	font-size:12px!important;
	font-weight:600;
	text-transform:uppercase;
	position:relative;
}
.tagcloud a:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 10px;
    background: #111;
    z-index: 0;
    right:-15px;
    bottom: 50%;
}
.wp-block-tag-cloud a {
	float:left;
	padding:3px 10px;
	margin:0 5px 5px 0;
	font-size:12px!important;
}
/*POST SOCMED*/
.share-onmodule {
    float: left;
    width: 100%;
    position: relative;
}
.adt-comment {
	float:right;
	position:relative;
}
.style8 .adt-comment {
	display: flex;
	flex-wrap: wrap;
    gap: 10px;	
	float:left;
	margin-bottom:30px;
	font-size:12px;
}
.style8 .adt-comment a {
	border:1px solid#333;
	padding:2px 6px;
	margin-right:0!important;
}
.style8 .adt-comment a:hover {
	background:#333;
	color:#fff;
	border:1px solid#333;
}
#tweet-quote, #pin-image , #facebook-share{
    float: left;
    position: relative;
	margin-right:5px;
	padding-right:5px;
	border-right:1px solid#333;	
}
/*HEADER SINGLE POST DEFAULT*/
.coauthor-wrapper {
	position:relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	float:left;
	gap:15px 15px;
	width:100%;
}
.singledefault-left.sidebarcontent .coauthor-wrapper {
	margin-bottom:30px;
	gap:15px 0;	
}
.coauthor-wrapperinside {
    display: flex;
	gap:0 10px;	
    flex: 0 1 auto;
    align-items: start;	
}
.coauthor-desc {
	position:relative;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
	gap: 5px 5px;
	font-size:13px;
	line-height:1em;
	border-right:1px solid#ccc;
	padding:0 10px 0 0;
	text-align:left;
}
.coauthor-wrapper .coauthor-wrapperinside .coauthor-desc {
	border-right:1px solid#ccc;
}
.coauthor-desc:last-child,
.coauthor-wrapperinside:last-child .coauthor-desc {
	border-right:0px solid#ddd;
}
.dark .coauthor-wrapperinside .coauthor-desc {
	border-right:1px solid#666;	
}
.dark .coauthor-wrapperinside:last-child .coauthor-desc {
	border-right:0px solid#ccc;	
}
.dark .coauthor-desc {
	border-right:1px solid#666;
}
.dark .coauthor-desc {
	color:#ddd;
}
.singletitle-meta .coauthor-desc {
	border-right:0px solid#ddd;
	padding:0 10px 0 0;
}
.coauthor-desc a{
	float:left;
	margin:0 5px 0 0;
	font-size:12px;	
	text-transform:uppercase;
	font-weight:500;
}
.top-title-meta {
    display: flex;
    gap: 0px 0px;
    width: 100%;
	float: left;
	font-size: 12px;
    line-height: 1;	
    text-transform: capitalize;
}
.module31-content {
    width: 100%;
	float: left;
	margin-bottom:10px;	
}
.top-title-meta a{
	font-weight:500;
	line-height:1;
}
.top-title-meta .crumbs, .head-divider {
    margin-bottom: 0;
	float:left;	
	position:relative;
}
.head-date {
	float:left;	
	position:relative;
}
.dark .head-date {
	color:#ccc;
}
.head-date a{
    font-weight:500;
}
.head-divider {
	width:10px;
	margin:0 5px;
	overflow:hidden;
	min-height:12px;
}
.head-divider:after {
	content: "";
    height: 1px;
    width: 500px;
    left: 0;
	bottom:6px;
	z-index:0;
    position: absolute;
    background-color: #555;
}
.dark .head-divider:after {
    background-color: #ddd;
}
.features-onsinglepost .sd-content {
	position:relative;
	top:-30px;
	left:-65px;
	margin-bottom:-70px;
}
.adt-comment .features-onsinglepost li{
	opacity:0;
    transition: all 500ms ease;	
}
.adt-comment:hover .features-onsinglepost li:first-child {
	opacity:1;
    transition: all 500ms ease;	
}
.adt-comment:hover .features-onsinglepost li:nth-child(2) {
	opacity:1;
    transition: all 900ms ease;	
}
.adt-comment:hover .features-onsinglepost li:nth-child(3) {
	opacity:1;
    transition: all 1400ms ease;	
}
.adt-comment:hover .features-onsinglepost li:nth-child(4) {
	opacity:1;
    transition: all 1800ms ease;	
}
.adt-comment:hover .features-onsinglepost li:nth-child(5) {
	opacity:1;
    transition: all 2200ms ease;	
}
.adt-comment:hover .features-onsinglepost li:nth-child(6) {
	opacity:1;
    transition: all 2600ms ease;	
}
@media screen and (max-width: 480px) {
.coauthor-desc {
    grid-template-columns: repeat(1, 1fr);
}	
.adt-comment,
.submeta-singlepost {
    width: 100%;
	float:left;
	margin:0 0 5px;
}
.adt-comment{
	float:left;
	margin-top:10px;
}
}
@media screen and (max-width: 600px) {
.features-onsinglepost .sd-content ul li a.sd-button, .features-onsinglepost .sd-social-icon-text .sd-content ul li a.sd-button {
    margin: 0 10px 5px 0;
	padding: 1px 0 0 8px;	
	background:#ddd;
}
.sd-content ul li {
    margin: 0 5px 5px 0!important;
}
}
/* --Switch-- */
.switch {
	align-items: center;
	position: relative;
	top:0;
	width: 30px!important;
	height: 24px!important;
	border-radius: 0;
	margin:2px 0 0 0;
	float:left;
}
.second .switch {
    margin: 2px 0;
}
.headerdefault-wrapper .switch {
	margin-left:0px;
	float:right;
}
.switchtext1 {
	position: absolute;
	left: 0;
	top: 0;
	color:#f00;
	z-index:1;
}
.switch__input, .switch__label {
	position: absolute;
	left: 3px;
	bottom: 3px;
}
.switch__input {
	margin: 0;
	padding: 0;
	opacity: 0;
	height: 0;
	width: 0;
	pointer-events: none;
}
.switch__input:checked + .switch__label + .switch__marker {
	left: 30px;
}
.switch__input:checked + .switch__label + .switch__marker:after {
    font-family: 'Material Icons Outlined';
	content: "\f036";		
    display: block;
    border: none;
    position: absolute;
    bottom: 30px;
    left: -11px;
    color: transparent;
    font-weight: 400;
	font-size:20px;
	line-height:1em;	
}
.switch__label {
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	z-index: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.switch__label:after {
    font-family: 'Material Icons Outlined';
	content: "\f036";
    position: absolute;
    bottom: 3px;
    left: 6px;
    color: #fff;
    font-weight: 400;
	font-size:20px;
	line-height:1em;	
    cursor: pointer;	
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;		
}
.switch__label:hover::after {
    color: #999;
}
.dark .switch__label:after {
    color: #999;
}
.switch__marker {
	position: relative;
	background-color: transparent;
	width: 26px;
	height: 22px;
	z-index: 2;
	left: 0px;
	bottom: -26px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.switch__label:before {
    font-family: 'Material Icons Outlined';
	content: "\e518";
    display: block;
    border: none;
    position: absolute;
    bottom: -22px;
    left: 6px;
    color:#252525;
    font-weight: 400;
	font-size:20px;
	line-height:1em;
    cursor: pointer;	
}
.dark .switch__label:before {
    color:#fff;
}
.dark .switch__label:hover::before {
    color: #999;
}
.switch__marker:before {
    font-family: 'Material Icons Outlined';
	content: "\e518";
    display: block;
    border: none;
    position: absolute;
    bottom: 5px;
    left: 9px;
    color:#999;
    font-weight: 400;
	font-size:20px;
	line-height:1em;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;		
}
.dark .switch__marker:before {
    left: -0px;
    color:transparent;
}
/*NEWSTICKER*/
.simple-marquee-container *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-weight: 400;
	line-height:12px;
}
.simple-marquee-container {
	width: 100%;
	background: transparent;
	float: left;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	height: 24px;
	position: relative;
}
.simple-marquee-container .marquee-sibling {
	background: #252525;
	padding:12px 0;
	width: 95%;
	font-size: 11px;
	line-height:11px;
	color: #fff;
	text-align: center;
	float: left;
	left: 0;
	z-index: 1;
}
@media only screen and (max-width: 800px) {
.marquee-wrapper {
	display:none!important;
}
.simple-marquee-container {
   margin:0;
}
}
.marquee-wrapper {
	padding: 0 15px 0 0;
	background: #fff;
	width: 10%;
	height: 34px;
	float: left;
	left: 0;
	z-index: 2;
}
.marquee-sibling:before {
    font-family: 'Material Icons Outlined';
	content: "\ea0b";
	position:absolute;
	left:15px;
    font-weight: 600;
	font-size:18px;
    color: #fff;
	z-index:3;
}
.simple-marquee-container .marquee, .simple-marquee-container *[class^="marquee"] {
	display: inline-block;
	white-space: nowrap;
	position:absolute;
}
@media screen and (max-width: 1024px) {
.sidebar .widgetbox-wrapper {
    left: 0px;
}	
.col-md-10 .marquee-wrapper,
.sticky .index-jbottom .sticky-text:before{
	display:none;
}
.theiaStickySidebar{
	position:relative;
}
.single-wrapper .sidebar{
	padding:30px 15px 0;
}
.single2-widget {
	overflow:hidden;
}
.headerdefault-wrapper .switch {
    float: left;
	margin:-3px 0 5px;
}
.single2-wrapper {
    margin: 30px 0;	
    padding: 0;	
}
.module31-content .column,
.module31-content .first.column {
	width:100%!important;
    padding: 0;
}
.module31-content .last.column {
	width:100%!important;
    padding: 0;
    float: left!important;
}
}
.marquee {
  width: 100%;
  overflow: hidden;
}
.simple-marquee-container .marquee-content-items{
	display: inline-block;
	padding: 0;
	margin: 0;
	height: 24px;
	position: relative;
	font-weight:600;
}
.simple-marquee-container .marquee-content-items li{
	display: inline-block;
	line-height: 24px;
}
.simple-marquee-container .marquee-content-items li:after{
	content: "|";
	margin: 0 1em;
	color:#252525;
}
.content {
	display: block;
	width: 1200px;
	background: rgb(215, 215, 215);
	padding: 1em;
	overflow: hidden;
	margin: 0 auto;
}
.content *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/*SLIDE BAR*/
/***** General Sidebar Styles *****/
.Sidebar1 {
    width: 50%;
    height: 100vh;
    max-width: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 1001;
    background: #fff;
    transition: all 500ms ease;
    text-align: left;
    overflow: auto;
}
.Sidebar1.active {
    left: 0;
}
.Sidebar2 {
    position: absolute;
    top: -22222px;
	opacity:0;
    z-index: 1001;
    background: #fff;
    color: #252525;
    transition: all 500ms ease;
    text-align: left;
    left: 0%;
    width: 100%;
    margin: 0;
    padding: 60px 30px;
}
.dark .Sidebar2 {
    background: #222;
}
.Sidebar2.active {
	opacity:1;
    position: absolute;
	margin:0 auto;
	float:left;
	max-width:1250px;
	background:#fff;
    top: 0;
}
.dark  .Sidebar2.active .sidebar1-insidewrapper,
.dark .Sidebar2.active {
	background:#111;
}
.searchbar-custom {
	position:relative;
	width:75%;
	margin:0 auto;
	padding:0;
}
@media (max-width: 1024px) {
.searchbar-custom {
	position:relative;
	width:100%;
	margin:0 auto;
	padding:35px 0;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;			
}	
}	
@media (max-width: 600px) {
.Sidebar1 {
    width: 100%;
}
}
/***** Dismiss Buttons *****/
.dismiss {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 25px;
    top: 5px;
    margin: 0 -2px 0 0;
    transition: all .3s;
    text-align: center;
    cursor: pointer;
    z-index: 999;
}
.dismiss:before {
    font-family: 'Material Symbols Outlined';
    font-variation-settings:
        'FILL' 0,
        'wght' 600,
        'GRAD' 0,
        'opsz' 24;
    content: "\00D7"; /* Unicode for "X" symbol */
    position: absolute;
    color: #111;
    font-size: 30px;
    line-height: 1em;
}

.dismiss:before {
    top: -5px;
    left: 15px;
}
.dismiss2 {
    width: 30px;
    height: 30px;
	background:#000;	
    position: absolute;
    right: calc(12% + 14px);	
    transform: translateX(-50%);
    top: 30px;
    margin: 0;
    transition: all .3s;
    text-align: center;
    cursor: pointer;
    z-index: 99;	
}
.dismiss2:after {
    font-family: 'Material Symbols Outlined';
    content: "\e5d8"; 
    width: 30px;
    height: 30px;
	background:#252525;	
    position: absolute;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    left: 0; 
    top: 0px;
    transition: all 0.3s ease-in-out;	
}
.dismiss2:before {
    font-family: 'Material Symbols Outlined';
    content: "\e5cd"; 
    width: 30px;
    height: 30px;
	background:#fff;	
    position: absolute;
	z-index:999;
    color: #111;
    font-size: 20px;
    line-height: 30px;
    left: 0; 
    top: 0px;
    transition: all 0.3s ease-in-out;	
}
.dismiss2:hover::before {
    top: -35px;
	color:#ff5f;
    transition: all 0.3s ease-in-out;		
}
.dark .dismiss2:before {
	background:#222;	
    color: #fff;
}
.dark .dismiss2:hover::before {
	opacity:0;
}
/***** Sidebar Content Wrapper *****/
.sidebar1-insidewrapper {
    float: left;
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 0 30px;
    padding: 0 0 0 25px;
}
.Sidebar2 .sidebar1-insidewrapper {
    grid-template-columns: 1fr;
    padding: 0;
}
.Slidebarcontent-rightwrapper {
    float: left;
    width: 100%;
    background: #fff;
	border-left:1px solid#252525;
}
.Slidebarcontent-right {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px 30px;
    padding: 30px 0;
    background: #fff;
}
.dark .Slidebarcontent-rightwrapper,
.dark .Slidebarcontent-right {
    background: #181818;
}
.Slidebarcontent-left {
    float: left;
    width: 100%;
    padding: 30px 0;
}
/***** Post Wrapper Styles *****/
.Slidebarcontent-postwrapper {
    float: left;
    width: 100%;
	padding:0 0 20px 0;
}
.Slidebarcontent-postwrapper h5 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
	text-transform:capitalize;
    padding: 0 30px;
}
.Slidebarcontent-post {
    float: left;
    width: 100%;
	margin-top:-1px;
    border-top: 1px solid #252525;		
    border-bottom: 1px solid #252525;			
    padding: 12px 30px;
}
.dark .Slidebarcontent-post {
    border-top: 1px solid #333;		
    border-bottom: 1px solid #333;	
}
.Slidebarcontent-post span {
	font-size:90%;
    font-weight: 400;
    color: #666;
}
.dark .Slidebarcontent-post span {
    color: #ddd;
}

/***** Dropdown and Buttons *****/
.Sidebar1 a[data-toggle="collapse"] {
    position: relative;
}
.Sidebar1 .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.Sidebar1 .to-top {
    padding: 20px;
    text-align: center;
}
.Sidebar1 .dark-light-buttons {
    padding: 10px 20px 30px 20px;
    text-align: center;
}
/***** Dark Overlay *****/
.overlay2,
.overlay {
    display: none;
    position: fixed !important;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 1) !important;
	backdrop-filter: blur(10px);
    z-index: 1000;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.overlay2.active, 
.overlay.active {
    display: block;
    opacity: 0.9;
    left: 0;
}
/***** Open Menu Button *****/
.open-menu {
    z-index: 9;
}
.open-menu.btn-customized {
    box-shadow: none;
    position: relative;
    float: left;
    width: 20px;
}
.open-menu.btn-customized:before { 
    font-family: 'Material Icons Outlined';
    content: "\e5d2";
    position: absolute;
    top: 8px;
    left: -5px;
    color: #111;
    font-weight: 200;
    font-size: 18px;
    line-height: 1.1em;	
    transition: all 0.7s ease-in-out;
    display: inline-block; /* Ensures rotation works correctly */
}

.open-menu.btn-customized:hover:before {
    content: "\e5c8";	

}
.open-menu2.btn-customized:before {
    font-family: 'Material Icons Outlined';
    content: "\e8b6";
    position: absolute;
    top: 5px;
    right: 0;
    color: #111;
    font-weight: 400;
    font-size: 26px;
    line-height: 26px;
}
.dark .open-menu2.btn-customized:before {
    color: #fff;
}
/***** Scrollbar Styles *****/
.Sidebar1::-webkit-scrollbar {
    width: 5px;
}

.Sidebar1::-webkit-scrollbar-track {
    background: #fff;
}

.Sidebar1::-webkit-scrollbar-thumb {
    background: #a0a0a0;
}

.Sidebar1::-webkit-scrollbar-thumb:hover {
    background: #222;
}

/***** Responsive Styles *****/
@media (max-width: 980px) {
.sidebar1-insidewrapper {
	grid-template-columns: 1fr;
	gap: 20px;
	padding: 0 15px;
}
.Slidebarcontent-right {
	grid-template-columns: 1fr;
	gap: 20px;
	padding: 20px;
}
.Slidebarcontent-postwrapper h3 {
	font-size: 18px;
}
.Slidebarcontent-post {
	font-size: 14px;
}
}
@media (max-width: 1024px) {
.Sidebar1-list {
    grid-template-columns: repeat(auto-fit, minmax(4rem, auto));	
	gap: 15px 5px;
	font-size:11px;
	line-height:13px;
}
.Sidebar2 {
	width: 96%;
	left: 2%;
	padding:15px;
}
.Sidebar2.active {
	width: 96%;
	left: 2%;
}	
}
@media (max-width: 800px) {
.popular-wrapper .related-thumb {
	display:none;
}
}
@media (max-width: 600px) {
.Sidebar2 {
	width: 96%;
	left: 2%;
	padding:15px;
}
.Slidebarcontent-right {
	padding: 10px;
}
.Slidebarcontent-postwrapper h3 {
	font-size: 14px;
}
.Slidebarcontent-post {
	font-size: 12px;
}
}
@media (max-width: 480px) {
.popular-wrapper {
	display:none;
}
.sidebar1-insidewrapper #searchsubmit {
    width: 50%;
}
}
/*EDIT BUTTON FOR ADMIN*/
.post-edit-link {
	position: fixed;
	right: 0;
	top: 50%;
	padding:10px 15px;
	border:1px solid#ddd;
	border-right:none;	
	background:#fff;
	margin-top: -2.5em;
	z-index:99;
	display: inline; 
}
.edit-link  .vc_inline-link {
	display: none; 
}
/*READING BAR*/
.scrollBar1 {
  position: relative;
  float:left;
  width: 100%;
  height: 3px;
  background: #ddd;
  margin: 20px 0;
  z-index: 999;
}
.scrollBar1 span {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background: #000;
  transition: width 0.3s ease-in-out;
}
.percentage-tag {
  position: absolute;
  left: 0;
  top: -23px; 
  color: #000;
  font-size: 12px;
  font-weight: 600;
}
.dark .percentage-tag {
  color: #fff;
}
.dark .scrollBar1 {
  background: #333;
}
.dark .scrollBar1 span {
  color: #EEE;  
  background: #EEE;	
}

/*DARK THEME*/
.dark .tagcloud a:link, .dark .tagcloud a:visited,
.dark .module11-related,
.dark .related-maintitle h3,
.dark a{
	color:#EEE;
}
.dark .footer-topinside aside.widget{
	color:#c0c0c0;
}
.dark a:hover{
	color:#999;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6{
	color:#ddd!important;
}
.dark .author_left_style2,
.dark .footer7-subtitle2,
body.dark .single2-intro,
.dark .jmodule-maintitle2,
.dark .module8-caption{
	background: #252525!important;
	color:#c0c0c0;
}
.dark .wp-block-calendar table th {
	background: #111;	
	color:#f0f0f0;
}
.dark .wp-block-calendar table tbody {
    color: #f0f0f0;
	background: #222;	
}
.dark .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul .mega_dropdown {
	background:#252525!important;
}
.dark .mega_main_menu.primary_menu li.default_dropdown > .mega_dropdown > li > .item_link {
    border-color: #333;
}
.dark .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li:hover > .item_link {
	background:#333;
}
.dark .jmodule-maintitle2 h3,
.dark .crumbs a:nth-child(2),
.dark .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link *,
.dark .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li:hover > .item_link *{
	color:#ccc!important;	
}
.dark .widgettitle span,
.dark .mega_main_menu.primary_menu li .post_details > .post_icon > i, 
.dark .mega_main_menu.primary_menu li .mega_dropdown .item_link *, 
.dark .mega_main_menu.primary_menu li .mega_dropdown a, 
.dark .mega_main_menu.primary_menu li .mega_dropdown a *, 
.dark .mega_main_menu.primary_menu li li .post_details a,
.dark .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li.current-menu-item > .item_link *{
	color:#eee!important;	
}
.dark .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li:hover.current-post-ancestor > .item_link,
.dark .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li.current-post-ancestor > .item_link,
.dark .mega_main_menu.primary_menu.primary_style-buttons > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle, 
.dark .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li > .item_link,
.dark .mega_main_menu.primary_menu > .menu_holder > .mmm_fullwidth_container {
	background:transparent;
}
.dark .authors-name h4 span,
.dark .sidebar1-insidewrapper {
	color:#c0c0c0;
}
.dark .list_carousel3 .prev6, .dark .list_carousel3 .next6 {
    background: #252525!important;
    border: 1px solid#252525;
}
.dark .pagination > li > a:hover, .dark .pagination > li > span:hover, .dark .pagination > li > a:focus, .dark .pagination > li > span:focus {
    color: #111;
}
.dark .pagination > li > a, .dark .pagination > li > span {
    color: #fff;
}
.dark .pagination li span.emm-current:before, .dark .pagination > li > a:hover:before, .dark .pagination > li > span:hover:before {
    background: #fff;
}
.dark .alert.alert-info,
.dark .features-onsinglepost .sd-content ul li a.sd-button, 
.dark .features-onsinglepost .sd-social-icon-text .sd-content ul li a.sd-button {
    background: none!important;
	color:#f0f0f0!important;
    border: 1px solid#333;	
}
.dark .features-onsinglepost .sd-content ul li a:hover.sd-button, 
.dark .features-onsinglepost .sd-social-icon-text .sd-content ul li a:hover.sd-button {
 	color:#999!important;
}

.dark .category1-topinside select,
.dark .list_carousel3 .prev6:hover, .dark .list_carousel3 .next6:hover {
    background: #333!important;
    border: 1px solid#333;
	color:#f0f0f0;
}
.dark ::-webkit-scrollbar-thumb,
.dark .site-content nav:before,
.dark .sticky .categorydefault-wrapper,
.dark .simple-marquee-container .marquee-sibling,
.dark .sticky .category2-jtop,
.dark .sticky .category3-jbottom,
.dark .module16-time:after,
.dark .wrapper-module6:after,
.dark .module15ol:before{
	background: #333;	
}
.dark .page-header {
    border: 1px solid #222;
	background-color: #222;	
}
.dark .cpt-sidebar {
    border: 1px solid #333;
	background-color: #222;	
}
.dark .wp-block-calendar table caption, .dark .wp-block-calendar table tbody,
.dark .author-description h2,
.dark .cpt-inside h5,
.dark .cpt-titleheader .entry-title {
    color: #f0f0f0;
}
.dark #submit {
    border: 1px solid #333;
	background: #333;	
	color:#f0f0f0;
}
.dark .post-edit-link,
.dark .wpcf7-submit {
    border: 1px solid #333!important;
	background: #252525;	
	color:#f0f0f0;
}
.dark #searchsubmit {
	background: #333;	
	color:#ccc;
}
.dark .author-avatar:after,
.dark .author-avatar:before,
.dark .module11-bottompost,
.dark .wpcf7-submit:hover {
	color:#fff;
    border: 1px solid #999!important;	
}
.dark .tribunalex-nav li a,
.dark .tribunalex-latest-article h6 a,
.dark .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li > .item_link:after,
.dark .cpt-inside,
.dark .author_left_style2 .authorname_name,
.dark .widget-title:before,
.dark .comments-title,
.dark .open-menu.btn-customized:before,
.dark .dismiss:before,
.dark .dismiss2:before,
.dark .module8-morecontent ul,
.dark .module4-text .firstletter, .dark .module8-text .firstletter,
.dark .related-maintitle,
.dark #respond h3,
.dark .widget-title,
.dark .entry-content blockquote,
.dark .entry-header .entry-title,
.dark .mega_main_menu.primary_menu > .menu_holder > .menu_inner > ul > li > .item_link * {
    color: #eee!important;
}
.dark .cat-popview span.comment:before,
.dark footer.entry-meta,
.dark .simple-marquee-container .marquee-content-items li:after,
.dark .subcomment-singlepost:before,
.dark .readtime:before,
.dark span.view2:before,
.dark .moduletitle-wrapper span, 
.dark .moduletitle-subwrapper span {
	color:#ccc;
}
.dark aside #wp-calendar tbody,
.dark .col-md-4.thumbw6,
.dark .col-md-4.thumbw1,
.dark .col-md-6.cattitle {
    border-right: 1px solid#333;
}
.dark .error-wrapper,
.dark .wp-block-calendar tbody td, .dark .wp-block-calendar th,
.dark .search-jtopinside,
.dark .author_left_style2 {
    border: 1px solid#333;
}
.dark #wp-calendar thead,
.dark .children .comment .comment:before,
.dark .children .comment .comment:after {
    background:#333;
}
.dark .index-jbottom,
.dark .footer7-subwrapper{
    border-top: 1px solid#333;
}
.dark .horizontal .module1c-post,
.dark .vertical .module1c-post,
.dark aside #wp-calendar tbody th,
.dark aside #wp-calendar tbody td,
.dark .module4-author,
.dark .cpt-jbottom h2,
.dark .cpt-titleheader,
.dark .cpt-inside,
.dark .cat-popview,
.dark .category5-jbottom .sticky-text:after,
.dark .header-top,
.dark .Sidebar1 .logo,
.dark .module15-intro,
.dark .module15-post {
    border-bottom: 1px solid#333;
}
.dark aside #wp-calendar tbody th,
.dark aside #wp-calendar tbody td {
    border-left: 1px solid #333;
}
.dark .module2-post:last-child,
.dark .module1-post:last-child {
    border-bottom: 0px solid#333;
}
.dark .wp-block-pullquote,
.dark .elementor-element,
.dark .elementor-widget-container,
.dark .elementor-element-populated{
    border-color: #333!important;
}
.dark .list_carousel3 .next6:before,
.dark .list_carousel3 .prev6:before,
.dark .jmodule-maintitle h3 {
    color: #f0f0f0!important;
}
.dark .categorydefault-wrapper .entry-header {
    border-bottom: none;
}
.dark .module12-wrapper ul li.active,
.dark hr {
    background-color: #333;
}
.dark .Sidebar1,
.dark .sidebar1-insidewrapper,
.dark .Sidebar1 .logo,
.dark .module11-bottomcontent:nth-child(even) .module11-bottompost,
.dark .modulebox-wrapper > ul > li.active > a {
    background-color: #222;
}
.dark .modulebox-wrapper .nav-pills > li > a {
    color: #f0f0f0;
}
.dark .marquee-wrapper {
	background: #252525;
}
/*SUB CATEGORY ON CATEGORY PAGE*/
.subcat-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	width:100%;
    justify-content: center;
    align-items: center;
    margin:30px 0 0;
}
.subcat-page {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.subcat-page a {
    display: block;
    padding: 5px 15px;
	font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;	
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease;
}
.subcat-page a:hover {
    border-top:1px solid#000; 
}
/*TABLE OF CONTENT*/
/* Simple TOC Container */
.simple-toc-wrapper {
    padding: 0px;
    margin: 0 0 15px 0;
}
/* TOC Title */
.simple-toc-title {
    font-size: 16px;
	line-height:21px;
	text-transform:uppercase;
    font-weight: 600;
    padding: 0 0 15px;
	color:#111;
}
.dark .simple-toc-title {
	color:#ddd;
}
/* Numbered List */
.simple-toc-list {
	padding:0;
}
.simple-toc-item {
    padding: 0 0 15px 0;
	text-transform:capitalize;	
    font-weight: 500;
	margin:0!important;
}
.simple-toc-item a.active {
	color:#999;
}
.dark .toc-counter,
.dark .simple-toc-item a.active {
	color:#eee;
}
.toc-counter {
    color: #252525;   
}
/* No headings notice */
.notice-none {
	display:none;
}
/* COMMENT HIDE */
.comment-toggle-bardummy {
	float:left;
}
.comments-area {
	float:left;
	width:100%;	
}
.comment-toggle-bar {
	padding: 10px 15px;
	border:1px solid#000;
	cursor: pointer;
	margin-bottom: 0; 
	text-align: center;
	font-size:12px;
	font-weight: 500;
	text-transform:uppercase;
	color:#111;
}
.dark .comment-toggle-bar {
	background:#333;
    border: 1px solid #333;	
	color:#fff;
}
.comment-toggle-bar:hover {
	background-color: #000;
	color:#fff;
}
.show .comment-toggle-bar {
	background-color: #000;
	color:#fff;
}
.show .comment-toggle-bar:hover {
	background-color: #333;
}
.comment-area-wrapper {
	overflow: hidden; 
	max-height: 0; 
	border-top: none;
	padding-top: 0;
	padding-bottom: 0;
	transition: max-height 0.5s ease-out, padding-top 0.5s ease-out, padding-bottom 0.5s ease-out;
}
.show .comment-area-wrapper {
	max-height: 10000px; 
	transition: max-height 1s ease-in, padding 0.5s ease-in, border-width 0s linear 0s;
}
/* Keep original comment list/form styles */
.comments-area .commentlist { margin-top: 20px; margin-bottom: 15px; padding-left: 0; list-style: none; } 
.comments-area .respond-form { margin-top: 20px; }
.comments-area .navigation { margin: 20px 0; overflow: hidden; }
.comments-area .nav-previous { float: left; }
.comments-area .nav-next { float: right; }
.comments-area .nocomments { margin-top: 15px; }

/*SINGLE 8*/
.featured-image-header.style8 {
    position: relative; 
    min-height: 600px; 
    display: flex;
    align-items: end;
    text-align: center;
    width: 100vw;
    left: 50%;    
    transform: translateX(-50%); 
    z-index: 0; 
    overflow: hidden; 
}
.style8-header { 
    position: relative; 
    width: 60%;
    margin: 0 0 75px 20%;
    z-index: 11; 
}
@media only screen and (max-width: 600px) {
.style8-header { 
    width: 80%;
    margin: 0 0 100px 10%;
}
}
/*Block background*/
.bg-grid {
    background-image: url(images/grid.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 32% auto;
}
.dark .bg-grid {
    background-image: url(images/darkgrid.png);
}
/* YouTube IFrame Background Styling */
.featured-image-header.style8.has-youtube-background .background-youtube-iframe {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw; 
    height: 100vh; 
    min-width: 177.77vh; 
    min-height: 100vw;  
    transform: translate(-50%, -50%); 
    z-index: 0; 
    pointer-events: none; 
    border: none; 
}
.featured-image-header.style8:not(.has-youtube-background) .background-youtube-iframe {
    display: none;
}
.featured-image-header.style8.has-video-background .background-video {
    display: block; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0; 
    object-fit: cover;
    pointer-events: none;
}
.featured-image-header.style8:not(.has-video-background) .background-video {
    display: none;
}
.featured-image-header.style8.has-image-background {
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.style8 .coauthor-wrapper {
	justify-content: center; 	
	margin-top:15px;
}
.style8 .coauthor-desc a {
    margin: 0 5px 0 0;
}



.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

/* YouTube & Vimeo iframes */
.video-background iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 56.25vw; /* 16:9 aspect ratio */
    min-height: 100vh;
    min-width: 177.77vh; /* 16:9 aspect ratio */
}
@media screen and (max-width: 600px) {
.video-background iframe {
	opacity:0;
}	
.module4-contentwrapper {
	border:1px solid#ccc!important;
	margin:0 15px!important;
	padding: 50px 15px 30px!important;	
	border-radius:10px;
}
.dark .module4-contentwrapper {
	border:1px solid#333!important;
}
}	
/* Direct video files */
.video-background.direct video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
}

/* Special Vimeo styling */
.video-background.vimeo iframe {
    background: transparent;
}
/* Gaya khusus untuk WordPress audio player */
.wp-audio-shortcode {
    width: 100% !important;
    margin: 0 !important;
}
.mejs-container {
    width: 50% !important;
	margin:0 auto!important;
    height: auto !important;
    background: #f5f5f5 !important;
    border-radius: 6px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}

.mejs-controls {
    background: #000 !important;
    border-radius: 0px !important;
    padding: 15px 0 !important;
	align-items:center;
}

.mejs-button>button {
    margin: 0 6px;
    position: relative;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #333 !important;	
}
.mejs-time {
    color: #fff !important;
    font-size: 12px !important;
}
.mejs-time.mejs-duration-container {
    margin: 0 30px 0 0 !important;
}
.mejs-horizontal-volume-slider {
    width: 60px !important;
}


.module13-thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 200px;
    background-size: cover;
    background-position: center;
}
.module13-background-youtube {
    position: relative;
    width: 100%;
}	
.theiaStickySidebar {
    width: 100%;
}	

.module1f-thumb iframe,
.module1f-thumb video,
.module13-thumb video,
.module13-thumb iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 56.25vw; 
    min-height: 100vh;
    min-width: 177.77vh;
}

.module13-background-direct video,
.video-background.direct video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
	z-index:-1;
}

.video-background.vimeo iframe {
    background: transparent;
}

.ytp-chrome-top, .ytp-chrome-bottom {
display:none;
}



.abcd {
    position: relative;
	width:100%;
    float: left;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 8px;
    padding-left: 15px; /* Memberi ruang untuk pseudo-element */
}

.abcd:before {
    content: ""; /* Properti 'content' wajib ada untuk pseudo-elements */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d60000;
    animation: blink 1.5s infinite; /* Menambahkan animasi blink */
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}













.scroll-effect {
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.animate-slide-right {
  transform: translateX(50px);
  opacity: 1;
}

.animate-zoom-in {
  transform: scale(1.2);
  opacity: 1;
}

.animate-slide-left {
  transform: translateX(-50px);
  opacity: 1;
}

/* Styling untuk div */
.scroll-effect {
  width: 80%;
  float:left;
  margin: 20px auto;
  padding: 20px;
  background: #ccc;
  border-radius: 8px;
  min-height: 200px;
  font-size: 24px;
  font-family: Arial, sans-serif;
  text-align: center;
}