/*!
Theme Name: rambakpost
Theme URI: https://rambakpost.co
Author: rambakpost team
Author URI: https://rambakpost.co
Description: Rambakpost theme is a custom wordpress template that is adapted to a combination of Grid and List so that it has a premium and elegant appearance
Version: 1.2.2
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rambakpost
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');


:root {
	--darkred: #71040a;
	--white: #ffffff;
	--blue: #71040a;
	--hoverblue: #1e90ff;
	--black: #000000;
	--blackk: #192935;
	--orange: #ff6900;
	--tint1: #192935;
	--tint2: #33414c;
	--tint3: #4d5862;
	--tint4: #667079;
	--tint5: #80888f;
	--border: #e9e9e9;
	--red: #ED1B23;
	--redd: #cb4335;

	--Inter: 'Inter', sans-serif;

}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	font-family: var(--Inter);
	font-size: 13px;
	background-color: #ffffff;
	color: #333;
	transition: background-color 0.3s ease, color 0.3s ease;
	overflow-x: hidden;
}

a:link, a:visited {
	color: var(--black);
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}

img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	object-fit: cover;
}

.widget_media_image figure {
	margin: 0!important;
}

.wp-block-image {
	margin: 0;
}

.container {
	max-width: 1030px;
	margin: 0 auto;
	padding: 0;
}


/* ---------- HEADER LAMA ---------- */
.header {
	background-color: #fff;
	position: sticky;
	top: 0;
	z-index: 9999;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.container-header {
	border-bottom: 1px solid #e9e9e9;
}
.header-primary {
	max-width: 1030px;
	height: 80px;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.boxhead.left {
	flex: 0 0 20%;
}
.boxhead.center {
	flex: 1;
}
@media (max-width: 770px) {
	.boxhead.center {
		display: none;
	}
}
.boxhead.right {
	flex: 0 0 10%;
}
.search-primary {
	display: flex;
	align-items: center;
	justify-content: right;
}

.search-primary #mode-toggle {
	cursor: pointer;
}
.search-primary .material-icons {
	cursor: pointer;
}
.search-primary .search-toggle {
	margin-left: 20px;
}
.search-primary .menu-toggle {
	display: none;
}
@media (max-width: 770px) {
	.boxhead.left, .boxhead.right {
		flex: 0 0 50%;
		margin: 0;
	}
	.search-primary .search-toggle {
		margin: 0 20px;
	}
	.search-primary .menu-toggle {
		display: block;
	}
	.search-primary .material-icons, .search-primary .material-symbols-outlined {
	}
}
.title-primary img {
	width: 200px;
}
@media (max-width: 770px) {
	.title-primary img {
		width: 160px;
	}
}

/* -------------------- */
.navigation-top {
	background: var(--blue);
	color: var(--white);
	border-bottom: 1px solid  #2874a6 ;
}

.navigation-top .container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 7px 0;
}

.navigation-top-left {
	text-align: center;
}

.navigation-top-left .search-form {
	position: relative;
}

.navigation-top-left input[type=search] {
	width: 100%;
	display: block;
	padding: 10px;
	outline: none;
	background: #444;
	border-radius: 5px;
	text-indent: 10px;
	border: 1px solid#666;
	color: #fff;
}

.navigation-top-left .search-field {
	border: none;
}

.navigation-top-left .search-submit {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: none;
	cursor: pointer;
}

.navigation-top-right ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: right;
	align-items: center;
}

.navigation-top-right ul li {
	margin-left: 10px;
}

.navigation-top-right ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius:25px;
	background: #fff;
	font-size: initial;
}

@media (max-width:770px) {
	.header {
		position: sticky;
		top: 0;
		z-index: 12345;
	}
	.header-primary {
		height: 70px;
		padding: 0 15px;
	}
	.menu-primary {
		display: none;
	}
}

/* ---------- HEADER MOBILE NEW ---------- */
.header-mobile-container {
	display: none;
}
@media (max-width: 1024px) {
	.header-mobile-container {
		display: block;
	}
}
.header-mobile {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 65px;
	padding: 0 15px;
}
.header-mobile-left {
	flex: 2;
}
.header-mobile-right {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: right;
	gap: 15px;
}
.header-mobile .material-icons {
	color: #333;
}
.menu-toggle {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}
.mobile-branding img {
	width: 160px;
}
.search-toggle-mobile {
	cursor: pointer;
}
/* ---------- KOTAK PENCARIAN MOBILE NEW ---------- */
.search-form-box-mobile {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.4s ease-in-out;
	padding: 0 20px;
}
.search-form-box-mobile.active {
	max-height: 500px;
	padding: 20px;
}

/* ---------- MENU MOBILE ---------- */

.site-title-mobile {
	padding: 15px 0;
	text-align: center;
}

.site-title-mobile img {
	width: 160px;
	border-radius: unset;
}

.search-form-mobile {
	display: none;
	padding: 10px 15px;
	box-shadow: rgb(0 0 0/5%) 0 6.4px 19.2px 0;
}


/*---------- MENU RESPONSIVE NEW ----------*/
.mobile-menu-slide {
	padding: 20px;
	position: fixed;
	top: 0;
	left: 0;
	width: 300px;
	height: 100%;
	background-color: #ffffff;
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
	transform: translateX(-100%); 
	transition: transform 0.4s ease-in-out;
	z-index: 1260;
}
.mobile-menu-slide.active {
	transform: translateX(0);
}
.mobile-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1250;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease, visibility 0s 0.4s;
}
.mobile-menu-overlay.active {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}
.mobile-menu-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.mobile-menu-logo {
	flex: 2;
}
.mobile-menu-logo img {
	width: 160px;
}
.close-menu-toggle {
	background: none;
	border: none;
	padding: 0;
}

/* ---------- LOGIN MOBILE ---------- */
.mobile-login-status {
	margin-top: 20px;
}
.mobile-login-status a {
	display: flex;
	align-items: center;
	gap: 5px;
}
.mobile-user-status-loggedin {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mobile-user-info {
	display: flex;
	align-items: center;
	gap: 5px;
}
.mobile-user-info .user-greeting {
	font-size: inherit;
	font-weight: 600;
	color: var(--blue);
}
.mobile-logout-link a {
	color: #999;
}

/* ----- MENU PRIMARY MOBILE ----- */
.mobile-nav-primary {
	padding: 20px 0;
}
.mobile-nav-primary ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobile-nav-primary .menu-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.mobile-nav-primary ul > li > a {
	padding: 8px 0;
	text-transform: capitalize;
	font-size: initial;
	font-weight: bold;
}
.mobile-nav-primary .sub-menu {
	flex: 1 1 100%;
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.3s ease-in-out;
	padding-left: 20px;
}
.mobile-nav-primary .menu-item-has-children.active > .sub-menu {
	max-height: 500px;
}
.mobile-nav-primary .sub-menu a {
	display: block;
	padding: 6px 0;
	font-size: 14px;
	font-weight: normal;
	text-transform: capitalize;
	opacity: 0.8;
}
.mobile-nav-primary .dropdown-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform 0.3s ease;
}
.mobile-nav-primary .dropdown-toggle::after {
	font-family: 'Material Symbols Outlined';
	content: 'expand_more';
	font-size: x-large;
}
.mobile-nav-primary .menu-item-has-children.active .dropdown-toggle {
	transform: rotate(180deg);
}

