/*!
Theme Name: nusantarapedia
Theme URI: https://nusantarapedia.net
Author: Team IT nusantarapedia.net
Author URI: https://nusantarapedia.net
Description: brighten of your mind
Version: 1.0.2
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nusantarapedia

nusantarapedia is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

@import url('//fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap');

:root {
	--white: #ffffff;
	--red: #F44336;
	--gray: #999999;
	--silver: #cccccc;
	--black: #333333;
	--tint1: #192935;
	--tint2: #33414c;
	--tint3: #4d5862;
	--tint4: #667079;
	--tint5: #80888f;
	--border: #e9e9e9;

}

* {
	box-sizing: border-box;
}

body {
	/* Set "my-sec-counter" to 0 */
  counter-reset: step-counter;
	margin: 0;
	padding: 0;
	font-family: 'Atkinson Hyperlegible', sans-serif;
	background:#fff;
	color:var(--black);
}

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

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


/*----------------------
  >>> Navigation Top <<<
------------------------*/

.navigation-top {
	background: #fff;
	width:auto;
	margin:auto;
	color: var(--white);
	box-shadow:rgba(0, 0, 0, 0.05) 0px 0.4rem 1.2rem 0px;
	position: sticky;
	top: 0;
	z-index: 1000;
}

.nav-mobile {
	display:none;
}

.mobile-wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#999;
}

.main-header-primary {
	width: auto;
	background:#ccc;
}

.container.header-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding:20px 0 0;
	justify-content: space-between;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header-wrap.fixed {
	padding:0;
}

.navigation-top-left, .site-title, .navigation-top-right {
	max-width:33.33%;
	flex:0 0 33.33%;
} 

.navigation-top-left {
	font-size: 12px;
	color:#666;
	text-align:left;
	padding:0;
}

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

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

.navigation-top-right ul li a {
	font-size: initial;
	color: #666;
	padding: 0 0 0 20px;
}

.menumini-mobile {
	display: none;
	background: #272727;
}

ul#menu-menu-mini {
	max-width: 970px;
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	margin: auto;
	padding: 0;
}

ul#menu-menu-mini li a {
	display: block;
	padding: 10px 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

@media (max-width: 770px) {
	.navigation-top {
		box-shadow:rgba(0, 0, 0, 0.05) 0px 0.4rem 1.2rem 0px;
	}
	.nav-mobile {
		display:block;
	}
	.menu-mobile-left {
		position:absolute;
		left:0;
		top:0;
	}	
	.menu-mobile-right {
		position:absolute;
		right:0;
		top:0;
	}	
	.nav-mobile .material-icons {
		height:60px;
		padding:0 15px;
		font-size:29px;
		color:#000;
		display:flex;
		align-items:center;
		cursor:pointer;
	}	
	.container.header-wrap {
		justify-content:center;
		padding:0;
	}
	.navigation-top-left, .navigation-top-right {
		display:none;
	}
	.menumini-mobile {
		display: block;
	}
}

@media (max-width: 420px) {
	.menumini-mobile {
		overflow: auto;
	}
	ul#menu-menu-mini {
		width: 450px;
	}
}

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

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

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

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

.site-title img {
	width: 300px;
}

@media (max-width: 770px) {
	.site-title {
		max-width:100%;
		flex:0 0 100%;
	}
	.site-title img {
		width: 200px;
	}
}

/*----------------------
  >>> Main Navbar <<<
------------------------*/

.navbar {
	background: #fff;
}

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

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

.menu-primary {
	display:flex;
	justify-content:center;
	align-items:center;
	background: #fff;
}

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

.nav-menu .title-mobile {
	display: none;
	padding: 20px;
	color: var(--white);
	background:#333;
}

.nav-menu .title-mobile .material-icons {
	font-size: 29px;
	float: right;
	color: var(--white);
	cursor:pointer;
}

.nav-menu ul li {
	position:relative;
}

.nav-menu ul li .material-icons {
	display:none;
}

.nav-menu ul li a {
	display: block;
	padding: 10px 20px;
	color: var(--black);
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: initial;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
}

.nav-menu ul li:hover a {
}

@media (max-width: 770px) {
	.menu {
		display:block;
	}
	.nav-menu {
		display: block;
		position: fixed;
		z-index:1000;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #fff;
		overflow: auto;
		margin-left: -100%;
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-o-transition: .3s;
	}

	.nav-menu .title-mobile {
		display: block;
	}

	.nav-menu ul li {
		float: none;
		margin: 0 20px;
		position:relative;
		border-bottom:1px solid#eee;
	}
	
	.nav-menu ul li:last-child {
		border-bottom:0;
	}

	.nav-menu ul li a {
		display: block;
		padding: 15px 0;
	}
	.menu-item-1077 a:after {
		position:absolute;
		right:0;
		top:0;
		padding:15px;
		z-index:100;
	}
}

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

.nav-menu ul li ul.sub-menu {
	display: none;
	width:140px;
	overflow: hidden;
	position: absolute;
	background: #fff;
	padding: 10px 15px;
	box-shadow: rgb(0 0 0 / 4%) 0 6.4px 19.2px 0;
	z-index:10;
}

.nav-menu ul li ul.sub-menu.nav1 {
	width:300px;
}

