/*
Theme Name: LMD Kabar News
Theme URI: http://lombokmedia.web.id/
Description: Tema WordPress dari LombokMedia
Author: Amrin Zulkarnain
Author URI: http://amrinz.wordpress.com
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white
Text Domain: lombokmedia
*/

html {
    scroll-behavior: smooth;
}

body {
	--satu: #00aab0;
	--dua: #262626;
	--link: #111111;
	--linkhover: var(--satu);

	--hitam: #000000;
	--putih: #ffffff;
	--abu: #f4f4f4;
	--merah:#ff001a;
	--btnbg: #333333;
	--btnbghover: #000000;
	--btncolor: #ffffff;
	--bodycolor: #ffffff;
	--bodyfontcolor: #212529;
	--border: #e7e7e7;
	--headingfont: inherit;
	--bodyfont: inherit;
	--pfn: 'Poppins', sans-serif;
	--hbo: 'Heebo', sans-serif;

    background: var(--bodycolor);
    color: var(--bodyfontcolor);
    font-size: 14px;
    line-height: 1.3;
    text-rendering: optimizeSpeed;
    transition: all 0.31s ease 0s;
}

a {
    color: var(--link);
	vertical-align: baseline;
	outline: 0;
	transition: all .2s ease;
}

a:hover {
	color: var(--linkhover);
	text-decoration: none;
}

h1, h2, h3, h4, h5. h6 {
	font-family: var(--headingfont);
}

h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 1em;
}

/* match height */
.match-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.match-height .col-match-height {
	display: flex;
	flex-direction: column;
}

.container {
	padding-top: 1em;
	padding-bottom: 1em;
}

/*** Header ***/
.lmd-mheader {
	background: #ffffff;
}
.lmd-mheader .container {
	padding-top: .5em;
	padding-bottom: .5em;
}

.lmd-mheader .lmd-middle img {
	height: 60px;
	width: auto;
}

.btn-sidenav .fa-bars {
	color: var(--satu);
}
.btn-sidenav .fa-bars:hover {
	color: var(--dua);
}
.btn-sidenav:hover, .openBtn:hover, .closebtn:hover {
	cursor: pointer;
}

.openBtn .fa-search, .closebtn .fa-close, .btn-sidenav .fa-bars {
	font-size: 26px;
}

.lmd-navbar-main .main-menu.active .dropdown-menu.show {
	position: fixed;
	top: 124px;
	left: 50%;
	transform: translateX(-50%);
}