/* ---------- MENU STATIS MOBILE NEW ---------- */
.mobile-nav-static {
	padding-top: 10px;
	padding-bottom: 25px;
	border-top: 1px solid#e9e9e9;
}
.mobile-nav-static ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobile-nav-static ul li a {
	display: block;
	padding: 5px 0;
	font-size: small;
	color: #666;
}

/* ---------- MENU SOCIAL MEDIA MOBILE NEW ---------- */
.mobile-social-media {
	padding-bottom: 15px;
}
.mobile-social-media ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 20px;
}
.mobile-social-media ul li a {
	font-size: initial;
}

/* ---------- CREDIT FOOTER MOBILE ---------- */
.site-info-mobile {
	font-size: smaller;
	color: #999;
	line-height: 1.4;
}
.site-info-mobile a {
	color: var(--blue);
}

/*------------------*/

.menu-mobile {
	display: none;
}

.menu-mobile .fas {
	color: #fff;
}

.menu-mobile span {
	font-size: 18px;
	color: var(--blue);
}

@media (max-width: 980px) {
	.menu-mobile {
		display: inline-block;
	}
}

/*----------------------*/

.site-title h1 {
	font-size: 25px;
}

.site-title h1 a {
	color: var(--white);
	text-decoration: none;
}

.site-title img {
	width: 160px;
	height: auto;
	object-fit: cover;
	border-radius: unset;
}

@media (max-width: 980px) {
	.site-title img {
		padding: 20px 0;
	}
}

/*----------------------*/

.nav-menu-gradient {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	margin-left: -100%;
}

/*----------------------*/

.nav-menu .title-mobile {
	display: none;
	margin: 40px 20px 30px 20px;
}

.nav-menu .title-mobile span {
	display: inline-block;
	font-size: 18px;
	padding: 4px;
	float: right;
	color: var(--blue);
}

/*---------- MENU MOBLE ----------*/
.menu-mobile-primary {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	padding: 25px;
	background: #fff;
	overflow: auto;
	margin-left: -100%;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
}

.title-logo-mobile {
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.title-logo-mobile img {
	width: 160px;
	border-radius: unset;
}

.title-logo-mobile .material-icons {
	cursor: pointer;
	font-size: xx-large;
}

.menu_slide ul {
	list-style: none;
	margin: 0;
	padding: 10px 0;
}

.menu_slide ul li a {
	display: block;
	padding: 10px 0;
	font-size: large;
	text-transform: capitalize;
	font-weight: bold;
}

.sosmed-menu-mobile {
	margin: 50px 0 20px;
}

.sosmed-menu-mobile ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.sosmed-menu-mobile ul li {
	margin-right: 10px;
}

.sosmed-menu-mobile ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background: #000;
	font-size: initial;
	color: #fff;
	border-radius: 50%;
}

.menu-credit-mobile ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.menu-credit-mobile ul li {
	margin-right: 15px;
}

.menu-credit-mobile ul li a {
	display: block;
	padding: 5px 0;
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	text-transform: capitalize;
	color: #999;
}
.menu-credit-mobile ul li:first-child, .menu-credit-mobile ul li:last-child {
	display: inline-block;
}
/*----------------------*/

.nav-menu-primary ul li ul {
	display: none;
	width:140px;
	overflow: hidden;
	position: absolute;
	background: var(--white);
	padding: 0 10px;
	box-shadow: rgb(0 0 0 / 4%) 0 6.4px 19.2px 0;
}

.nav-menu-primary ul li ul li {
	float: none;
	border-bottom:1px solid#eee;
}

.nav-menu-primary ul li ul li:last-child {
	border-bottom:0;
}

.nav-menu-primary ul li ul li a {
	display:block;
	padding: 5px 0;
	font-weight: bold;
	font-size: 13px;
}

.nav-menu-primary ul li ul li a:after {
	display:none;
}

.nav-menu-primary ul li:hover ul {
	display: block;
}

@media (max-width: 980px) {
	.nav-menu-primary ul li ul {
		display:block;
		width:auto;
		position: unset;
		box-shadow: unset;
		padding: 0;
		border-radius: 0;
	}

	.nav-menu-primary ul li ul li {
		display:block;
	}
	
	.nav-menu-primary ul li ul li a {
		padding: 10px 0;
		color:#666;
	}
}

/*----------------------*/

.menu .search {
}

.menu .search .fas {
	color: #fff;
}

.search-icon {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin: 14px 0 14px 5px;
	cursor: pointer;
	color: #fff;
}

@media (max-width: 980px) {
	.search-icon {
		color: var(--blue);
	}
}

/* ---------- CONTENT AREA ALL ---------- */
.content-area {
	display: flex;
	justify-content: space-between;
	padding-top: 25px;
	padding-bottom: 40px;
}
@media (max-width: 768px) {
	.content-area.home {
		padding-top: 0;
	}
}
@media (max-width: 1024px) {
	.content-area {
		flex-direction: column;
	}
}

/*----------------------*/
/* ADS HEADER */

.ads_header_home {
	max-width: 1000px;
	margin-bottom: 20px;
}
.ads_header {
	
}

/*------------------------*/
.container.home {
	padding: 30px 0;
}
@media (max-width: 770px) {
	.container.home {
		padding: 0;
	}
}

.site-main.statis .container {
	padding: 35px 0 50px;
}

@media (max-width: 770px) {
	.site-main.statis {
		padding: 0 15px;
	}
}

.main-content {
	flex-basis: 700px;
	flex-grow: 0;
	flex-shrink: 0;
	overflow: hidden;
}
@media (max-width: 1024px) {
	.main-content {
		flex-basis: 100%;
		flex-grow: 1;
		flex-shrink: 1;
	}
	.latest-post {
		padding: 0 15px;
	}
}


