@charset "UTF-8";
/*! WPNews https://kreatornusa.com GPL-2.0-or-later */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } a,legend{color:inherit}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{text-decoration:none}abbr[title]{border-bottom:0;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.5;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{appearance:button}fieldset{padding:.35em .75em .625em}legend{display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/* TEMPLATE */
@font-face{font-family:icomoons;src:url('./icomoons.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
[class*=" icon-"],[class*=" icons-"],[class^=icon-]{font-family:icomoons!important;speak-as:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-md{font-size:32px}
.icon-sm,.icon-small{font-size:20px}
.icon-xsm{font-size:20px}
.icon-large{font-size:64px}
.icon-xsmall{font-size:16px}
.icon-mr-5{margin-right:5px}
.icon-olahraga:before{content:"\e90f"}
.icon-wisata:before{content:"\e910"}
.icon-pendidikan:before{content:"\e908"}
.icon-menu-left:before{content:"\79"}
.icon-dashboard:before{content:"\e900"}
.icon-twitter:before{content:"\e901"}
.icon-tiktok:before{content:"\e902"}
.icon-right:before{content:"\e903"}
.icon-left:before{content:"\e904"}
.icon-moon:before{content:"\e905"}
.icon-home:before{content:"\e906"}
.icon-newspaper:before{content:"\e907"}
.icon-down:before{content:"\e909"}
.icon-up:before{content:"\e90a"}
.icon-share:before{content:"\e90b"}
.icon-mail:before{content:"\e90c"}
.icon-phone:before{content:"\e90d"}
.icon-images:before{content:"\e90e"}
.icon-menu-right:before{content:"\e92f"}
.icon-folder:before{content:"\e930"}
.icon-tags:before{content:"\e936"}
.icon-search:before{content:"\e93d"}
.icon-location:before{content:"\e947"}
.icon-clock:before{content:"\e94e"}
.icon-fullscreen:before{content:"\e989"}
.icon-link:before{content:"\e9cb"}
.icon-eye:before{content:"\e9ce"}
.icon-bookmark:before{content:"\e9d3"}
.icon-sun:before{content:"\e9d4"}
.icon-close:before{content:"\ea0d"}
.icon-check:before{content:"\ea10"}
.icon-arrow-right:before{content:"\ea3c"}
.icon-arrow-left:before{content:"\ea40"}
.icon-facebook:before{content:"\ea90"}
.icon-instagram:before{content:"\ea92"}
.icon-whatsapp:before{content:"\ea93"}
.icon-rss:before{content:"\ea9b"}
.icon-youtube:before{content:"\ea9d"}
.icon-book:before{content:"\e91f"}
.icon-pemerintahan:before{content:"\e921"}
.icon-cart:before{content:"\e93a"}
.icon-daerah:before{content:"\e948"}
.icon-calendar:before{content:"\e953"}
.icon-printer:before{content:"\e954"}
.icon-teknologi:before{content:"\e958"}
.icon-user:before{content:"\e971"}
.icon-peristiwa:before{content:"\e979"}
.icon-kesehatan:before{content:"\e998"}
.icon-ekbis:before{content:"\e99b"}
.icon-kuliner:before{content:"\e9a3"}
.icon-hukum:before{content:"\e9a8"}
.icon-gayahidup:before{content:"\e9b2"}
.icon-internasional:before{content:"\e9ca"}
.icon-nasional:before{content:"\e9cc"}
.icon-login:before{content:"\ea13"}
.icon-telegram:before{content:"\ea95"}
.icon-youtube2:before{content:"\ea9e"}
.icon-fingerprint:before{content:"\eaab"}
.icon-android:before{content:"\eac0"}
.icon-pinterest:before{content:"\ead2"}

:root {
	--primary_color: #333;
	--secondary_color: #555;
	--link_text_color: #c20000;
	--title_widget_color_1: #333;
	--title_widget_color_2: #fff;
	--background_widget_color_1: #fff;
	--background_widget_color_2: #333;
	--menu_background_gradient_1: #1c72bb;
	--menu_background_gradient_2: #0e4474;
	--menu_text_color: #fff;
	--menu_hover_text_color: #1c72bb;
	--menu_active_text_color: #fff;
	--footer_background_gradient_1: #f7f7f7;
	--footer_background_gradient_2: #ffffff;
	--footer_text_color: #2b2828;
	--dark_mode_background_1: #222;
	--dark_mode_background_2: #333;
	--dark_mode_text_color_1: #fff;
	--dark_mode_text_color_2: #ccc;
	--font: Poppins, sans-serif;
	--font_size_title_post: 1.8rem;
	--font_size_body_post: 1.1rem
}

.darkmode img {
    filter: grayscale(70%)
}

.breadcrumb-page ul li:first-child a,
.darkmode .app-nav ul>li.current-menu-item>a,
.darkmode .app-nav ul>li>a:hover,
.darkmode .tag-title a:hover,
.network-box ul li a:hover,
a,
body {
	color: var(--primary_color)
}

.media-image:after,
.media-image:before,
.media-link:before {
	top: 0;
	right: 0;
	left: 0;
	bottom: 0
}

.widget .terkini-title h2 a,
.widget.video .media-snip,
.widget.video .media-title {
	-webkit-box-orient: vertical;
	overflow: hidden
}

.widget.video,
header.header {
	box-shadow: 0 .125rem .25rem rgb(0 0 0 / .075)
}

.mode i.dark,
.mode i.light {
	background-position: center
}

*,
.slick-slider {
	box-sizing: border-box
}

.billboard .widget,
.parallaxads span,
.post-content .aligncenter,
.social-app-link,
.widget-footer,
.wp-caption {
	text-align: center
}

.post-content ul,
.widget-content ul {
	list-style-type: none;
	padding-left: 0
}

.btn,
.btn-form-indeks,
.icon-search,
.media-link:before,
.mode-item,
.patner,
.slick-dots button,
.slick-list.dragging {
	cursor: pointer
}

body {
	background: #f7f7f7;
	font-family: var(--font), sans-serif;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	margin-right: 0px !important;
}

a {
	background-color: transparent;
	text-decoration: none
}

div a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
li a {
	color: var(--primary_color);
	text-decoration: none
}

p a {
	color: var(--link_text_color);
	text-decoration: none
}

span a {
	color: var(--secondary_color);
	text-decoration: none
}

.dark-link {
	color: var(--link_text_color) !important;
	text-decoration: none
}

.dark-link:hover,
.light-link,
.light-link:hover {
	color: var(--menu_hover_text_color) !important;
	text-decoration: none
}

.light-link {
	color: #fff !important;
	text-decoration: none
}

.footer-right ul.menu li a:hover,
.widget .slider-category a:hover,
.widget.video .widget-content .media-item:first-child .media-title a:hover,
a:hover,
div a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
li a:hover,
p a:hover,
span a:hover {
	color: var(--menu_hover_text_color);
	text-decoration: none
}

.content {
	background-color: #fff;
	display: block
}

.content.boxed {
	max-width: 1000px;
	margin: auto
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -14px;
	margin-left: -14px
}

.container {
	padding-right: 14px;
	padding-left: 14px;
	margin-right: auto;
	margin-left: auto;
	width: 1000px
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
	position: relative;
	width: 100%;
	padding-right: 14px;
	padding-left: 14px
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0%;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}

.col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}

.col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}

.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}

.col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}

.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}

.col-8 {
	--ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}

.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}

.col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}

.col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

@-webkit-keyframes shimmer {
	100% {
		transform: translateX(100%)
	}
}

@keyframes shimmer {
	100% {
		transform: translateX(100%)
	}
}

.media-image {
	background: #ddd;
	position: relative
}

.media-image:before {
	content: "";
	position: absolute;
	background: #ddd;
	animation: 1s infinite shine
}