/** Mobile Search - Modal */
.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1050;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  position: relative;
  top: 150px;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay .closebtn {
  position: absolute;
  top: 0;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

/** Mobile Menu **/
.sidenav {
  height: 100vh;
  width: 0;
  position: fixed;
  z-index: 1040;
  top: 0;
  left: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: all .2s ease;
}

.lmd-moblist-header {
	padding: 10px 15px;
	border-bottom: 1px solid var(--border);
}
.moblist-logo {
	width: calc(100% - 150px);
	padding-right: 10px;
	display: flex;
	align-items: center;
}
.moblist-logo .logo {
	display: block;
	text-align: left;
}
.moblist-logo .logo img {
	margin: 0;
	max-width: 100%;
}

.moblist-user img {
	border-radius: 50%;
	text-align: right;
}
.moblist-darkmode .fa, .moblist-login .fa {
	font-size: 20px;
}
.moblist-close .fa {
	font-size: 25px;
}
.moblist-user .nav-link, .moblist-darkmode .nav-link, .moblist-close .nav-link, .moblist-login .nav-link  {
    padding: .5rem 6px;
}
.moblist-close .nav-link {
    padding-top: .3rem;
}

.lmd-moblist h3 {
	font-size: 1.1em;
	font-family: var(--hbo);
}
.lmd-moblist h3 .fa {
	margin-right: 5px;
}
.lmd-moblist .fa {
	color: var(--satu);
}

ul.mmenu li a img {
    height: 17px;
    width: auto;
    border-radius: 50%;
    margin-right: 5px;
}

/* The navigation menu links */
.lmd-moblist {
	padding: 15px;
}
.lmd-moblist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.lmd-moblist ul li {
	width: 50%;
	float: left;
    padding: 6px 0 6px 0;
	position: relative;
}

.lmd-moblist ul li a {
	font-family: var(--hbo);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .5px;
}
.lmd-moblist ul li  a:hover {

}
.sidenav .socmed {
	margin: 15px;
	text-align: center;
}

.lmd-moblist-footer {
	margin-top: 20px;
	margin-bottom: 0;
	padding: 0 0 0 0;
	background-color: #000;
	color: #fff;
}
.lmd-moblist-footer .copyleft, .lmd-moblist-footer .copyright {
	font-size: 70% !important;
	font-family: var(--hbo);
	padding: 15px;
}
.lmd-moblist-footer .copyleft {
	text-align: left !important;
}
.lmd-moblist-footer .copyright {
	text-align: right !important;
}

/* Mobile Menu Fixed Bottom */
.lmd-navbar-mbottom {
	background: var(--satu);
	border-radius: 8px 8px 0 0;
	color: #ffffff;
}
.lmd-navbar-mbottom .nav-link {
	color: #ffffff;
}
.lmd-navbar-mbottom .nav-link:hover {
	opacity: .7;
}
.lmd-navbar-mbottom .nav-link .fa {
	font-size: 24px;
	background: transparent;
}


/* Desktop Header */
.lmd-header {
	background: #ffffff;
}
.lmd-header .container {
	padding-top: 0;
	padding-bottom: 0;
}
.nav-link, .dropdown-item {
	font-size: 14px;
	font-weight: 700;
	position: relative;
}

/* navbar-dark */
.navbar-dark .navbar-nav .nav-link, .navbar-dark .dropdown-item, .navbar-dark .navbar-nav .nav-link .fa {
	color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: var(--satu);
}
.navbar-dark .dropdown-menu {
	margin-top: 0;
	background: #000000;
	border-radius: 0;
	border: none;
	transition:.3s;
}

.navbar-dark .navbar-text {
    background: rgb(255, 255, 255);
	color: #000;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 0 8px 8px 0;
}
.navbar-dark .navbar-date .navbar-text {
	font-size: 80%;
}

/* navbar-light */
.navbar-light .navbar-nav .nav-link, .navbar-light .dropdown-item, .navbar-light .navbar-nav .nav-link .fa {
	color: #111111;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: color: var(--satu);;
}

.dropdown-item:hover {
	color: var(--satu);
	background: transparent;
}

.navbar-light .dropdown-menu {
	margin-top: 0;
	background: #ffffff;
	border-radius: 0;
	border: none;
	transition:.3s;
}

.dropdown-toggle::after {
   transition: transform 0.15s linear; 
}
.show.dropdown .dropdown-toggle::after {
  transform: translateY(3px);
}


.lmd-navbar-partner {
	background-color: #000000;
	color: #ffffff;
}
.lmd-navbar-partner .col-date {
	padding-left: 0;
}

.top-menu li img {
	width: 18px;
	height: auto;
	border-radius: 50%;
	margin-right: 5px;
}
.top-menu li:hover img {
	opacity: .8;
}

.lmd-navbar-partner .dropdown-item {
	color: #ffffff;
}
.lmd-navbar-partner .dropdown-item:hover {
	color: var(--satu);
}

.lmd-useradslogo .container-fluid {
	padding-top: .5em;
	padding-bottom: .5em;
}

.lmd-useradslogo .ml-15 {
	padding-left: 0;
}

.logo img {
	margin: 0;
	max-width: 100%;
}

.nav-user {
	margin-right: -15px;
	background: var(--satu);
	border-radius: 8px 0 0 8px;
}
.nav-user .nav-link {
	height: 46px;
	display: flex;
	align-items: center;
}
.nav-user .nav-link .fa {
	font-size: 25px;
	color: var(--putih);
}
.nav-user .nav-link:hover .fa {
	color: var(--dua);
}

.nav-user .avatar {
	border-radius: 50%;
	margin-right: 0 !important;
	float: none !important;
}

.nav-user .dropdown-toggle::after, .moblist-user  .dropdown-toggle::after {
    display: none;
}

.lmd-navbar-main {
	background-color: var(--satu);
	color: #ffffff;
	border-bottom: 4px solid rgb(58 188 165 / 1);
}
.lmd-navbar-main .main-menu {
	overflow: auto;
}

.lmd-navbar-main.navbar-dark .navbar-nav .nav-link:focus, .lmd-navbar-main.navbar-dark .navbar-nav .nav-link:hover {
	color: #111111;
}
.lmd-navbar-main.navbar-dark .dropdown-menu {
	background: var(--satu);
}
.lmd-navbar-main .dropdown-item {
	color: #ffffff;
}
.lmd-navbar-main .dropdown-item:hover {
	color: #111111;
}
.lmd-navbar-main .nav-link, .lmd-navbar-main .dropdown-item {
	text-transform: uppercase;
}

.lmd-navbar-main .home .nav-link {
	padding: .5rem 1rem 0 1rem;
}
.lmd-navbar-main  .home .fa {
	font-size: 30px;
	margin-top: -7px;
}

.lmd-navbar-main .main-menu li a {
	white-space: nowrap;
}

.lmd-navbar-network {
	background-color: #ebebeb;
}

.lmd-navbar-network .navbar-nav .tv {
	margin-right: 10px;
}
.lmd-navbar-network .navbar-nav .tv .nav-link {
	background: var(--satu);
	color: #ffffff;
	border-radius: 8px;
	padding: .5rem 1.2rem;
}
.lmd-navbar-network .navbar-nav .tv .nav-link .fa {
	color: #ffffff;
	margin-right: 5px;
}

/* Menu as Tags */
.lmd-tags {
	margin: 5px 0;
	padding: 0 0 10px 0;
	list-style: none;
}
.lmd-tags li:not(:last-child) {
	margin-right: 10px;
}
.lmd-tags li a::before {
	content: '#';
}
.lmd-tags li a {
	font-weight: bold;
	padding: 4px 8px;
	background-color: #ffffff;
	border-radius: 5px;
}

/* BreadCrumb */
.breadcrumb {
	border-radius: 8px;
	margin-bottom: 1em;
}
.breadcrumb li {
	margin-right: .5em;
}
.breadcrumb li::after {
	font-family: 'FontAwesome';
    display: inline-block;
    padding-left: .5em;
    color: color: var(--abu);
    content: "\f105";
}
.breadcrumb li:last-child:after {
	content: " " !important;
}
.breadcrumb li a {
	color: var(--linkhover);
}
.bcurrent {
	color: var(--dua);
}

/*** Main ***/
.lmd-main {
	margin-bottom: 30px;
}

/* Titles */
.post-title, .card-title {
	font-size: 1rem;
    line-height: 1.2;
    font-weight: 600;
	display: -webkit-box;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: var(--satu);
}

.post-title a {
	color: var(--link);
}

.post-title a:hover {
	color: var(--linkhover);
 }

.post-meta {
    font-size: .9em;
	color: var(--bodyfontcolor);
}

/* Thumbnails */
.post-thumbnail {
	margin-bottom: 10px;
}
.post-thumbnail img, .card-img, .single-photo img {
	background: var(--satu);
	opacity: .9;
	border-radius: 8px;
}
.single-photo img {
	border-radius: 8px 8px 0 0;
}
.post-thumbnail img:hover, .card a:hover .card-img, .single-photo img {
	opacity: 1;
}

/* Excerpt */
.excerpt {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.bubig .post-title {
	font-size: 1.2em;
	-webkit-line-clamp: unset;
}

/* Single Post - Page */
.single-post-title, .page-title, .archive-title, .bubig .post-title {
	font-family: var(--pfn);
}

.single-post-title, .page-title, .archive-title {
	margin: 0 0 15px;
	font-weight: 600;
}

.single-post .full-post .post-header, .single-post .full-post .post-body {
	padding: 15px;
	margin-bottom: 15px;
}

.single-post .post-category {
	margin: 0 0 15px;
}
.single-post .post-category a {
	background-color: var(--satu);
	color: var(--putih);
	padding: 3px 6px 4px;
	font-size: .8em;
	text-transform: uppercase;
	border-radius: 4px;
	font-weight: bold;
}

.single-photo {
    margin-bottom: 15px;
}

.full-post .post-body {
	font-size: 1.4em;
	line-height: 1.5;
}

.article-credits a {
	color: var(--linkhover);
}
.article-credits a:hover {
	color: var(--link);
}

.post-tags {
	margin-bottom: 0;
}

.post-tag {
	margin-bottom: 10px;
}
.post-tag a::before {
	content: '#';
}

.post-tag a, .post-tag a.disabled:hover, .itags {
	display: inline-block;
	padding: 5px 10px;
	background: rgba(0,0,0,.09);
	border-radius: 4px;
	margin: 0 5px 5px 0;
	color: var(--satu);
}
.post-tag a:hover {
	background: var(--satu);
	color: var(--putih)
}

/* E Koran */
#EKoran .carousel-inner {
	background: var(--dua);
	text-align; center;
}

#EKoran .carousel-item .carousel-image {
	height: 300px; 
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: center;
}


