/*!
Theme Name: rambak.co
Theme URI: https://rambak.co
Author: mastrymedia
Author URI: https://mastrymedia.my.id
Description: rambak.co 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.0.4
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rambak
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
	--white: #ffffff;
	--blue: #005594;
	--black: #000000;
	--tint1: #192935;
	--tint2: #33414c;
	--tint3: #4d5862;
	--tint4: #667079;
	--tint5: #80888f;
	--border: #e9e9e9;
	--green: #348b04;
	--darkred2: #731a2e;
	--darkred: #921629;
	--gray: #e8e8e8;

	--Open: 'Open Sans', sans-serif;

}

* {
	box-sizing: border-box;
}

body {
	/* Set "my-sec-counter" to 0 */
  counter-reset: step-counter;
	margin: 0;
	padding: 0;
	font-family: var(--Open);
	font-size: 13px;
	background: var(--white);
}

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: 1140px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

/*--------------
  >>> HEADER <<<
----------------*/
.header {
	background: var(--darkred);
	box-shadow: rgb(0 0 0 / 4%) 0 6.4px 19.2px 0;
}

#headerbar {
	position: fixed;
	top: -60px;
	left: 0;
	right: 0;
	display: block;
	background: #fff;
	transition: top 0.5s;
	z-index: 1234;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
}

.header-slide-down {
	display: none;
}

.menu_primary {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1140px;
	margin: auto;
}

.menu_mode {
	padding-left: 20px;
	border-left: 1px solid#ccc;
}

.dark-toggle input {
	display: none;
}

.main-header-slide-down ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}

.main-header-slide-down ul li a {
	display: block;
	padding: 20px 15px;
	font-size: inherit;
	font-weight: 600;
	text-transform: uppercase;
}

.main-header-slide-down ul li:first-child a {
}

.main-header-slide-down ul li a img {
	width: 160px;
	border-radius: unset;
}

.header-primary {
	max-width: 1140px;
	padding: 15px 0;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-primary .boxhead {
	flex: 0 0 50%;
	max-width: 50%;
	color: #fff;
}

.site-title-desktop img {
	border-radius: unset;
	width: 250px;
}

.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-right {
	display: flex;
	justify-content: right;
	align-items: center;
}

.navigation-top-right .search-form {
	position: relative;
	width: 250px;
}

.navigation-top-right input[type=search] {
	width: 100%;
	display: block;
	padding: 10px;
	outline: none;
	background: #fff;
	border-radius: 25px;
	text-indent: 10px;
	border: none;
}

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

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

.social_header {
	margin-left: 25px;
}

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

.social_header ul li {
	margin-left: 10px;
}

.social_header ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border-radius:25px;
	background: #000;
	color: #fff;
	font-size: initial;
}
.social_header ul li.facebook a {
	background: #1877F2;
}
.social_header ul li.twitter a {
	background: #000;
}
.social_header ul li.instagram a {
	background: #E4405F;
}
.social_header ul li.tiktok a {
	background: #000;
}
.social_header ul li.youtube a {
	background: #CD201F;
}

@media (max-width:770px) {
	.header {
		position: sticky;
		top: 0;
		z-index: 12345;
	}
	#headerbar {
		display: none;
	}
	.header-primary {
		display: none;
	}
}

/*--------------------
 >>> HEADER MOBILE <<<
 ---------------------*/
.header-mobile {
	display: none;
}
.appnav-mobile {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
}

.appnav-mobile .material-icons {
	color: #fff;
	cursor: pointer;
	font-size: 29px;
	margin-left: 15px;
}

.site-title-mobile {
	flex: 0 0 50%;
	justify-content: left;
}

.site-title-mobile img {
	width: 120px;
	border-radius: unset;
}
.appnav-mobile .main_mobile {
	display: flex;
	justify-content: right;
	align-items: center;
	flex: 0 0 50%;
}
.dark-toggle input {
	display: none;
}
@media (max-width: 770px) {
	.header-mobile {
		display: block;
	}
}

/*----------------------
  >>> MENU DESKTOP <<<
------------------------*/

.mainmenu {
	background: #f1f1f1;
	box-shadow: 0 1px 5px rgba(0,0,0,.3);
}

.mainmenu-primary {
	max-width: 1140px;
	margin: auto;
}

.menu-primary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.menu-primary ul li a {
	display: block;
	padding: 15px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
}

@media (max-width: 420px) {
	.main-navbar {
		padding:0 15px;
	}
	.navigation-top .container {
		padding:0 15px;
	}
}

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

.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;
	z-index: 12345;
	top: 0;
	left: 0;
	width: 90%;
	height: 100vh;
	padding: 25px;
	background: #111;
	overflow: auto;
	margin-left: -100%;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	}

.title-logo-mobile {
	padding-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid#333;
}

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

.title-logo-mobile .material-icons {
	cursor: pointer;
	font-size: xx-large;
	color: #fff;
}
.menu_slide_mobile {
	margin-top: 20px;
}
.menu_slide_mobile ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu_slide_mobile ul li a {
	display: block;
	padding: 10px 0;
	font-size: initial;
	text-transform: capitalize;
	font-weight: bold;
	color: #fff;
}

.credit_footer_slide {
	margin-top: 75px;
}

.sosmed-menu-mobile {
	margin-bottom: 25px;
}

.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: 35px;
	height: 35px;
	background: #666;
	color: #fff;
	border-radius: 50%;
}

.sosmed-menu-mobile ul li.facebook a {
	background: #1877F2;
}
.sosmed-menu-mobile ul li.twitter a {
	background: #000;
}
.sosmed-menu-mobile ul li.instagram a {
	background: #E4405F;
}
.sosmed-menu-mobile ul li.tiktok a {
	background: #000;
}
.sosmed-menu-mobile ul li.youtube a {
	background: #CD201F;
}
.credit_slide_mobile {
	color: #999;
	font-size: smaller;
}
.credit_slide_mobile a {
	color: #fff;
	font-weight: bold;
}
@media (max-width: 770px) {
	.menu-primary ul {
		overflow: auto;
		justify-content: left;
	}
}


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

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

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