/* INDEXS - ARCHIVE */
.container.indexs {
	padding: 35px 0;
}
.mainform {
	margin-bottom: 35px;
}
h3.title-archive-page {
	font-size: 20px;
	text-align: center;
	margin-right: 20px;
}
h3.title-archive-page span {
	color: red;
}
.main-content-indexs {
	width: 700px;
	float: left;
}
.select-indexs {
	display: flex;
	align-items: center;
}
.select-indexs select {
	background: none;
	border: 1px solid#ccc;
	height: 35px;
	outline: none;
	font-family: var(--Inter);
}
@media (max-width: 770px) {
	.mainform {
		padding: 0 15px;
	}
	.main-content-indexs {
		width: auto;
		float: none;
	}
}
.post-list-indexs {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}
@media (max-width: 430px) {
	.select-indexs {
		justify-content: space-between;
	}
	.post-list-indexs {
		grid-template-columns: auto;
	}
}
.post-list-indexs .box-article {
	padding: 0;
	border: 0;
}
.post-list-indexs .box-article-image {
	float: none;
	margin: 0 0 10px;
	position: relative;
}
.post-list-indexs .box-article-image img {
	width: 100%;
}
@media (max-width: 430px) {
	.post-list-indexs .box-article-image img {
		aspect-ratio: 16/9;
	}
}
.post-list-indexs .box-article .category {
	position: absolute;
	bottom: 0;
	left: 0;
}
.post-list-indexs .box-article .category a {
	display: block;
	padding: 5px;
	background: red;
	color: #fff;
	text-transform: capitalize;
}
.post-list-indexs .box-article-title {
	padding: 0 15px;
}
.post-list-indexs .box-article h2 {
	font-size: initial;
	font-weight: bold;
	max-height: unset;
}

/* ---------- PAGE CATEGORY ---------- */
.primary-cat h3.title {
	font-size: 20px;
	margin-bottom: 15px;
	text-transform: capitalize;
	color: var(--blue);
}
.sticky-post-container {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid#e9e9e9;
}
.sticky-post-container .post-thumbnail {
	margin-bottom: 15px;
}
.sticky-post-container .post-thumbnail img {
	aspect-ratio: 16 / 9;
}
.sticky-post-container .entry-header {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.sticky-post-container .entry-header h2 {
	font-size: x-large;
	line-height: 1.3;
}
@media (max-width: 480px) {
	.sticky-post-container .entry-header h2 {
		font-size: large;
	}
}
.sticky-post-container .entry-header h2 a {
	transition: color 0.3s ease;
}
.sticky-post-container:hover h2 a {
	color: var(--blue);
}
.sticky-post-container .entry-meta {
	display: flex;
	align-items: center;
	gap: 10px;
}
.sticky-post-container .date {
	font-size: 11px;
	color: #999;
}
.sticky-post-container .category {
	font-size: inherit;
	text-transform: capitalize;
	font-weight: 600;
}
.sticky-post-container .category a {
	color: var(--blue);
}
.sticky-post-container .entry-summary p {
	margin: 0;
	font-size: 14px;
	color: #666;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.title-cat-page {
	font-size: 20px;
	color: red;
	line-height: normal;
}
.title-cat-page span {
	color: var(--black);
}

@media (max-width: 1024px) {
	.primary-cat {
		padding: 0 15px;
	}
}

/* ---------- PAGE STATIC ---------- */
@media (max-width: 768px) {
	.main-content.static {
		padding: 0 15px;
	}
}

h1.page-title {
	margin: 0 0 15px;
	font-size: 20px;
	color: var(--blue);
}
.page-content p, .page-content ol, .page-content ul {
	font-size: 15px;
	line-height: 1.6;
}
.single-content-static h2 {
	font-size: initial;
	line-height: initial;
}
.page-content table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	font-size: 15px;
	line-height: 1.6;
}
.page-content table td:nth-child(1) {
	width: 40%;
}
.page-content table td:nth-child(2) {
	padding-left: 10px;
}
.page-content table td {
	width: 60%;
	padding-bottom: 15px;
	vertical-align: top;
}

/* ---------- AUTHOR PAGE ---------- */
.author-info-box {
	text-align: center;
	padding: 30px 15px;
	border-bottom: 1px solid#e9e9e9;
}
.author-info-box .author-avatar {
	margin-bottom: 15px;
}
.author-info-box .author-avatar img {
	width: 100px;
	border-radius: 100%;
}
.author-info-box .author-details h1 {
	margin: 0;
}
.author-info-box .author-description {
	margin-top: 10px;
}
.author-info-box .author-description p {
	margin: 0;
	line-height: 1.5;
}
h3.title-post-author {
	font-size: 20px;
	color: var(--blue);
	margin-bottom: 15px;
}
@media (max-width: 768px) {
	.main-content.author {
		padding: 0 15px;
	}
}


/*---------- ADS CENTER ---------- */
.advcenter {
	text-align: center;
	margin-bottom: 30px;
}

/* ---------- PAGE TAG ---------- */
h1.title-tag-name {
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	margin-bottom: 10px;
	color: var(--blue);
}
p.tag-count {
	font-size: initial;
	line-height: 1.4;
	margin: 0;
	margin-bottom: 20px;
}
@media (max-width: 768px) {
	.main-content.tag {
		padding: 0 15px;
	}
}

.container.tag {
	padding: 30px 0;
}
h3.title.tag {
	color: red;
}
h3.title.tag span {
	color: #000;
}

/* ---------- PAGE SEARCH ---------- */
h1.search-result-count {
	font-size: initial;
	line-height: 1.4;
	font-weight: 600;
	margin: 0;
	margin-bottom: 20px;
}
p.post-not-found {
	font-size: x-large;
	line-height: 1.4;
	color: #666;
}
p.post-not-found a {
	color: var(--blue);
	text-decoration: none;
}
@media (max-width: 768px) {
	.main-content.search {
		padding: 0 15px;
	}
}

/*---------- TAG POLULER ---------- */
.most_tag {
	margin: 25px 0;
}
.most_tag ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.most_tag h3 {
	font-size: 20px;
	color: red;
	text-transform: capitalize;
	margin-bottom: 15px;
}
.most_tag ul li {
	margin-right: 5px;
	margin-bottom: 5px;
}
.most_tag ul li a {
	display: block;
	padding: 8px;
	border: 1px solid#ccc;
	border-radius: 5px;
	font-size: inherit;
	font-weight: 600;
}
.most_tag ul li a:before {
	content: "#";
}
@media (max-width:770px) {
	.most_tag {
		padding: 0 15px;
	}
}