#EKoran .carousel-caption-content span {
	background: rgba(0,0,0,.7);
	padding: 5px 15px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
	background-color: #000;
    background-image: none;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
}


/* Author Box */
.author-box {
	position: relative;
	margin-bottom: 1em;
	background: var(--bodycolor);
}
.author_image {
    position: absolute;
	top: 10px;
	left: 15px;
	border-radius: 100%;
	width: 66px;
	height: 66px;
    text-align: center;
	background: var(--putih);
	padding: 3px;
}
.author_image img {
	margin: 0 auto;
	display: block;
    border-radius: 100%;
    width: 60px;
    height: 60px;
}

.author_content {
	padding: 10px 10px 10px 100px;
	color: var(--bodyfontcolor);
}
.author_name {
    margin: 0 0 5px;
    font-size: 1em;
    font-weight: 600;
	text-transform: capitalize;
}
.author_name a {
	color: var(--hitam);
}
.author_desc {
    margin-bottom: 1em;
	padding: 0;
	font-size: .9em;
}
.author_socials a {
    font-size: 1.2em;
    display: inline-block;
    margin: 0 10px 0 0;
    color: var(--abu);
}

/* Sidebar - Widgets */
.search-form {
	position: relative;
}
.search-form .form-control {
	padding-right: 30px;
}
.search-form .button {
	position: absolute;
	top: 0;
	right: 1px;
	background: #f2f2f2;
	border: 0;
	box-shadow: none;
	padding: 9px 10px;
	border-radius: 4px;
}

.widget {
	margin: 0 0 15px;
	padding: 0;
	position: relative;
	border-radius: 8px;
}

.widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget_meta li, .widget_categories li, .widget_nav_menu li, .widget_archive li, .widget_recent_entries li, .widget_recent_comments li {
	font-size: 14px;
	padding: 5px 0;
}

.lmd-sidebar .widget.widget_recent_comments li a {
	font-weight: 600;
}

/* Widget Recent Posts */
.lmd-recent-post {
	margin: 0;
	padding: 0;
	list-style: none;
}
.lmd-recent-post-item {
	margin: 0 0 10px;
}

.lmd-recent-post .post-text {
	padding-left: 15px;
}

/**Calendar**/
table#wp-calendar{
	width:100%;
}

table caption {
	font-weight:bold;
	text-align:center;
	padding-bottom:5px;
}

table#wp-calendar td#prev {
	text-align:left;
	padding-left:3px;
}

table#wp-calendar td#next {
	text-align:right;
	padding-right:3px;
}

table#wp-calendar th, table#wp-calendar td {
	padding: 5px;
	text-align:center;
	border:1px solid var(--border);
}

/* Tag Clouds */
.tag-cloud-link {
	display: inline-block;
	margin: 0 .5rem .5rem 0;
	padding: .3rem .6rem;
	border: 1px solid var(--border);
}

.widget-link .btn {
	margin-bottom: 10px;
}

/* LMD Recent Post */
.lmd-recent-item {
	padding: 0 10px 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--border);
}
.lmd-recent-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.lmd-recent-item .post-thumbnail img {
	border-radius: 8px;
}

