/*!
 * ==========================================================
 * Theme Name : WPNews
 * Description: WordPress theme for news and magazine-style websites.
 * Version    : 1.1.4
 * Author     : PT Digital Kreator Nusantara
 * Author URI : https://kreatornusa.com
 * License    : GPL-2.0-or-later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 * Created    : August 2024
 * ==========================================================
 * 
 * @package     WPNews
 * @developer   PT Digital Kreator Nusantara
 * @contact     Email: kreatornusa@gmail.com
 * @website     https://kreatornusa.com
 * 
 * Copyright © 2025 PT Digital Kreator Nusantara. All rights reserved.
 * This theme is licensed under the GPL-2.0-or-later license. 
 * You may not remove this notice or modify this file without permission.
 *
 * ==========================================================
 */
 :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: #bf0c49;
	--menu_background_gradient_2: #ea7113;
	--menu_text_color: #fff;
	--menu_hover_text_color: #e4b622;
	--footer_background_gradient_1: #222;
	--footer_background_gradient_2: #000;
	--footer_text_color: #fff;
	--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: 32px;
	--font_size_body_post: 14px
}

.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
}

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
}

[class*=" icon-"],
[class*=" icons-"],
[class^=icon-],
[class^=icons-] {
	font-family: icomoon, icons !important;
	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-line:before {
	content: "\e901"
}

.icon-photo:before {
	content: "\e902"
}

.icon-play:before,
.icons-attach:before {
	content: "\e903"
}

.icon-twitter:before {
	content: "\f099"
}

.icon-facebook:before {
	content: "\f09a"
}

.icon-feed:before,
.icon-rss:before {
	content: "\f09e"
}

.icon-globe:before {
	content: "\f0ac"
}

.icon-google-plus:before {
	content: "\f0d5"
}

.icon-caret-down:before {
	content: "\f0d7"
}

.icon-angle-left:before {
	content: "\f104"
}

.icon-angle-right:before {
	content: "\f105"
}

.icon-angle-up:before {
	content: "\f106"
}

.icon-angle-down:before {
	content: "\f107"
}

.icon-youtube:before {
	content: "\f16a"
}

.icon-instagram:before {
	content: "\f16d"
}

.icon-google:before {
	content: "\f1a0"
}

.icon-whatsapp:before {
	content: "\f232"
}

.icons-category:before {
	content: "\e900"
}

.icons-back-arrow:before {
	content: "\e904"
}

.icons-back:before {
	content: "\e905"
}

.icons-backspace:before {
	content: "\e906"
}

.icons-backward:before {
	content: "\e907"
}

.icons-bookmark:before {
	content: "\e909"
}

.icons-calandar:before {
	content: "\e90a"
}

.icons-call:before {
	content: "\e90b"
}

.icons-camera:before {
	content: "\e90c"
}

.icons-check:before {
	content: "\e912"
}

.icons-close:before {
	content: "\e914"
}

.icons-comment:before {
	content: "\e915"
}

.icons-configure:before {
	content: "\e916"
}

.icons-copy:before {
	content: "\e917"
}

.icons-cut:before {
	content: "\e918"
}

.icons-delete:before {
	content: "\e919"
}

.icons-disabled:before {
	content: "\e91a"
}

.icons-edit:before {
	content: "\e91b"
}

.icons-emoji-smile:before {
	content: "\e91c"
}

.icons-export:before {
	content: "\e91d"
}

.icons-file:before {
	content: "\e91e"
}

.icons-folder:before {
	content: "\e91f"
}

.icons-forward-arrow:before {
	content: "\e920"
}

.icons-forward-1:before {
	content: "\e921"
}

.icons-forward:before {
	content: "\e922"
}

.icons-heart:before {
	content: "\e923"
}

.icons-hide:before {
	content: "\e924"
}

.icons-home:before {
	content: "\e925"
}

.icons-image:before {
	content: "\e926"
}

.icons-layout:before {
	content: "\e927"
}

.icons-link:before {
	content: "\e928"
}

.icons-loading:before {
	content: "\e929"
}

.icons-location:before {
	content: "\e92a"
}

.icons-lock:before {
	content: "\e92b"
}

.icons-mail:before {
	content: "\e92c"
}

.icons-map:before {
	content: "\e92d"
}

.icons-menu-left:before {
	content: "\e92e"
}

.icons-menu-right:before {
	content: "\e92f"
}

.icons-more-vert:before {
	content: "\e931"
}

.icons-more:before {
	content: "\e932"
}

.icons-notification:before {
	content: "\e933"
}

.icons-paste:before {
	content: "\e934"
}

.icons-pause:before {
	content: "\e935"
}

.icons-play:before {
	content: "\e936"
}

.icons-plus:before {
	content: "\e937"
}

.icons-profile:before {
	content: "\e939"
}

.icons-refresh:before {
	content: "\e93a"
}

.icons-resize:before {
	content: "\e93b"
}

.icons-search:before {
	content: "\e93d"
}

.icons-send:before {
	content: "\e93e"
}

.icons-settings:before {
	content: "\e93f"
}

.icons-sound-muted:before {
	content: "\e940"
}

.icons-sound-playing:before {
	content: "\e941"
}

.icons-star:before {
	content: "\e942"
}

.icons-tag:before {
	content: "\e943"
}

.icons-thumbs-up-1:before {
	content: "\e944"
}

.icons-thumbs-up:before {
	content: "\e945"
}

.icons-time:before {
	content: "\e946"
}

.icons-view:before {
	content: "\e947"
}

.icons-wifi:before {
	content: "\e948"
}

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

.content.boxed {
	max-width: 960px;
	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: 960px
}

.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(../images/bg_box.svg);
	background-position: top right
}

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

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