/* ---------- POST PRIMARY ---------- */
.latest-post {
	overflow: hidden;
}
.latest-post h3.title {
	font-size: 20px;
	margin-bottom: 15px;
	color: var(--blue);
}
@media (max-width: 430px) {
	.latest-post {
		padding: 0 15px;
	}
}

/*----------------------*/

.box-article {
	display: flex;
	align-items: center;
	gap: 20px;
	border-bottom: 1px solid#eee;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
@media (max-width: 480px) {
	.box-article {
		gap: 15px;
		align-items: flex-start;
	}
}
.box-article:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.box-article-image {
	flex-basis: 220px;
	flex-grow: 0;
	flex-shrink: 0;
}

.box-article-image img {
	aspect-ratio: 16 / 9;
}
@media (max-width: 480px) {
	.box-article-image {
		flex-basis: 100px;
	}
	.box-article-image img {
		aspect-ratio: 1/1;
	}
}
.box-article-title {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
	line-height: 1;
}

.box-article-title .category {
	display: block;
	font-size: inherit;
	font-weight: normal;
	text-transform: capitalize;
	text-decoration: none;
}

.box-article-title .category a {
	text-decoration: none;
	display: inline-block;
	color: orangered;
}

.box-article-title h2 {
	font-size: initial;
	line-height: normal;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.box-article-title h2 a {
	transition: color 0.3s ease;
}
.box-article:hover .box-article-title h2 a {
	color: var(--blue);
}

.box-article-title .subtitle {
	display: none;
	line-height: 1.3;
	font-size: 13px;
	color: #666;
	margin-top: 5px;
	overflow: hidden;
}
.box-article-title .date {
	font-size: x-small;
	color: #999;
}
@media (max-width: 430px) {
	.box-article-title h2 {
		font-size: 16px;
	}
}
.box-article-title h2 a {
	color: var(--black);
	text-decoration: none;
}
.box-article-title span.date {
	font-size: x-small;
	color: #999;
	text-transform:uppercase;
	letter-spacing:1px;
}

/*---------- PAGE NUMBER FILTER ---------- */
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	gap: 3px;
}
.pagination .material-symbols-outlined {
	vertical-align: middle;
}
.pagination .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	background-color: #eee;
	border: 1px solid#ccc;
	border-radius: 2px;
	font-size: initial;
}
.pagination .page-numbers.current {
	background-color: var(--blue);
	color: #fff;
	border-color: var(--blue);
}
.pagination .page-numbers.dots {
	background: none;
	width: auto;
	height: auto;
	border: none;
	font-size: inherit;
}

/* ---------- PAGE NUMBER PRIMARY ---------- */
.nextpage {
	margin-top: 30px;
}
.nextpage ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	font-size: initial;
}
.nextpage li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	background-color: #eee;
	border-radius: 2px;
	border: 1px solid#ccc;
}
.nextpage li span.page-numbers.current {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	background-color: var(--blue);
	color: #fff;
	border-radius: 2px;
	border-color: var(--blue);
}
.nextpage li span.page-numbers.dots {
	background: none;
	width: 30px;
	height: 30px;
	color: inherit;
}
.nextpage li .material-symbols-outlined {
	vertical-align: middle;
	background: none;
}


/*--------------------------------
  >>> Next / Previous button <<<
----------------------------------*/

.next-prev {
	text-align: center;
	margin-top: 35px;
}

.next-prev a {
	display: inline-block;
	background-color: var(--blue);
	padding: 12px 15px;
	border-radius: 4px;
	font-size: inherit;
	font-weight: bold;
	text-transform: capitalize;
	color: var(--white);
	text-decoration: none;
}