.nav-menu ul li ul.sub-menu.nav1 li {
	float:left;
	width:50%;
	margin:0;
}

.nav-menu ul li ul.sub-menu li {
	float: none;
}

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

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

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

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

@media (max-width: 770px) {
	.nav-menu ul {
		display:block;
	}
	
	.nav-menu ul li ul.sub-menu.nav1 {
		width:auto;
	}
	
	.nav-menu ul li ul.sub-menu {
		display:none;
		width:auto;
		position: unset;
		box-shadow: unset;
		padding: 0;
	}

	.nav-menu ul li:hover ul.sub-menu {
		display:none;
	}
	
	.nav-menu ul li .material-icons {
		display:block;
		position:absolute;
		top:0;
		right:0;
		padding:12px 5px;
		cursor:pointer;
		color:#999;
}
	
	.nav-menu ul li ul.sub-menu li {
		display:block;
		border:0;
	}
	
	.nav-menu ul li ul.sub-menu li a {
		padding: 10px 0;
		color:#999;
	}
}

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

.menu-primary .search .material-icons {
	display:flex;
	align-items:center;
	padding:0 10px;
	color: var(--black);
	font-size:21px;
	height:35px;
	cursor:pointer;
}

.menu-primary .search:hover {
}

@media (max-width: 770px) {
	.menu-primary .search {
		display:none;
	}
}

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

.box-search-form {
	display:none;
	background:#f9f9f9;
	padding:10px 15px;
	overflow: hidden;
	position:relative;
}

.search-primary {
	position:relative;
	max-width:970px;
	margin:auto;
}

.search-form .screen-reader-text {
	display:none;
}

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

.search-form .search-submit {
	display:none;
	position:absolute;
	top:0;
	right:0;
	height:36px;
	border:none;
	background:none;
	padding:0 10px;
	cursor:pointer;
}

.box-search-form .close-button {
	position:absolute;
	top:0;
	right:0;
}

.box-search-form .close-button .material-icons {
	color:#999;
	padding:0 10px;
	height:38px;
	display:flex;
	align-items:center;
	cursor:pointer;
}

/*---------------------*/
.menu-statis-mobile {
	display:none;
}

.menu-statis-mobile h3 {
	color:#333;
	background:#eee;
	padding:10px 20px;
}

.menu-statis-mobile ul li a {
	text-transform: capitalize;
	font-size:13px;
	padding:10px 0;
	color:#999;
}

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

/*----------------------*/
.sosmed-mobile {
	display:none;
	padding:50px 0;
}

.sosmed-mobile h3 {
	color:#333;
	text-align:center;
}

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

.sosmed-mobile ul li {
	margin:0 15px;
	border-bottom:0;
}

.sosmed-mobile ul li a {
	font-size:21px;
}

@media (max-width:770px) {
	.sosmed-mobile {
		display:block;
	}
}

/*----------------------
  >>> Advertisement <<<
------------------------*/

.adv-homepage {
	margin-bottom:20px;
}

.banner-homepage {
	max-width:900px;
	margin:auto;
}

.adv-homepage-2 {
	margin-bottom:20px;
}

.adv-homepage-2 .banner-homepage {
	max-width:468px;
	margin:auto;
}

.adv-homepage-3 {
	max-width:970px;
	margin:auto;
	margin-bottom:25px;
}

.adv-homepage-3 .banner-homepage {
	max-width:728px;
	margin:auto;
}

@media (max-width: 420px) {
	.adv-homepage {
		margin:0;
		padding:10px;
	}
	
	.adv-homepage-2 {
		padding:0 10px;
	}
	
	.adv-homepage-3 {
		padding:0 10px;
	}
}

/*----------------------
  >>> Main content <<<
------------------------*/
.main-row-content {
	width:640px;
	float:left;
}

.site-main {
	padding: 25px 0;
}

.main-content {
}

.main-content-page {
	margin-bottom: 50px;
}

@media (max-width: 770px) {
	.main-row-content {
		width:auto;
		float:none;
	}
	
	.main-content {
		width: 100%;
		float: none;
	}
}

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

	.site-main .container {
		padding: 0 !important;
	}
}

@media (max-width: 420px) {
	.site-main.single {
		padding: 0;
	}
	.single-header {
		padding: 15px 15px 0;
	}
	.featured-image {
		padding: 0 15px;
	}
	.single-content.post {
		padding: 0 15px;
	}
	.post-tags {
		padding: 0 15px;
	}
	.related-post {
		padding: 0 15px;
	}
	.latest-post-article {
		padding: 0 15px;
	}
	.sidebar.post {
		padding: 0 15px;
	}
}

/*----------------------
  >>> Posts slider <<<
------------------------*/

.swiper-wrapper {
	cursor:grab;
}

.swiper-container {
	overflow: hidden;
	width: auto;
	padding: 0 0 35px;
}

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

.post-slider .post-slider-image {
	overflow:hidden;
}

.post-slider-image img {
	height: 400px;
	transition: all .5s linear 0s;
}

.post-slider:hover img {
	transform:scale(1.1);
}

@media (max-width: 420px) {
	.post-slider-image img {
		height: 220px;
	}
}

.post-slider-title {
	padding:15px;
	text-align:center;
}