.media-image:after {
	position: absolute;
	transform: translateX(-100%);
	background-image: linear-gradient(90deg, #fff0 0, rgb(255 255 255 / .2) 20%, rgb(255 255 255 / .5) 60%, #fff0);
	-webkit-animation: 2s infinite shimmer;
	animation: 2s infinite shimmer;
	content: ""
}

.media-image img {
	display: block;
	object-fit: cover;
	width: 100%;
	z-index: 2;
	position: absolute;
	height: 100%
}

.media-link:before {
	content: "";
	z-index: 3
}

#boxDate,
.app-nav ul li,
.header-mode,
.mode,
.subcategory,
.widget-header {
	position: relative
}

.widget-header .title {
	padding: 10px 10px 0;
	font-size: 14px;
	color: var(--title_widget_color_1);
	letter-spacing: 2px;
	font-weight: 700;
	text-transform: uppercase
}

.comment-reply-title:after,
.widget-header .title:after,
.widget-header1 .widget-title:after {
	content: "";
	background: var(--menu_background_gradient_1);
	width: 20%;
	height: 4px;
	border-radius: 5px;
	vertical-align: middle;
	display: inline-block;
	margin-left: 10px;
	background-image: linear-gradient(to right, var(--menu_background_gradient_1) 0, var(--menu_background_gradient_2) 100%)
}

.widget.outline-slider,
.widget.topic,
.widget.video {
	background-image: url(../img/bg_box.svg);
	background-position: top right
}

.widget .terkini-item,
.widget .terkini-meta {
	display: flex;
	flex-wrap: wrap
}

.widget {
	display: block;
	margin-top: 10px
}

.widget .terkini-item {
	position: relative;
	margin-bottom: 14px;
	align-items: center;
	border-bottom: 1px solid #eee;
	padding-bottom: 14px
}

.widget .terkini-item:last-child {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0
}

.widget .terkini-image {
	text-align: center;
	width: 230px;
	height: calc(200px / (5 / 3));
	margin-right: 14px;
	border-radius: 5px;
	border: 1px solid #eff0f6;
	float: left
}

.info-post .info-box .author-box,
.list .media-text,
.list-content,
.list-content2,
.popular-content,
.post-body .post-content,
.related-content,
.related2-content,
.widget .terkini-content {
	flex: 1
}

.widget .terkini-category,
.widget .terkini-category a {
	font-weight: 600;
	font-size: 11px;
	padding: 4px 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	white-space: nowrap;
}

.related-category img,
.widget .terkini-category img {
	width: auto;
	height: 14px;
	margin: -3px 2px 0 0;
	display: inline-block;
	vertical-align: middle
}

.widget .terkini-date {
	font-size: 10px;
	color: var(--secondary_color);
	margin: 2px
}

.widget .terkini-date:before {
	content: "\00B7";
	margin-right: 5px;
	font-size: 10px;
	display: inline-block;
	font-weight: 700;
	line-height: 2.1
}

.list-date,
.list.list-custom .list-item .list-date,
.related-author,
.widget .terkini-author {
	font-size: 10px;
	padding: 3px 5px 3px 0;
	color: var(--secondary_color)
}

.related-title h2,
.widget .terkini-title h2 {
	margin: 0;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 600
}

.widget .terkini-title h2 a {
	display: -webkit-box;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	text-decoration: none
}

.related-snippet,
.widget .terkini-snippet {
	margin-top: 10px
}

.related-snippet p,
.widget .terkini-snippet p {
	margin: 0;
	color: #444;
	font-size: 14px
}

.widget .video,
.widget.outline-slider .widget-header h3,
.widget.topic .widget-header .title,
.widget.video .widget-header .title {
	color: var(--title_widget_color_2)
}

.widget.topic,
.widget.video {
	background-color: var(--background_widget_color_2);
	border-radius: 7px;
	background-repeat: no-repeat
}

.widget.outline-slider,
.widget.topic {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

.widget.video .widget-content {
	padding: 0 10px 10px;
	margin: -12px -6px 0;
	display: flex;
	flex-wrap: wrap
}

.widget.video .media-box {
	padding: 12px 6px 0
}

.widget.video .media-image {
	height: 0;
	overflow: hidden;
	padding-bottom: 59%;
	position: relative;
	border-radius: 7px 7px 0 0
}

.widget.video .media-title {
	font-size: 13px;
	margin: 0 0 5px;
	font-weight: 600;
	display: -webkit-box;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	color: #fff;
	flex-grow: 1
}

.widget.topic .media-title .media-link,
.widget.video .media-title .media-link {
	color: #fff;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.widget.video .media-date {
	font-size: 11px;
	color: var(--secondary_color);
	margin-top: 5px;
	letter-spacing: .2px
}

.widget.video .media-item:first-of-type .media-date {
	color: var(--background_widget_color_1)
}

.widget.video .media-snip {
	display: none;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	font-size: 13px;
	margin-top: 10px;
	color: #555
}

.list .media-title,
.unique-related-title {
	-webkit-box-orient: vertical;
	line-clamp: 3;
	-webkit-line-clamp: 3
}

.widget.video .media-text {
	padding: 6px 12px;
	background: #fff;
	border-radius: 0 0 7px 7px;
	flex-shrink: 0;
	min-height: 100px
}

.widget.video .media-category {
	display: none;
	letter-spacing: 2.4px;
	font-size: 10px;
	color: var(--primary_color);
	margin-bottom: 1px;
	text-transform: uppercase;
	font-weight: 600
}

.list-title a,
.list-title2 a,
.related-title h2 a,
.related2-title h2 a,
.widget .slider-title h2 a,
.widget.inline-slider .inline-slider-title h2 a,
.widget.outline-slider .outline-slider-title h2 a,
.widget.topic .media-title {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	line-clamp: 3;
	-webkit-line-clamp: 3
}

.footer-left ul.menu li,
.footer-right ul.menu li,
.widget.video .widget-content .media-item {
	width: 33.333333%
}

.daterangepicker.single .ranges ul,
.related.style2 .related2-content,
.widget.video .widget-content .media-item:first-child {
	width: 100%
}

.widget.video .widget-content .media-item:first-child .media-image {
	width: 50%;
	padding-bottom: 28%;
	border-radius: 7px;
	margin-right: 15px
}

.widget.video .widget-content .media-item:first-child .media-box {
	display: flex;
	flex-wrap: nowrap;
	align-items: center
}

.widget.video .widget-content .media-item:first-child .media-text {
	flex: 1;
	border-radius: 0 0 7px;
	background: #fff0;
	border: 0;
	padding: 0
}

.widget.video .widget-content .media-item:first-child .media-title {
	font-size: 20px;
	line-height: 1.3;
	line-clamp: 4;
	-webkit-line-clamp: 4;
	color: #fff
}

.box-redaksi a,
.social-app-link:hover,
.social-link:hover,
.widget.outline-slider .outline-slider-title h2 a,
.widget.video .widget-content .media-item:first-child .media-title a {
	color: #fff
}

.widget.inline-slider,
.widget.outline-slider {
	border-radius: 10px;
	background-repeat: no-repeat
}

.widget.topic .widget-content {
	margin: 0 -15px;
	padding: 0 10px 10px
}

.widget.topic .media-box {
	padding: 0 6px
}

.widget.topic .media-image {
	height: 0;
	overflow: hidden;
	padding-bottom: 59%;
	position: relative;
	border-radius: 7px
}

.widget.topic .media-title {
	font-size: 13px;
	margin: 0 0 5px;
	font-weight: 600
}

.widget .slider-category a,
.widget.topic .media-category {
	display: inline-flex;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	font-weight: 600
}

.widget.topic .media-date {
	font-size: 11px;
	color: #999;
	margin-top: 5px
}

.widget.topic .media-text {
	padding: 12px 0
}

.widget.topic .media-category {
	font-size: 10px;
	color: var(--menu_hover_text_color);
	margin-bottom: 1px
}

.widget.topic .slick-arrow {
	position: absolute;
	top: 30%;
	z-index: 2;
	width: 30px;
	height: 30px;
	background: rgb(0 0 0 / .7);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -15px;
	border-radius: 50em;
	box-shadow: 0 0 0 5px rgb(0 0 0 / .4)
}

.widget.inline-slider .arrow-left,
.widget.slider .arrow-left,
.widget.topic .arrow-left {
	left: 20px
}

.widget.inline-slider .arrow-right,
.widget.slider .arrow-right,
.widget.topic .arrow-right {
	right: 20px
}

.widget.topic .slick-list.draggable {
	margin: 0 10px
}

.slider-bg .slick-list.draggable,
.widget.inline-slider .widget-content {
	margin: 0 -5px
}

.widget.inline-slider .inline-slider-item,
.widget.outline-slider .outline-slider-item {
	position: relative;
	padding: 0 5px;
	border-radius: 5px;
	overflow: hidden
}

.widget.inline-slider .inline-slider-image,
.widget.outline-slider .outline-slider-image {
	width: 100%;
	height: 0;
	border-radius: 5px;
	overflow: hidden;
	padding-bottom: 150%;
	margin-right: 14px
}

.widget.inline-slider .inline-slider-content,
.widget.outline-slider .outline-slider-content {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	background: linear-gradient(90deg, #000, transparent);
	background: -webkit-linear-gradient(90deg, #000, transparent);
	z-index: 9;
	right: 0;
	margin: 0 5px;
	border-radius: 5px;
	overflow: hidden;
	top: 0;
	display: flex;
	align-items: flex-end
}

.widget.inline-slider .inline-slider-title h2,
.widget.outline-slider .outline-slider-title h2 {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 600
}

.widget.inline-slider .inline-slider-more,
.widget.outline-slider .outline-slider-more {
	background: var(--primary_color);
	font-weight: 600;
	padding: 3px 10px;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	position: absolute;
	top: 5px;
	z-index: 9;
	right: 10px;
	border-radius: 5px
}

.widget.inline-slider .slick-arrow,
.widget.outline-slider .slick-arrow,
.widget.slider .slick-arrow {
	z-index: 2;
	width: 30px;
	background: rgb(0 0 0 / .7);
	border-radius: 50em;
	box-shadow: 0 0 0 5px rgb(0 0 0 / .4);
	display: flex;
	height: 30px
}

.widget.inline-slider .inline-slider-title,
.widget.outline-slider .outline-slider-title {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

.widget.inline-slider .slick-arrow,
.widget.outline-slider .slick-arrow {
	position: absolute;
	top: 50%;
	color: #fff;
	align-items: center;
	justify-content: center;
	margin-top: -15px
}

.widget.outline-slider {
	background-color: #2a2a2a
}

.widget.outline-slider .widget-content {
	margin: 0;
	padding: 0 10px 10px
}

.widget.outline-slider .arrow-left {
	left: 5px
}

.widget.outline-slider .arrow-right {
	right: 5px
}

.slider-box .slider-item {
    display: none; /* Sembunyikan semua slider */
}

.slider-box .slider-item:first-child {
    display: block; /* Hanya tampilkan slider pertama */
}


.widget .slider-item {
	position: relative;
	overflow: hidden;
	border-radius: 5px
}

.widget .slider-image {
	width: 100%;
	height: 0;
	padding-bottom: 60%;
	border-radius: 5px;
	overflow: hidden
}

.media-image img,
.widget .slider-image img {
	transition: transform .3s, box-shadow .3s
}

.widget .slider-image img:hover {
	transform: scale(1.1);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .3)
}

.widget .slider-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 160px 20px 20px;
	background: linear-gradient(90deg, #000, transparent);
	background: -webkit-linear-gradient(90deg, #000, transparent);
	z-index: 9
}

.widget .slider-title h2 {
	font-size: 24px;
	margin: 0 0 20px;
	line-height: 1.3;
	font-weight: 600
}

.widget .slider-category a {
	color: #fff;
	font-size: 12px;
	border-bottom: 2px solid var(--menu_background_gradient_1);
	margin-bottom: 15px
}

.widget .slider-snippet {
	color: var(--secondary_color);
	max-width: 400px;
	font-size: 12px;
	display: none
}

.content.m-auto .post-title,
.widget .slider-snippet p {
	margin-bottom: 0
}

.widget .slider-date {
	color: #fff;
	font-size: 12px;
	margin-bottom: 0
}

.widget.slider .slick-arrow {
	position: absolute;
	top: 40%;
	color: #fff;
	align-items: center;
	justify-content: center;
	margin-top: -15px
}

.inline-slider-box {
    display: flex;
    flex-wrap: nowrap; /* Mencegah item turun ke bawah */
    overflow: hidden; /* Mencegah scroll vertikal jika banyak item */
    gap: 0px; /* Jarak antar item */
}

.inline-slider-item {
    flex: 0 0 25%; /* 4 item dalam satu baris */
    max-width: 25%;
    box-sizing: border-box;
}

.outline-slider-box {
    display: flex;
    flex-wrap: nowrap; /* Mencegah item turun ke bawah */
    overflow: hidden; /* Mencegah scroll vertikal jika banyak item */
    gap: 0px; /* Jarak antar item */
}

.outline-slider-item {
    flex: 0 0 25%; /* 4 item dalam satu baris */
    max-width: 25%;
    box-sizing: border-box;
}


.billboard {
	margin-top: 14px;
	background: rgb(0 0 0 / .04);
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.widget_text.widget {
	margin-top: 20px
}

.billboard .widget {
	justify-content: center;
	height: auto;
	display: block;
	margin: 0 auto
}

.header-box,
.post-subheader {
	justify-content: space-between
}

.billboard img,
.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar,
.header-app-item.netbox:hover .network-box,
.header-app-item.searchbox:hover .form-search,
.header-brand a,
.navigation ul li.menu-item-has-children:hover>.sub-menu,
.navigation ul li>.sub-menu>li,
.patner:hover .patner-cursor,
.show-desktop,
.slick-initialized .slick-slide,
.slick-slide img,
.sticky-ads-bottom .widget img {
	display: block
}

header.header {
	background: #fff;
	position: sticky;
	top: 0;
	z-index: 990;
	min-width: 1000px
}

.navigation,
nav.app-nav {
	background: var(--menu_background_gradient_1);
	background-image: linear-gradient(to right, var(--menu_background_gradient_1) 0, var(--menu_background_gradient_2) 100%)
}

.header-box {
	padding: 10px 0;
	display: flex;
	gap: 12px;
	align-items: center
}

.header-brand img {
	margin-top: -5px;
	height: 45px;
	width: auto;
	display: block
}

.ads-sticky .widget,
.header-brand h1,
.header-search-form,
.post-content blockquote p,
.sumber p,
.widget-content ul {
	margin: 0
}

.header-brand a:focus-visible {
	outline: 0;
	border: 0
}

.navigation ul {
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	justify-content: space-between
}

.navigation ul li a {
	color: var(--menu_text_color);
	font-weight: 600;
	padding: 8px 5px 8px 15px;
	display: block;
	position: relative;
	font-size: 14px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.mode-box,
.patner-box ul li a {
	transition: 0.2s all ease;
	/* Properti singkat dengan "ease" untuk transisi yang halus */
	-webkit-transition: 0.2s all ease;
	/* Tambahkan vendor prefix untuk kompatibilitas lama */
	-moz-transition: 0.2s all ease;
	/* Prefix Mozilla */
	-ms-transition: 0.2s all ease;
	/* Prefix Microsoft */
	-o-transition: 0.2s all ease;
	/* Prefix Opera */
}

.app-nav ul>li.current-menu-item>a,
.app-nav ul>li>a:hover,
.darkmode .app-nav ul a .menu-image-title:hover,
.darkmode .breadcrumb .breadcrumb-item:last-child a:hover,
.darkmode .footer-right ul.menu li a:hover,
.darkmode .info-post .author-name a:hover,
.darkmode .list .media-title a:hover,
.darkmode .navigation ul li.current-menu-item a,
.darkmode .navigation ul li>.sub-menu>li a:hover,
.darkmode .patner-box ul li a:hover,
.darkmode .post-body .post-article a:hover,
.darkmode .terkini-title h2 a:hover,
.darkmode a:hover,
.footer-social ul li a:hover,
.navigation ul li.current-menu-item a,
.navigation ul li:hover>a,
.navigation ul li>.sub-menu>li:hover a,
.patner-box ul li a:hover {
	color: var(--menu_active_text_color)
}

.navigation ul li.current-menu-item a:after {
	content: "";
	width: 100%;
	height: 2px;
	background: var(--menu_active_text_color);
	position: relative;
	bottom: 0;
	display: block;
	left: auto;
	right: auto;
	border-radius: 5px 5px 0 0
}

.navigation ul li.new a:after {
	content: "";
	width: 6px;
	height: 6px;
	background: var(--active);
	position: absolute;
	display: block;
	right: -1px;
	border-radius: 50em;
	top: 7px
}

.daterangepicker.auto-apply .drp-buttons,
.daterangepicker.single .drp-selected,
.footer-social ul li span,
.header-social ul li span,
.hide-desktop,
.icons,
.mode>.hide,
.navigation ul .sub-menu,
.slick-arrow.slick-hidden,
.slick-slide.slick-loading img,
.sticky-ads-bottom .widget.hide {
	display: none
}

.navigation ul li.menu-item-has-children:after {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    background-color: var(--menu_text_color); /* Warna Ikon */
    mask-image: url("../img/navigation.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("../img/navigation.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}


.navigation ul>li {
	display: flex;
	align-items: center;
	justify-content: center
}

.navigation ul li>.sub-menu {
	list-style: none;
	padding: 4px 0 0;
	animation: .2s cubic-bezier(.39, .575, .565, 1) both dropdown-in;
	text-align: left;
	position: absolute;
	top: 108%;
	display: none;
	z-index: 3;
	left: auto;
	right: -45px;
	background: #f3f2f1;
	min-width: 170px;
	border-radius: 4px;
	box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%);
	height: auto
}

.navigation ul li {
	display: flex;
	align-items: center;
	height: 100%;
	position: relative
}

.navigation ul li>.sub-menu:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	border: 6px solid #000;
	border-color: #fff0 #fff0 #f3f2f1 #f3f2f1;
	transform-origin: 0 0;
	transform: rotate(135deg);
	box-shadow: -2px 2px 4px 0 rgb(0 0 0 / .05);
	right: 30px;
	left: auto
}

.navigation ul li>.sub-menu>li a {
	color: #444;
	padding: 8px 12px;
	display: block;
	font-size: 14px
}

.header-search-wrapper {
	overflow: hidden;
	border-radius: 50em;
	color: #000;
	width: 250px;
	background-color: #e7e7e7;
	display: flex;
	border: 1px solid #e7e7e7
}

.header-input-search,
.icon-search {
	border: 0;
	background: #fff0;
	outline: 0
}

.icon-search {
	color: #444
}

.header-input-search {
	flex: 1;
	font-size: 12px;
	padding: 5px;
	height: 25px;
	color: var(--secondary_color)
}

.icon-search svg {
	height: 20px
}

.mode>* {
	color: #444;
	padding: 2px;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center
}

.mode>* svg {
	height: 20px;
	margin-top: -2px
}


/* Pastikan ikon tidak terlihat saat loading */
.icons.dark,
.icons.light {
	display: none;
}

/* Terapkan tampilan sesuai mode */
body.darkmode .icons.dark {
	display: inline-block;
}

body.darkmode .icons.light {
	display: none;
}

body:not(.darkmode) .icons.dark {
	display: none;
}

body:not(.darkmode) .icons.light {
	display: inline-block;
}

.dark-mode .header-mode[data-theme=dark] .icons.dark,
.dark-mode .header-mode[data-theme=light] .icons.light,
.light-mode .header-mode[data-theme=dark] .icons.dark,
.light-mode .header-mode[data-theme=light] .icons.light,

.p404__link,
.tag-lists a,
.tag-lists span {
	display: inline-block
}

.header-right,
.header-search {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px
}

.patner {
	position: unset !important;
	display: flex;
	align-items: center;
	justify-content: center
}

.patner svg {
	height: 20px;
	color: #444
}

.patner-cursor {
	position: absolute;
	top: 38px;
	z-index: 999;
	left: 0;
	width: 1000px;
	right: 0;
	margin: 0 auto;
	display: none;
	padding-top: 20px
}

.patner-box {
	background: #fff;
	margin: 0 auto;
	padding: 12px 16px;
	box-shadow: 0 0 8px rgb(0 0 0 / .1);
	border-bottom: 4px solid #d9d9d9;
	border-radius: 0 0 7px 7px
}

.patner-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap
}

#reportrange span,
.header-date svg,
.header-right>* {
	margin-right: 5px
}

.patner-box ul li {
	width: 20%
}

.patner-box ul li a {
	padding: 6px;
	display: block;
	color: #444;
	font-size: 14px;
	font-weight: 500;
	transition: .2s;
	position: relative
}

.header-right>* {
	height: 28px;
	display: flex;
	align-items: center
}

.header-date,
.mode-item {
	align-items: center;
	font-weight: 500;
	color: #444;
}

.header-date {
	font-size: 12px;
	display: flex;
	letter-spacing: .2px
}

.breadcrumb-page ul li a,
.media-category {
	letter-spacing: 2.4px;
	text-transform: uppercase
}

.app-nav ul.sub-menu,
.mode-box {
	display: none;
	position: absolute
}

.mode-box {
	pointer-events: all;
	right: 10px;
	top: 35px;
	width: 150px;
	background: #f3f2f1;
	-webkit-box-shadow: 0 2px 5px rgb(0 0 0 / .3);
	box-shadow: 0 2px 5px rgb(0 0 0 / .3);
	overflow: hidden;
	padding: 0;
	transition: .2s;
	-ms-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	z-index: 2;
	border-radius: 5px
}

.mode-box.show {
	display: block;
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	z-index: 999
}

.mode-item {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 14px;
	font-size: 14px
}

.header-right>* {
	position: relative;
	border-right: 1px solid #e5e5e5;
	padding-right: 10px
}

.header-right>:last-child {
	padding: 0;
	border: 0
}

.mode-item.active,
.mode-item:hover {
	background: #e7e7e7
}

.box-redaksi .author-follow button i,
.mode-icon,
.post-more .post-author-avatar {
	margin-right: 10px
}

.mode-icon svg {
	height: 24px
}

.footer-social ul,
.header-social ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 3px
}

.header-social ul li a {
	color: #fff;
	background: #e7e7e7;
	padding: 2px;
	border-radius: 7px;
	width: 28px;
	height: 27px;
	display: flex;
	justify-content: center;
	align-items: center
}

.footer-social ul li a:before,
.header-social ul li a:before {
	content: "";
	background-size: 32px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	width: 32px;
	height: 32px
}

.header-social ul li a:before {
	background-size: 24px;
	width: 24px;
	height: 24px
}

.footer-social ul li a {
	color: var(--footer_text_color);
	background: #b6b6b67a;
	padding: 5px;
	border-radius: 7px;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center
}

.app-logo,
.post-share {
	display: flex;
	justify-content: center;
	padding: 10px 0
}

.app-logo img {
	display: block;
	max-height: 45px;
	width: auto;
}

.app-nav ul li.menu-item-has-children:hover .sub-menu,
.list-network,
.post-meta1,
.post-pagination-number,
.related-meta,
.social-app-box {
	display: flex
}

.social-app-item {
	margin: 14px 2px
}

.social-app-link {
	font-size: 16px;
	width: 32px;
	height: 32px;
	padding: 8px;
	color: #fff;
	display: flex;
	border-radius: 50em;
	justify-content: center
}

.header-app-item,
.menu-aaa-container {
	padding: 0 14px;
	border-right: 1px solid #fff;
	position: relative
}

.menu-aaa-container {
	margin-left: -50px
}

.commentsArea ol,
.commentsArea ul,
.menu-aaa-container ul {
	list-style: none
}

.header-app-box.box-left .header-app-item:first-child {
	padding-left: 0
}

.header-app-box.box-right .header-app-item:last-child {
	padding-right: 0;
	border: 0
}

.header-app-box.box-right .header-app-item:first-child {
	border-left: 1px solid #fff
}

.btn-network,
.btn-search,
.mode {
	padding: 5px 0;
	background: #fff0;
	border: 0;
	outline: 0;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	justify-content: center;
	cursor: pointer
}

.btn-network i,
.btn-search i {
	font-size: 22px
}

.btn-network span,
.btn-search span,
.mode span {
	font-size: 14px;
	color: #444;
	flex: 1;
	display: flex;
	align-content: center;
	height: 100%;
	margin: auto 0 auto 10px;
	text-transform: uppercase;
	font-weight: 600
}

.app-nav ul>li>a,
.nav-home a {
	color: var(--menu_text_color)
}

.box-header {
	position: sticky;
	top: 0;
	z-index: 999
}

nav.app-nav {
	position: relative;
	top: 0;
	z-index: 99
}

.app-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap
}

.app-nav ul>li>a {
	padding: 10px;
	display: block;
	font-weight: 600;
	font-size: 14px
}

.btn-index,
.network-box ul li a {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase
}

.app-nav ul a .menu-image-title,
figure {
	padding: 0;
	margin: 0
}

.app-nav ul.sub-menu {
	background: #fff;
	flex-wrap: wrap;
	width: 250px;
	border-radius: 5px;
	top: 36px;
	left: 0;
	padding: 10px;
	box-shadow: 0 0 8px rgb(0 0 0 / 10%)
}

.app-nav ul.sub-menu li,
.network-box ul li,
.related.style1 .related-content {
	width: 50%
}

.app-nav ul.sub-menu a {
	color: #444;
	padding: 5px 0
}

.app-nav ul li.menu-item-has-children>a {
	position: relative;
	padding-right: 20px
}

.app-nav ul li.menu-item-has-children>a::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border: 4px solid #fff0;
	border-top-color: currentColor
}

.nav-wrap {
	display: flex;
	justify-content: center
}

.form-search,
.network-box {
	position: absolute;
	right: 0;
	background: #fff;
	top: 50px;
	box-shadow: 0 0 8px rgb(0 0 0 / .1);
	border-radius: 5px;
	display: none;
	z-index: 100;
	overflow: hidden
}

.nav-home a {
	padding: 10px;
	display: block;
	background: rgb(0 0 0 / .2)
}

.network-box {
	width: 350px;
	transform: translateX(110px)
}

.network-box ul {
	list-style: none;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	padding: 0 5px 10px
}

.network-box ul li a {
	display: block;
	padding: 10px 3px 5px
}

.form-search {
	transform: translateX(60px);
	padding: 10px;
	width: 300px
}

.input-search {
	display: block;
	width: 100%;
	border: 1px solid #fff;
	padding: 7px 10px;
	outline: 0
}

.slick-dots li,
.slick-list {
	padding: 0;
	position: relative
}

.header-app-box.box-right .icon,
.header-app-box.box-right .icons {
	color: #54565d
}

.slick-slider {
	position: relative;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: #fff0
}

.btn,
.comment-form-cookies-consent {
	user-select: none;
	/* Properti modern */
	-webkit-user-select: none;
	/* Untuk browser berbasis WebKit seperti Safari dan Chrome lama */
	-moz-user-select: none;
	/* Untuk browser Firefox lama */
	-ms-user-select: none;
	/* Untuk browser Internet Explorer 10+ */
}

.slick-list {
	display: block;
	overflow: hidden;
	margin: 0
}

.slick-list:focus {
	outline: 0
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ""
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

.daterangepicker.rtl .ranges,
[dir=rtl] .slick-slide {
	float: right
}

.slick-slide.dragging img {
	pointer-events: auto
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid #fff0
}

.slick-dots {
	list-style: none;
	display: flex;
	justify-content: center;
	margin: 0;
	padding-top: 14px;
	padding-left: 0;
	padding-right: 0;
	position: relative
}

.slick-dots li {
	display: inline-block;
	margin: 0 5px
}

.slick-dots button {
	border: 0;
	background: #b6b6b6;
	display: block;
	outline: 0;
	line-height: 0;
	font-size: 0;
	color: #fff0;
	padding: 5px;
	height: 10px;
	width: 10px;
	border-radius: 10px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.btn-index,
.parallaxads span {
	background: var(--menu_background_gradient_1);
  	background-image: linear-gradient(to right, var(--menu_background_gradient_1) 0, var(--menu_background_gradient_2) 100%);
}

.slick-dots li.slick-active button {
	width: 50px;
	background: var(--primary_color)
}

main {
	display: block;
	padding: 0 0 14px
}

.main-row {
	display: flex;
	flex-wrap: wrap;
	margin: 15px -12px 0
		/*! justify-content: space-between; */
}

.content-page.m-auto,
.sticky-ads-bottom .widget {
	margin: 0 auto
}

.ads-parallax .parallax-box,
.parallaxads {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	right: 0;
	left: 0
}

.content-page {
	flex: 1;
	padding: 0 12px;
	position: relative;
	width: 100%;
	max-width: 666px
}

.btn-index {
	display: inline-block;
	padding: 7px 14px;
	color: var(--dark_mode_text_color_1);
	border-radius: 50em
}

.ads-parallax,
.parallaxads {
	background: #1d2327
}

.breadcrumb .breadcrumb-item i,
.hastag,
.info-post .dot,
.tag-box,
.tag-title {
	font-size: 16px
}

.widget-footer {
	padding: 10px 0;
	display: block;
	border-top: 1px solid #fff;
	margin-top: 14px
}

.ads-parallax .parallax-box {
	padding-right: 14px;
	padding-left: 14px;
	height: 250px;
	position: relative;
	max-width: 1000px;
	margin-bottom: 0
}

.ads-parallax .parallax-wrap,
.parallaxads-box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	clip: rect(auto, auto, auto, auto)
}

.ads-parallax .parallax-wrap .widget {
	width: 970px;
	height: auto;
	position: fixed;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	margin: 0 auto;
	max-width: 970px;
	left: 0;
	right: 0
}

.parallaxads {
	height: 300px;
	position: relative;
	margin-bottom: 0
}
 
.parallaxads-wrap {
	height: auto;
	position: fixed;
	top: 15%;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	margin: 0 auto;
	max-width: 625px;
	width: 100%
}

.parallaxads-wrap img {
	margin: 100px auto !important;
	display: block
}

.parallaxads span {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 8px;
	z-index: 9
}

.tag-item {
	padding: 5px 0
}

.tag-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: baseline
}

.list-item,
.popular-item {
	align-items: center;
	position: relative
}

.hastag {
	color: var(--primary_color);
	margin-right: 8px
}

.tag-title {
	line-height: 1.5;
	font-weight: 600;
	margin: 0
}

.popularpos .widget-content {
	border-radius: 5px;
	overflow: hidden
}

.popular-item {
	display: flex;
	padding: 14px
}

.popular-number {
	margin-right: 14px;
	color: #fff;
	font-weight: 700;
	display: block;
	font-size: 55px;
	-webkit-text-stroke: 1px var(--primary_color);
	-webkit-text-fill-color: #ece9e9;
	overflow: hidden;
	line-height: 67px;
	transition: .4s;
	width: 40px
}

.popular-number:hover {
	color: #222
}

.media-category {
	display: inline-flex;
	font-size: 10px;
	color: var(--primary);
	margin-bottom: 1px;
	font-weight: 600;
	font-family: var(--font)
}

.info-post .readtime,
.popular-title,
aside .list-title {
	font-size: 14px
}

.popular-title {
	margin: 0;
	font-weight: 600
}

.popular-title a {
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.popular-item:nth-child(odd) {
	background: #f3f3f3
}

.list-hastag,
.popular-item:nth-child(2n) {
	background: #e8e8e8
}

.list-item {
	padding-bottom: 8px;
	display: flex;
	border-bottom: 1px solid #eee;
	margin-bottom: 8px
}

.list-item:last-child {
	border: 0;
	margin-bottom: 0
}

.list-hastag {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50em;
	font-size: 18px;
	margin-right: 14px;
	color: var(--primary_color)
}

.list-title,
.list-title2 {
	margin: 0;
	font-size: 17px;
	font-weight: 600
}

.list.list-custom .list-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.list.list-custom .list-content {
	flex: unset
}

.list-network-name,
.related2-category a {
	font-weight: 600;
	padding: 3px 0;
	font-size: 10px;
	text-transform: uppercase;
	color: var(--primary_color)
}

.list-network-date,
.related-date {
	font-size: 10px;
	padding: 3px 5px;
	color: var(--secondary_color)
}

.breadcrumb,
.list-network-date:before,
.related-date:before {
	padding: 0;
	margin-bottom: 30px
}

.breadcrumb .breadcrumb-wrap {
	padding: 0;
	list-style: none;
	display: flex
}

.breadcrumb .breadcrumb-item:first-child {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background: #fffefe;
	font-weight: 600;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgb(0 0 0 / .04);
	z-index: 1
}

.breadcrumb .breadcrumb-item:last-child {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background: #b7b7b72e;
	margin-right: 5px;
	font-weight: 600;
	border-radius: 0 10px 10px 0;
	margin-left: -5px
}

.breadcrumb .breadcrumb-item:first-child a {
	display: flex;
	align-items: center;
	color: var(--primary_color)
}

.breadcrumb-link,
.breadcrumb-page ul li {
	align-items: center;
	display: flex
}

.breadcrumb-link {
	width: 100%;
	height: 100%;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase
}

.breadcrumb-page {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e5e5e5
}

.post-subheader,
.post-subheader1,
.post-title {
	margin-bottom: 14px
}

.breadcrumb-page ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0
}

.breadcrumb-page ul svg {
	height: 10px;
	margin: 0 5px;
	color: #666
}

.breadcrumb-page ul li a {
	display: block;
	font-weight: 600;
	font-size: 10px;
	margin: 0
}

.post-title h1 {
	margin: 0;
	font-size: var(--font_size_title_post);
	line-height: 1.3;
	font-weight: 700
}

.content.m-auto .post-title h1 {
	text-align: left
}

.post-subheader {
	align-items: center
}

.post-subheader1 {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.post-meta {
	display: flex;
	justify-content: center;
	margin: 10px 0
}

.post-meta-author {
	color: var(--secondary_color)
}

.post-meta-author a {
	color: var(--primary_color);
	font-weight: 600
}

.post-meta-date {
	color: var(--secondary_color);
	margin-left: 5px
}

.post-share1 {
	display: flex;
	justify-content: flex-end
}

.featured-image img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	display: block
}

.post-featured figcaption {
	font-size: 11px;
	padding: 10px 0;
	color: var(--secondary_color);
	text-align: left;
	margin: 0
}

.post-content {
	font-size: 14px;
	line-height: 1.8
}

.post-content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto
}

.post-content .alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px
}