/* ---------- PAGE FILTER ---------- */
h1.page-title-indexs {
	margin: 0;
	margin-bottom: 15px;
	font-size: 20px;
	color: var(--blue);
}
.post-filter-form {
	margin-bottom: 30px;
	font-size: inherit;
}
@media (max-width: 1024px) {
	h1.page-title-indexs,
	.post-filter-form,
	.filter-results-container {
		padding: 0 15px;
	}
}
.form-filter {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}
.form-filter .filter-dropdown {
	flex: 1;
	padding: 8px;
}
.post-filter-form button {
	width: 100%;
	margin-top: 5px;
	padding: 10px;
	background-color: var(--blue);
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	border: none;
	border-radius: 2px;
}
.filter-results-container .list-post {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.filter-results-container .box-article {
	padding: 0;
	margin: 0;
	border: 0;
}

/*---------- SIDEBAR NEW ---------- */

/* CSS Version 1.3.9 - Orbitbaru.com Sidebar */
.orbit-sidebar-ads { 
	display: block; 
	width: 300px;
	height: 250px;
	margin: 15px auto;
	background-color: transparent;
}

@media(min-width: 800px) { 
	.orbit-sidebar-ads { 
		width: 300px; 
		height: 250px; 
	} 
}

.sidebar {
	display: flex;
	flex-direction: column;
	gap: 30px;
	flex-basis: 300px;
	flex-grow: 0;
	flex-shrink: 0;
	align-self: flex-start;
	height: auto;
	overflow: visible;
	position: sticky;
	top: 125px;
	box-sizing: border-box;
}

.sidebar .widget p {
	margin: 0;
}

@media (max-width: 768px) {
	.sidebar {
		align-self: stretch;
	}
}

@media (max-width: 1024px) {
	.sidebar {
		flex-basis: 100%;
		flex-grow: 1;
		flex-shrink: 1;
		padding: 0 15px;
		margin-top: 50px;
	}
}

/*----------------------
  >>> ADS BOTTOM <<<
------------------------*/


/*----------------------
  >>> Posts bottom <<<
------------------------*/

.post-bottom {
	padding: 20px 0 35px;
}

.post-bottom-cont {
	position: relative;
}

.post-bottom-cont h3 {
	font-size: large;
	text-transform: uppercase;
	border-bottom: 1px solid#ccc;
}

.post-bottom-cont h3 a {
	color: var(--blue);
	display:inline-block;
	padding: 0 0 10px;
}

.the-post-bottom ul {
	list-style-type: none;
	margin: 0 -10px;
	padding: 15px 0;
	display: flex;
	flex-wrap: nowrap;
}

.the-post-bottom ul li {
	overflow: hidden;
	max-width: 25%;
	padding: 0 10px;
	position: relative;
	flex:0 0 25%;
}

.the-post-bottom ul li:first-child {
	margin-left:0;
}

.the-post-bottom ul li:last-child {
	margin-right:0;
}

.the-post-bottom .post-cat-image img {
	height: 130px;
}

.the-post-bottom .post-cat-title h2 {
	font-size: 16px;
	padding: 10px 0;
}

.the-post-bottom .post-cat-title h2 a:hover {
	color: var(--tint4);
}

.the-post-bottom .post-cat-title .date {
	font-size: x-small;
	color: #999;
}

@media (max-width: 770px) {
	.the-post-bottom {
		overflow: auto;
	}
	
	.post-bottom-cont {
		margin: 0 15px;
	}

	.the-post-bottom ul {
		width: 1030px;
	}
}

/* ---------- POPULAR POST THUMBNAIL NEW ---------- */
.popular-posts h3 {
	font-size: 20px;
	margin-bottom: 15px;
	color: var(--blue);
}
.popular-posts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.popular-posts ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid#e9e9e9;
}
.popular-posts ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.popular-posts .post-thumbnail-wrapper {
	flex: 0 0 90px;
}
.popular-posts .post-thumbnail-wrapper img {
	aspect-ratio: 1 / 1;
}
.popular-posts .post-meta {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
	line-height: 1;
}
.popular-posts .post-meta .post-category-wrapper a {
	text-transform: capitalize;
	font-size: 13px;
	color: #999;
}
.popular-posts .post-meta h4 {
	font-size: 15px;
	line-height: 1.4;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.popular-posts .post-meta h4 a {
	transition: color 0.3s ease;
}
.popular-posts li:hover h4 a {
	color: var(--blue);
}
.popular-posts .post-meta .post-date {
	display: none;
	font-size: 11px;
	color: #999;
}
/* ---------- POPULER POST NUMBER ---------- */
.popular-posts ol {
	list-style-type: none;
	counter-reset: post-counter;
	margin-left: 0;
	padding-left: 0;
}
.popular-posts ol li {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	counter-increment: post-counter;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid#eee;
}
.popular-posts ol li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.popular-posts ol li::before {
	content: counter(post-counter);
	font-weight: 600;
	font-size: 40px;
	color: var(--blue);
	flex-shrink: 0;
	width: 50px;
	text-align: right;
}

/*----------*/

.popular-content h3.title {
	font-size: 20px;
	color: red;
	margin-bottom: 20px;
}
ul.popular-content {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: my-counter;
}
ul.popular-content li {
	display: flex;
	margin-bottom: 20px;
}
ul.popular-content li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	flex: 0 0 20%;
	font-size: 48px;
	color: #ccc;
	text-align: center;
}
ul.popular-content li .asset-image {
	display: none;
}
ul.popular-content li .asset-title {
	flex: 1;
}
ul.popular-content li .asset-title h2 {
	font-size: 16px;
	line-height: 1.5;
	max-height: 72px;
	overflow: hidden;
}
ul.popular-content li .asset-title .category {
	text-transform: capitalize;
	margin-top: 7px;
}
ul.popular-content li .asset-title .category a {
	color: var(--red);
}
/*--------------------*/
.popular-posts.wpp-ajax h3 {
	font-size: 20px;
	margin-bottom: 20px;
	color: var(--red);
}
.image-pop {
	float: left;
	margin-right: 15px;
}
.image-pop img {
	display: block;
	float: none;
	margin: 0;
	width: 95px;
	height: auto;
	aspect-ratio: 1/1;
}
.area-pop-title {
	overflow: hidden;
}
.pop-title {
	max-height: 58px;
	overflow: hidden;
}
.pop-title a {
	font-size: 15px;
	line-height: 1.3;
	font-weight: 600;
}
.area-pop-title .category {
	margin-top: 5px;
}
.area-pop-title .category a {
	text-transform: capitalize;
	font-size: 13px;
	color: red;
}


/*------------------------------
  >>> Popular posts widget <<<
--------------------------------*/

.custom-widget-popular-posts {
	position: relative;
	margin-bottom: 25px;
}

.custom-widget-popular-posts .widget-title {
	display: inline-block;
	background: var(--white);
	font-size: initial;
	text-transform: uppercase;
	margin: 0 0 10px;
	padding: 0 20px 0 0;
	color: var(--blue);
}

.custom-widget-popular-posts .widget-title:before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	z-index: -1;
	width: 100%;
	height: 1px;
	background: var(--blue);
}

.custom-widget-popular-posts ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.custom-widget-popular-posts ul li {
	counter-increment: step-counter;
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px solid var(--border);
}

.custom-widget-popular-posts ul li:last-child {
	border: none;
}

.custom-widget-popular-posts ul li:before {
	content: counter(step-counter);
	display: block;
	float: left;
	width: 30px;
	font-size: x-large;
	font-weight: bold;
	padding-right: 10px;
	color: #ccc;
	text-align: right;
}

.widget-box-post {
	display: flex;
	flex-direction: row-reverse;
}

.widget-box-post .post-image img {
	width: 85px;
	height: 85px;
	object-fit: cover;
	vertical-align:middle;
}

.widget-box-post .post-title h3 {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0;
	padding-right:10px;
}

.widget-box-post .post-title h3 a {
	color: var(--black);
	text-decoration: none;
}

.widget-box-post .post-title h3 a:hover {
	color: var(--tint4);
}

/*--------------------------
>>> POPULER POST CATEGORY <<<
 ---------------------------*/
 .cat-popular h2.cat-pop-title {
 	text-transform: capitalize;
 	font-size: x-large;
 	border-bottom: 1px solid#dcdcdc;
 	padding-bottom: 15px;
 }
 .cat-popular h2.cat-pop-title .material-icons {
 	margin-right: 5px;
 	color: #c30;
 }
 .cat-popular ul {
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 }
 .cat-popular ul li {
 	counter-increment: step-counter;
 	padding: 10px 0;
 	display: flex;
 	align-items: center;
 	border-bottom: 1px solid#eee;
 }
 .cat-popular ul li:last-child {
 	border-bottom: 0;
 }
 .cat-popular ul li:before {
 	content: counter(step-counter);
 	width: 40px;
 	font-size: xx-large;
 	font-weight: bold;
 	color: var(--blue);
 	text-align: right;
 	padding-right: 20px;
 }
 .cat-popular ul li h3 {
 	flex: 1;
 	font-size: 15px;
 	font-weight: 600;
 	line-height: 1.5;
 	max-height: 68px;
 	overflow: hidden;
 }
 .cat-popular ul li:hover h3 a {
 	color: var(--blue);
 }

 @media (max-width:770px) {
 	.sidebar.cat {
 		margin-top: 50px;
 	}
 }

/*--------------------------
  >>> Widget wordpress <<<
----------------------------*/