.post-slider-title .category {
	display: block;
	font-size: 13px;
    font-weight: normal;
    text-transform: capitalize;
    text-decoration: none;
}

.post-slider-title .category a {
	display:inline-block;
	color: #ff8c00 ;
	text-decoration:none;
}

.post-slider-title h2 {
	font-size: x-large;
	padding: 5px 0;
	line-height: 1.2;
}

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

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

.post-slider-title .date {
	font-size: x-small;
	color: #999;
	text-transform:capitalize;
}

@media (max-width: 420px) {
	.post-slider-title h2 {
		font-size: 20px;
	}
}

/*------------------
 >>> Post Editor <<<
--------------------*/

.box-editor {
	position: relative;
	margin-bottom: 35px;
}

.box-editor h3 {
	font-size:large;
	color: #000;
	text-transform:uppercase;
	margin-bottom:15px;
	position:relative;
	letter-spacing:1px;
}

.box-editor h3 span:after {
	content:"";
	position:absolute;
	top:8px;
	width:100px;
	height:5px;
	margin-left:15px;
	border-radius:25px;
	background:#3cb371;
}

.box-editor .swiper-editor {
	width: 640px;
}

.swiper-editor .swiper-slide {
	overflow:hidden;
}

.box-editor .swiper-button-next, .box-editor .swiper-button-prev {
	display:none;
	top:33%;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#fff;
	font-weight:bold;
	color: var(--red);
}

.box-editor .swiper-button-next:after, .box-editor .swiper-button-prev:after {
	font-size:large;
}

.box-editor .swiper-button-prev {
	left:-20px;
}

.box-editor .swiper-button-next {
	right:-20px;
}

.swiper-editor .post-cat-title h2 {
	font-size: 16px;
	line-height: 1.2;
	max-height: 60px;
	overflow: hidden;
}

.box-editor .swiper-editor .image-topik {
	overflow: hidden;
	margin-bottom: 10px;
}

.box-editor .swiper-editor img {
	height: 120px;
	transition: all .5s linear 0s;
}

.swiper-editor .post-cat-title .category {
	margin-bottom: 5px;
}

.swiper-editor .post-cat-title .category a {
	font-size: 13px;
	text-transform: capitalize;
	color: darkorange;
}

.swiper-editor .post-cat-title .date {
	font-size: x-small;
	color: #999;
	margin-top: 7px;
}

.swiper-editor .swiper-slide:hover img {
	transform:scale(1.1);
}

@media (max-width: 420px) {
	.box-editor {
		overflow:hidden;
	}
}
	
/*----------------------------
 >>> Latest posts Homepage <<<
------------------------------*/

.box-primary-right {
	width:auto;
}

.latest-post {
	overflow: hidden;
}

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

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

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

.box-title {
	position: relative;
}

.box-title h3 {
    font-size: large;
    text-transform: uppercase;
    padding: 0 0 10px;
    color: #000;
	border-bottom:1px solid#eee;
	position:relative;
	letter-spacing:1px;
}

.box-title h3 span {
	border-bottom:5px solid#3cb371;
	padding-bottom:5px;
}

.box-article {
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px solid#eee;
}

.box-article-image {
	width: 200px;
	margin-right: 20px;
	float: left;
	overflow:hidden;
}

.box-article-image img {
	width: 100%;
	height: 120px;
	object-fit: cover;
	vertical-align:middle;
	transition: all .5s linear 0s;
}

.box-article:hover img {
	transform:scale(1.1);
}

@media (max-width: 420px) {
	.box-article-image {
		width: 90px;
		margin-right: 15px;
	}
	.box-article-image img {
		height:90px;
	}
}

.box-article-title {
	overflow: hidden;
}

.box-article-title .category {
	display: block;
	font-size: 13px;
   font-weight: normal;
   text-transform: capitalize;
   text-decoration: none;
	margin-bottom: 5px;
}

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

.box-article-title h2 {
   font-size: large;
	line-height: 1.2;
	max-height: 65px;
	overflow: hidden;
}