.post-content .alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px
}

.post-content::after {
	content: "";
	display: table;
	clear: both
}

.post-content .wp-image-843.size-full {
	width: 100%;
	height: auto
}

figure.wp-caption {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

figure.wp-caption img {
	max-width: 100%;
	height: auto;
}

.wp-caption {
	margin: 20px auto;
	padding: 5px;
	background-color: #f9f9f9
}

.wp-caption img {
	width: 100%;
	height: auto;
	display: block
}

.wp-caption-text {
	font-size: 12px;
	color: #555;
}

.post-content figcaption {
	font-size: 11px;
	padding: 8px;
	color: var(--secondary_color);
	text-align: left;
	margin: 0;
}

.wp-caption[style*="width: 360px"] {
	width: 100%;
	max-width: 360px
}

.wp-caption[style*="width: 300px"] {
	width: 100%;
	max-width: 300px
}

.wp-caption[style*="width: 150px"] {
	width: 100%;
	max-width: 150px
}

.post-content blockquote {
	background-color: #f9f9f9;
	border-left: 5px solid var(--link_text_color);
	padding: 10px 20px;
	margin: 20px 0;
	font-style: italic;
	color: #555;
	line-height: 1.6
}

.post-content code,
.post-content pre {
	background-color: #2c3e50;
	color: #ecf0f1;
	font-family: var(--font), "Courier New", Courier, monospace;
	font-size: .95em
}

.post-content blockquote:hover {
	background-color: #ecf0f1;
	border-left: 5px solid var(--menu_hover_text_color);
	color: #2c3e50
}

.post-content blockquote footer {
	color: #777;
	text-align: right;
	margin-top: 10px
}

.post-content code {
	padding: 2px 5px;
	border-radius: 3px
}

.post-content pre {
	padding: 15px;
	border-radius: 5px;
	overflow: auto
}

.darkmode .media-category,
.darkmode .post-body .post-article a,
.darkmode .terkini-category,
.darkmode a,
.post-content a,
.terkini-category a {
	color: var(--link_text_color)
}

.post-content pre code {
	background: 0;
	padding: 0;
	border-radius: 0
}

.post-content td,
.post-content th {
	border: 1px solid #ddd;
	padding: 10px
}

.post-content ol {
	list-style-type: none;
	padding-left: 0;
	margin: 20px 0;
	counter-reset: ol-counter
}

.post-content ol li,
.post-content ul li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px;
	line-height: 1.6
}