/* Tags Terpopuler */
.widget_lmdpopulartags ul {
	counter-reset: my-awesome-counter;
}
.widget_lmdpopulartags ul li {
	counter-increment: my-awesome-counter;
	position: relative;
	margin-bottom: 15px;
	text-transform: capitalize;
}
.widget_lmdpopulartags ul li::before {
  content: "#"counter(my-awesome-counter);
  color: #fff;
  font-weight: 600;
  background: var(--satu);
  border-radius: 8px;
  text-align: center;
  padding: 2px 7px;
  margin-right: 10px;
}
.widget_lmdpopulartags .tag-cloud-link {
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0;
    border: none;
}

/* Widget Ekoran */
.widget_lmdekoran .widget-title {
	margin-bottom: 0;
}

#widgetEkoranCarousel .carousel-inner {
	border-radius: 0 0 8px 8px;
}
#widgetEkoranCarousel .carousel-caption {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    text-align: center;
    padding: 10px;
    background: var(--satu);
}

#widgetEkoranCarousel .carousel-caption-title  {
	font-size: 18px;
	font-weight: 600;
}

/* Widget Cek Fakta */
.widget_lmdcekfakta {
	background: var(--merah);
	padding: 15px;
	border-radius: 8px;
	color: var(--putih);
}
.widget_lmdcekfakta .widget-title {
	background: var(--merah);
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 28px;
}
.widget_lmdcekfakta .post-thumbnail img {
	border-radius: 8px;
}
.widget_lmdcekfakta .post-title {
    -webkit-line-clamp: unset;
}
.widget_lmdcekfakta .post-title a {
	color: var(--putih);
}

.widget_lmdcekfakta .btn {
	font-size: 14px;
}

/* Other Widgets */
.widget_text img {
	max-width: 100%;
}

/***** Comments *****/
.comment-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.children {
	margin-top: 1em;
	list-style-type: none;
}

.comment-list li.comment {
	margin-bottom: 10px;
	padding: 0 10px 10px;
	border-bottom: 1px solid var(--border);
}
.comment-list li.comment:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.comment-list li.comment li.comment {
	margin: 10px 0 10px 0;
	padding: 10px 0 5px 0;
	border-bottom: none;
	border-top: 1px solid var(--border);
}

.comment-body, .comment-meta, .cancel-comment-reply {
	margin-bottom: 10px;
}
.avatar {
	float: left;
	margin-right: 10px;
	border-radius: 8px;
}
.comment-metadata {
	font-size: smaller;
}

.comment-reply-link {
	padding: 5px 10px;
	background-color: var(--satu);
	color: var(--putih) !important;
	font-size: 0.8em;
	border-radius: 8px;
	border: none;
	text-transform: uppercase;
	font-weight: 600;
}

.comment-reply-link:hover {
	background-color: var(--btnbghover);
}

/* comment form */
#respond, .lmd-comments {
	margin-bottom: 15px;
}
#respond #commentform {
	margin: 0 10px;
}
.cancel-comment-reply {
	margin: 10px;
}

/* widget forms */
#commentform input, #commentform textarea, .widget_categories select, .form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	background-color: var(--putih);
	background-clip: padding-box;
	border: 1px solid var(--border);
	-moz-box-shadow: 0 2px 4px rgba(204,204,204,0.4) inset;
	-webkit-box-shadow: 0 2px 4px rgba(204,204,204,0.4) inset;
	box-shadow: 0 2px 4px rgba(204,204,204,0.4) inset;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#commentform textarea {
	height: calc(8em + .75rem + 2px);
}
#commentform input:focus, #commentform textarea:focus, .widget_categories select:focus, .form-control:focus {
	 background-color:var(--putih);
	 border-color: var(--border);
	 outline:0;
	 box-shadow: 0 2px 4px rgba(204,204,204,0.4) inset;
}

#commentform .btn-send-comment, .btn-add-review {
	background-color: var(--btnbg);
	color: var(--btncolor) !important;
	box-shadow: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	border: 1px solid var(--border);
	padding: 0.5em 1.5em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-transform: uppercase;
	font-weight: 600;
}
#commentform .btn-send-comment:hover, .btn-add-review:hover {
	background-color: var(--btnbghover);
}

/* Pagination */
.navigation {
	padding-top: 1em;
	padding-bottom: 1em;
}
.navigation:after {
	content: "";
	display: table;
	clear: both;
}

.navigation-single {
	font-size: 1.3em;
}

.prev-posts {
	float: left;
	width: 48%;
	text-align: left;
}

.next-posts {
	float: right;
	width: 48%;
	text-align: right;
}

.pagination {
	align-items: center;
    justify-content: center;
}
.page-item {
	margin: 0 5px;
}

.page-link, .page-link:focus {
	font-weight: 700;
	box-shadow: none;
    color: var(--putih);
    background-color: var(--link);
	border: 1px solid var(--link);
}

.page-item.active .page-link {
    color: var(--abu);
    background-color: var(--putih);
	border-color: var(--border);
}
.page-link:hover {
    color: var(--putih);
	background-color: var(--linkhover);
	border-color: var(--linkhover);
}

/* Next Page */
.paging-title {
	display: block;
	text-align: center;
	margin-bottom: 5px;
}
.post-page-numbers {
	--size: 32px;
	width: var(--size);
	height: var(--size);
	line-height: var(--size);
	text-align: center;
	border: 1px solid var(--border);
	border-radius: 50%;
	margin: 0 5px;
	background-color: var(--border);
	font-size: 14px;
}
.post-page-numbers.current {
	background-color: var(--putih);
}
.post-page-numbers:hover {
	background: var(--satu);
	color: var(--putih);
	border-color: var(--satu);
}