@media (max-width: 420px) {
	.box-article-title {
		padding:0;
	}
	
	.box-article-title h2 {
		max-height: 60px;
		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 .date {
	font-size: x-small;
	color: #999;
	text-transform:capitalize;
	margin-top: 7px;
}

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

@media (max-width: 420px) {
	.box-article ul {
		margin-left:-5px;
	margin-right:-5px;
	}
	
	.box-article ul li {
max-width: 50%;
	flex:0 0 50%;
		padding:0 5px;
	}
}

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

/*----------------------
  >>> Page Author <<<
------------------------*/
.title-paged {
	padding-bottom: 15px;
	font-size: 13px;
}

.title-paged .the-query {
	font-weight: bold;
	color:#000;
}

.title-paged span {
	color: #3cb371;
}

.title-paged a {
	display: none;
	color:#999;
}

/*------------------------------
  >>> Post Category Homepage <<<
--------------------------------*/
.box-article-row {
	border-bottom:1px solid#eee;
}

.box-article-row h4 {
    padding: 15px 0;
    font-size: initial;
    text-transform: uppercase;
	letter-spacing:1px;
	position:relative;
	display:flex;
	justify-content:space-between;
	position:relative;
}

.box-article-row h4 a {
	color: #000;
	text-decoration: none;
	margin-left:90px;
	border-bottom:5px solid gold;
}

.box-article-row h4:before {
	content:"";
	background-image: url(../../uploads/NPJ-WATERMARK.png);
	background-size:80px;
	background-repeat:no-repeat;
	position:absolute;
	width:80px;
	height:32px;
	top: 11px;
}

.box-article-row h4 .view-all a {
	display:none;
	font-size:x-small;
	font-weight:normal;
	color:#999;
	text-transform:uppercase;
	letter-spacing:normal;
}

.box-article-row ul {
	list-style:none;
	margin:0 -15px;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}

@media (max-width: 420px) {
	.box-article-row ul {
		margin: 0 -5px;
	}
}

.box-article-row li {
	max-width: 50%;
	flex:0 0 50%;
	padding:0 15px;
	margin:0 0 25px;
	position:relative;
}

@media (max-width: 420px) {
	.box-article-row li {
		padding: 0 5px;
	}
}

.box-article-row .post-cat-image {
	overflow: hidden;
	margin-bottom: 10px;
	overflow: hidden;
}

.box-article-row .post-cat-image img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	vertical-align:middle;
	transition: all .5s linear 0s;
}

.box-article-row li:hover img {
	transform:scale(1.1);
}

.box-article-row .post-cat-title .category a {
	font-size:13px;
	text-transform:capitalize;
	color: var(--red);
}

.box-article-row .post-cat-title h2 {
    font-size: 16px;
	line-height: 1.2;
	max-height: 60px;
	overflow: hidden;
}

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

.box-article .post-cat-title h2 a:hover {
	color: #fbeee6  ;
}

.box-article-row .post-cat-title .date {
	font-size: x-small;
	color: #999;
	text-transform: capitalize;
	margin-top: 7px;
}

@media (max-width:420px) {
	.box-article-row .post-cat-image img {
		height: 100px;
	}
	.box-article-row .post-cat-title h2 {
		max-height: 60px;
	}
}

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

.next-prev {
	text-align: center;
	padding: 25px 0;
}

.next-prev a {
	display: inline-block;
    background: var(--blue);
    padding: 7px 20px;
    font-size: 13px;
    font-weight: bold;
    text-transform: capitalize;
    color: #999;
    border-radius: 25px;
    text-decoration: none;
}

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

.posts-main-pagination-number {
	margin: 15px 0;
	display: flex;
	justify-content: center;
}

.posts-main-pagination-number ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.posts-main-pagination-number ul li {
	float: left;
}

.posts-main-pagination-number ul li span, .posts-main-pagination-number ul li a {
	overflow: hidden;
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 4px;
	margin-right: 5px;
	font-size: 15px;
	color: var(--black);
	border: 1px solid var(--border);
	border-radius: 4px;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
}

.posts-main-pagination-number ul li span {
	border: 1px solid var(--black);
	background: var(--black);
	color: var(--white);
}

.posts-main-pagination-number ul li a:hover {
	border: 1px solid var(--black);
	background: var(--black);
	color: var(--white);
}

/*----------------------------
 >>> Posts Index <<<
------------------------------*/
.main-content-index {
	width: 640px;
	float: left;
	padding-bottom: 35px;
}

@media (max-width:770px) { 
	.main-content-index {
		width: auto;
		float: none;
	}
}

/*-------------------------
 >>> Post Category Page <<<
---------------------------*/
.main-content-cat {
	width:640px;
	float:left;
}

@media (max-width: 770px) {
	.main-content-cat {
		width:auto;
		float:none;
	}
}

/*-------------------------
 >>> Sidebar Left <<<
----------------------------*/
.sidebar-left {
	display: none;
	width:160px;
	float:left;
	position: -webkit-sticky;
	position: sticky;
	top:150px;
}

.sidebar-left ul {
	list-style:none;
	margin:0;
	padding:0;
}

.sidebar-left h3 {
	text-transform:uppercase;
	font-size:initial;
	padding:0 0 10px;
	letter-spacing:1px;
}

.sidebar-left h3 a {
	color:#000;
	border-bottom:5px solid#3cb371;
	padding-bottom:5px;
}

.sidebar-left .widget {
	margin:25px 0;
}

@media (max-width: 770px) {
	.sidebar-left {
		width:auto;
		float:none;
	}
}

@media (max-width: 420px) {
	.sidebar-left {
		padding:0 15px;
	}
}

.box-primary-left {
	display:none;
	width:200px;
	float:left;
	position: -webkit-sticky;
	position: sticky;
	top: 125px;
}

.main-content-left {
	margin-bottom:25px;
}

.main-content-left li {
	padding:15px 0;
	border-top:1px solid#eee;
}

.main-content-left .post-thumb {
	display:none;
	width:auto;
	float:none;
	margin:0;
}

.main-content-left .post-thumb img {
	height:120px;
}

.main-content-left h2 {
	font-size:16px;
	padding:0 0 10px;
}

.main-content-left .date {
	font-size:x-small;
	color:#999;
}

/*-------------------------
 >>> Sidebar Container <<<
----------------------------*/

.sidebar {
	width: 300px;
	float: right;
	overflow: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 150px;
	box-sizing: border-box;
}

@media (max-width: 770px) {
	.sidebar {
		width: auto;
		float: none;
	}
}

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

.post-bottom {
	background:#000;
	margin-bottom:30px;
}

.post-bottom-cont {
	position: relative;
	padding:35px 0;
	overflow:hidden;
}

.swiper-bottom {
	width:970px;
}

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


.post-bottom-cont h3 {
	font-size: x-large;
	text-transform: uppercase;
	margin:0 0 20px;
	position:relative;
	text-align:center;
	border-bottom:1px solid#3cb371;
}

.post-bottom-cont h3 a {
	color: #fff;
	background:#000;
	padding: 5px 20px;
	text-decoration: none;
}

.swiper-bottom .post-cat-image {
	position:relative;
	overflow:hidden;
	margin-bottom: 15px;
}

.swiper-bottom .post-cat-image .fas {
	position:absolute;
	bottom:15px;
	left:15px;
	color:rgba(255,255,255,.65);
	font-size:large;
	border:1px solid;
	padding:5px;
}

.swiper-bottom .post-cat-image img {
	height:135px;
	transition: all .5s linear 0s;
}

.swiper-bottom .swiper-slide:hover img {
	transform:scale(1.1);
}

.swiper-bottom .category {
	font-size:13px;
	text-transform:capitalize;
	margin-bottom: 5px;
}

.swiper-bottom .category a {
	color:#ff8c00;
}

.swiper-bottom .post-cat-title h2 {
	font-size: 16px;
	line-height: 1.2;
	max-height: 57px;
	overflow: hidden;
}

.swiper-bottom .post-cat-title h2 a {
	color: #eee;
}

.swiper-bottom .post-cat-title .date {
	font-size:x-small;
	color:#999;
	margin-top: 7px;
}

@media (max-width: 980px) {
	.the-post-bottom {
		overflow: auto;
	}

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

.the-post-bottom ul li {
	overflow: hidden;
	width: 185px;
}

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

.the-post-bottom .post-cat-title {
	padding:10px 0;
}

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

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

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

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

.the-post-bottom .post-cat-title .category a {
	font-size:13px;
	text-transform:capitalize;
	color:var(--red);
}

/*------------------------------
  >>> Trending posts widget <<<
--------------------------------*/

.popular-posts.wpp-ajax h2 {
	font-size:large;
	color: #000;
	text-transform:uppercase;
	padding:0 0 10px;
	letter-spacing:1px;
}

.popular-posts.wpp-ajax h2 span {
	border-bottom:5px solid#3cb371;
	padding-bottom:5px;
}

.popular-posts.wpp-ajax ul.wpp-list {
	list-style:none;
	margin:0;
	padding:0;
}

.popular-posts.wpp-ajax ul li:before {
	content: counter(step-counter);
	display: table-cell;
	vertical-align: middle;
	width: 55px;
	font-size: 48px;
	font-weight: bold;
	color: #eee;
	text-align: right;
}

.popular-posts.wpp-ajax ul.wpp-list li {
	counter-increment: step-counter;
	margin:0;
	padding:10px 0;
	border-top:1px solid#eee;
}

.popular-posts.wpp-ajax .wpp-post-title {
	display:table-cell;
	vertical-align:middle;
	padding-left:15px;
	line-height:1.3;
	font-weight:bold;
	text-decoration:none;
	color:#333;
}

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

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

.custom-widget-popular-posts h2.widget-title {
	font-size: 20px;
	text-transform: capitalize;
	padding: 0 0 10px;
	color: var(--red);
	border-bottom:1px solid#eee;
}

.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: 10px 0;
	border-bottom: 1px solid#eee;
}

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

.custom-widget-popular-posts ul li:before {
	content: counter(step-counter);
	display: table-cell;
	width: 60px;
	font-size: 48px;
	font-weight: bold;
	color: #eee;
	text-align: right;
}

.widget-box-post {
	display: table-cell;
	vertical-align:middle;
	padding-left:15px;
}

.widget-box-post .post-image {
	display:none;
}

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

.widget-box-post .post-title h3 {
	font-size: 16px;
	font-weight: bold;
}

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

.sidebar .widget p {
	margin:0;
}

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

/*----------------------
  >>> Posts Kanal 1 <<<
------------------------*/

.label-3-colums-start {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 -15px;
}

@media (max-width: 770px) {
	.label-3-colums-start {
		margin: 0;
	}
}

.kanalrow {
	max-width:25%;
	flex:0 0 25%;
	padding:0 15px;
	margin:0 0 25px;
}

.kanalrow h3 {
	padding:0 0 10px;
	font-size:initial;
	text-transform:uppercase;
	letter-spacing:1px;
}

.kanalrow h3 a {
	border-bottom:5px solid#3cb371;
	padding-bottom:5px;
}

.the-post-kanal ul {
	list-style:none;
	margin:0;
	padding:0;
}

.the-post-kanal h2 {
	font-size: 16px;
	line-height: 1.2;
	max-height: 60px;
	overflow: hidden;
}

.the-post-kanal ul li {
	display:block;
	overflow:hidden;
	padding:15px 0;
	border-top:1px solid#eee;
}

.the-post-kanal .post-thumb {
	display:none;
	width:90px;
	float:left;
	margin-right:15px;
}

.the-post-kanal img {
	height:90px;
}

.the-post-kanal .post-title {
	overflow:hidden;
}

.the-post-kanal .date {
	font-size: x-small;
	color: #999;
	margin-top: 7px;
}

@media (max-width:770px) {
	.kanalrow {
		max-width:50%;
		flex:0 0 50%;
	}
}

@media (max-width:420px) {
	.container.label-wrap {
		margin:0 15px;
	}
	
	.kanalrow {
		max-width:100%;
		flex:0 0 100%;
		padding: 0;
	}
}

/*----------------------
  >>> Posts Kanal 2 <<<
------------------------*/

.label-3-colums-end {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:0 0 35px;
	margin:0 -15px;
}

@media (max-width: 770px) {
	.label-3-colums-end {
		margin: 0;
	}
}

.end-left, .end-center, .end-right {
	max-width:33.33%;
	flex:0 0 33.33%;
	padding:0 15px;
	margin:0 0 25px;
}

.label-3-colums-end h3 {
	padding:0 0 10px;
}

.the-post-end h2 {
	font-size: 16px;
	line-height: 1.2;
	max-height: 60px;
	overflow: hidden;
}

.the-post-end .date {
	font-size: x-small;
	color: #999;
	margin-top: 7px;
}

.the-post-end ul {
	list-style:none;
	margin:0;
	padding:0;
}

.the-post-end ul li {
	display:block;
	overflow:hidden;
	padding:10px 0;
	border-top:1px solid#eee;
}

.the-post-end .post-thumb {
	display:none;
}

@media (max-width:770px) {
	.end-left, .end-center, .end-right {
		max-width:100%;
		flex:0 0 100%;
	}
}

@media (max-width:420px) {
	.container.end-wrap {
		margin:0 15px;
	}
}

/*-------------------
  >>> Page Static <<<
---------------------*/

.main-content-statis {
	float:left;
	width:725px;
}

.single-header.statispage {
	text-align:left;
	padding:0;
}

.single-header.statispage h1 {
	font-size:large;
	padding:0;
	margin:0 0 20px;
}

.single-content.statispage {
	font-size: 16px;
	line-height: 1.5;
}

.single-content.statispage ul {
	list-style:lower-latin;
}

.single-content.statispage ol {
	list-style:lower-latin;
}

.sidebar.statispage .widget_media_image {
	display:none;
}

.wpcf7-form-control-wrap input {
	width:100%;
}

.wpcf7-form-control-wrap textarea {
	width:100%;
}

/*---------------------
    >>> Search Page <<<
-----------------------*/

.main-content-cat.search {
	padding-bottom: 35px;
}

.main-content-cat.search .title-paged span {
	text-transform: capitalize;
	color: #3cb371;
}

.sidebar.searchpage .widget_media_image {
	display:none;
}

@media (max-width:420px) {
	.main-content-cat.search {
		padding: 0;
	}
}

/*----------------
    >>> Footer <<<
------------------*/

.footer {
	padding-bottom: 50px;
	background:#272727;
}

.main-footer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: 35px;
	border-bottom:1px solid#171717;
}