.post-content ol li::before {
	content: counter(ol-counter) ".";
	counter-increment: ol-counter;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 700
}

.post-content ul {
	margin: 20px 0
}

.post-content ul li::before {
	content: "\2022";
	position: absolute;
	left: 0;
	top: 0
}

.widget-content ul li {
	padding-left: 0;
	margin-bottom: 5px
}

.widget-content ul li::before {
	content: none
}

.bottom-share,
.bottom-share1 {
	padding-top: 30px
}

.post-body .post-content {
	max-width: 100%;
}

.post-body .post-article {
	font-size: var(--font_size_body_post);
	color: var(--primary_color);
	line-height: 1.8;
	max-width: 666px
}

.post-body .post-article.notfull {
	max-width: 438px;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
	margin: 14px 0;
	font-weight: 700;
}

.post-content h1 {
	font-size: 28px;
	line-height: 1.2;
}

.post-content h2 {
	font-size: 24px;
	line-height: 1.3;
}

.post-content h3 {
	font-size: 20px;
	line-height: 1.4;
}

.post-content h4 {
	font-size: 18px;
	line-height: 1.4;
}

.post-content h5 {
	font-size: 16px;
	line-height: 1.5;
}

.post-content h6 {
	font-size: 14px;
	line-height: 1.5;
}

.post-content .list-title {
	font-size: 14px;
	margin: 0;
	font-weight: 600
}

.post-content .widget-header .title {
	font-size: 14px;
	color: var(--title);
	margin-top: 0;
	margin-bottom: 20px
}

.post-content .list .widget-content {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	align-items: flex-start
}

.post-content .list .widget-content .list-item {
	width: 50%;
	padding: 0 10px;
	border: 0
}

.post-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0
}

.post-content th {
	background-color: #f4f4f4;
	text-align: left;
	font-weight: 700
}

.post-content td {
	line-height: 1.5
}

.post-content tr:hover {
	background-color: #f9f9f9
}

.post-pagination {
	padding-top: 14px;
	display: block
}

.post-pagination-box {
	background: #f3f3f3;
	padding: 14px;
	display: flex;
	justify-content: space-between;
	border-radius: 5px;
	align-items: center
}

.btn-next,
.page-numbers,
.post-page-numbers {
	background: #fff;
	display: flex;
	font-weight: 600;
	height: 30px
}

.post-pagination-label {
	font-weight: 600;
	font-size: 14px;
}

.page-numbers,
.post-page-numbers {
	width: 30px;
	justify-content: center;
	align-items: center;
	border-radius: 50em;
	margin-left: 5px;
	border: 1px var(--primary_color);
	font-size: 14px;
}

.pagination-nextprev .post-page-numbers,
.pagination-nextprev .post-page-numbers:hover {
	width: unset;
	height: unset;
	border: unset
}

.icon-play {
	z-index: 1;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 32px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	box-shadow: 0 0 0 5px rgb(0 0 0 / .4);
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	border-radius: 24px
}

.btn-next {
	justify-content: center;
	align-items: center;
	border-radius: 50em;
	padding: 5px 10px;
	border: 1px var(--primary_color);
	font-size: 14px;
}

.btn-next:hover,
.post-page-numbers.current,
.post-page-numbers:hover {
	background: var(--primary_color);
	color: #fff
}

.widget-pagination {
	padding: 14px;
	margin: 30px 0;
	background: #f3f3f3;
	border-radius: 5px;
	text-align: center
}

.p404__link,
.page-numbers.current {
	justify-content: center;
	background: var(--primary_color);
	color: #fff
}

.widget-desc {
	margin: 10px
}

.error-page {
	text-align: center;
	padding: 50px 0
}

.p404__title {
	font-size: 80px;
	font-weight: 700
}

.p404__link {
	align-items: center;
	border-radius: 5px;
	font-weight: 600;
	padding: 10px 14px;
	border: 0;
	margin: 14px 0
}

.filter {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 14px
}

.paging-box,
.posttag-box {
	flex-wrap: wrap;
	display: flex
}

.paging-box {
	justify-content: center
}

.page-numbers.current {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	border-radius: 50em;
	margin-left: 5px;
	font-weight: 600;
	border: 1px solid var(--primary_color)
}

.next.page-numbers,
.page-numbers.dots,
.prev.page-numbers {
	width: 30px;
	height: 30px;
	justify-content: center;
	font-weight: 600;
	display: flex;
	margin-left: 5px
}

.next.page-numbers,
.prev.page-numbers {
	background: #fff;
	align-items: center;
	border-radius: 50em;
	border: 1px solid var(--primary_color);
	padding: 10px
}

.page-numbers.dots {
	align-items: center;
	border-radius: 50em
}

.next.page-numbers:hover,
.page-numbers:hover,
.prev.page-numbers:hover {
	border: 1px solid var(--primary_color);
	background: var(--primary_color);
	color: #fff
}

.page-numbers.dots {
	border: 1px solid var(--primary_color);
	background: #fff;
	color: #444
}

.widget.post-tag {
	padding-top: 20px
}

.social-link {
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 21px;
	margin-left: 10px;
	border-radius: 50em
}

.social-link span {
	background-size: 21px;
	width: 21px;
	height: 21px;
	text-align: center
}

.tag-lists a:hover,
.tag-lists span {
	color: #fff;
	background: var(--menu_background_gradient_1)
}

.tag-lists {
	padding-top: 10px
}

.tag-lists span {
	padding: 2px 10px;
	border-radius: 10px
}

#reportrange,
#startCategory,
#startDate,
.filter-kategori select {
	background-color: #fff0;
	z-index: 2;
	appearance: none;
	outline: 0;
	min-width: 200px
}

.tag-lists a:hover {
	border-color: #00437d
}

.tag-lists a {
	border: 1px solid #aaa;
	color: #aaa;
	font-size: 14px;
	padding: 2px 10px;
	margin-left: 3px;
	margin-bottom: 10px;
	border-radius: 10px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.footer .widget-title,
.footer-copyright ul li a,
.footer-left .textwidget strong,
footer.footer {
	color: var(--footer_text_color)
}

.post-tags {
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: row
}

.tags-title {
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 0 14px 0 0;
	line-height: 28px
}

.post-tags .tag-list {
	float: left;
	margin: 0;
	padding: 0
}

.post-tags .tag-list li {
	list-style: none;
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 7px
}

.post-tags .tag-list li a {
	border: 2px solid #f0f0f0;
	color: #555;
	display: block;
	font-size: 12px;
	line-height: 12px;
	padding: 8px;
	border-radius: .25rem
}

.posttag-box {
	margin: 0;
	padding: 0;
	list-style: none
}

.posttag-box li a {
	background: #e8e8e8;
	font-weight: 600;
	padding: 5px 10px;
	margin-right: 5px;
	border-radius: 50px;
	margin-bottom: 5px;
	display: block;
	font-style: italic
}

.posttag-box li a:hover {
	background: #d0d0d0
}

.related .widget-content,
.related.style1 .widget-content,
.related.style2 .widget-content,
.related2 .widget-content {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px
}

.related-item,
.related.style1 .related-item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: 14px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 14px;
	border-bottom: 1px solid #eee
}