.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;
	-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;
	-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;
	-webkit-line-clamp: 2;
	font-size: 13px;
	margin-top: 10px;
	color: #555
}

.list .media-title,
.unique-related-title {
	-webkit-box-orient: vertical;
	-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;
	-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;
	-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
}

.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
}

.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: 960px
}

.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 {
	height: 30px;
	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: #fff;
	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_hover_text_color)
}

.navigation ul li.current-menu-item a:after {
	content: "";
	width: 100%;
	height: 2px;
	background: var(--menu_hover_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: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
	width: 12px;
	height: 12px;
	display: block;
	background-repeat: no-repeat;
	background-size: 12px
}

.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: 960px;
	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: 26px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	width: 26px;
	height: 26px
}

.footer-social ul li.facebook1 a:before,
.header-social ul li.facebook1 a:before {
	background-image: url("data:image/svg+xml,%3Csvg fill='%23999' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H17V18h4a1,1,0,0,0,0-2H17V14a2,2,0,0,1,2-2h2a1,1,0,0,0,0-2H19a4,4,0,0,0-4,4v2H12a1,1,0,0,0,0,2h3v9H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'%3E%3C/path%3E%3C/svg%3E")
}

.footer-social ul li.whatsapp1 a:before,
.header-social ul li.whatsapp1 a:before {
	background-image: url("data:image/svg+xml,%3Csvgheight='24'fill='%23999'viewBox='0056.69356.693'width='24'xml:space='preserve'xmlns='http://www.w3.org/2000/svg'xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpathclass='st0'd='M46.3802,10.7138c-4.6512-4.6565-10.8365-7.222-17.4266-7.2247c-13.5785,0-24.63,11.0506-24.6353,24.6333c-0.0019,4.342,1.1325,8.58,3.2884,12.3159l-3.495,12.7657l13.0595-3.4257c3.5982,1.9626,7.6495,2.9971,11.7726,2.9985h0.01c0.0008,0-0.0006,0,0.0002,0c13.5771,0,24.6293-11.0517,24.635-24.6347C53.5914,21.5595,51.0313,15.3701,46.3802,10.7138zM28.9537,48.6163h-0.0083c-3.674-0.0014-7.2777-0.9886-10.4215-2.8541l-0.7476-0.4437l-7.7497,2.0328l2.0686-7.5558l-0.4869-0.7748c-2.0496-3.26-3.1321-7.028-3.1305-10.8969c0.0044-11.2894,9.19-20.474,20.4842-20.474c5.469,0.0017,10.6101,2.1344,14.476,6.0047c3.8658,3.8703,5.9936,9.0148,5.9914,14.4859C49.4248,39.4307,40.2395,48.6163,28.9537,48.6163z'%3E%3C/path%3E%3Cpathclass='st0'd='M40.1851,33.281c-0.6155-0.3081-3.6419-1.797-4.2061-2.0026c-0.5642-0.2054-0.9746-0.3081-1.3849,0.3081c-0.4103,0.6161-1.59,2.0027-1.9491,2.4136c-0.359,0.4106-0.7182,0.4623-1.3336,0.1539c-0.6155-0.3081-2.5989-0.958-4.95-3.0551c-1.83-1.6323-3.0653-3.6479-3.4245-4.2643c-0.359-0.6161-0.0382-0.9492,0.27-1.2562c0.2769-0.2759,0.6156-0.7189,0.9234-1.0784c0.3077-0.3593,0.4103-0.6163,0.6155-1.0268c0.2052-0.4109,0.1027-0.7704-0.0513-1.0784c-0.1539-0.3081-1.3849-3.3379-1.8978-4.5706c-0.4998-1.2001-1.0072-1.0375-1.3851-1.0566c-0.3585-0.0179-0.7694-0.0216-1.1797-0.0216s-1.0773,0.1541-1.6414,0.7702c-0.5642,0.6163-2.1545,2.1056-2.1545,5.1351c0,3.0299,2.2057,5.9569,2.5135,6.3676c0.3077,0.411,4.3405,6.6282,10.5153,9.2945c1.4686,0.6343,2.6152,1.013,3.5091,1.2966c1.4746,0.4686,2.8165,0.4024,3.8771,0.2439c1.1827-0.1767,3.6419-1.489,4.1548-2.9267c0.513-1.438,0.513-2.6706,0.359-2.9272C41.211,33.7433,40.8006,33.5892,40.1851,33.281z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-size: 22px
}

.footer-social ul li.twitter1 a:before,
.header-social ul li.twitter1 a:before {
	background-size: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z' fill='%23999'/%3E%3C/svg%3E")
}

.footer-social ul li.telegram1 a:before,
.header-social ul li.telegram1 a:before {
	background-image: url("data:image/svg+xml,%3Csvg fill='%23999' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg%3E%3Cpath d='M24,28a1,1,0,0,1-.62-.22l-6.54-5.23a1.83,1.83,0,0,1-.13.16l-4,4a1,1,0,0,1-1.65-.36L8.2,18.72,2.55,15.89a1,1,0,0,1,.09-1.82l26-10a1,1,0,0,1,1,.17,1,1,0,0,1,.33,1l-5,22a1,1,0,0,1-.65.72A1,1,0,0,1,24,28Zm-8.43-9,7.81,6.25L27.61,6.61,5.47,15.12l4,2a1,1,0,0,1,.49.54l2.45,6.54,2.89-2.88-1.9-1.53A1,1,0,0,1,13,19a1,1,0,0,1,.35-.78l7-6a1,1,0,1,1,1.3,1.52Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.footer-social ul li.instagram1 a:before,
.header-social ul li.instagram1 a:before {
	background-image: url("data:image/svg+xml,%3Csvg fill='%23999' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg%3E%3Cpath d='M22,3H10a7,7,0,0,0-7,7V22a7,7,0,0,0,7,7H22a7,7,0,0,0,7-7V10A7,7,0,0,0,22,3Zm5,19a5,5,0,0,1-5,5H10a5,5,0,0,1-5-5V10a5,5,0,0,1,5-5H22a5,5,0,0,1,5,5Z'%3E%3C/path%3E%3Cpath d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'%3E%3C/path%3E%3Ccircle cx='23' cy='9' r='1'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")
}

.footer-social ul li.youtube1 a:before,
.header-social ul li.youtube1 a:before {
	background-image: url("data:image/svg+xml,%3Csvg fill='%23999' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg%3E%3Cpath d='M29.73,9.9A5,5,0,0,0,25.1,5.36a115.19,115.19,0,0,0-18.2,0A5,5,0,0,0,2.27,9.9a69,69,0,0,0,0,12.2A5,5,0,0,0,6.9,26.64c3,.24,6.06.36,9.1.36s6.08-.12,9.1-.36a5,5,0,0,0,4.63-4.54A69,69,0,0,0,29.73,9.9Zm-2,12A3,3,0,0,1,25,24.65a113.8,113.8,0,0,1-17.9,0,3,3,0,0,1-2.78-2.72,65.26,65.26,0,0,1,0-11.86A3,3,0,0,1,7.05,7.35C10,7.12,13,7,16,7s6,.12,9,.35a3,3,0,0,1,2.78,2.72A65.26,65.26,0,0,1,27.73,21.93Z'%3E%3C/path%3E%3Cpath d='M21.45,15.11l-8-4A1,1,0,0,0,12,12v8a1,1,0,0,0,.47.85A1,1,0,0,0,13,21a1,1,0,0,0,.45-.11l8-4a1,1,0,0,0,0-1.78ZM14,18.38V13.62L18.76,16Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.footer-social ul li.tiktok1 a:before,
.header-social ul li.tiktok1 a:before {
	background-image: url("data:image/svg+xml,%3Csvgfill='%23999'xmlns='http://www.w3.org/2000/svg'viewBox='003232'%3E%3Cg%3E%3Cpathd='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'%3E%3C/path%3E%3Cpathd='M22,12a3,3,0,0,1-3-3,1,1,0,0,0-2,0V19a3,3,0,1,1-3-3,1,1,0,0,0,0-2,5,5,0,1,0,5,5V13a4.92,4.92,0,0,0,3,1,1,1,0,0,0,0-2Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.footer-social ul li a {
	color: var(--footer_text_color);
	background: var(--dark_mode_background_2);
	padding: 2px;
	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
}

.mode i.dark {
	background-image: url("data:image/svg+xml,%3Csvgwidth='24px'height='24px'viewBox='002424'version='1.1'xmlns='http://www.w3.org/2000/svg'xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Emoon@1x%3C/title%3E%3Cgid='moon'stroke='none'stroke-width='1'fill='none'fill-rule='evenodd'stroke-linecap='round'stroke-linejoin='round'%3E%3Cgid='Group'transform='translate(-0.000000,-0.000000)'stroke='%2354565d'stroke-width='1.6'%3E%3Cpathd='M21.0000001,12.7900001C20.5623509,17.525808516.5155206,21.103635211.7617765,20.9575684C7.00803243,20.81150163.1884985,16.99196773.04243172,12.2382236C2.89636495,7.484479516.47419162,3.4376492411.21,3.00000001C9.15036197,5.786451749.43925663,9.6604532311.8894017,12.1105984C14.3395469,14.560743518.2135484,14.849638121.0000001,12.7900001L21.0000001,12.7900001Z'id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	width: 20px;
	height: 23px;
	background-repeat: no-repeat
}

.mode i.light {
	background-image: url("data:image/svg+xml,%0A%3Csvgwidth='24'height='24'viewBox='002424'fill='none'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M1217C14.7614171714.76141712C179.2385814.76147127C9.23858779.23858712C714.76149.23858171217Z'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M121V3'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M1221V23'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M4.224.22L5.645.64'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M18.3618.36L19.7819.78'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M112H3'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M2112H23'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M4.2219.78L5.6418.36'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3Cpathd='M18.365.64L19.784.22'stroke='black'stroke-width='1.6'stroke-linecap='round'stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	filter: invert(57%) sepia(0) saturate(61%) hue-rotate(240deg) brightness(105%) contrast(97%);
	width: 24px;
	height: 24px;
	background-repeat: no-repeat
}

.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(--primary_color)
}

.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: 14px 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: 970px;
	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: 438px;
	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: 70px;
	-webkit-text-stroke: 1px #b7b7b7;
	-webkit-text-fill-color: #fff0;
	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-2)
}

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

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

.popular-title a {
	display: -webkit-box;
	-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;
	margin-top: 5px
}

.post-content figcaption {
	font-size: 11px;
	padding: 10px 0;
	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: "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,
.post-body iframe {
	max-width: 438px;
}

.btn-network .icons-bookmark:before {
	content: "";
	background-image: url("data:image/svg+xml,%0A%3Csvgwidth='32px'height='32px'viewBox='003232'id='icon'xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Enetwork--1%3C/title%3E%3Cpathd='M16,20a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,16,20Zm0-6a2,2,0,1,0,2,2A2.0021,2.0021,0,0,0,16,14Z'/%3E%3Cpathd='M5,20a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,5,20Zm0-6a2,2,0,1,0,2,2A2.0023,2.0023,0,0,0,5,14Z'/%3E%3Cpathd='M10,31a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,10,31Zm0-6a2,2,0,1,0,2,2A2.0021,2.0021,0,0,0,10,25Z'/%3E%3Cpathd='M22,31a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,22,31Zm0-6a2,2,0,1,0,2,2A2.0021,2.0021,0,0,0,22,25Z'/%3E%3Cpathd='M27,20a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,27,20Zm0-6a2,2,0,1,0,2,2A2.0021,2.0021,0,0,0,27,14Z'/%3E%3Cpathd='M22,9a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,22,9Zm0-6a2,2,0,1,0,2,2A2.0021,2.0021,0,0,0,22,3Z'/%3E%3Cpathd='M10,9a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,10,9Zm0-6a2,2,0,1,0,2,2A2.0021,2.0021,0,0,0,10,3Z'/%3E%3Crectid='_Transparent_Rectangle_'data-name='<TransparentRectangle>'class='cls-1'width='32'height='32'transform='translate(3232)rotate(180)'/%3E%3C/svg%3E");
	width: 24px;
	height: 24px;
	display: block;
	background-size: 24px;
	background-repeat: no-repeat;
	filter: invert(26%) sepia(0) saturate(239%) hue-rotate(134deg) brightness(93%) contrast(92%)
}

.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: 30px;
	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: 30px 0;
	min-width: 960px
}

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

.footer-right .textwidget {
	font-size: 13px;
	background: var(--dark_mode_background_2);
	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: 80px
}

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

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

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

.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 */
}

.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("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='fill:%234F4F4F' d='M13 1.31L11.69 0 6.5 5.19 1.31 0 0 1.31l5.19 5.19L0 11.69 1.31 13l5.19-5.19L11.69 13 13 11.69 7.81 6.5 13 1.31z'/%3E%3C/g%3E%3C/svg%3E");
	border: 0;
	border-radius: 12px 12px 0 0
}

button.ad-open {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m12 6.586-8.707 8.707 1.414 1.414L12 9.414l7.293 7.293 1.414-1.414L12 6.586z'/%3E%3C/svg%3E");
	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: 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-2);
	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 h4 {
	font-size: 12px;
	margin: 0
}

.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-weight: 600
}

.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-2)
}