.main-footer h2 {
	font-size:16px;
	padding:0 0 10px;
	color:#fff;
}

.footer-brand, .footer-menu, .footer-office {
	max-width:33.33%;
	flex:0 0 33.33%;
	margin-bottom: 25px;
}

.footer-main-text-block {
}

.footer-menu ul li .material-icons {
	display:none;
}

.footer-office p {
	margin:0;
	font-size:13px;
	line-height:1.5;
	color:#cbcbcb;
}

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

	.main-footer {
		flex-direction: column;
	}
	
	.footer-brand, .footer-menu, .footer-office {
		max-width:100%;
		flex:0 0 100%;
	}
	
	.footer-menu {
		display:none;
	}
	
	.footer-office {
		text-align:center;
	}
}

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

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

.footer-brand p {
	margin:10px 0 0;
	color:#cbcbcb;
	font-weight:normal;
	font-size:13px;
	line-height: 1.5;
}

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

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

.footer-brand img {
	width: 200px;
}

.logo-asosiasi img {
	width:120px;
}

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

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

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

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

.footer-menu ul li a {
	display: block;
	text-transform: capitalize;
	font-size: 13px;
	text-decoration: none;
	color: #cbcbcb;
	line-height:1.6;
}

.footer-menu .sub-menu {
	display:none;
}

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