.search-form-box {
	display: none;
	padding: 15px;
}

@media (max-width: 420px) {
	.search-form-box {
	}
}

.search-form-box input[type=search] {
	display: block;
	width: 100%;
	padding: 10px 15px;
	border: none;
	background: #fff;
	border-radius: 5px;
	font-size: 13px;
	outline: none;
	color: var(--tint4);
}

.search-form-box .search-submit {
	display: none;
}

/*------------------
  >>> ADS HEADER <<<
--------------------*/
.ads_header {
	display: none;
	max-width: 1140px;
	margin: auto;
	text-align:center;
	padding: 25px 0 0;
}

.ads_header .widget_media_image img {
	width: 900px;
}

@media (max-width: 770px) {
	.ads_header {
		margin: 0 15px auto;
	}
}

/*---------------
 >>> HEADLINE <<<
 ----------------*/
.mainhead {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
@media (max-width:770px) {
	.mainhead {
		display: block;
	}
}
/*-----------------------
  >>> SLIDER HEADLINE <<<
-------------------------*/
.mainslider {
	flex: 0 0 65.79%;
}
.swiper-container {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.swiper {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }    

.post-slider {
	width: 100%;
	height: auto;
}

.mainslider .post-slider-image img {
	height: 560px;
}

.mainslider .post-slider-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 35px 35px 50px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.mainslider .post-slider-title .category {
	display: block;
	font-size: smaller;
    text-transform: uppercase;
    text-decoration: none;
	margin-bottom: 15px;
}
.mainslider .post-slider-title .category a {
	color: #fff;
}
.mainslider .post-slider-title h2 {
	font-size: 36px;
	line-height: normal;
}

.mainslider .post-slider-title h2 a {
	color: #fff;
	text-decoration: none;
}
.mainslider .post-slider-title .info_content {
	display: flex;
	text-transform: uppercase;
	font-size: xx-small;
	color: #fff;
	margin-top: 15px;
}
.mainslider .post-slider-title .info_content .author {
	margin-right: 10px;
}
.mainslider .post-slider-title .info_content .author a {
	color: #fff;
	font-weight: bold;
}
.mainslider .post-slider-title .title-summary {
	display: none;
}
@media (max-width:770px) {
	.mainslider {
		flex: 0 0 100%;
	}
}
@media (max-width: 420px) {
	.mainslider .post-slider-image img {
		height: 250px;
	}
	.mainslider .post-slider-title {
		padding: 20px;
	}
	.mainslider .post-slider-title h2 {
		font-size: large;
	}
}

/*------------------
 >>> LATEST POST <<<
--------------------*/
.mainlatest {
	flex: 0 0 31.58%;
}
.newlates .title_heading {
	border-bottom: 2px solid var(--darkred);
	margin-bottom: 20px;
}
.newlates h3.title_latest {
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	background: var(--darkred);
	padding: 10px 15px;
	color: #fff;
	margin-bottom: -2px;
}
.newlates .box-article {
	padding: 0;
	margin-bottom: 30px;
	border: none;
}
.newlates .box-article-title h2 {
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.newlates .box-article .title-summary {
	display: none;
}
.newlates .info_content {
	text-transform: uppercase;
}
.newlates .info_content .author {
	display: none;
}
@media (max-width:770px) {
	.mainlatest {
		flex: 0 0 100%;
		margin-top: 25px;
	}
}
@media (max-width:430px) {
	.newlates .box-article .box-article-image {
		width: 100px;
	}
	.newlates .box-article .box-article-image img {
		height: 100px;
	}
}
/*--------------------*/
.latest-post {
	overflow: hidden;
}

.post-not-found {
	font-size: small;
}

.post-not-found a {
	text-decoration: none;
}

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

.box-title {
	position: relative;
}

.box-title h3 {
	display: inline-block;
    background: #fff;
    margin: 0;
    font-size: 20px;
    text-transform: capitalize;
    padding: 0 20px 0 0;
    color: #000;
}

.box-article {
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px solid var(--border);
}

.box-article-image {
	float: left;
	width: 120px;
}

.box-article-image img {
	width: 100%;
	height: 85px;
	object-fit: cover;
	vertical-align:middle;
}

@media (max-width: 468px) {
	.box-article-image {
		width: 90px;
	}
	.box-article-image img {
		height:90px;
	}
}

.box-article-title {
	padding-left: 15px;
	overflow: hidden;
}

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

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

.box-article-title h2 {
   font-size: initial;
	line-height: normal;
}

.box-article-title .date {
	font-size: x-small;
	color: #999;
	margin-top: 10px;
}

@media (max-width: 468px) {
	.box-article-title h2 {
		font-size: 16px;
	}
}

.box-article-title h2 a {
	color: var(--black);
	text-decoration: none;
}

.box-article-title h2 a:hover {
	color: var(--tint4);
}

.box-article-title span.date {
	font-size: x-small;
	color: #999;
	text-transform:uppercase;
	letter-spacing:1px;
}

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

.title-post-cat {
	margin: 0;
    padding: 0 0 15px;
    font-size: large;
    text-transform: capitalize;
}

.title-post-cat a {
	color: #da251d;
	text-decoration: none;
}

.box-article ul {
	list-style: none;
    margin: 0 -10px;
    padding: 0;
    display: flex;
	flex-wrap:nowrap;
	justify-content: space-between;
}

.box-article ul li {
	max-width: 33.33%;
	flex:0 0 33.33%;
		padding:0 10px;
	margin:0 0 25px;
}

@media (max-width: 420px) {
	.box-article ul {
		width: 650px;
	}
	
	.column-kanal {
		overflow: auto;
}
}

.box-article .post-cat-image img {
	width: 100%;
	height: 120px;
	object-fit: cover;
	vertical-align:middle;
}

.box-article .post-cat-title h3 {
    font-size: 16px;
    padding: 10px 0;
	line-height: 1.3;
}

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

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

.box-article .post-cat-title .date {
	font-size: x-small;
	color: var(--tint5);
}

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

.next-prev {
	text-align: center;
}

.next-prev a {
	display: inline-block;
    background: var(--darkred);
    padding: 10px 15px;
    font-size: smaller;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}

/*-------------------------
 >>> SLIDER CATEGORY CENTER
--------------------------- */
.mainlabel {
	margin: 50px 0;
}
.mainlabel .title_heading {
	margin-bottom: 20px;
	border-bottom: 2px solid#eee;
}
.mainlabel h2.title_label {
	display: inline-block;
	background: var(--darkred);
	font-size: 15px;
	text-transform: uppercase;
	padding: 10px 15px;
	margin-bottom: -2px;
}
.mainlabel h2.title_label a {
	color: #fff;
}
.mainlabel .post-slider-image img {
	height: 250px;
}
.mainlabel .post-slider-title {
	position: relative;
	background: none;
	padding: 15px 0;
}
.mainlabel .post-slider-title .category {
	position: absolute;
	top: -35px;
	left: 15px;
	text-transform: uppercase;
	background: var(--darkred);
	padding: 5px 10px;
	font-size: smaller;
}
.mainlabel .post-slider-title .category a {
	color: #fff;
}
.mainlabel .post-slider-title h2 {
	font-size: large;
	line-height: normal;
	padding: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.mainlabel .post-slider-title h2 a {
	color: #333;
}
.mainlabel .post-slider-title .title-summary {
	font-size: inherit;
	line-height: 1.5;
	color: #666;
	margin: 10px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.mainlabel .post-slider-title .info_content {
	display: flex;
	align-items: center;
	margin-top: 10px;
	color: #999;
	font-size: x-small;
	text-transform: uppercase;
}
.mainlabel .post-slider-title .author {
	margin-right: 10px;
}
.mainlabel .post-slider-title .author a {
	color: var(--darkred);
	font-weight: bold;
}
.mainlabel .slide_button {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}
.swiper-button-next, .swiper-button-prev {
	position: relative!important;
	width: auto!important;
	height: auto!important;
	margin-top: 0!important;
}
.swiper-button-next:after, .swiper-button-prev:after {
	font-size: inherit!important;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border: 1px solid#ccc;
	font-weight: bold;
	color: #333;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset,-2px)!important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset,-2px)!important;
}
/*-------------------
  >>> INDEXS PAGE <<<
---------------------*/
.site-main.indexs {
	margin-bottom: 50px;
}
.mainform {
	margin-bottom: 30px;
}
h2.title-archive-page {
	font-size: large;
	margin-bottom: 15px;
}
h2.title-archive-page span {
	color: var(--darkred);
}
.select-indexs select {
	width: 100%;
	background: none;
	border: 1px solid#ddd;
	padding: 15px;
}

/*-----------------------
  >>> CONTENT PRIMARY <<<
-------------------------*/
.site-main {
	padding: 30px 0;
}

.main-content {
	overflow: hidden;
	width: 750px;
	float: left;
}
.main-content .cat_row {
	margin-bottom: 50px;
}
.main-content .title_heading {
	margin-bottom: 20px;
	border-bottom: 2px solid var(--darkred);
}
.main-content h2.title_label {
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	padding: 10px 15px;
	background: var(--darkred);
}
.main-content h2.title_label {
	margin-bottom: -2px;
}
.main-content h2.title_label a {
	color: #fff;
}
/*-----------------------*/
.box_row {
	display: flex;
}
.box_row .box-article {
	padding: 0;
	border: none;
}
.cel_row.left {
	flex: 0 0 48%;
	margin-right: 30px;
}
.cel_row.left .box-article-image {
	float: none;
	width: auto;
}
.cel_row.left .box-article-image img {
	height: 180px;
}
.cel_row.left .box-article-title {
	padding: 15px 0;
}
.cel_row.left .box-article-title h2 {
	font-size: 20px;
	line-height: normal;
}
.cel_row.left .box-article-title .info_content {
	display: flex;
	align-items: center;
	margin-top: 10px;
	font-size: x-small;
	text-transform: uppercase;
	color: #999;
}
.cel_row.left .box-article-title .info_content .author {
	margin-right: 10px;
}
.cel_row.left .box-article-title .info_content .author a {
	color: var(--darkred2);
	font-weight: bold;
}
.cel_row.left .box-article-title .date {
	margin: 0;
}
.cel_row.left .box-article-title .title-summary {
	font-size: inherit;
	line-height: 1.5;
	color: #666;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media (max-width:770px) {
	.box_row {
		display: block;
	}
	.cel_row.left {
		flex: 0 0 100%;
		margin: 0;
	}	
}
/*-----------------------------*/
.cel_row.right {
	flex: 1;
}
.cel_row.right .box-article {
	margin-bottom: 30px;
}
.cel_row.right .box-article-title h2 {
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.cel_row.right .box-article-title .info_content {
	text-transform: uppercase;
}
.cel_row.right .box-article-title .author {
	display: none;
}
.cel_row.right .title-summary {
	display: none;
}
@media (max-width:770px) {
	.cel_row.right {
		flex: 0 0 100%;
	}
	.cel_row.right {
		margin-top: 10px;
	}
}
@media (max-width:430px) {
	.cel_row.right .box-article .box-article-image {
		width: 100px;
	}
	.cel_row.right .box-article .box-article-image img {
		height: 100px;
	}
}
/*------------
 * PAGE STATIS
 -------------*/
.site-main.statis {
	margin: 30px 0;
}

.main-content.main-content-page {
	float: none;
}

.main-content.main-content-page .single-content {
	width: auto;
	float: none;
}

.main-content.main-content-page .single-content p {
	font-size: initial;
	line-height: 1.6;
}

.main-content.main-content-page .single-header {
	text-align: left;
	padding: 0;
}

@media (max-width: 770px) {
	.site-main {
		padding: 25px 15px;
	}
	.main-content {
		width: auto;
		float: none;
	}
}

.main-content-page .single-header.statis-page {
	padding:0;
	margin-bottom: 15px;
	text-align: left;
}

.main-content-page .single-header h3.post-title {
	display: none;
	font-size: large;
}

/*----------------
  >>> CATEGORY <<<
------------------*/
.site-main.cat h2.title-cat-page {
	text-transform: capitalize;
	font-size: xx-large;
}
.site-main.cat h5.summary_post_title {
	font-size: inherit;
	margin: 15px 0;
}
.site-main.cat h5.summary_post_title .taxonomy-description {
	font-size: inherit;
	font-weight: normal;
	line-height: 1.5;
}
.site-main.cat h5.summary_post_title .taxonomy-description img {
	margin-bottom: 30px;
}
h5.summary_post_title p {
	line-height: 1.5;
	font-weight: normal;
	color: #333;
}
.primary-cat .box-article {
	border: none;
	padding: 20px 0;
}
.primary-cat .box-article-image {
	position: relative;
	width: 360px;
	margin-right: 30px;
}
.primary-cat .box-article-image img {
	height: 257px;
}
.primary-cat .box-article-image .category {
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 5px 10px;
	font-size: smaller;
	text-transform: uppercase;
	background: var(--darkred);
}
.primary-cat .box-article-image .category a {
	color: #fff;
}
.primary-cat .box-article-title {
	padding: 0;
}
.primary-cat .box-article-title h2 {
	font-size: 20px;
	display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.primary-cat .box-article-title .info_content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: x-small;
	color: #999;
	text-transform: uppercase;
	line-height: normal;
	margin: 10px 0;
}
.primary-cat .box-article-title .info_content .author {
	margin-right: 10px;
}
.primary-cat .box-article-title .info_content .author a {
	font-weight: bold;
	color: var(--darkred);
}
.primary-cat .box-article-title .info_content .date {
	margin: 0;
}
.primary-cat .box-article-title .title-summary {
	font-size: inherit;
	color: #333;
	line-height: 1.5;
	display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width:430px) {
	.primary-cat .box-article-image {
		width: 100px;
		margin-right: 15px;
	}
	.primary-cat .box-article-image img {
		height: 100px;
	}
	.primary-cat .box-article-title h2 {
		font-size: 15px;
	}
	.primary-cat .box-article-title .title-summary {
		display: none;
	}
	.primary-cat .box-article-image .category {
		font-size: xx-small;
		top: 5px;
		left: 5px;
	}
}
/*-------------------
  >>> SEARCH PAGE <<<
---------------------*/
.primary_search .box-article-image {
	width: 260px;
	margin-right: 30px;
}
.primary_search .box-article-image img {
	height: 185px;
}
.primary_search .box-article-title {
	padding: 0;
}
.primary_search .box-article-title  h2 {
	font-size: large;
	line-height: normal;
}
.primary_search .info_content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 10px;
	font-size: x-small;
	line-height: normal;
	color: #999;
	text-transform: uppercase;
}
.primary_search .info_content .author {
	margin-right: 5px;
}
.primary_search .info_content .author a {
	font-weight: bold;
	color: var(--darkred);
}
.primary_search .box-article-title .date {
	margin: 0;
}
.primary_search .box-article-title .title-summary {
	margin-top: 10px;
	font-size: inherit;
	line-height: 1.5;
	color: #666;
	display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.primary_search .box-article {
	border: none;
}
/*-----------------------*/
.primary_search h3.title_tag {
	font-size: x-large;
	margin-bottom: 15px;
}
.primary_search h3.title_search {
	font-size: large;
	margin-bottom: 15px;
}

@media (max-width:430px) {
	.primary_search .box-article-image {
		width: 100px;
		margin-right: 15px;
	}
	.primary_search .box-article-image img {
		height: 100px;
	}
	.primary_search .box-article-title h2 {
		font-size: 15px;
	}
	.primary_search .box-article .title-summary {
		display: none;
	}
}
/*-------------------
  >>> AUTHOR PAGE <<<
---------------------*/
.authorpage {
	display: flex;
	align-items: center;
	padding: 30px 20px;
	background: whitesmoke;
	margin-bottom: 30px;
}
.authorpage img {
	width: 110px; 
	border-radius: 100%;
	margin-right: 30px;
}
.authorpage .profilename {
	font-size: 20px;
	font-weight: bold;
}
.authorpage .creditinfo p {
	color: #999;
}
.creditinfo h5 {
	display: none;
	margin-top: 10px;
	font-size: inherit;
	font-weight: normal;
}
.creditinfo .summary_author {
	color: #999;
	line-height: 1.5;
	font-size: inherit;
}
@media (max-width:430px) {
	.authorpage {
		display: block;
		text-align: center;
	}
	.authorpage img {
		margin: 0;
	}
	.authorpage .creditinfo {
		margin-top: 25px;
	}
}
/*------------------
  >>> ADS CENTER <<<
--------------------*/
.ads_center {
	text-align: center;
	margin: 25px 0;
}

.ads_center .widget_media_image img {
	width: 468px;
}

/*-------------------
 >>> PAGE NUMBER <<<
---------------------*/
.pagination-number {
	padding-top: 35px;
}
ul.page-numbers {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
ul.page-numbers li {
	margin: 0 2px;
}
ul.page-numbers li a, ul.page-numbers li span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	background: #fff;
	font-size: inherit;
	font-weight: 600;
	border: 1px solid#eee;
}
ul.page-numbers li span.page-numbers.current {
	background: var(--darkred);
	color: #fff;
	border-color: var(--darkred);
}
ul.page-numbers li a.prev.page-numbers, ul.page-numbers li a.next.page-numbers {
	display: none;
}
ul.page-numbers li span.page-numbers.dots {
	background: none;
	width: auto;
	height: auto;
	font-weight: normal;
	color: #999;
	border: none;
}

/*--------------
 >>> SIDEBAR <<<
----------------*/
.sidebar.home {
	width: 360px;
}
.sidebar {
	width: 300px;
	float: right;
	overflow: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 75px;
	box-sizing: border-box;
}

@media (max-width: 770px) {
	.sidebar {
		width: auto;
		float: none;
		margin-top: 50px;
	}
	.sidebar.home {
		width: auto;
		float: none;
	}
}
#kanal_sidebar .title_heading {
	border-bottom: 2px solid#eee;
	margin-bottom: 20px;
}
#kanal_sidebar h3.title_label {
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	padding: 10px 15px;
	background:var(--darkred);
	margin: -2px;
}
#kanal_sidebar h3.title_label a {
	color: #fff;
}
.box_sidebar .box-article {
	padding: 15px 0;
}
.box_sidebar .box-article:first-child {
	padding-top: 0;
}
.box_sidebar .box-article:last-child {
	border-bottom: 0;
}
.box_sidebar .box-article h2 {
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.box_sidebar .box-article .info_content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: x-small;
	text-transform: uppercase;
	line-height: normal;
	margin-top: 10px;
	color: #999;
}
.box_sidebar .box-article .info_content .author {
	margin-right: 10px;
}
.box_sidebar .box-article .info_content .author a {
	font-weight: bold;
	color: var(--darkred2);
}
.box_sidebar .box-article .info_content .date {
	margin: 0;
}
.box_sidebar .box-article .title-summary {
	display: none;
}
@media (max-width:430px) {
	.box_sidebar .box-article .box-article-image {
		width: 100px;
	}
	.box_sidebar .box-article .box-article-image img {
		height: 100px;
	}
}
/*------------------------
  >>> SIDEBAR CATEGORY <<<
--------------------------*/
.sidebar.cat {
	width: 300px;
}
#cat-popular .title_heading {
	border-bottom: 2px solid#eee;
	margin-bottom: 5px;
}
#cat-popular h3.title_cat {
	font-size: initial;
	text-transform: capitalize;
	padding: 10px 15px;
	margin-bottom: -2px;
	background: var(--darkred);
	display: inline-block;
	color: #fff;
}
#cat-popular .box-article {
	border: none;
	padding: 15px 0;
}
#cat-popular .box-article .box-article-image {
	margin-right: 15px;
}
#cat-popular .box-article .box-article-title {
	padding: 0;
}
#cat-popular .box-article-title h2 {
	font-size: 16px;
	display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