.related-image {
	text-align: center;
	width: 195px;
	height: calc(190px / (5 / 3));
	float: left;
	margin-right: 14px;
	border: 1px solid #eff0f6;
	border-radius: 5px
}

.related.style2 .related2-item,
.related2-item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: 15px;
	width: 50%;
	padding-left: 10px;
	padding-right: 10px
}

.related2-image {
	width: 98px;
	height: 0;
	border-radius: 5px;
	overflow: hidden;
	padding-bottom: 98px;
	margin-right: 15px
}

.related2-meta {
	display: flex;
	height: 20px;
	overflow: hidden
}

.related2-date {
	font-size: 10px;
	padding: 3px 5px;
	color: #999
}

.related2-title h2 {
	margin: 0;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 600
}

.related.style1 .related-image {
	width: 50%;
	padding-right: 10px
}

.related.style1 .related-meta,
.related.style2 .related2-meta {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px
}

.related.style1 .related-title h2,
.related.style2 .related2-title h2 {
	font-size: 1rem;
	margin: 0
}

.related.style2 .related2-image {
	width: 100%;
	padding-right: 10px
}

.list-item2 {
	align-items: center;
	position: relative;
	padding-bottom: 10px;
	display: flex;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px
}

.list-hastag2 {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e8e8e8;
	border-radius: 50em;
	font-size: 18px;
	margin-right: 15px;
	color: var(--primary_color)
}

aside .list-title2 {
	font-size: 15px
}

.box-author-comments {
	position: relative;
	padding-top: 20px
}

.box-redaksi {
	color: #fff;
	padding: 14px;
	background: var(--menu_background_gradient_1);
	border-radius: 14px 14px 0 0
}

.about-author .name-author,
.info-post .author-name-box,
.team-redaksi {
	display: flex;
	flex-direction: column
}

.box-redaksi p {
	letter-spacing: 2px;
	font-weight: 700;
	text-transform: uppercase
}

.box-redaksi p::before {
	content: "";
	position: absolute;
	width: 17.7%;
	border-radius: 2px;
	height: 3px;
	background-color: #ffbc00;
	top: 25px
}

.about-author {
	display: flex;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	width: 100%
}

.m-r-5 {
	margin-right: 5px !important
}

.about-author .img-author,
.box-author-comments img {
	width: 40px;
	height: 40px;
	border-radius: 20px
}

.box-redaksi small {
	line-height: 12px
}

.box-redaksi .author-follow {
	position: absolute;
	right: 20px
}

.box-redaksi .author-follow button {
	background-color: #ffbc00;
	padding: 5px 10px
}

.btn-sm {
	padding: .6rem 1.4rem;
	border-radius: .3rem;
	line-height: 1.5;
	font-size: 12px
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	background-image: none;
	border: 1px solid #fff0;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	user-select: none
}

.box-redaksi .about-author:first-child {
	padding-top: 10px;
	border-bottom: 1px solid var(--secondary_color)
}

.box-redaksi .about-author:last-child {
	border-bottom: 0
}

#startCategory,
#startDate,
.filter-kategori select {
	padding: 12px 40px 12px 12px;
	border: 1px solid;
	border-radius: 10px
}

.btn-form-indeks {
	transition: .25s;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
	width: 100px;
	padding: 12px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	background: var(--link_text_color);
	border-radius: 10px;
	color: #fdfdfd
}

.widget-subheader {
	margin-bottom: 15px;
	display: flex;
	gap: 10px
}

.btn-form-indeks:hover {
	background-color: #212121
}

.subcategory:before {
	content: "";
	position: absolute;
	top: 16px;
	right: 16px;
	height: 6px;
	width: 6px;
	display: block;
	border: solid #727272;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

#boxDate svg {
	height: 16px;
	color: #727272;
	position: absolute;
	right: 14px;
	top: 14px
}

footer.footer {
	margin-top: 20px;
	background-color: var(--footer_background_gradient_1);
	background-image: linear-gradient(62deg, var(--footer_background_gradient_1) 0, var(--footer_background_gradient_2) 100%);
	border-top: 5px solid #999;
	padding: 0;
	min-width: 1000px
}

.darkmode footer.footer {
	background-color: var(--dark_mode_background_1);
	background-image: linear-gradient(62deg, var(--dark_mode_background_1) 0, var(--dark_mode_background_2) 100%);
	color: var(--dark_mode_text_color_1);
	border-top: 5px solid var(--footer_background_gradient_1)
}

.footer .widget.app img,
.footer-left .widget img {
	height: 65px !important;
	width: auto
}

.darkmode .footer-logo {
	filter: brightness(0) invert(1);
}

.footer-right .textwidget {
	font-size: 13px;
	background: #ebf2f87a;
	padding: 5px 15px;
	border-radius: 10px;
	font-weight: 500;
}

.footer-right .textwidget p {
	display: flex;
	align-items: center;
	flex-direction: row
}

.footer-right .textwidget img {
	width: 30px;
	height: 30px;
	margin-right: 15px
}

.footer-row {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 -12px;
	border-bottom: 1px solid var(--secondary_color)
}

.footer-left,
.footer-right {
	width: 50%;
	padding: 0 12px
}

.footer-right {
	padding-top: 65px
}

.footer .widget-title {
	font-size: 16px;
	font-weight: 700;
	margin: 0
}

.footer-left .textwidget {
	font-size: 13px;
	font-weight: 500
}

.footer .widget {
	margin-bottom: 10px
}

.footer-left ul.menu,
.footer-right ul.menu {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0 -5px
}

.footer-left ul.menu li a, 
.footer-right ul.menu li a {
  padding: 2px 5px;
  display: block;
  color: var(--footer_text_color);
  font-size: 13px;
  font-weight: 500;
  position: relative; /* Diperlukan untuk pseudo-element */
}

.darkmode .footer-left ul.menu li a, 
.darkmode .footer-right ul.menu li a {
  color: var(--dark_mode_text_color_2);
}

.footer-left ul.menu li a::before, 
.footer-right ul.menu li a::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
}

.info-item svg {
	height: 24px;
	margin-right: 10px;
	max-width: 24px;
	width: 100%
}

button.ad-close,
button.ad-open {
	width: 28px;
	height: 28px;
	top: -28px;
	background-size: 14px 14px;
	background-position: center;
	background-color: #fff;
	background-repeat: no-repeat;
	box-shadow: 0 -1px 1px 0 rgb(0 0 0 / .2);
	position: absolute;
	right: 0;
	cursor: pointer
}

.info-item span {
	flex: 1;
	margin-top: 3px
}

.info-item {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	margin-bottom: 5px
}

.footer .widget-header:before {
	content: "";
	width: 12px;
	height: 2px;
	background: var(--primary_color);
	margin-right: 10px;
	border-radius: 5px;
	display: none
}

.footer .widget-header {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	position: relative;
	margin-bottom: 10px
}

.footer .widget.app .widget-content {
	display: flex;
	flex-wrap: nowrap;
	gap: 5px
}

.sticky-ads-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: visible;
	position: fixed;
	text-align: center;
	width: 100%;
	max-width: 736px;
	margin-left: -368px;
	left: 50%;
	z-index: 999;
	/*max-height: 104px;*/
	background-image: none;
	background-color: #fff;
	box-shadow: 0 0 5px 0 rgb(0 0 0 / .2);
	margin-bottom: 0;
	padding: 4px;
	transition: .4s ease-in-out;
	bottom: 0
}

button.ad-close {
	background-image: url("../img/ad-close.svg");
	border: 0;
	border-radius: 12px 12px 0 0
}

button.ad-open {
	background-image: url("../img/ad-open.svg");
	border: 0;
	border-radius: 12px 12px 0 0
}

button.ad-close:before {
	position: absolute;
	content: "";
	top: -20px;
	right: 0;
	left: -20px;
	bottom: 0
}

.ads-sticky {
	z-index: 999;
	position: fixed;
	top: 0;
	padding: 0 10px;
	background: rgb(0 0 0 / .04);
	height: 100%;
}

.sticky-left {
	left: 50%;
	margin-left: -685px;
	text-align: left
}

.sticky-right {
	right: 50%;
	margin-right: -685px;
	text-align: right
}

.daterangepicker {
	position: absolute;
	color: inherit;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
	max-width: none;
	padding: 0;
	margin-top: 7px;
	top: 100px;
	left: 20px;
	z-index: 3001;
	display: none;
	font-family: var(--font), arial;
	font-size: 14px;
	line-height: 1em
}

.daterangepicker:after,
.daterangepicker:before {
	position: absolute;
	display: inline-block;
	border-bottom-color: rgb(0 0 0 / .2);
	content: ""
}

.daterangepicker:before {
	top: -7px;
	border-right: 7px solid #fff0;
	border-left: 7px solid #fff0;
	border-bottom: 7px solid #eee
}

.daterangepicker:after {
	top: -6px;
	border-right: 6px solid #fff0;
	border-bottom: 6px solid #fff;
	border-left: 6px solid #fff0
}

.daterangepicker.opensleft:after,
.daterangepicker.opensleft:before {
	right: 10px
}

.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
	left: 0;
	right: 0;
	width: 0;
	margin-left: auto;
	margin-right: auto
}

.daterangepicker.opensright:after,
.daterangepicker.opensright:before {
	left: 10px
}

.daterangepicker.drop-up {
	margin-top: -7px
}

.daterangepicker.drop-up:before {
	top: initial;
	bottom: -7px;
	border-bottom: initial;
	border-top: 7px solid #eee
}

.daterangepicker.drop-up:after {
	top: initial;
	bottom: -6px;
	border-bottom: initial;
	border-top: 6px solid #fff
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
	float: none
}

.daterangepicker .drp-calendar {
	display: none;
	max-width: 270px
}

.daterangepicker .drp-calendar.left {
	padding: 8px 0 8px 8px
}

.daterangepicker .drp-calendar.right {
	padding: 8px
}

.daterangepicker .drp-calendar.single .calendar-table {
	border: 0
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
	color: #fff;
	border: solid #000;
	border-width: 0 2px 2px 0;
	border-radius: 0;
	display: inline-block;
	padding: 3px
}

.daterangepicker .calendar-table .next span {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.daterangepicker .calendar-table .prev span {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg)
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
	text-align: center;
	vertical-align: middle;
	min-width: 32px;
	width: 32px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	border-radius: 4px;
	border: 1px solid #fff0;
	white-space: nowrap;
	cursor: pointer
}

.daterangepicker .calendar-table {
	border: 1px solid #fff;
	border-radius: 4px;
	background-color: #fff
}

.daterangepicker .calendar-table table {
	width: 100%;
	margin: 0;
	border-spacing: 0;
	border-collapse: collapse
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
	background-color: #fff;
	border-color: #fff0;
	color: inherit
}

.daterangepicker td.week,
.daterangepicker th.week {
	font-size: 80%;
	color: #eee
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
	background-color: #fff;
	border-color: #fff0;
	color: var(--secondary_color)
}

.daterangepicker td.in-range {
	background-color: #ebf4f8;
	border-color: #fff0;
	color: #000;
	border-radius: 0
}

.daterangepicker td.start-date {
	border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
	border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
	border-radius: 4px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #357ebd;
	border-color: #fff0;
	color: #fff
}

.daterangepicker th.month {
	width: auto
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
	color: var(--secondary_color);
	cursor: not-allowed;
	text-decoration: line-through
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
	font-size: 12px;
	padding: 1px;
	height: auto;
	margin: 0;
	cursor: default
}

.daterangepicker select.monthselect {
	margin-right: 2%;
	width: 56%
}

.daterangepicker select.yearselect {
	width: 40%
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
	width: 50px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #fff;
	padding: 2px;
	outline: 0;
	font-size: 12px
}

.daterangepicker .calendar-time {
	text-align: center;
	margin: 4px auto 0;
	line-height: 30px;
	position: relative
}

.daterangepicker .calendar-time select.disabled {
	color: #eee;
	cursor: not-allowed
}

.daterangepicker .drp-buttons {
	clear: both;
	text-align: right;
	padding: 8px;
	border-top: 1px solid #ddd;
	display: none;
	line-height: 12px;
	vertical-align: middle
}