/*-----------------------
    >>> Sosmed Bottom <<<
-------------------------*/

.social-media-bottom {
	padding:25px 0;
	border-top:1px solid#373737;
}

.social-media-bottom h2 {
	text-align:center;
	font-size:16px;
	color:#fff;
	padding:0 0 15px;
}

.social-media-bottom ul {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	align-items:center;
}

.social-media-bottom ul li {
	margin:0 10px;
}

.social-media-bottom ul li a {
	display:block;
	font-size:19px;
	width:30px;
	text-align:center;
	color:#fff;
}

/*-----------------------
    >>> Media Partner <<<
-------------------------*/

.media-partner-bottom {
	display:none;
	margin-bottom: 25px;
}

.media-partner-bottom ul {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	align-items:center;
}

.media-partner-bottom ul li {
	margin:0 10px;
}

.media-partner-bottom ul li img {
	width:90px;
	-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.media-partner-bottom ul li:hover img {
	-webkit-filter: grayscale(0);
filter: grayscale(0);
}

/*----------------------------
    >>> Menu Statis Bottom <<<
------------------------------*/

.menu-statis-bottom ul {
	list-style:none;
	margin:0;
	padding:0 15px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}

.menu-statis-bottom ul li a {
	display:block;
	padding:5px 12px;
	font-size:13px;
	color:#cbcbcb;
}

/*-----------------------
    >>> Credit Footer <<<
-------------------------*/

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

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

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

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

/*----------------------
   >>> Single Page <<<
------------------------*/

.ads_header {
	max-width: 970px;
	margin: auto;
	margin-bottom: 25px;
}

.ads_header p {
	margin: 0;
}

.main-content-post {
	width: 640px;
	float: left;
	overflow: hidden;
}

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

@media (max-width: 770px) {
	.main-content-post {
		width: auto;
		float:none;
		margin-bottom:50px;
	}	
	.single-content-left {
		display:none;
	}
}

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

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

.breadcrumb {
	font-size: 13px;
	color: #999;
}

.breadcrumb span {
	text-transform: capitalize;
	display: inline-block;
	margin: 0 10px;
}

.breadcrumb span a span {
	margin: 0;
}

.breadcrumb span.breadcrumbs__separator {
	margin: 0;
}

.breadcrumb span:first-child {
	margin-left: 0;
}

.breadcrumb span:first-child a {
	color: #999;
}

.breadcrumb span a {
	text-decoration: none;
	color: #999;
}

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

.single-header h1.post-title {
	font-size: xx-large;
	line-height: 1.2;
	margin: 15px 0;
}

.single-header h1.post-title a {
	color: inherit;
	text-decoration: none;
}

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

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

.single-header h3.sub-title {
	margin: 0;
	padding:0 0 10px;
	font-weight: normal;
	line-height: 1.3;
	color: var(--tint4);
	font-size: 14px;
}

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

.single-header .author {
	display:inline-block;
}

.single-header .author a {
	color: #e67e22;
	font-size: 13px;
	text-transform:capitalize;
	text-decoration: none;
}

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

.single-header .date {
	display:inline-block;
	font-size: 12px;
	color: #999;
}

.single-header .date:before {
	content:"-";
}

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

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

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

.featured-image figcaption {
	display: block;
	font-size: 12px;
	line-height: 1.3;
	padding: 8px 0;
	color: #999;
}

/*--------------------------------
  >>> Single page post style <<<
----------------------------------*/

.area-content-post {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.single-content-left {
	width:120px;
	display: none;
}

.banner-article-left {
	position: -webkit-sticky;
	position:sticky;
	top:140px;
}

.single-content-right .single-content p {
	margin-top:0;
}

.main-content-post .single-content.post {
	font-size: 17px;
	line-height: 1.6;
}

.single-content pre:before {
	content:"Baca Juga : ";
}

.single-content pre {
	font-family:inherit;
	font-weight:bold;
	line-height:1.3;
	white-space:normal;
}

.single-content .wp-block-verse a {
	color: #ff8c00;
}

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

.single-content.post p a.tag_link {
	font-weight: unset;
}

.single-content.post p a:before {
	content:"Baca Juga : ";
	font-weight: bold;
	color: #000;
}

.single-content.post p a {
	font-weight: bold;
	color: #ff8c00;
}

figure.wp-block-gallery.has-nested-images {
	margin: 35px 0;
}

@media (max-width: 770px) {
	.area-content-post {
		display: block;
		overflow: hidden;
	}
	
	.single-content-right {
		width: 100%;
		flex: 0 0 100%;
	}
}

.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
	line-height: 1.3;
}

.single-content a {
	text-decoration: none;
	color: #ff8c00;
}

.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: 12px;
	line-height: 1.3;
	color: #999;
	border-radius: 0 0 6px 6px;
}