#cat-popular .box-article-title .info_content {
	text-transform: uppercase;
}
#cat-popular .box-article-title .info_content .author {
	display: none;
}
#cat-popular .box-article-title .title-summary {
	display: none;
}
@media (max-width:770px) {
	.sidebar.cat {
		width: auto;
		float: none;
	}
}
@media (max-width:430px) {
	#cat-popular .box-article .box-article-image {
		width: 100px;
	}
	#cat-popular .box-article .box-article-image img {
		height: 100px;
	}
}
/*----------------------
  >>> ADS BOTTOM <<<
------------------------*/
.ads_bottom {
	max-width: 1140px;
	margin: auto;
	text-align: center;
}

.ads_bottom .widget_media_image img {
	width: 728px;
}

/*----------------------
  >>> 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: 1140px;
	}
}

/*------------------------------
  >>> Trending posts widget <<<
--------------------------------*/
.popular-posts.wpp-ajax {
	background: var(--darkred);
}
.popular-posts.wpp-ajax h2 {
	font-size: 20px;
	text-transform: capitalize;
	color: #fff;
	margin: 0 20px;
	padding: 20px 0;
	border-bottom: 2px solid#fff3;
	position: relative;
}
.popular-posts.wpp-ajax h2:after {
	content: "";
	width: 30px;
	height: 2px;
	background: #fff;
	display: block;
	position: absolute;
	bottom: -2px;
}
.popular-posts.wpp-ajax ul {
	list-style-type: disclosure-closed;
	margin: 0;
	padding: 20px;
	font-size: large;
	color: #fff;
}
.popular-posts.wpp-ajax ul li {
	overflow: unset;
	margin: 0 0 0 20px;
	padding: 15px 0;
	border-bottom: 1px solid#fff3;
}
.popular-posts.wpp-ajax ul li:first-child {
	padding-top: 0;
}
.popular-posts.wpp-ajax ul li a img {
	float: none;
	margin: 0;
}