.sidebar .widget .widget-title {
	display: inline-block;
	background: var(--white);
	font-size: initial;
	text-transform: uppercase;
	margin: 0 0 10px;
	padding: 0 20px 0 0;
	color: var(--blue);
}

.sidebar .widget .widget-title:before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	z-index: -1;
	width: 100%;
	height: 1px;
	background: var(--blue);
}

.widget_archive ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget_archive ul li {
	border-bottom: 1px solid var(--border);
	font-size: smaller;
}

.widget_archive ul li a {
	display: inline-block;
	padding: 10px 0;
	color: var(--black);
	font-size: 15px;
	text-decoration: none;
}

.widget_archive select {
	display: block;
	width: 100%;
	font-family: inherit;
	padding: 10px;
	font-size: 15px;
	margin: 10px 0;
	border: 1px solid var(--border);
	border-radius: 5px;
	outline: none;
}

.widget_recent_entries ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget_recent_entries ul li {
	border-bottom: 1px solid var(--border);
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.widget_recent_entries ul li a {
	display: block;
	text-decoration: none;
	line-height: 1.3;
	color: var(--black);
	font-weight: 700;
	padding: 10px 0 5px 0;
}

.widget_recent_entries ul li span {
	font-size: smaller;
	color: var(--tint5);
}

.widget_categories ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget_categories ul li {
	border-bottom: 1px solid var(--border);
	font-size: smaller;
}

.widget_categories ul li a {
	display: inline-block;
	padding: 10px 0;
	color: var(--black);
	font-size: 15px;
	text-decoration: none;
}

.widget_categories select {
	display: block;
	width: 100%;
	font-family: inherit;
	padding: 10px;
	font-size: 15px;
	margin: 10px 0;
	border: 1px solid var(--border);
	border-radius: 5px;
	outline: none;
}

.widget_tag_cloud .tagcloud {
	padding: 10px 0;
}

.widget_tag_cloud .tagcloud a {
	display: inline-block;
	font-size: 14px !important;
	text-decoration: none;
	padding: 5px 10px;
	background: var(--blue);
	color: var(--white);
	border-radius: 4px;
	margin-bottom: 5px;
}

.widget_tag_cloud .tagcloud a span {
	font-size: smaller;
}

.widget_text p {
	margin: 5px 0 10px 0;
	line-height: 1.3;
}

.widget_media_image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.widget_media_image figure {
	width: 100% !important;
	margin: 10px 0;
}

.widget_media_image figure img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.widget_media_image figure figcaption {
	font-size: smaller;
	padding: 5px 0;
	line-height: 1.3;
	color: var(--tint5);
}

/* ---------- FOOTER ---------- */
.footer {
	padding: 50px 0;
	background-color: #333;
}
.main-footer {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 20px;
}
.footer-col-left {
	flex-basis: 200px;
	flex-grow: 0;
	flex-shrink: 0;
}
.footer-col-center {
	flex-grow: 1;
}
.footer-col-right {
	flex-basis: 200px;
	flex-grow: 0;
	flex-shrink: 0;
}

@media (max-width: 768px) {
	.main-footer {
		align-items: center;
	}
}

@media (max-width: 1024px) {
	.main-footer {
		padding: 0 15px;
		flex-direction: column;
	}
	.myfoot, .myfoot2 {
		margin-bottom: 20px;
	}
}

.logo-brand-footer img {
	width: 200px;
	max-width: 100%;
	filter: brightness(0) invert(1);
}

.link-footer {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}
.kanal-footer {
	flex: 0 0 35%;
	padding-right: 50px;
	border-right: 1px solid#333;
}
.kanal-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	column-count: 2;
}
.kanal-footer ul li {
	margin-bottom: 15px;
}
.kanal-footer ul li a {
	display: block;
	text-transform: capitalize;
	color: #ccc;
	font-size: 14px;
}
.kanal-footer ul li:hover a {
	color: #fff;
}

.menu-footer-primary {
	flex: 0 0 35%;
	padding-left: 50px;
}
.menu-footer-primary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	column-count: 2;
}
.menu-footer-primary ul li {
	margin-bottom: 15px;
}
.menu-footer-primary ul li a {
	display: block;
	color: #ccc;
	font-size: 14px;
}
.menu-footer-primary ul li a:hover {
	color: #fff;
}
@media (max-width: 430px) {
	.kanal-footer ul, .menu-footer-primary ul {
		column-count: 1;
		text-align: left;
	}
	.kanal-footer, .menu-footer-primary {
		flex: 0 0 50%;
	}
	.kanal-footer {
		padding-right: 0;
		padding-left: 50px;
	}
}

.cat-footer {
	margin-bottom: 15px;
}
.cat-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 25px;
	row-gap: 10px;
}
.cat-footer ul li a {
	font-size: 15px;
	color: #ccc;
	display: inline-block;
	transition: color 0.3s ease;
}
.cat-footer ul li:hover a {
	color: #fff;
}

/* ---------- MENU STATIS FOOTER ---------- */
.menu-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 10px;
}
.menu-footer ul li a {
	font-size: inherit;
	text-transform: capitalize;
	color: #999;
	display: inline-block;
	transition: color 0.3s ease;
}
.menu-footer ul li:hover a {
	color: #fff;
}

/* ----- NETWORK ORBITBARU ----- */

.footer-partners-section {
	display: none;
}

ul.partner-flex-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 8px;
}

ul.partner-flex-list li .partner-text {
	color: #ccc;
}

/* ---------- SOSMED FOOTER ---------- */

.sosmed-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: right;
	align-items: center;
	gap: 12px;
}
.sosmed-footer ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	font-size: 16px;
	color: #999;
	border-radius: 100%;
	border: 2px solid#999;
	transition: color 0.3s ease;
}
.sosmed-footer ul li:hover a {
	border-color: #fff;
	color: #fff;
}
.footer-credit {
	text-align: center;
}
@media (max-width: 770px) {
	.footer .container {
		padding: 0;
	}
	.logo-brand-footer {
		text-align: center;
	}
}

/*----------------------*/

.footer-brand h1 {
	font-size: 25px;
}

.footer-brand h1 a {
	text-decoration: none;
	color: var(--tint1);
}

.footer-brand img {
	width: 200px;
	height: auto;
	object-fit: cover;
	border-radius: unset;
}

@media (max-width: 770px) {
	.footer-brand h1 {
		margin: 10px 0;
	}
}

/*----------------------*/

.footer-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: auto auto;
	grid-row-gap: 15px;
}

.footer-menu ul li:first-child,.footer-menu ul li:last-child {
	display: none;
}