.single-content .wp-block-gallery.has-nested-images figure.wp-block-image {
	margin-bottom: 0!important;
}

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

.single-content blockquote {
	margin: 25px 10px;
    padding-left: 15px;
    border-left: 5px solid orangered;
    line-height: 1.5;
    font-weight: bold;
}

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

.single-content .tr-caption {
	font-size:12px;
	color:#999;
	line-height:1.3;
}

.single-content .tr-caption-container td {
	border:none;
	padding:0;
}

.single-content .tr-caption {
	padding:5px 0!important;
	font-size:12px;
	color:#999;
	font-weight:normal;
	line-height:1.3;
	text-align:left!important;
}

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

.area-under-post {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:35px 0;
	border-bottom:1px solid#eee;
}

.page-links-title {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.page-links .post-page-numbers {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom:5px;
	font-size: 15px;
	background: #fff;
	color: var(--tint1);
	border:1px solid#3cb371;
	border-radius:4px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
}

.page-links .post-page-numbers:hover {
	background: #3cb371;
	color: var(--white);
}

.page-links span.post-page-numbers {
	background: #3cb371;
	color: var(--white);
}

.page-links .post-page-numbers:last-child {
	margin-left: 5px;
}

.post-page-numbers.current {
	margin-left:0!important;
}

@media (max-width: 420px) {
	.page-links {
		text-align: center;
	}
	.area-under-post {
		display:block;
	}
	
	.social-share {
		margin-top:25px;
	}
	
	.social-share p {
		text-align:center!important;
	}
	
	.social-media ul li {
		margin:0 5px!important;
	}
}

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

.post-tags {
	margin: 25px 0;
}

.post-tags .tags-title {
	font-size: initial;
	font-weight:bold;
   display: block;
   color: var(--tint5);
   margin-bottom: 10px;
}

.post-tags a {
	display: inline-block;
   padding: 5px 10px;
   background: #3cb371;
   color: var(--white);
   font-size: 13px;
	font-weight:bold;
   text-decoration: none;
   margin: 0 5px 5px 0;
	border-radius:3px;
}

.post-tags a:hover {
	background:#333;
}

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

.social-share {
	overflow: hidden;
}

.social-media {
}

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

.social-share p {
	font-size: 13px;
	color: var(--tint5);
	text-align:right;
	margin:0 0 10px;
}

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

.social-media ul li {
	margin-left: 5px;
}

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

.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.wa-mobile {
	display:none;
}

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

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

.social-media ul li a.em {
	background: #de4e4e;
}

@media (max-width: 420px) {
	.social-media ul li.wa-desktop {
	display:none;
}
	.social-media ul li.wa-mobile {
	display:block;
}
}

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

.fb-comments {
	margin-bottom:25px;
	display:block!important;
}

.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-bottom:35px;
}