.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,
.icon-telegram {
	width: 16px;
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-size: 16px
}

.icon-gnews {
	background-image: url("data:image/svg+xml,%3Csvgclass='w-64h-64'xmlns='http://www.w3.org/2000/svg'role='img'viewBox='002424'fill='%23fff'%3E%3Ctitle%3EGoogleNews%3C/title%3E%3Cpathd='M21.266621.2a.6141.6141001-.6128.6128H3.3446a.614.614001-.6128-.6128V8.1153a.6141.6141001.6128-.6128h17.3091a.6141.6141001.6128.6128V21.2zm-3.0315-3.4196v-1.1957a.0803.0803000-.0803-.0803h-5.3725v1.3619h5.3725a.0817.0817000.0804-.083l-.0001-.0029zm.8171-2.5875v-1.2012a.0803.0803000-.079-.0817h-6.191v1.3619h6.1896a.079.079000.0804-.0776v-.0041.0027zm-.8171-2.5875v-1.2066a.0803.0803000-.0803-.0803h-5.3725v1.3619h5.3725a.0816.0816000.0803-.079v.004zM8.149214.0448v1.2257h1.7704c-.1457.749-.80491.2924-1.77041.2924-1.0906-.0405-1.9418-.9574-1.9013-2.048.0384-1.0338.8676-1.86291.9013-1.9013a1.771.770011.2529.4903l.9342-.9329a3.14053.1405000-2.1871-.8525c-1.80510-3.26841.4633-3.26843.268401.80511.46333.26843.26843.26841.888903.1323-1.32783.1323-3.1976a3.9413.941000-.0518-.6183l-3.0805.0054zM2.27017.6537a.6156.6156001.6128-.6128h12.1545l-1.2692-3.4904a.5952.5952000-.7436-.3827L.36767.7749a.5938.5938000-.3228.7749l2.22536.112V7.6537za.6156.6156001.6128-.6128h12.1545l-1.2692-3.4904a.5952.5952000-.7436-.3827L.36767.7749a.5938.5938000-.3228.7749l2.22536.112V7.6537zm21.3116-.3105l-8.803-2.3683.75172.0659h5.5836a.6141.6141001.6128.6128v8.7948l2.2471-8.3659a.5923.5923000-.3922-.7393zm-4.4955-1.6738V2.7946a.6101.6101000-.6115-.6074H5.5236a.6101.6101000-.6156.6046v2.8368l8.3904-3.0519a.5937.5937001.7422.3895l.54471.4984.50091.2052z'%3E%3C/path%3E%3C/svg%3E")
}