/*** Templates ***/
.full-width-narrow .container {
	background-color: transparent;
	padding-top: 0;
	padding-bottom: 0;
}
.full-width-narrow .lmd-content {
	background-color: var(--putih);
}

/* Blocks */
.owl-carousel, .lmd-kabartv, .lmd-news3kolom, .lmd-sgterkini {
	margin-bottom: 30px;
}

.widget-title, .related-title, .comments-title {
	font-size: 1.4em;
	letter-spacing: 1px;
	margin-top: 0;
	margin-bottom: 1em;
	background: var(--satu);
	color: var(--putih);
	border-radius: 8px 8px 0 0;
}

.archive-title {
	border-radius: 8px 8px 8px 8px;
}

.widget-title {
	margin-bottom: 10px;
}
.widget-title span, .related-title span, .comments-title span {
    display: inline-block;
	text-transform: uppercase;
	padding: 10px;
}
.widget-title span:before, .related-title span:before, .comments-title span:before {
	content: '#';
	margin-right: 5px;
}
.widget-title span span:before, .related-title span span:before, .comments-title span span:before {
	content: '';
	margin-right: 0;
}
.widget-title .widget-subtitle {
    display: block;
	text-transform: capitalize;
	font-size: 13px;
	padding: 0;
}

.comments-title span span {
	padding: 0 0 0;
	font-style: italic;
}

/***** Templates *****/
.lmd-slide {
	margin-bottom: 20px;
}
.lmd-slide .carousel-item img {
	border-radius: 8px;
}

/** Frontpage **/
.lmd-highlight, .lmd-terkini, .widget_lmdterpopuler, .widget_lmdpopulartags, .widget_lmdrecentposts, .widget_lmdcategoryposts, .widget_recent_entries, .widget_recent_comments, .widget_meta, .widget_categories, .widget_archive, .widget_pages, #respond, .lmd-comments, .owl-carousel, .video-wrapper, .lmd-news3kolom, .lmd-related-post, .single-post .full-post .post-header, .single-post .full-post .post-body {
	background: var(--abu);
	border: 1px solid var(--border);
	border-radius: 8px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.widget_recent_entries ul, .widget_recent_comments ul, .widget_meta ul, .widget_categories ul, .widget_archive ul, .widget_pages ul, .widget_lmdpopulartags ul {
	margin: 10px;
}

.excerpt.busmall, .excerpt.bubig {
	margin-bottom: 0;
}
.bubig .post-thumbnail img {
	border-radius: 8px 8px 0 0;
}
.bubig .post-content {
	padding: 0 10px;
}
.busmall {
	padding: 10px 10px 0;
	border-top: 1px solid var(--border);
}

/*** Block Owl Carousel ***/
.owl-carousel, .video-wrapper, .lmd-news3kolom, .lmd-related-post {
    padding: 10px;
}

.owl-excerpt {
	border: 1px solid var(--border);
	border-radius: 8px;
	background: var(--putih);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
.owl-excerpt .item-thumbnail img {
	border-radius: 8px 8px 0 0;
}
.owl-excerpt .item-content {
	padding: 6px;
}

/* custom nav */
.owl-prev, .owl-next {
	width: 15px;
    height: 100px;
    position: absolute;
    top: 20%;
    display: block !important;
    border:0px solid black;
}
.owl-prev {
    margin-left: 0 !important;
}

.owl-next {
    right: 5px;
}
.owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background-color: rgba(0,0,0,.2);
}

/** Kabar TV **/
.vbig, .vsmall {
	margin-bottom: 10px;
}

.card-img-overlay-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}
.card-img-overlay-bottom .card-title {
	-webkit-line-clamp: 2;
}

.card-title, .card-text, .fa-play-circle {
	color: var(--putih);
}