.popular-posts.wpp-ajax ul li:last-child {
	border-bottom:0;
}

.wpp-thumbnail {
	width: 75px;
	height: 75px;
}

.popular-posts.wpp-ajax a.wpp-post-title {
	font-size: 15px;
	font-weight: normal;
	line-height: normal;
	color: #fff;
}

@media (max-width: 420px) {
	.wpp-thumbnail {
	width: 90px;
	height: 90px;
}
}

/*----------------------------
  >>> POPULAR POST PRIMARY <<<
------------------------------*/
.sidebar.single {
	width: 300px;
}
.sidebar.single .sidebar_widget_single {
	margin-bottom: 30px;
}
#popular_prim .title_heading {
	border-bottom: 2px solid#eee;
	margin-bottom: 5px;
}
#popular_prim h3.title_prim {
	display: inline-block;
	padding: 10px 15px;
	margin-bottom: -2px;
	background: var(--darkred);
	font-size: initial;
	text-transform: capitalize;
	color: #fff;
}
#popular_prim .box-article {
	overflow: hidden;
	padding: 15px 0;
	border: none;
}
#popular_prim .box-article-title h2 {
	font-size: 16px;
	line-height: normal;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#popular_prim .box-article-title .info_content {
	margin-top: 10px;
	text-transform: uppercase;
}
#popular_prim .box-article-title .info_content .author {
	display: none;
}
#popular_prim .box-article-title .info_content .date {
	margin: 0;
}
#popular_prim .box-article-title .title-summary {
	display: none;
}
@media (max-width:770px) {
	.sidebar.single {
		width: auto;
		float: none;
	}
}
@media (max-width:430px)  {
	#popular_prim .box-article .box-article-image {
		width: 100px;
	}
	#popular_prim .box-article .box-article-image img {
		height: 100px;
	}
}
/*----------------------*/
.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);
}

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