.icon-telegram {
	background-image: url("data:image/svg+xml,%3Csvgclass='w-64h-64'xmlns='http://www.w3.org/2000/svg'fill='%23fff'stroke='none'viewBox='002424'%3E%3Cpathd='m20.6653.717-17.736.837c-1.21.486-1.2031.161-.2221.462l4.5521.4210.532-6.645c.498-.303.953-.14.579.192l-8.5337.701h-.002l.002.001-.3144.692c.460.663-.211.921-.46l2.211-2.154.5993.397c.848.4671.457.2271.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434z'%3E%3C/path%3E%3C/svg%3E")
}

.icon-discord {
	background-image: url("data:image/svg+xml,%3Csvgclass='w-64h-64'xmlns='http://www.w3.org/2000/svg'width='16'height='16'fill='%23fff'viewBox='001616'%3E%3Cpathd='M13.5452.907a13.22713.227000-3.257-1.011.05.05000-.052.025c-.141.25-.297.577-.406.833a12.1912.19000-3.65808.2588.258000-.412-.833.051.051000-.052-.025c-1.125.194-2.22.534-3.2571.011a.041.041000-.021.018C.3566.024-.2139.047.06612.032c.001.014.01.028.021.037a13.27613.2760003.9952.02.05.05000.056-.019c.308-.42.582-.863.818-1.329a.05.05000-.01-.059.051.051000-.018-.0118.8758.875001-1.248-.595.05.05001-.02-.066.051.051001.015-.019c.084-.063.168-.129.248-.195a.05.05001.051-.007c2.6191.1965.4541.1968.0410a.052.052001.053.007c.08.066.164.132.248.195a.051.051001-.004.0858.2548.254001-1.249.594.05.05000-.03.03.052.052000.003.041c.24.465.515.909.8171.329a.05.05000.056.01913.23513.2350004.001-2.02.049.049000.021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034000-.02-.019Zm-8.1987.307c-.7890-1.438-.724-1.438-1.6120-.889.637-1.6131.438-1.613.80701.45.731.4381.6130.888-.6371.612-1.4381.612Zm5.3160c-.7880-1.438-.724-1.438-1.6120-.889.637-1.6131.438-1.613.80701.451.731.4381.6130.888-.6311.612-1.4381.612Z'%3E%3C/path%3E%3C/svg%3E")
}