/* News Kolom */
.lmd-news3kolom {
	padding: 0;
}
.newskolom {
	padding: 10px 10px 0;
	border-top: 1px solid var(--border);
	margin: 10px 0 0;
}
.newsitem-1 .newskolom {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

/** Terkini **/
.lmd-terkini .bubig .post-body {
	padding-bottom: 0;
}
.lmd-terkini .bubig .post-thumbnail, .lmd-terkini .bubig .post-content  {
	padding: 0 10px;
}

.lmd-terkini .bubig {
	border-bottom: 1px solid var(--border);
}
.lmd-terkini .busmall {
	padding: 10px 10px 0;
	border-bottom: 1px solid var(--border);
	border-top: none;
}

.lmd-terkini .lasterkini .busmall {
	padding: 10px 10px 0;
	border-bottom: none;
}

.wspace {
	margin-bottom: 10px;
}
.wspacelast .wspace {
	margin-bottom: 0;
}

/* Ajax Button */
.lmd_loadmore, .lmd_loadmore2 {
	color: var(--putih);
	background-color: var(--satu);
	border: 1px solid var(--satu);
	border-radius: 8px;
	font-size: 0.9em;
	margin: 10px;
	width: calc(100% - 20px);
	font-weight: 600;
}
.lmd_loadmore:hover, .lmd_loadmore2:hover{
	background-color: var(--putih);
	border: 1px solid var(--satu);
	color: var(--satu);
}

/* Modules */
.lmd-related-post {
	margin-bottom: 15px;
}
.lmd-related-post .related-title {
	margin: -10px -10px 15px -10px;
}

.lmd-ekoran-carousel {
	margin-bottom: 15px;
}
.lmd-ekoran-carousel .item-content {
	background: var(--satu);
	color: #fff;
	text-align: center;
}
.lmd-ekoran-carousel .item-content .post-title {
	font-size: 1em;
}
.lmd-ekoran-carousel .item-content a {
	color: #fff;
}


/* Post Sharer */
.lmd-single-share ul {

}
.lmd-single-share ul li {
	margin-left: 5px;
}
.lmd-single-share ul li:first-child {
	margin-left: 0;
}

.lmd-single-share .fa-facebook-f, .lmd-single-share .fa-twitter, .lmd-single-share .fa-whatsapp {
	background: transparent;	
}
.btn-facebook {
	background: #1877f2!important;
    color: #fff;
}
.btn-twitter {
	background: #1da1f2!important;
    color: #fff;
}
.btn-whatsapp {
	background: #25d366!important;
    color: #fff;
}

/*PostImage*/
.post-body img {
	max-width: 100%;
	height: auto;
}
.alignleft, img.alignleft {
	display:inline;
	float:left;
	margin-right:10px;
}

.alignright, img.alignright {
	display:inline;
	float:right;
	margin-left:10px;
}

.aligncenter, img.aligncenter{
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignleft, img.alignright, img.aligncenter{
	margin-bottom:10px;
}

/* WP Caption */
.wp-caption {
	margin-bottom:10px;
	max-width:100% !important;
}
.wp-caption img {
	border-radius: 8px 8px 0 0;
}
.wp-caption .wp-caption-text, .single-photo .photo-caption {
	background: var(--dua);
	color: var(--putih);
	padding: 10px;
	border-radius: 0 0 8px 8px;
	text-align: center;
}
.wp-caption .wp-caption-text {
	background: transparent;
	color: var(--bodyfontcolor);
	padding: 5px;
	text-align: center;
	font-size: .9em;
	font-style: italic;
}

/* WordPress Gallery */
.gallery .gallery-item, .gallery .gallery-itemx {
	display: inline-block;
	vertical-align: top;
	padding: 0 0 10px;
	text-align: center;
}
.gallery-columns-2 .gallery-item, .gallery-columns-2 .gallery-itemx {
	width: 50%;
}
.gallery-columns-3 .gallery-item, .gallery-columns-3 .gallery-itemx {
	width: 33.33333333333333%;
}
.gallery-columns-4 .gallery-item, .gallery-columns-4 .gallery-itemx {
	width: 25%;
}
.gallery-columns-5 .gallery-item, .gallery-columns-5 .gallery-itemx {
	width: 20%;
}
.gallery-columns-6 .gallery-item, .gallery-columns-6 .gallery-itemx {
	width: 16.66666666666667%;
}
.gallery-columns-7 .gallery-item, .gallery-columns-7 .gallery-itemx {
	width: 14.28571428571429%;
}
.gallery-columns-8 .gallery-item, .gallery-columns-8 .gallery-itemx {
	width: 12.5%;
}
.gallery-columns-9 .gallery-item, .gallery-columns-9 .gallery-itemx {
	width: 11.11111111111111%;
}

.gallery .gallery-item img, .gallery .gallery-itemx img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.gallery-caption {
	font-size: smaller;
}

/* Iframes for Youtube or Maps */
.post-body iframe {
    display:block;
    width:100% !important;
}

/*** Member Of ***/
.lmd-memberof {
	background: var(--satu);
	overflow: hidden;
	width: 100%;
	color: var(--putih);
	text-align: center;
}

.lmd-memberof h3 {
	font-size: 1.4em;
}

.memberof-item img {
	max-height: 45px;
}

.fabout {
	text-align: left;
}
.flogo {
	text-align: right;
}

/*** Footer ***/
.lmd-navbar-footer {
	background-color: #ebebeb;
	padding-top: 0;
	padding-bottom: 0;
}
.lmd-navbar-footer .container {
	padding-top: 0;
	padding-bottom: 0;
}

.footer-menu-mobile .mnavbar-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-menu-mobile .mnavbar-nav::after {
	content: '';
	clear: both;
	display: table;
}
.footer-menu-mobile li {
	width: 50%;
	float: left;
	text-align: center;
}


.footer-menu-mobile li a {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--abu);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border-radius: 14px;
    margin: 5px;
	text-transform: uppercase;
	font-weight: 600;
}
.footer-menu-mobile li a:hover {
    background: var(--satu);
	color: var(--putih);
}

.lmd-footer {
	background: var(--dua);
	overflow: hidden;
	width: 100%;
	color: var(--putih);
}

.fwidget-title {
	color: rgba(255, 255, 255, 1);
}

.lmd-footer a, .fwidget a, .fmenu a {
	color: var(--putih);
}
.lmd-footer a:hover, .fwidget a:hover, .fmenu a:hover {
	color: rgba(255, 255, 255, 1);
}

/* Post Sharer - Socmed FA */
.bagikan .fa, .socmed .fa, .author_socials .fa {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: var(--putih);
    font-size: 24px;
    border-radius: 50%;
    text-align: center;
}

.author_socials .fa, .sidenav .socmed .fa {
   width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}

.bagikan .fa:hover, .socmed .fa:hover, .author_socials .fa:hover {
    transition: all .2s ease;
    transform: scale(1.1);
    filter: contrast(1.2);
}

.fa-linkedin {
	background: #0083bb;
}
.fa-globe {
	background: #cc9900;
}
.fa-facebook {
    background: #3b5998;
}
.fa-pinterest {
    background: #e60023;
}
.fa-twitter, .fa-x, .fa-tiktok {
    background: #000;
}
.fa-youtube-play, .fa-youtube {
    background: #d00000;
}
.fa-rss {
    background: var(--orange);
}
.fa-telegram {
    background: #2aabee;
}
.fa-whatsapp {
    background: #075e54;
}
.fa-instagram {
    background: radial-gradient(circle farthest-corner at 35% 90%,#fec564,transparent 50%) repeat scroll 0 0%,radial-gradient(circle farthest-corner at 0 140%,#fec564,transparent 50%) repeat scroll 0 0%,radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%) repeat scroll 0 0%,radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%) repeat scroll 0 0%,radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%) repeat scroll 0 0%,radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%) repeat scroll 0 0%,radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent) repeat scroll 0 0%,rgba(0,0,0,0) linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d 100%) repeat scroll 0 0;
}

/* footer menu */
.copyright {
	color: var(--putih);
	margin: 0;
	padding: 0;
	text-align: center;
}

.socmed, .ffollow {
	text-align: center;
}

/*BacktoTop*/
.back-to-top{
	position: fixed;
	bottom: 1em;
	right: 1em;
	text-decoration: none;
	color: var(--merah);
	background-color: transparent;
	border: 2px solid var(--merah);
	font-size: 0.9em;
	padding: 0.2em .6em;
	border-radius: 5px;
	z-index: 2;
}
.back-to-top:hover{
	background-color: var(--merah);
	border: 2px solid var(--merah);
	color: var(--putih);
}


/* Utilities */
.lmd-middle {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.lmd-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
}
.lmd-left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

.desktop {
	display: none;
}
.mobile {
	display: block;
}

.clear, .clearfix {
	clear: both;
	content: '';
}

.row.row-sgt {
	margin-right: -5px;
	margin-left: -5px;
}
.row-sgt .col-sml {
	padding-right: 5px;
	padding-left: 5px;
}

/*** Iklan ***/
.lmd-ads {
	text-align: center;
	margin-bottom: 10px;
}
.lmd-ads img {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

/*** ON Scroll ***/
#lmd-body.onScroll .ads-sticky {
	position: fixed;
	top: 150px;
}

#lmd-body.onScroll .lmd-mheader {
	border-bottom: 1px solid var(--border);
}

#lmd-body.onScroll .lmd-header .lmd-navbar-main {
	display: none;
}