.sidebar .widget {
	position: relative;
	margin-bottom: 30px;
}

.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: 45px 0 35px;
	background: #212121;
}

.main-footer {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 35px;
}

.main-footer .myfoot {
	width: 33.33%;
	flex: 0 0 33.33%;
}

.myfoot.left .office-footer {
	color: #fff;
	line-height: 1.5;
	padding: 15px 0;
}

.footer-credit {
	text-align: center;
}

@media (max-width: 770px) {
	.footer .container {
		padding: 0;
	}

	.main-footer {
		flex-direction: column;
	}
	
	.main-footer .myfoot.left, .main-footer .myfoot, .main-footer .myfoot.center {
		flex: 0 0 100%;
		width: 100%;
		text-align: center;
	}
	
	.main-footer .myfoot.center {
		margin: 15px 0;
	}
	
}

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

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

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

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

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

	.footer-brand img {
		margin: 20px 0 15px 0;
	}
}

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

.footer-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.footer-menu ul li {
	width: 50%;
	flex: 0 0 50%;
}

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

.footer-menu ul li a:hover {
	color: gold;
}

@media (max-width: 680px) {
	.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;
	color: #fff;
	text-align: center;
	margin: 0 5px;
	font-size: 21px;
}

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

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

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

.menu-footer-primary ul li {
	margin-right: 10px;
}