.daterangepicker .drp-selected {
	display: inline-block;
	font-size: 12px;
	padding-right: 8px
}

.daterangepicker .drp-buttons .btn {
	margin-left: 8px;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 8px
}

.daterangepicker.show-ranges.rtl .drp-calendar.right,
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
	border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.ltr .drp-calendar.left,
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
	border-left: 1px solid #ddd
}

.daterangepicker .ranges {
	text-align: left;
	margin: 0
}

.daterangepicker.show-calendar .ranges {
	margin-top: 8px
}

.daterangepicker .ranges ul {
	list-style: none;
	margin: 0 auto;
	padding: 0
}

.daterangepicker .ranges li {
	font-size: 12px;
	padding: 8px 12px;
	cursor: pointer
}

.daterangepicker .ranges li:hover {
	background-color: #fff
}

.daterangepicker .ranges li.active {
	background-color: #08c;
	color: #fff
}

.list .media-box {
	display: flex;
	flex-wrap: nowrap;
	padding: 8px 0;
	align-items: center;
	border-bottom: 1px solid #e5e5e5
}

.list .media-item:first-child .media-box {
	padding-top: 0
}

.list .media-item:last-child .media-box {
	border: 0;
	padding-bottom: 0
}

.list .media-image {
	height: 0;
	overflow: hidden;
	padding-bottom: 80px;
	position: relative;
	border-radius: 7px;
	width: 80px;
	margin-right: 12px
}

.list .media-title {
	font-size: 14px;
	margin: 0 0 5px;
	font-weight: 600;
	overflow: hidden;
	display: -webkit-box
}

.list .media-title .media-link {
	color: #444;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.list .media-date {
	font-size: 10px;
	color: var(--secondary_color);
	margin-top: 5px;
	font-family: var(--font);
	letter-spacing: .2px
}

.list .media-category {
	letter-spacing: 2.4px;
	font-size: 10px;
	color: var(--primary);
	margin-bottom: 1px;
	text-transform: uppercase;
	font-weight: 600;
	display: none
}

.list.related .media-box:before {
	content: "";
	width: 6px;
	height: 6px;
	display: block;
	background: #b7b7b7;
	margin-right: 14px;
	margin-top: 7px
}

.list.related .media-box {
	align-items: flex-start
}

.post-body {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 0
}

.post-body .post-ads {
	margin-right: 14px;
	padding: 10px;
	background: rgb(0 0 0 / .04);
	width: 160px
}

.post-body .sticky-ads {
	position: sticky;
	top: 105px
}

.post-share {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px
}

.caas-attr-separator {
	width: 220px
}

.caas-attr-separator .separator {
	border-color: #3a3a3a #fff0 #fff0;
	border-style: solid;
	border-width: 8px 3px 0 0;
	display: inline-block;
	width: 77%
}

.caas-attr-separator .separator-ext {
	border-color: #fff0 #fff0 var(--menu_background_gradient_1);
	border-style: solid;
	border-width: 0 0 10px 3px;
	display: inline-block;
	margin-left: 10px;
	width: 10%
}

.social-box {
	display: flex;
	flex-wrap: wrap;
	gap: 4px
}

.color .social-box a {
	color: #fff;
	border-radius: 50em;
	position: relative
}

.social-box a {
	background: #343434;
	width: 32px;
	height: 32px;
	color: #8b8b8b;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px
}

.social-box a.twitter svg,
.social-box svg {
	height: 26px
}

.color .social-box a.twitter svg,
.color .social-box svg {
	height: 18px
}

.color .social-box a.copylink svg {
	height: 17px
}

.color .social-box a.facebook,
.facebook {
	background: #3b5998
}

.color .social-box a.tiktok,
.color .social-box a.twitter {
	background: #000
}

.color .social-box a.telegram,
.telegram {
	background: #08c
}

.color .social-box a.whatsapp,
.whatsapp {
	background: #25d366
}

.color .social-box a.copylink {
	background: #b1b1b1
}

.color .social-box a.instagram,
.instagram {
	background: #5851db;
	background: -moz-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
	background: -webkit-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
	background: radial-gradient(ellipse at left bottom, #ffdc80 15%, #e1306c 55%, #5851db 100%)
}

.color .social-box a.youtube {
	background: #ff0002
}

.copylink.copied:before {
	content: attr(data-copied);
	position: absolute;
	background: #9d9d9d;
	padding: 5px 10px;
	color: #fff;
	font-size: 10px;
	top: calc(100%+8px);
	white-space: nowrap;
	pointer-events: none;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-ms-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	z-index: 2;
	border-radius: 5px;
	font-weight: 600;
	text-transform: uppercase;
	left: calc(-50% - 36px)
}

.info-post .share-btn.copylink,
.info-post .share-btn.more,
.info-post .share-btn.whatsapp {
	background-position: center;
	background-repeat: no-repeat
}

.copylink.copied:after {
	position: absolute;
	bottom: -8px;
	right: 10px;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 6px;
	border-color: #fff0 #fff0 #9d9d9d
}

.widget.redaksi {
	border-bottom: 2px dashed #d7d7d7;
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 20px
}

.widget-header1 {
	margin-bottom: 14px;
	margin-top: -10px
}

.sidebar .widget-header1 .widget-title {
	display: inline-flex;
	line-height: 1.4;
	font-weight: 700;
	padding-right: 14px;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	letter-spacing: 2.4px
}

.widget.tag-list .widget-content ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 5px
}

.widget.tag-list .widget-content a {
	display: block;
	border: 1px solid var(--dark_mode_text_color_2);
	color: var(--primary_color);
	padding: 2px 10px;
	border-radius: 4px;
	margin: 0 2px 2px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: var(--background_widget_color_1);
	overflow: hidden;
	font-size: 12px;
	font-weight: 400;
}

.widget.tag-list .widget-content a:hover {
	background: var(--menu_background_gradient_1);
	color: #fff
}

.post-more {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 14px;
	flex-direction: column
}

.post-more .post-author-box {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 14px
}

.post-more .post-authorname-box {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.post-more .post-author-avatar img {
	width: 48px;
	height: 48px;
	border-radius: 50em
}

.post-more .post-authorname a {
	font-weight: 600;
	color: #444;
	font-size: 14px
}

.post-more .post-authorname-box .post-views,
.post-more .post-authorname-box time {
	font-size: 14px;
	color: var(--secondary_color);
	font-family: var(--font)
}

.post-more .post-authorname-box time:before {
	content: "-";
	margin-right: 5px
}

.post-more .post-authorname svg {
	height: 12px;
	color: var(--link_text_color)
}

.post-more .post-authorname,
.prop-pos {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.post-more .post-authorname-box .post-views:before {
	content: "|";
	margin-right: 5px;
	margin-left: 5px
}

.twitter {
	background: #1da1f2
}

.discord {
	background: #7289da
}

.youtube {
	background: #cd201f
}

.gnews {
	background: #4285f4
}

.icon-discord,
.icon-gnews {
	width: 32px;
	height: 32px;
	display: block;
	background-repeat: no-repeat;
	background-size: 16px
}

.filter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #f2f2f2;
	padding: 10px;
	border-radius: 5px
}

.filter-kategori,
.filter-tanggal {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-right: 2px
}

.filter-kategori .filter-label,
.filter-tanggal .filter-label {
	font-weight: 700;
	margin-bottom: 5px;
	text-align: left
}

#reportrange {
	padding: 12px 60px 12px 12px;
	border: 1px solid;
	border-radius: 10px
}

.filter-kategori label {
	margin-right: 10px;
	font-weight: 700
}

.filter-kategori button {
	padding: 12px;
	background-color: var(--link_text_color);
	color: #fff;
	border: 0;
	border-radius: 10px;
	cursor: pointer;
	transition: background-color .3s;
	margin-left: 10px
}

.filter-kategori button:hover {
	background-color: var(--menu_hover_text_color)
}

.breaking .breaking-box {
	background: #343434;
	border-radius: 50em;
	display: flex;
	flex-wrap: wrap;
	padding: 8px 0;
	align-items: center;
	overflow: hidden;
	color: #fff;
	margin-top: -10px;
	box-shadow: 0 .125rem .25rem rgb(0 0 0 / .075);
	position: relative
}

.breaking .breaking-content {
	flex: 1;
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden
}

.breaking-box:after {
	content: "";
	width: 60px;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 1;
	background: #343434;
	background: -moz-linear-gradient(left, #343434 25%, #fff0 100%);
	background: -webkit-linear-gradient(left, #343434 25%, #fff0 100%);
	background: linear-gradient(to left, #343434 25%, #fff0 100%);
	position: absolute
}

.breaking .breaking-title {
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	padding: 3px 12px;
	margin-left: 8px;
	border-radius: 50em;
	background: var(--menu_background_gradient_1);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--menu_background_gradient_1)), to(var(--menu_background_gradient_2)));
	background-image: linear-gradient(to right, var(--menu_background_gradient_1) 0, var(--menu_background_gradient_2) 100%)
}

.breaking .breaking-link {
	color: #fff;
	font-size: 13px;
	margin-right: 100px;
	font-weight: 600
}

.breaking .breaking-close {
	border-radius: 50em;
	overflow: hidden;
	padding: 1px;
	color: #5e5e5e;
	background: #fff;
	margin-right: 5px;
	cursor: pointer;
	width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20px
}

.info-post {
	width: 100%;
	display: block;
	margin-bottom: 10px;
	position: sticky;
	top: 117px;
	z-index: 5;
	padding: 10px 0
}

.info-post .info-box {
	display: flex;
	flex-direction: row;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	color: var(--primary_color);
	align-items: center
}

.info-post .author-flex,
.info-post .author-name-flex {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center
}

.info-post .author-avatar {
	margin-right: 12px;
	display: flex;
	align-items: flex-end;
	-webkit-box-pack: end;
	justify-content: flex-end;
	width: 40px;
	height: 40px;
	font-size: 20px;
	font-weight: 500;
	border-radius: 6px;
	background: #f6f8fc;
	position: relative;
	text-align: center;
	border: 1px solid #eee
}

.info-post .author-avatar a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}

.info-post .author-avatar img {
	display: block;
	border-radius: 6px;
	object-fit: cover;
	width: 100%;
	height: 100%
}

.info-post .author-name a {
	font-size: 14px;
	font-weight: 600;
	padding-right: 4px
}

.info-post .author-verified {
	width: 14px;
	max-width: 14px;
	height: 14px;
	background-image: url(../img/verified-round.svg);
	background-size: 14px;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	margin-left: 4px
}

.info-post .share-box {
	display: flex;
	background: #ededed;
	padding: 0 9px;
	border-radius: 50em;
	height: 38px
}

.info-post .likecomment {
	display: flex;
	flex: 1 1 0%;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: end;
	justify-content: flex-end
}

.info-post .share-wrapper {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: end;
	justify-content: flex-end
}

.info-post .comment-box,
.info-post .like-box,
.info-post .views-box {
	margin-right: 16px;
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center
}

.info-post .comment-btn,
.info-post .like-btn,
.info-post .views-btn {
	appearance: none;
	user-select: none;
	font-family: inherit;
	padding: 0;
	transition: .2s 0;
	text-decoration: none !important;
	max-width: 24px;
	margin-right: 8px;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	outline: 0;
	cursor: pointer;
	position: relative;
	text-align: center
}

.info-post .comment-btn,
.info-post .share-btn.more,
.info-post .views-btn {
	filter: invert(0) sepia(6%) saturate(26%) hue-rotate(336deg) brightness(103%) contrast(100%)
}

.info-post .comment-count,
.info-post .like-count,
.info-post .views-count {
	-webkit-font-smoothing: antialiased;
	color: #000;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400
}

.info-post .share-btn {
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	cursor: pointer;
	margin-right: 16px
}

.info-post .timepost {
	-webkit-font-smoothing: antialiased;
	color: #767676;
	font-size: 12px;
	font-weight: 500
}

.info-post .dot,
.info-post .readtime {
	-webkit-font-smoothing: antialiased;
	color: #767676;
	line-height: 24px;
	font-weight: 400
}

.info-post .dot:after {
	content: "\00B7";
	margin: 0 4px
}

.info-post .info-box .author-box svg {
	height: 14px;
	color: var(--link_text_color)
}

.comment-respond {
	display: block;
  position: relative;
  padding: 12px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  margin-top: 25px;
}

.commentsArea {
	display: block;
  position: relative;
  padding: 12px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  margin-top: 25px;
  background-color: #f7f7f7;
}

.comment-reply-title small a {
	text-transform: capitalize;
	margin-left: 5px;
	color: var(--primary);
	display: block;
	letter-spacing: 0.4px;
}

.comment-form {
	position: relative;
}

.comment-notes {
	line-height: 1.4;
	font-size: 13px;
	color: #444;
}