#lmd-body.onScroll .lmd-header .nav-link {
	padding: 0.3rem 1rem;
}

#lmd-body.onScroll .lmd-navbar-network .tv .nav-link {
    border-radius: 4px;
    padding: .3rem .5rem;
}

#lmd-body.onScroll .lmd-navbar-main .home .fa {
    font-size: 20px;
    margin-top: -5px;
}

#lmd-body.onScroll .lmd-header .container {
    padding-top: .3em;
    padding-bottom: .3em;
}
#lmd-body.onScroll .ads_htop {
    margin: .3em auto;
}
#lmd-body.onScroll .nav-user .nav-link .fa {
    font-size: 25px;
}

#lmd-body.onScroll .lmd-navbar-network .search-form .form-control {
    height: 30px;
	font-size: 14px;
}
#lmd-body.onScroll .lmd-navbar-network .search-form .button {
    padding: 6px 10px;
}
#lmd-body.onScroll .lmd-navbar-network .search-form .button .fa {
    font-size: 14px;
}

/***** Dark Mode *****/
body.night-mode {
	--satu: #111111;
	--dua: #222222;
	--link: #ffffff;
	--linkhover: #999999;
	--bodycolor: #181a1b;
	--bodyfontcolor: #ffffff;
}

.night-mode .lmd-header, .night-mode .lmd-mheader {
	background: #181a1b;
	color: #ffffff;
}

body.night-mode .lmd-highlight, body.night-mode .lmd-terkini, body.night-mode .widget, body.night-mode #respond, body.night-mode .lmd-comments, body.night-mode .owl-carousel, body.night-mode .video-wrapper, body.night-mode .lmd-news3kolom, body.night-mode .single-post .full-post .post-header, body.night-mode .single-post .full-post .post-body, body.night-mode .lmd-related-post {
	background-color: #333;
	color: #ffffff;
	border-color: #111;
}
body.night-mode .lmd-recent-item, body.night-mode .busmall, body.night-mode .bubig, body.night-mode .newskolom, body.night-mode .owl-excerpt {
	border-color: #111;
}
.night-mode .widget-title, .night-mode .section-title, body.night-mode .breadcrumb, body.night-mode .post-page-numbers, body.night-mode .post-page-numbers.current {
	background-color: #222;
	color: #ffffff;
}
body.night-mode .breadcrumb .bcurrent, body.night-mode .post-tag a:hover {
	color: #ffffff;
}

.night-mode a, .night-mode .post-title, .night-mode .post-title a {
	color: #ffffff;
}
.night-mode a:hover {
	color: #999999;
}

.night-mode .lmd-navbar-network {
	background-color: rgb(35, 38, 40);
}

.night-mode .navbar-light .navbar-nav .nav-link, .night-mode .navbar-light .dropdown-item, .night-mode .navbar-light .navbar-nav .nav-link .fa {
    color: rgb(221, 218, 214);
}