.menu-footer-primary ul li a {
	display: block;
	padding: 5px 0;
	color: #f7f7f7;
}
.menu-footer-primary ul li a:after {
	content: '/';
	margin-left: 10px;
}
.menu-footer-primary ul li:last-child a:after {
	display: none;
}
.menu-footer-primary ul li a:hover {
	color: #fff;
}

@media (max-width: 770px) {
	.main-footer-credit {
		display: block;
	}
	.menu-footer-primary ul {
		justify-content: center;
	}
	.menu-footer-primary ul li {
		margin: 0 10px;
	}
}

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

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

.footer-credit a {
	color: #fff;
	text-transform: uppercase;
	
}

@media (max-width: 680px) {
	.footer-credit {
		margin-top: 20px;
		text-align: center;
	}
}
/*-------------------*/
.social_footer ul {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.social_footer ul li {
	margin-left: 25px;
}
.social_footer ul li a {
	color: #999;
	font-size: initial;
}
@media (max-width:770px) {
	.social_footer ul {
		justify-content: center;
	}
	.social_footer {
		margin-top: 20px;
	}
	.social_footer ul li {
		margin: 0 10px;
	}
}
/*----------------------
   >>> SINGLE PAGE <<<
------------------------*/

.single-header {
	margin-bottom: 20px;
}

/*----------------------*/
.site-main.single .main-content {
	overflow: unset;
}
.breadcrumb {
	display: flex;
	align-items: center;
	font-size: smaller;
	color: #999;
	margin-bottom: 15px;
}
.breadcrumb span {
	text-transform: capitalize;
	margin-right: 3px;
}
.breadcrumb span.breadcrumbs__separator {
	margin-right: 5px;
}
.breadcrumb span:last-child a.breadcrumbs__link {
	color: #999;
}
.breadcrumb span a.breadcrumbs__link {
	color: #333;
}
.breadcrumb span a.breadcrumbs__link:hover {
	color: var(--darkred);
}
/*----------------------*/

.single-header h1.post-title {
	font-size: xx-large;
	line-height: normal;
	margin: 0;
	letter-spacing: -0.5px;
}

@media (max-width: 420px) {
	.single-header h1.post-title {
		font-size: x-large;
	}
}

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

.single-header h3.sub-title {
	margin-top: 15px;
	font-weight: normal;
	line-height: 1.5;
	color: #666;
	font-size: inherit;
}

/*----------------------*/
.pageinfo {
	display: flex;
	align-items: center;
	font-size: smaller;
	color: #999;
	margin-top: 20px;
}
.pageinfo .name_date {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.5;
}
.pageinfo .author {
	margin-right: 10px;
}
.pageinfo .author img {
	width: 35px;
	border-radius: 25px;
}
.pageinfo .name_date a {
	color: var(--darkred);
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 10px;
}

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

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

.featured-image figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.featured-image figcaption {
	display: block;
	font-size: 12px;
	line-height: normal;
	padding: 5px 0;
	color: #999;
	text-align: right;
}
/*------------
 * KONTRIBUTOR
 -------------*/
.site-main.contributor .main-content {
	width: auto;
	float: none;
}
.primary_contributor .single-content {
	width: auto;
	float: none;
}
ul.grid-contributors {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.grid-contributors li {
	text-align: center;
	padding: 20px;
	flex: 0 0 25%;
}
ul.grid-contributors li  img {
	border-radius: 100%;
	max-width: 200px;
}
ul.grid-contributors li .author-name {
	margin-top: 10px;
	font-size: initial;
	font-weight: 600;
	line-height: normal;
}
@media (max-width: 770px) {
	ul.grid-contributors li {
		flex: 0 0 50%;
		padding: 10px;
		margin-bottom: 20px;
	}
}
/*-------------------
 * SHARE POST CONTENT
 --------------------*/
.post_content {
	margin-bottom: 50px;
}
/*--------------------------------
  >>> Single page post style <<<
----------------------------------*/

.single-content {
	width: 670px;
	float: right;
}
@media (max-width:770px) {
	.single-content {
		width: auto;
		float: none;
	}
}
.single-content p {
	font-size: 16px;
	line-height: 1.7;
	margin-top: 0;
}
.single-content .wp-block-verse {
	font-weight:bold;
}

.single-content #instagram-embed-0 {
	max-width: 100%!important;
}

.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
	font-size: large;
	font-weight: normal;
	line-height: normal;
	margin: revert;
}

.single-content p a {
	text-decoration: none;
	color: #da251d;
	font-weight: bold;
}

.single-content p a.st_tag:before {
	display: none;
}

.single-content p a.st_tag {
	font-weight: normal;
}

.single-content ul, .single-content ol {
}

.single-content ul li, .single-content ol li {
	font-size: initial;
	line-height: 1.6;
}

.single-content figure {
	width: 100% !important;
	height: auto;
	margin: 10px 0 20px 0;
	padding: 0;
}

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

.single-content figcaption {
	display: block;
	font-size: 11px;
	line-height: 1.3;
	text-align: center;
	padding: 2px 0;
	color: var(--tint5);
}

.single-content p img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.single-content figure.wp-block-gallery ul {
	padding-left: 0;
}

.single-content figure.wp-block-gallery ul li:last-child {
	margin-bottom: 10px;
}

.single-content table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}