.related-post h3 {
	font-size: large;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-bottom:15px;
	color: #000;
	letter-spacing:2px;
	border-bottom:1px solid#eee;
}

.related-post h3 span {
	border-bottom:5px solid#3cb371;
	padding-bottom:5px;
}

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

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

.related-post ul li {
	max-width:33.33%;
	flex:0 0 33.33%;
	padding:0 7px;
	margin-bottom: 25px;
}

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

.box-related-image {
	margin-bottom: 10px;
	overflow: hidden;
}

.box-related img {
	height: 120px;
	transition: all .5s linear 0s;
}

.related-post ul li:hover img {
	transform:scale(1.1);
}

@media (max-width: 420px) {
	.box-related img {
		height: 100px;
	}
}

.box-related h2 {
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	max-height: 60px;
	overflow: hidden;
}

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

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

.next-view-all {
	display:none;
	padding:20px 0;
	text-align:center;
}

/*----------------------*/
.post-under-content {
}

.post-under-content .under-post {
}

.under-post h3 {
	color:#000;
	text-transform:uppercase;
	font-size:large;
	letter-spacing:2px;
	padding-bottom:10px;
}

.under-post h3 span {
	border-bottom:5px solid#3cb371;
	padding-bottom:5px;
}

/*----------------------
    >>> Random Post <<<
------------------------*/

.random-post {
	display:none;
}

.random-post ul {
	list-style:none;
	margin:0;
	padding:0;
}

.random-post li {
	overflow:hidden;
	padding:15px 0;
	border-top:1px solid#eee;
}

.random-post .post-thumb {
	float:left;
	margin-right:15px;
	width:90px;
}

.random-post .post-thumb img {
	height:90px;
}

.random-post h2 {
	font-size:initial;
	margin-bottom:5px;
}

.random-post .date {
	font-size:x-small;
	color:#999;
}

/*----------------------
    >>> The Latest <<<
------------------------*/

.latest-post-article {
	margin-bottom:25px;
}

.latest-post-article h3 {
	font-size: large;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 10px;
}

.latest-post-article h3 span {
	border-bottom: 5px solid#3cb371;
	padding-bottom: 5px;
}

.latest-post-article .box-article {
	border-top:1px solid#eee;
	border-bottom:0;
}

.next-view-all a {
	display:inline-block;
	padding:7px 15px;
	border:1px solid var(--red);
	color: var(--red);
	font-size:13px;
	font-weight:bold;
	border-radius:5px;
}

.next-view-all a:hover {
	background: var(--red);
	color:#fff;
}

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

.back-to-top .material-icons {
	width:35px;
	height:35px;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
	background: rgba(0, 0, 0, 0.6);
	color: var(--white);
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
}
/*----------------------------
 >>> BANNER LEFT AND RIGHT <<<
 -----------------------------*/
.pull-banner {
	width: 970px;
	margin: 0 auto;
}
.pull-right, .pull-left {
	position: fixed;
	width: 160px;
	top: 145px;
}
.pull-right {
	margin-left: 990px
}
.pull-left {
	margin-left: -180px;
}
@media (max-width: 770px) {
	.pull-banner {
		display: none;
	}
}
/*------------------
 >>> DISPLAY AMP <<<
 -------------------*/
html[amp] .mobile-wrap {
	display: none;
}
html[amp] .featured-image amp-img {
	object-fit: cover;
}
html[amp] .box-related amp-img {
	object-fit: cover;
}
html[amp] .sidebar {
	position: relative;
	top: 0;
}
html[amp] .search {
	display: none;
}
html[amp] #block-61 {
	display: none;
}