input#author,
input#email {
	margin: 0 0 10px;
	background: #fff;
	width: 100%;
	padding: 10px;
	font-size: 13px;
	border-radius: 7px;
	display: block;
}

textarea#comment {
	background: #fff;
	border: 1px solid #e6e6e6;
	width: 100%;
	resize: unset;
	font-size: 13px;
	padding: 10px 10px 60px;
	height: 166px !important;
	border-radius: 7px;
	overflow: hidden
}

input#author,
input#email,
textarea#comment:focus {
	outline: 0;
	border: 1px solid #e6e6e6
}

.commentBox {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start
}

p.form-submit {
	margin: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 0 0 12px 12px;
	width: calc(100% - 2px);
	resize: unset;
	text-align: right;
	padding: 10px;
	border-top: 1px solid #e6e6e6;
	position: absolute;
	right: 1px;
	bottom: 8px;
	background: #fff;
	left: 1px;
}

p.form-submit:after {
	content: "";
	position: absolute;
	right: 17px;
	width: 20px;
	height: 20px;
	top: 15px;
	background-image: url("../img/form-submit.svg");
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
}

p.form-submit input[type=submit] {
	display: inline-block;
	padding: 5px 30px 5px 10px;
	line-height: 1.4;
	cursor: pointer;
	vertical-align: top;
	background: var(--link_text_color);
	border: 1px solid var(--link_text_color);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	margin: 0;
	letter-spacing: 0.4px;
	font-weight: 600;
}

.comment-reply-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	line-height: 1.4;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
	letter-spacing: 2.4px;
}

.notif {
	line-height: 1.4;
	font-size: 13px;
	color: #444;
	padding: 15px;
	border: 0;
	text-align: center
}

.notif-header {
	font-weight: 700
}

.notif-image svg {
	height: 70px;
	color: #a3a3a3;
}

h2.comments_title {
	display: block;
	border: none;
	margin: 10px 0 20px;
	padding: 0;
	line-height: 1.4;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2.4px;
}

.commentBodyText,
.notfound-desc,
p.logged-in-as {
	font-size: 13px;
	color: #666
}

.commentsArea>ol {
	padding: 0;
	margin: 0;
	list-style: none
}

.commentsArea li {
	margin: 0 0 5px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background-color: white;
}


.commentAvatar {
	margin: 0 10px 0 0;
	width: 30px;
	height: 30px;
	position: relative;
	overflow: hidden;
	border-radius: 50em;
	background: #e4e4e4;
	float: left
}

.commentAvatar img {
	display: block;
	object-fit: cover;
	width: 100%;
	z-index: 2;
	position: relative;
	height: 100%
}

.commentBodyText {
	font-family: var(--font);
	line-height: 1.4;
	display: block;
	word-wrap: break-word;
	margin: 5px 0 0
}

.commentBody {
	flex: 1;
}

.commentAuthorName {
	color: #000;
	font-size: 14px;
	font-weight: 600
}

.commentHeader time {
	font-size: 11px;
	color: #999;
	font-family: var(--font);
}

.commentBodyFooter {
	font-size: 12px;
	color: #a7a7a7;
	margin: 10px 0 0;
	display: flex;
	align-items: center
}

.commentBodyFooter a {
	margin-right: 15px;
	color: #a7a7a7;
	font-family: var(--font);
}

.comment-btnshare {
	display: flex;
	color: #a7a7a7;
	align-items: center
}

.comment-share-button {
	display: flex;
	align-items: center
}

.comment-share-button a {
	width: 22px;
	height: 22px;
	font-size: 14px;
	vertical-align: middle;
	background: #a7a7a7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: flex;
	margin: 0 0 0 5px;
	color: #fff;
	line-height: 14px;
	justify-content: center;
	align-items: center
}

#cancel-comment-reply-link {
	display: inline-block;
	padding: 5px 5px 5px 5px;
	line-height: 1.4;
	cursor: pointer;
	vertical-align: top;
	background: #f4f4f4;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #2d2d2d;
	font-size: 12px;
	margin: 0;
	letter-spacing: 0.4px;
	font-weight: 600;
  }

.comments-pagination a,
.comments-pagination span,
.notfound-button a {
	position: relative;
	text-align: center;
	cursor: pointer;
	vertical-align: top;
	background: var(--primary)
}

.commentBodyModeration {
	background: #a7a7a7;
	color: #fff;
	padding: 3px 7px;
	border-radius: 3px;
	font-size: 12px
}

.commentsArea ol,
.commentsArea ul {
	list-style: none
}

.commentBodyText p {
	display: inline
}

.commentReplyTo {
	display: inline-flex;
	font-weight: 600;
	align-items: flex-start;
	flex-wrap: wrap
}

.commentReplyTo svg {
	height: 14px;
	margin-right: 6px
}

.comments-pagination {
	display: block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
	text-align: center;
	position: relative
}

.comments-pagination a,
.comments-pagination span {
	font-size: 16px;
	display: inline-flex;
	line-height: 1.4;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #fff;
	align-items: center;
	width: auto;
	flex-wrap: wrap
}

.comments-pagination span.current {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: var(--primary);
	border-color: var(--primary)
}

.comments-pagination a svg,
.notfound-button svg {
	height: 14px;
	margin-left: 10px
}


.comment-form-cookies-consent label {
	font-size: 13px;
	margin-left: 35px;
	font-weight: 600;
}

.comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}

.comment-form-cookies-consent #wp-comment-cookies-consent {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

.comment-form-cookies-consent label:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #c9c9c9;
	display: block;
	cursor: pointer;
	font-size: 17px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 5px;
}

.comment-form-cookies-consent #wp-comment-cookies-consent:checked~ ::before {
	content: "";
	background: var(--link_text_color);
}

.comment-form-cookies-consent #wp-comment-cookies-consent:checked~ ::after {
	left: 10px;
	top: 3px;
	width: 6px;
	height: 12px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
	left: 8px;
}

.video-play-container,
.video-play-icon {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000
}

.video-play-icon,
.video-play-icon-slider {
	opacity: .8;
	background: #0000007a;
	border-radius: 50%;
	display: flex;
	cursor: pointer
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.video-play-container {
	position: absolute;
	display: flex;
	align-items: center;
	z-index: 9
}

.video-duration,
.video-play-icon {
	z-index: 10;
	position: absolute;
	color: #fff
}

.video-play-icon-slider {
	font-size: 2em;
	color: #fff;
	width: 50px;
	height: 50px;
	align-items: center;
	justify-content: center;
	margin-right: 5px
}

.video-play-icon {
	font-size: 1em;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center
}

.video-duration {
	bottom: 5px;
	right: 5px;
	font-size: 12px;
	background: rgb(0 0 0 / .5);
	border-radius: 5px;
	padding: 2px 5px
}

.media-image {
	overflow: hidden
}

.media-image img:hover {
	transform: scale(1.1);
	box-shadow: 0 10px 30px rgb(0 0 0 / .3)
}

.footer-copyright ul {
	list-style: none;
	padding: 0;
	margin: 0 0 14px;
	display: flex;
	justify-content: center
}

.footer-copyright ul li a {
	margin: 0 5px
}

.footer-copyright ul li a .menu-image-title {
	padding: 0
}

.footer-copyright ul li:after {
	content: "\00B7";
	margin: 0 5px;
	font-size: 10px;
	font-weight: 700
}

.footer-copyright ul li:last-child::after {
	content: "";
	display: none
}

svg .line,
svg.line {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2
}

.banner {
	position: relative;
	display: block;
	margin: 0 auto
}

.banner:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url("../img/ads.svg") center/30px no-repeat #ddd
}

.banner img,
.banner video,
.banner iframe {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100% !important;
}

.banner.ads960250 {
	width: 1000px;
	max-width: 100%;
	height: 250px
}

.banner.ads160600 {
	width: 160px;
	max-width: 100%;
	height: 600px
}

.banner.ads72890 {
	width: 728px;
	max-width: 100%;
	height: 90px
}

.banner.ads300600 {
	width: 300px;
	max-width: 100%;
	height: 600px
}

.banner.ads300500 {
	width: 300px;
	max-width: 100%;
	height: 500px
}

.banner.ads300300 {
	width: 300px;
	max-width: 100%;
	height: 300px
}

.ads-sticky-bottom {
	margin: 0 auto;
	padding: 0;
	position: fixed;
	bottom: 0;
	width: 728px;
	z-index: 999;
	height: auto;
	text-align: center;
	background: rgb(255 255 255 / 50%);
	min-height: 60px;
	max-height: 90px;
	left: 0;
	right: 0
}

.btn-ads-close {
	position: absolute;
	background: var(--primary);
	display: inline-block;
	right: 0;
	top: -16px;
	padding: 2px 8px;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	cursor: pointer;
	border-radius: 4px 4px 0 0;
	text-transform: uppercase;
	margin: 0;
	letter-spacing: 2.4px
}

.ads-close-icon {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 10px;
	height: 10px
}

.ads-close-icon:after,
.ads-close-icon:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.ads-close-icon:before {
	content: "";
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.unique-related-box-widget {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.unique-attachment-image_80_80,
.unique-related-box-widget .unique-attachment-image_80_80 {
	width: 80px;
	height: 80px;
	object-fit: cover;
	margin: 0;
	border-radius: 6px;
	position: relative;
	display: block;
	z-index: 2
}

.unique-attachment-image_80_80 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px
}

.unique-related-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	padding: 10px;
	overflow: hidden;
	border-radius: 5px;
	background-color: #eee
}

.unique-related-content {
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex: 1
}

.unique-related-title {
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	text-decoration: none;
	color: #333;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal
}

.unique-related-date {
	font-size: 11px;
	color: #777;
	margin: 0
}

.widget-paket-layanan {
	border: 1px solid #ddd;
	padding: 20px;
	margin-top: 20px;
	background-color: #f9f9f9
}

.widget-paket-layanan h2 {
	font-size: 24px;
	margin-bottom: 15px
}

.paket-layanan {
	border: 1px solid #ccc;
	padding: 15px;
	margin-bottom: 10px;
	background-color: #fff
}

.paket-layanan h3 {
	font-size: 20px;
	color: #333;
	margin-bottom: 5px
}

.paket-layanan p {
	margin: 5px 0
}

.daterangepicker {
	width: auto;
	direction: ltr;
	text-align: left
}

.daterangepicker .ranges ul {
	width: 140px
}

.daterangepicker.single .drp-calendar.left {
	clear: none
}

.daterangepicker .drp-calendar,
.daterangepicker .ranges,
.daterangepicker.single .drp-calendar,
.daterangepicker.single .ranges {
	float: left
}

.daterangepicker .drp-calendar.left {
	margin-right: 0;
	clear: none !important
}

.daterangepicker .drp-calendar.left .calendar-table {
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding-right: 8px
}

.daterangepicker .drp-calendar.right {
	margin-left: 0
}

.daterangepicker .drp-calendar.right .calendar-table {
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.daterangepicker .ranges {
	width: auto;
	float: left
}

.footer-copyright {
	width: 100%;
	display: flex;
	/* Menggunakan flexbox untuk tata letak berdampingan */
	padding: 0;
	/* Menghilangkan padding */
}


.footer-copyright .app{
	margin-left: auto;
	margin-right: auto;
}

.footer-copyright a {
	color: white;
}

.widgetcust {
	width: 100%;
	display: flex;
	/* Menggunakan flexbox di dalam widget */
}

.kanan {
	width: 50%;
	/* Lebar bagian kanan 50% */
	text-align: right;
	/* Mengatur teks agar rata kanan */
}

.kiri {
	width: 50%;
	/* Lebar bagian kiri 50% */
	text-align: left;
	/* Mengatur teks agar rata kiri */
}

/* Container for author info */
.author-info {
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 20px;
	display: flex;
	align-items: flex-start;
}

/* Avatar styling */
.author-avatar {
	margin-right: 20px;
	flex-shrink: 0;
	position: relative;
}

.author-avatar img {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	object-fit: cover;
	border: 2px solid var(--utama);
	transition: transform 0.3s ease;
}

/* Author details styling */
.author-details {
	flex: 1;
}

.author-details h1 {
	margin: 0 0 10px;
	font-size: 1.8em;
	color: #333;
	font-weight: bold;
}

.author-details p {
	margin: 5px 0;
	font-size: 1em;
	color: #555;
}

.author-details p strong {
	color: var(--linkcolor);
}

.author-details a {
	color: var(--linkcolor);
	text-decoration: none;
	font-weight: 500;
}

/* Social links styling */
.social-links {
	list-style: none;
	padding: 0;
	margin: 10px 0 0;
	display: flex;
}

.social-links li {
	margin-right: 15px;
}

.social-links li a {
	color: var(--linkcolor);
	text-decoration: none;
	font-size: 1.1em;
	display: flex;
	align-items: center;
	transition: color 0.3s ease;
}

.social-links li a:hover {
	color: var(--linkcolor);
}

/* Social icons styling */
.social-links li a::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background-size: cover;
	background-position: center;
}