.single-content table td {
	border: 1px solid var(--border);
	padding: 10px;
}

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

h3.page-links-title {
	font-size: inherit;
	font-weight: 600;
	margin-top: 50px;
	margin-bottom: 10px;
}

.page-links {
	display: flex;
	flex-wrap: nowrap;
}

.page-links .post-page-numbers {
	margin: 0 2px;
}

.page-links a:first-child .link-number {
	width: auto;
	padding: 0 15px;
	margin-right: 0;
}

.page-links .link-number {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33px;
	height: 33px;
	border: 1px solid #eee;
	font-size: inherit;
	font-weight: 600;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
}

.page-links a:last-child .link-number {
	width: auto;
	padding: 0 15px;
	margin-left: 0;
}

.page-links .post-page-numbers.current .link-number {
	color: #fff;
	background: var(--darkred);
	border-color: var(--darkred);
}

.page-links .link-number:hover {
	background: var(--darkred);
	color: #fff;
}

.page-links .post-page-numbers.current {
	border-radius: 3px;
}

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

.post-tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 30px;
}

.post-tags .tags-title {
	font-size: inherit;
	font-weight: bold;
	text-transform: capitalize;
	margin-right: 5px;
}

.post-tags a {
	display: inline-block;
   padding: 5px 10px;
	margin: 3px;
   font-size: smaller;
	color: var(--darkred);
	font-weight: normal;
   text-decoration: none;
	background: #f5f5f5;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
}

.post-tags a:hover {
	background: var(--darkred);
	color: #fff;
}

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

.social-share {
	width: 50px;
	float: left;
	overflow: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
}

@media (max-width: 770px) {
	.social-share {
		width: auto;
		float: none;
		position: relative;
		top: 0;
		margin-bottom: 30px;
	}
}

.social-media ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.social-media ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	text-decoration: none;
	color: var(--white);
	font-size: initial;
}

.social-media ul li a.fb {
	background: #133783;
}

.social-media ul li a.tw {
	background: #1b95e0;
}

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

.social-media ul li a.tl {
	background: #223344;
}

.social-media ul li a.em {
	background: #de4e4e;
}
@media (max-width: 770px) {
	.social-media ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.social-media ul li {
		flex: 0 0 19%;
	}
	.social-media ul li a {
		width: auto;
		height: 32px;
		border-radius: 3px;
	}
}

/*----------------------*/
.fb-comments {
	margin-top: 50px;
}

.comment-section {
	margin-bottom: 25px;
}

.comments-area {
	margin-bottom: 35px;
}

@media (max-width: 680px) {
	.comment-section {
		padding: 0 15px;
	}
}

.comment-section h3.comment-reply-title {
	margin-bottom: 5px;
	color: var(--black);
}

.comment-section .logged-in-as a {
	color: var(--tint5);
	font-size: smaller;
}

.comment-section #cancel-comment-reply-link {
	color: orangered;
   text-decoration: none;
   margin-left: 10px;
   font-size: small;
}

.comment-section .comment-notes {
	margin: 15px 0 10px 0;
	font-size: small;
	color: var(--tint5);
}

.comment-section form label {
	display: block;
	margin: 0 0 10px 0;
}

.comment-section form textarea, .comment-section form input {
   width: 100%;
   font-family: inherit;
   padding: 10px;
   border: 1px solid var(--border);
   border-radius: 5px;
   color: var(--tint4);
   outline: none;
}

.comment-section form input[type=checkbox] {
	width: auto;
	float: left;
	margin-right: 5px;
}

.comment-section form .comment-form-cookies-consent label {
	font-size: small;
	color: var(--tint5);
}

.comment-section form input.submit {
	display: inline-block;
   padding: 8px 15px;
   font-size: 14px;
   border: none;
   background: var(--blue);
   color: var(--white);
   border-radius: 5px;
   cursor: pointer;
}

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

.comment-section .post-comments {
	margin: 40px 0;
	padding: 0;
	list-style-type: none;
}

.comment-section .post-comments li .comment-body {
	padding: 20px;
	background: var(--border);
	border-radius: 5px;
	margin-bottom: 20px;
}

.comment-section .post-comments li .comment-author {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.comment-section .post-comments li .comment-author img {
	width: 30px;
	height: 30px;
	object-fit: cover;
	border-radius: 30px;
}

.comment-section .post-comments li .comment-author .fn {
	margin: 0 5px 0 10px;
}

.comment-section .post-comments li .comment-author .says {
	font-size: small;
}

.comment-section .post-comments li .comment-metadata a {
	color: var(--tint2);
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 5px;
	display: block;
}

.comment-section .post-comments li .comment-awaiting-moderation {
	font-size: smaller;
	color: var(--tint5);
}

.comment-section .post-comments li .comment-content p {
	line-height: 1.5;
}

.comment-section .post-comments li .reply a {
	display: inline-block;
   font-size: smaller;
   text-decoration: none;
   background: var(--blue);
   padding: 5px 15px;
   border-radius: 3px;
   color: var(--white);
}

.comment-section ul li ul {
	list-style-type: none;
}

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

.related-post {
	position: relative;
	margin-top: 50px;
}

.related-post h3 {
	font-size: initial;
	text-transform: capitalize;
	padding: 0 0 10px;
	border-bottom: 1px solid#eee;
}

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

.related-post ul {
	list-style-type: none;
	margin: 20px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	margin-left:-15px;
	margin-right: -15px;
}

.related-post ul li {
	max-width: 50%;
	flex:0 0 50%;
	padding:0 15px 30px;
}

@media (max-width: 430px) {
	.related-post ul {
		margin-left:-7px;
	margin-right:-7px;
	}
	
	.related-post ul li {
		max-width: 100%;
	flex:0 0 100%;
		padding: 0 7px 30px;
	}
}

.box-related img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	vertical-align:middle;
}

.box-related h2 {
	font-size: 15px;
	margin-top: 10px;
	line-height: normal;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.box-related .date {
	margin-top: 10px;
	text-transform: uppercase;
	font-size: x-small;
	color: #999;
}
@media (max-width: 430px) {
	.box-related img {
		height: 180px;
	}
}

.box-related h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0;
	line-height: 1.3;
}

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