.footer-menu ul li a {
	display: inline-block;
	text-transform: capitalize;
	font-size: 13px;
	text-decoration: none;
}

@media (max-width: 770px) {
	.footer-menu {
		margin-bottom: 10px;
	}
}

/*----------------------*/

.footer-social-media ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: right;
	flex-wrap: nowrap;
}

.footer-social-media ul li a {
	display: inline-block;
	width: 35px;
	text-align: center;
	margin: 0 5px;
	font-size: 21px;
}

@media (max-width: 770px) {
	.footer-social-media ul {
		justify-content: center;
	}
}

/* ----------- FOOTER RESPONSIVE ---------- */
@media (max-width: 1024px) {
	.footer-col-left,
	.footer-col-center,
	.footer-col-right {
		flex-basis: auto;
	}
	.sosmed-footer ul {
		justify-content: center;
	}
}

/*----------------------*/
.main-footer-credit {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
	border-top: 1px solid#ddd;
}

/*----------------------*/

.footer-credit span {
	font-size: 11px;
	color: #999;
}

.footer-credit span a {
	color: inherit;
	text-decoration: none;
}

@media (max-width: 770px) {
	.footer-credit {
		margin-top: 10px;
		text-align: center;
	}
}

/* ---------- SINGLE PAGE ---------- */

/* Default Mobile: Ramping untuk Home */
.orbit-header-ads { 
	display: inline-block; 
	width: 320px; 
	height: 50px; 
	margin: 15px auto;
}

/* Khusus Mobile di Halaman Artikel: Jadi Kotak Besar */
body.single .orbit-header-ads {
	width: 300px;
	height: 250px;
}

/* Desktop: Otomatis Jadi Banner Panjang */
@media(min-width: 800px) { 
	.orbit-header-ads, 
	body.single .orbit-header-ads { 
		width: 728px; 
		height: 90px; 
	} 
}

.container.single {
	padding: 25px 0;
}


/*----------------------*/

.featured-image {
	margin-bottom: 25px;
}

.featured-image figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.featured-image img {
	aspect-ratio: 16/9;
	height: auto;
}
.featured-image figcaption {
	display: block;
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 0;
	color: #999;
}

@media (max-width: 1024px) {
	.featured-image figcaption {
		margin: 0 15px;
	}
}

/*-------------------*/
.block-article {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 30px;
}
.block-article p, .block-article ol, .block-article ul {
	font-size: 16px;
	line-height: 1.6;
}
.block-article p a {
	color: orangered;
}
.block-article iframe[src*="youtube.com"],
.block-article iframe[src*="youtu.be"] {
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	max-width: 100%;
	display: block;
}
.block-article p strong a.tag_link {
	color: unset;
	font-weight: unset;
}
.block-article p a.tag_link {
	color: var(--blue);
	font-weight: 600;
}
.block-article figure {
	width: 100% !important;
	margin: 30px 0;
	padding: 0;
}
.block-article figure img {
	width: 100%;
}
.block-article .wp-caption-text {
	font-size: 12px;
	color: #999;
	line-height: 1.5;
	padding: 5px 0;
}
.block-article figcaption a:link, .block-article figcaption a:visited {
	color: unset;
}
.block-article div a {
	margin: 0!important;
}
.block-article table {
	width: 100%;
	margin-bottom: 30px;
}
.block-article table td {
	text-align: left!important;
	color: #999;
	font-size: smaller;
	line-height: 1.3;
}

/*----------------------*/
h3.page-links-title {
	display: none;
	text-align: center;
	font-size: initial;
	margin-top: 35px;
}
.page-links {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	margin-bottom: 35px;
}
.page-links .post-page-numbers {
	border: 1px solid#e0e0e0;
	margin-right: -1px;
	background: #fff;
}
.page-links .link-number {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33px;
	height: 33px;
	font-size: inherit;
	font-weight: 600;
}
.page-links a:first-child .link-number {
	display: none;
}
.page-links a:last-child .link-number {
	width: auto;
	padding: 0 15px;
}
.page-links .post-page-numbers.current {
	background: var(--blue);
	border-color: var(--blue);
}
.page-links .post-page-numbers.current .link-number {
	color: #fff;
}

/*----------- TOMBOL SHARE ---------- */
.social-media ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.social-media ul li {
	overflow: hidden;
}

.social-media ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	text-decoration: none;
	color: var(--white);
	font-size: initial;
	border-radius: 25px;
}

.social-media ul li a.fb {
	background-color: #0866ff;
}

.social-media ul li a.tw {
	background-color: black;
}

.social-media ul li a.wa {
	background-color: #0dc143;
}

.social-media ul li a.tl {
	background-color: #24A1DE;
}

.social-media ul li a.copy-url {
	background-color: #bbb;
}

/* 404 PAGE */

.container.error {
	text-align: center;
	padding: 100px 15px;
}

.container.error h2.title-404 {
	font-weight: normal;
	font-size: 150px;
	color: var(--blue);
	margin-bottom: 50px;
}

.container.error h3.sub-not-found {
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 25px;
	line-height: 1.5;
}

.container.error a.btn-home {
	display: inline-block;
	padding: 10px 20px;
	background-color: var(--blue);
	font-size: initial;
	font-weight: 600;
	text-decoration: none;
	border-radius: 3px;
	color: #fff;
}

/*----------------------------
  >>> Back to top button <<<
------------------------------*/

.back-to-top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
}

.back-to-top .material-icons {
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.3);
	color:#fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
}

/* BACA JUGA */
.internal-linking-related-contents {
	font-size: initial;
	font-weight: bold;
	line-height: 1.5;
}
.internal-linking-related-contents .template-1, .internal-linking-related-contents .template-2, .internal-linking-related-contents .template-3 {
	background: none!important;
	padding: 0;
}
.internal-linking-related-contents .template-2:hover, .internal-linking-related-contents .template-2:active, .internal-linking-related-contents .template-2:focus {
	background: none!important;
}
.internal-linking-related-contents .template-2 span.cta {
	display: block;
	padding: 5px 0;
	font-weight: bold;
	background: none!important;
}
.internal-linking-related-contents span {
	margin: 0;
}


/* ---------- DARK MODE ---------- */

html.dark-mode body {
	background-color: #222222;
	color: #ccc;
}

html.dark-mode .site-header {
	background-color: #222222;
	border-color: #555;
}

html.dark-mode .logo-brand img,
html.dark-mode .mobile-branding img,
html.dark-mode .mobile-menu-logo img {
	filter: brightness(0) invert(1);
}

html.dark-mode .footer {
	background-color: #222222;
}