.social-links li a[href*="twitter"]::before {
	background-image: url("path/to/twitter-icon.png");
}

.social-links li a[href*="facebook"]::before {
	background-image: url("path/to/facebook-icon.png");
}

.social-links li a[href*="instagram"]::before {
	background-image: url("path/to/instagram-icon.png");
}

.darkmode .app-nav ul>li>a,
.darkmode .breadcrumb .breadcrumb-item:last-child a,
.darkmode .btn-index,
.darkmode .btn-network span,
.darkmode .btn-search span,
.darkmode .comment-reply-title,
.darkmode .commentAuthorName,
.darkmode .commentAuthorName a,
.darkmode .comments_title,
.darkmode .footer .widget-header h3,
.darkmode .footer-contact,
.darkmode .footer-copyright,
.darkmode .footer-menu ul li a,
.darkmode .header-app-box.box-right .icon,
.darkmode .header-app-box.box-right .icons,
.darkmode .header-date,
.darkmode .info-post .author-name a,
.darkmode .list .media-title a,
.darkmode .list-hastag,
.darkmode .list-title a,
.darkmode .list-title2 a,
.darkmode .mode span,
.darkmode .nav-home a,
.darkmode .navigation ul li>.sub-menu>li a,
.darkmode .network-box ul li a,
.darkmode .patner-box ul li a,
.darkmode .popular-link,
.darkmode .post-body .post-article,
.darkmode .post-content,
.darkmode .post-content .widget-header .title,
.darkmode .post-content a,
.darkmode .post-more .post-authorname a,
.darkmode .related-title h2 a,
.darkmode .slick-arrow,
.darkmode .slider-category a,
.darkmode .tag-title a,
.darkmode .terkini-title h2 a,
.darkmode .widget-desc,
.darkmode .widget-header h3,
.darkmode .widget-header1 .widget-title,
.darkmode header.header,
.darkmode header.header-app,
body.darkmode {
	color: var(--dark_mode_text_color_1)
}

.darkmode .app-logo img,
.darkmode .btn-network .icons-bookmark:before,
.darkmode .header-brand img,
.darkmode .mode i.light {
	filter: brightness(0) invert(1)
}

.darkmode .caas-attr-separator .separator {
	border-color: var(--dark_mode_text_color_2) #fff0 #fff0
}

.darkmode .billboard,
.darkmode .btn-index,
.darkmode .list-hastag,
.darkmode .popular-item:nth-child(odd),
.darkmode .slick-dots li.slick-active button {
	background: var(--dark_mode_background_2)
}

.darkmode,
.darkmode #reportrange,
.darkmode .filter-kategori select,
.darkmode .content,
.darkmode .header-search-wrapper,
.darkmode .media-image:before,
.darkmode .patner-box,
.darkmode .popular-item:nth-child(2n),
.darkmode .widget.tag-list .widget-content a:hover,
.darkmode header.header,
.darkmode header.header-app {
	background: var(--dark_mode_background_1)
}

.darkmode .daterangepicker,
.darkmode .header-app-box.box-right .header-app-item:first-child,
.darkmode .header-app-item,
.darkmode .header-right>*,
.darkmode .header-search-wrapper,
.darkmode .list .media-box,
.darkmode .list-item,
.darkmode .list-item2,
.darkmode .patner-box,
.darkmode .related-item,
.darkmode .terkini-item,
.darkmode .widget-footer {
	border-color: var(--dark_mode_background_2)
}

.darkmode .media-image,
.darkmode .post-pagination-box,
.darkmode .widget-pagination {
	background: #1f1f1f
}

.darkmode .media-image:after {
	background-image: linear-gradient(90deg, #fff0 0, rgb(33 33 33 / 20%) 20%, rgb(0 0 0 / 50%) 60%, #fff0)
}

.darkmode .btn-next:hover,
.darkmode .page-numbers.current,
.darkmode .page-numbers:hover,
.darkmode .post-page-numbers.current,
.darkmode .post-page-numbers:hover {
	background: var(--primary_color);
	color: var(--dark_mode_text_color_1);
	border: unset
}

.darkmode .btn-next,
.darkmode .page-numbers,
.darkmode .page-numbers.dots:hover,
.darkmode .post-page-numbers {
	background: #3a3a3a;
	border: unset;
	color: var(--dark_mode_text_color_1)
}

.darkmode .header-social ul li a,
.darkmode .posttag-box li a {
	background: var(--dark_mode_background_1);
	color: var(--secondary_color);
	background: #303030;
}

.darkmode #reportrange,
.darkmode .filter-kategori select,
.darkmode .commentBodyText,
.darkmode .comments-pagination,
.darkmode .daterangepicker.show-calendar,
.darkmode .header-date,
.darkmode .header-input-search,
.darkmode .icon-search,
.darkmode .info-post .timepost,
.darkmode .list .media-date,
.darkmode .list-date,
.darkmode .list.list-custom .list-item .list-date,
.darkmode .mode>*,
.darkmode .patner svg,
.darkmode .post-featured figcaption,
.darkmode .post-more .post-authorname-box time,
.darkmode .related-date,
.darkmode .slider-date,
.darkmode .terkini-date {
	color: var(--dark_mode_text_color_2)
}

.darkmode #reportrange,
.darkmode .filter-kategori select {
	border: 1px solid var(--dark_mode_background_1)
}

.darkmode .widget.video .media-text {
	padding: 6px 12px;
	background: var(--dark_mode_background_1);
	border-radius: 0 0 7px 7px;
	flex-shrink: 0;
	min-height: 100px;
}

.darkmode .widget.video .media-text a {
	color: var(--dark_mode_text_color_1)
}

.darkmode .widget.video .media-text a:hover {
	color: var(--menu_hover_text_color)
}

.darkmode .widget.video .media-date {
	color: var(--dark_mode_text_color_2);
}

.darkmode .filter {

	background-color: var(--dark_mode_background_2);

}


.darkmode .box-redaksi,
.darkmode .daterangepicker .ranges,
.darkmode .form-search,
.darkmode .navigation ul li>.sub-menu,
.darkmode .network-box {
	background: var(--dark_mode_background_2);
	box-shadow: 0 0 8px rgb(0 0 0 / 10%)
}

.darkmode .navigation ul li>.sub-menu:before {
	border-color: #fff0 #fff0 var(--dark_mode_background_2) var(--dark_mode_background_2)
}

.darkmode .daterangepicker:before {
	top: -7px;
	border-right: 7px solid #fff0;
	border-left: 7px solid #fff0;
	border-bottom: 7px solid var(--dark_mode_background_2)
}

.darkmode .daterangepicker:after {
	top: -6px;
	border-right: 6px solid #fff0;
	border-bottom: 6px solid var(--dark_mode_background_2);
	border-left: 6px solid #fff0
}

.darkmode .daterangepicker .ranges li:hover {
	background-color: var(--dark_mode_background_1);
	color: var(--dark_mode_text_color_1)
}

.darkmode .unique-related-item {
	background-color: #181818
}

.darkmode .input-search {
	border: 1px solid var(--dark_mode_background_2);
	background: var(--dark_mode_background_2);
	color: var(--dark_mode_text_color_1)
}

.darkmode .widget.redaksi {
	border-bottom: 2px dashed var(--dark_mode_background_2)
}

.darkmode .widget.tag-list .widget-content a {
	background: var(--dark_mode_background_2);
	color: var(--dark_mode_text_color_2)
}

.darkmode .slider1.slider-bg {
	background-color: var(--background_widget_color_2);
	background-image: url(../img/bg_box.svg);
	padding: 10px;
	border-radius: 7px;
	background-repeat: no-repeat;
	background-position: top right
}

.brand-title,
.brand-description {
	position: absolute;
	clip-path: inset(50%);
}

/* CUSTOM */
.w-100 {width:100%}
.img-cover {object-fit: cover;}
.m-top-10{margin-top: 10px;}
.m-top-15{margin-top: 15px;}
/* DETAIL SHARE COpY */
.copied{display:none;background:#1b0202;color:#fff;padding:8px;font-size:12px;position:absolute;top:-35px;right:-40px}
.copied:after{content:'';position:absolute;top:100%;left:85%;margin-left:-50px;width:0;height:0;border-top:7px solid #1b0202;border-left:7px solid transparent;border-right:7px solid transparent}
/* DETAIL WHATSAPP CHANNEL */
.whatsapp-channel{margin:8px 0;clear:both}
.whatsapp-channel-block{margin-top:10px;background-color:#fdfdfd;border-radius:10px;box-shadow:inset -2px -2px 4px rgba(255,255,255,.2),inset 2px 2px 12px rgba(0,0,0,.2);display:flex;justify-content:space-between;border:1px solid rgba(0,0,0,.05);padding:8px;align-items:center}
.whatsapp-channel-label{font-size:13px;margin:0 4px;color:#757575}
.whatsapp-channel-content{display:flex;flex-wrap:wrap}
.whatsapp-channel-content a.whatsapp{background-color:#25d366}
.whatsapp-channel-content a{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:5px;margin-left:5px}
.whatsapp-channel-content a i{color:#fff}
/* EMBED YOUTUBE */
.gmr-embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden;margin:1em 0}
.gmr-embed-responsive-16by9{padding-bottom:56.25%}
.gmr-embed-responsive-4by3{padding-bottom:75%}
.gmr-embed-responsive .gmr-embed-responsive-item,.gmr-embed-responsive embed,.gmr-embed-responsive iframe,.gmr-embed-responsive object,.gmr-embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}
.d-none{display:none;visibility:hidden}
/* PAGINATION */
.pagination{display:inline-block;padding-top:10px;margin:auto;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:#eee}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;margin-right:8px;margin-top:8px;line-height:.9;text-decoration:none;background-color:#fff;border:1px solid #ddd;font-weight:600;border-radius:10%}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;}
.pagination>li:last-child>a,.pagination>li:last-child>span{margin-right:0;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#1d9da6;border-color:#1d9da6}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}
/* ADSENSE */
img[src^="https://um.simpli.fi/"],img[src^="https://i.liadm.com/"]{display:none}
ins.ad_skyscraper {width:160px;height:600px;display:inline-block;overflow:hidden;transform:scale(1)}
ins.ad_skyscraper[data-ad-status=unfilled]{content:url("../img/ad_skyscraper.webp")}
ins.adsbygoogle.error_none[data-ad-status=unfilled]{display:none!important}
/* PRINT */
.link-label{font-weight:600;display:none!important}
.logo-print{max-height:90px;display:none!important}
@media print{
    .no-print,.no-print *,ins{display:none!important}
    .link-label,.logo-print{display:block!important}
	ins.adsbygoogle{display:none!important}
}
/* YOUTUBE PLAYER */
.youtube-player {position:relative;padding-bottom:56.25%;padding-top:25px;height:0}
.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}
.youtube-player img:hover{filter:brightness(75%)}
.youtube-player .play{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;cursor:pointer;background:url(../img/youtube.webp) no-repeat}
/** POST GALLERY */
*{box-sizing:border-box}
.slides-gallery-container{width:100%;position:relative;margin:auto; margin-bottom:15px; }
.myGallerySlides{display:none}.myGallerySlides img{width:100%;}
.sebelumnya,.selanjutnya{cursor:pointer;position:absolute;top:50%;width:auto;padding:5px;margin-top:-22px;color:#fff;font-weight:700;font-size:14px;transition:.6s;border-radius:0 3px 3px 0;user-select:none}
.selanjutnya{right:0;border-radius:3px 0 0 3px}
.sebelumnya:hover, .selanjutnya:hover {background-color:rgba(0, 0, 0, 0.5);}
.caption-gallery{color:#f2f2f2 !important;font-size:12px;padding:8px !important;position:absolute !important;bottom:5px;width:100%;background-color:rgba(0, 0, 0, 0.5)}
.numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0}
.fade{animation-name:fade;animation-duration:1.5s}
@keyframes fade{from{opacity:.4}to{opacity:1}}

.adv-container {
	width: 100%
}

.adv-wrap {
	width: 100%;
	max-width: 336px;
	margin: 0 auto;
	padding: 15px;
	text-align: center
}
@media only screen and (max-width: 750px) {
    .adv-container {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .adv-wrap {
        width: 95%;
        padding: 8px;
    }
}

.modal{display:none;position:fixed;z-index:9999;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}
.modal-content{margin:auto;display:block;width:80%;max-width:700px;-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}
.modal-content{max-height:500px;object-fit:contain}
@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}
@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}
.close{position:absolute;top:15px;right:35px;font-size:28px;font-weight:400;color:#f1f1f1!important}
.close:focus,.close:hover{color:#bbb;cursor:pointer}
.modal-content iframe{border:none;height:85vh;width:100%}
@media only screen and (max-width:700px){.modal-content{width:100%}}