.box-related h3 a:hover {
	color: var(--tint4);
}

/*----------------------
    >>> 404 Page <<<
------------------------*/

.page-not-found {
	text-align: center;
	padding: 100px 0;
}

.page-not-found .title-404 {
	font-weight: 700;
	font-size: 100px;
	color: var(--black);
	margin: 0 0 10px 0;
}

.page-not-found .sub-not-found {
	font-weight: 700;
	font-size: 24px;
	color: var(--black);
	margin: 0 0 25px 0;
}

.page-not-found .btn-home {
	display: inline-block;
	padding: 10px 20px;
	border: 2px solid var(--black);
	font-size: 12px;
	text-decoration: none;
	border-radius: 50px;
	color: var(--black);
}

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

.internal-linking-related-contents .template-2, .internal-linking-related-contents:hover .template-2, .internal-linking-related-contents .template-2:hover {
	background-color: none!important;
	transition: none!important;
}
.internal-linking-related-contents .template-2 span.postTitle {
	color: var(--darkred);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
	margin: 0;
}

.internal-linking-related-contents .template-2 span.cta {
	display: block;
	background: none!important;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
}

/*--------------
 >> DARK MODE <<
----------------*/
.header_mode {
	background: var(--darkred2);
}
@media (max-width:770px) {
	.header_mode {
		display: none;
	}
}
.container_mode {
	max-width: 1140px;
	margin: auto;
	display: flex;
	justify-content: right;
	padding: 5px 0;
}
.dark-toggle input {
	display: none;
}

body.is-dark, body.is-dark .mainmenu, body.is-dark #headerbar, body.is-dark .header {
	background: #111;
}
body.is-dark a:link, body.is-dark a:visited, body.is-dark .related-post h3, body.is-dark .single-header h1.post-title, body.is-dark .site-main.cat h2.title-cat-page, body.is-dark .authorpage .profilename, body.is-dark h2.title-cat-page, body.is-dark .main-content-page .single-header h3.post-title, body.is-dark h2.title-archive-page, body.is-dark .select-indexs select, body.is-dark h2.title-archive-page span, body.is-dark .post-tags .tags-title, body.is-dark .swiper-button-next:after, body.is-dark .swiper-button-prev:after, body.is-dark .primary_search h3.title_search, body.is-dark .primary_search h3.title_tag, body.is-dark h3.page-links-title, body.is-dark .internal-linking-related-contents .template-2 span.cta  {
	color: #fff!important;
}

body.is-dark .mainlabel .post-slider-title .title-summary, body.is-dark .cel_row.left .box-article-title .title-summary, body.is-dark .single-content p, body.is-dark .single-header h3.sub-title, body.is-dark .summary_post_title p, body.is-dark .primary-cat .box-article-title .title-summary, body.is-dark .primary_search .box-article-title .title-summary, body.is-dark .single-content ul, body.is-dark .single-content ol, body.is-dark .single-content h2, body.is-dark .site-main.cat h5.summary_post_title .taxonomy-description ul, body.is-dark .site-main.cat h5.summary_post_title .taxonomy-description ol, body.is-dark .single-content h1, body.is-dark .single-content h2, body.is-dark .single-content h3, body.is-dark .single-content h4, body.is-dark .single-content h5, body.is-dark .single-content h6 {
	color: #ccc;
}

body.is-dark #popular_prim .title_heading, body.is-dark .main-footer-credit, body.is-dark .related-post h3, body.is-dark .newlates .title_heading, body.is-dark .mainlabel .title_heading, body.is-dark .main-content .title_heading, body.is-dark #kanal_sidebar .title_heading, body.is-dark .box_sidebar .box-article, body.is-dark #cat-popular .title_heading, body.is-dark ul.page-numbers li a, ul.page-numbers li span, body.is-dark .select-indexs select, body.is-dark .page-links .link-number {
	border-color: #333;
}

body.is-dark .header_mode, body.is-dark .back-to-top .material-icons, body.is-dark .select-indexs select, body.is-dark .post-tags a {
	background: #333;
}

body.is-dark .title-read {
	color: red!important;
}

body.is-dark .creditinfo h5 {
	color: #eee;
}

body.is-dark .authorpage {
	background: #282828;
}

body.is-dark ul.page-numbers li a, ul.page-numbers li span {
	background: #111;
}

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

body.is-dark .internal-linking-related-contents .template-2 {
	background-color: #111!important;
}
body.is-dark .internal-linking-related-contents .template-2 span.postTitle {
	color: #ffd700;
}

.dark-toggle__switch {
  --width: 44px;
  --height: 24px;
  --padding: 4px;
 
  display: block;
  overflow: hidden;
  position: relative;
  background-color: black;
  width: var(--width);
  height: var(--height);
  border: 1px solid white;
  border-radius: 1rem;
}

.dark-toggle__switch:before {
  content: "";
  position: absolute;
  z-index: 3;
  display: inline-block;
  background-color: white;
  width: calc(var(--height) - var(--padding) - var(--padding));
  height: calc(var(--height) - var(--padding) - var(--padding));
  top: 50%;
  left: var(--padding);
  border-radius: 50%;
  transform: translateY(-50%);
  transition: all 0.25s ease-in-out;
}

input:checked + .dark-toggle__switch::before {
  transform: translateY(-50%) translateX(calc(var(--width) / 2 - var(--padding) / 2));
}

.header_mode input {
	display: none;
}

.dark-toggle__switch:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  display: inline-block;
  background-color: black;
  transition: all 0.25s ease-in-out;
  transform: translateY(-50%);
  width: 1px;
  height: 1px;
  border-radius: 50%;
}

body.is-dark .dark-toggle__switch:after {
  z-index: 4;
  width: calc(var(--width) * 0.7);
  height: calc(var(--width) * 0.7);
}

html[lang]
 {
  margin-top: 0 !important
}

#wpadminbar {
  position: sticky
;
}

/* Revert back the adminbar so it doesn't become White */
body.is-dark #wpadminbar {
  filter: invert(100%) hue-rotate(180deg);
}