.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(../images/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 .like-btn {
	background: url(../images/like.svg) center/20px no-repeat #fff0;
	border: 1px solid #fff0;
	border-radius: 3px;
	filter: invert(0) sepia(6%) saturate(26%) hue-rotate(336deg) brightness(103%) contrast(100%)
}

.info-post .like-btn.liked {
	background-image: url(../images/like-active.svg);
	filter: unset
}

.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 .comment-btn {
	background: url(../images/comment.svg) center/20px no-repeat #fff0;
	border: 1px solid #fff0;
	border-radius: 3px
}

.info-post .views-btn {
	background: url(../images/view.svg) center/20px no-repeat #fff0;
	border: 1px solid #fff0;
	border-radius: 3px
}

.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 .share-btn.whatsapp {
	background-color: #25d366;
	background-image: url(../images/whatsapp.svg);
	background-size: 16px
}

.info-post .share-btn.copylink {
	background-color: #00a1b0;
	background-image: url(../images/copylink.svg);
	background-size: 24px
}

.info-post .share-btn.more {
	background-color: #fff0;
	background-image: url(../images/more-vertical.svg);
	background-size: 16px;
	margin-right: 0
}

.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("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-send'%3E%3Cline x1='22' y1='2' x2='11' y2='13'%3E%3C/line%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'%3E%3C/polygon%3E%3C/svg%3E");
	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-2);
	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-2);
}