.night-mode .navbar-light .dropdown-menu, .night-mode .moblist-user .dropdown-menu {
    background-color: rgb(24, 26, 27);
}

.fa-moon, .fa-sun {
	padding-top: 0;
}
.fa-moon {
	display:block;
}
.fa-sun {
	display:none;
}

.night-mode .fa-sun {
	display:block;
}
.night-mode .fa-moon {
	display:none;
}

.logo-light, .night-mode .logo-dark {
	display: block;
}
.logo-dark, .night-mode .logo-light {
	display: none;
}

.night-mode .author-box {
    background-color: rgb(31, 34, 35);
    background-image: none;
    border-color: rgb(53, 57, 59);
}

.night-mode .author_content {
	color: #ffffff;
}

.night-mode .lmd-navbar-footer {
    background-color: rgb(35, 38, 40);
}

.night-mode .nav-user .dropdown-menu {
    color: rgb(209, 205, 199);
    background-color: rgb(24, 26, 27);
    border-color: rgba(140, 130, 115, 0.15);
}

.night-mode .sidenav {
    background-color: rgb(24, 26, 27);
}

.night-mode .page-link {
    color: #fff;
	background-color: #444;
	border-color: #444;
}
.night-mode .page-link:hover {
    color: #fff;
	background-color: var(--satu);
	border-color: var(--satu);
}

.night-mode .lmd-tags li a {
	color: var(--satu);
}

.theiaStickySidebar {
	z-index: 1029;
}

.jeg_share_button {
    margin-bottom: 0;
}
/* Custom Font Size Artikel */
.post-body,
.post-body p,
.single-post .post-content p {
    font-size: 17px !important;
    line-height: 1.8 !important;
}

.post-body p {
    margin-bottom: 1.3em;
}

/***** Media Queries *****/
/* Small Devices Up to 768px */
@media (max-width:768px) {

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}
	h1 {
		font-size: 2.6em;
	}
	h2 {
		font-size: 2em;
	}
	h3 {
		font-size: 1.8em;
	}
	h4 {
		font-size: 1.4em;
	}
	h5 {
		font-size: 1.2em;
	}
	h6 {
		font-size: 1em;
	}
	.lmd-navbar-main .main-menu {
		overflow: inherit;
	}
	.lmd-navbar-main .main-menu.active .dropdown-menu.show {
		position: absolute;
		top: 100%;
		left: 0;
		transform: none;
	}
	.navbar-brand img {
		max-width: 200px;
	}

	#EKoran .carousel-item .carousel-image {
		height: 400px;
	}

	.single-post-title, .page-title {
		font-size: 36px;
	}
	.breadcrumbs {
		font-size: 1.2em;
	}

	.lmd-related-post li a {
		font-size: 18px;
	}
	.owl-excerpt .item-content .post-title {
		height: 40px;
		-webkit-line-clamp: 2;
	}

	/* ON Scroll */
	#lmd-body.onScroll .lmd-header .lmd-navbar-main {
		display: block;
	}
	#lmd-body.onScroll .lmd-header .lmd-navbar-partner {
		display: none;
	}
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.vbig, .vcol-4 .vsmall, .vcol-5 .vsmall {
		margin-bottom: 0;
	}
	.vsmall {
		margin-bottom: 20px;
	}
	.bubig .post-title {
		font-size: 2em;
	}
	.navbar-expand .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.lmd-tags {
		padding: 0 0 0 0;
	}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.container {
		max-width: 998px;
	}
}
/* UKURAN FONT ARTIKEL - PASTE DI PALING BAWAH */
.single-post .post-body,
.single-post .post-body p,
.single-post .post-body div,
.single-post .post-body span,
.post-content .post-body,
.post-content .post-body p {
    font-size: 18px !important;
    line-height: 1.8 !important;
}

.single-post .post-body p {
    margin-bottom: 1.5em !important;
}

.single-post .post-body h1,
.single-post .post-body h2,
.single-post .post-body h3,
.single-post .post-body h4 {
    margin-top: 1.5em !important;
    margin-bottom: 1em !important;
}


/* ========================================
   MODERN SEARCH FORM DESIGN - FIXED
   ======================================== */

.search-wrapper {
	padding: 0 15px;
}

.modern-search-form {
	position: relative;
}

.search-container {
	position: relative;
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 25px;
	overflow: hidden;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}

.search-container:hover,
.search-container:focus-within {
	background: rgba(255, 255, 255, 0.15);
	border-color: rgba(255, 255, 255, 0.3);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.search-input {
	background: transparent;
	border: none;
	padding: 10px 20px;
	color: #fff;
	font-size: 14px;
	outline: none;
	width: 200px;
	transition: width 0.3s ease;
}

.search-input::placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.search-input:focus {
	width: 280px;
}

.search-btn {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border: none;
	padding: 10px 20px;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.search-btn:hover {
	background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
	transform: scale(1.05);
}

.search-btn i {
	font-size: 16px;
}

/* ===== RESPONSIVE - HIDE DI MOBILE ===== */
@media (max-width: 991px) {
	.search-wrapper {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
	}
	
	.lmd-navbar-main .container {
		justify-content: center !important;
	}
	
	.lmd-navbar-main .main-menu {
		width: 100% !important;
	}
}

/* ===== HANYA TAMPIL DI DESKTOP ===== */
@media (min-width: 992px) {
	.search-wrapper {
		display: block !important;
	}
}