html.dark-mode .mobile-menu-slide {
	background-color: #333;
}

html.dark-mode .post-slider-title h2 a,
html.dark-mode .box-random-title h2 a,
html.dark-mode .category-block-footer-top-post .post-cat-title h2 a,
html.dark-mode .category-block-footer-list .post-cat-title h2 a,
html.dark-mode .category-block-4-left-item .post-cat-title h2 a,
html.dark-mode .category-block-4-right-item .post-cat-title h2 a,
html.dark-mode .header-col-right .material-symbols-outlined,
html.dark-mode .search-toggle-icon .material-icons,
html.dark-mode .menu-primary ul li a,
html.dark-mode .box-article-title h2 a,
html.dark-mode .box-article-title .category a,
html.dark-mode .highlight-main-post .post-title h2 a,
html.dark-mode .highlight-list .post-title h2 a,
html.dark-mode .highlight-link-button a,
html.dark-mode .popular-posts .post-meta h4 a,
html.dark-mode ul.popular-content li .asset-title h2 a,
html.dark-mode .breadcrumb a,
html.dark-mode .single-header h1.post-title,
html.dark-mode .rambak-author a,
html.dark-mode .rambak-btn-comments,
html.dark-mode .comment-login-notice p a,
html.dark-mode .author-info .fn,
html.dark-mode .comment-content p,
html.dark-mode .related-post h2 a,
html.dark-mode h3.title.tag span,
html.dark-mode h3.title.search,
html.dark-mode .menu_slide ul li a,
html.dark-mode .container.error h3.sub-not-found,
html.dark-mode .column-kanal1 .post-cat-title h2 a,
html.dark-mode .sticky-post-container .entry-header h2 a,
html.dark-mode .mobile-user-info .material-symbols-outlined,
html.dark-mode .container.error h2.title-404 {
	color: #eee;
}

html.dark-mode .rambak-baca-juga h4 {
	color: #fff;
}

html.dark-mode .rambak-baca-juga {
	border-color: #add8e6;
}
html.dark-mode .rambak-baca-juga-item a {
	color: #add8e6;
}

html.dark-mode .post-tags a {
	background: #666;
	color: #eee;
}

html.dark-mode .post-tags a:hover {
	background: var(--darkred);
}

html.dark-mode .left-item .subtitle p,
html.dark-mode .pageinfo-left .author a,
html.dark-mode .sticky-post-container .category a,
html.dark-mode .sticky-post-container .entry-summary p,
html.dark-mode .mobile-login-status a,
html.dark-mode .mobile-social-media ul li a,
html.dark-mode .mobile-nav-static ul li a,
html.dark-mode .site-info-mobile a,
html.dark-mode .mobile-user-info .user-greeting,
html.dark-mode .popular-posts .post-meta .post-category-wrapper a,
html.dark-mode .category-block-4-left-item .post-cat-title .subtitle p {
	color: #ccc;
}
/* COLOR TITLE */
html.dark-mode .random-middle h3,
html.dark-mode .latest-post h3.title,
html.dark-mode h3.title-post-cat a,
html.dark-mode h3.highlight-title,
html.dark-mode .popular-posts h3,
html.dark-mode .related-post h3,
html.dark-mode .newpostlist h3,
html.dark-mode .primary-cat h3.title,
html.dark-mode h1.page-title-indexs,
html.dark-mode h3.title-post-author,
html.dark-mode h1.title-tag-name,
html.dark-mode p.post-not-found,
html.dark-mode p.post-not-found a,
html.dark-mode .main-content.static h1,
html.dark-mode .popular-posts ol li:before {
	color: #eee;
}
/* COLOR BORDER */
html.dark-mode .box-article,
html.dark-mode .right-column .right-item,
html.dark-mode .category-block-footer-top-post,
html.dark-mode .category-block-footer-list li,
html.dark-mode .highlight-main-post,
html.dark-mode .highlight-list li,
html.dark-mode .popular-posts li,
html.dark-mode .comment-list .reply,
html.dark-mode .sticky-post-container,
html.dark-mode .author-info-box,
html.dark-mode .mobile-nav-static,
html.dark-mode .comment-list li {
	border-color: #444;
}

/* COLOR HOVER */
html.dark-mode .list-random:hover .box-random-title h2 a,
html.dark-mode .box-article:hover .box-article-title h2 a,
html.dark-mode .left-item:hover .post-cat-title h2 a,
html.dark-mode .right-item:hover .post-cat-title h2 a,
html.dark-mode .highlight-main-post:hover .post-title h2 a,
html.dark-mode .highlight-list li:hover .post-title h2 a,
html.dark-mode .popular-posts li:hover .post-meta h4 a,
html.dark-mode .category-block-4-left-item:hover .post-cat-title h2 a,
html.dark-mode .category-block-4-right-item:hover .post-cat-title h2 a,
html.dark-mode .category-block-footer-top-post:hover .post-cat-title h2 a,
html.dark-mode .category-block-footer-list li:hover .post-cat-title h2 a,
html.dark-mode .box-related ul li:hover h2 a,
html.dark-mode .sticky-post-container:hover .entry-header h2 a {
	color: #fff;
	text-decoration: underline;
	color: #fff;
}
html.dark-mode .wp-block-search__inside-wrapper {
	border: 0;
}
html.dark-mode .menu-primary .sub-menu {
	background-color: #222;
	border-color: #555;
}
.dark-mode .container-header,
.dark-mode .box-article,
.dark-mode .column-kanal1,
.dark-mode .column-kanal1 ul li,
.dark-mode .column-kanal1 ul li:first-child,
.dark-mode .authorpage {
	border-color: #333;
}
.dark-mode .single-header h3.sub-title {
	color: #ccc;
}
.dark-mode .select-indexs select,
.dark-mode .sosmed-menu-mobile ul li a,
.dark-mode .container.error a.btn-home {
	background-color: #fff;
}
.dark-mode .post-slider .subtitle,
.dark-mode .single-content-static p,
.dark-mode .single-content-static ol,
.dark-mode .single-content-static ul {
	color: #eee;
}
.dark-mode .sosmed-menu-mobile ul li a,
.dark-mode .container.error a.btn-home {
	color: #121212;
}

.dark-mode .footer {
	border-top: 1px solid#333;
}
html.dark-mode .header-mobile-container {
	background-color: #222;
}
html.dark-mode .close-menu-toggle .material-icons,
html.dark-mode .header-mobile .material-icons {
	color: #ccc;
}
html.dark-mode .mobile-nav-primary ul li a {
	color: #ccc;
}