.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-2);
}

.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("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6C4.44772 6 4 6.44772 4 7V8H6V7C6 6.44772 5.55228 6 5 6Z' fill='%23999'/%3E%3Cpath d='M11 8H9.5C9.22386 8 9 8.22386 9 8.5C9 8.77614 9.22386 9 9.5 9H11V8Z' fill='%23999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4.5C0 3.11929 1.11929 2 2.5 2H12.5C13.8807 2 15 3.11929 15 4.5V10.5C15 11.8807 13.8807 13 12.5 13H2.5C1.11929 13 0 11.8807 0 10.5V4.5ZM4 10V9H6V10H7V7C7 5.89543 6.10457 5 5 5C3.89543 5 3 5.89543 3 7V10H4ZM11 7H9.5C8.67157 7 8 7.67157 8 8.5C8 9.32843 8.67157 10 9.5 10H12V5H11V7Z' fill='%23999'/%3E%3C/svg%3E") center/30px no-repeat #ddd
}

.banner.ads970250 {
	width: 970px;
	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 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 h4 {
	margin: 0 0 10px;
	font-size: 1.8em;
	color: #333;
	font-weight: 700;
}

.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 .footer {
	background-color: var(--footer_background_gradient_1);
	background-image: linear-gradient(62deg, var(--footer_background_gradient_1) 0, var(--footer_background_gradient_2) 100%);
	padding: 25px 0;
	color: var(--footer_text_color);
	border-top: 5px solid var(--footer_background_gradient_1)
}

.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(../images/bg_box.svg);
	padding: 10px;
	border-radius: 7px;
	background-repeat: no-repeat;
	background-position: top right
}