/*!
Theme Name: LMD Fajar
Theme URI: https://lombokmedia.web.id/
Author: Amrin Zulkarnain
Author URI: https://amrinz.wordpress.com
Description: News Theme, Simple, powerfull and efficient wordpress theme for blogging and news sites.
Version: 2.0.5
Requires at least: 5.7
Tested up to: 6.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lombokmedia
*/

/* Using CSS Variable */
body {
    font-family: 'Open Sans', 'sans-serif';
    --font-reguler: 400;
    --font-bold: 600;
    --background-color: #f2f3f5;
    --scheme-color: #21409a;
    --secondscheme-color: #ef672f;
    --main-color: #000000;
    --link-color-body: #000000;
    --hoverlink-color-body: #2187e7;
    --border-color: #dddddd;
    --header-bgcolor: #ffffff;
    --topnav-color: #222222;
    --bigheadline-color: #fcc43f;
    --mainmenu-color: #ffffff;
    --mainmenu-hovercolor: #fcc43f;
    --secondmenu-bgcolor: #f0f0f0;
    --secondmenu-color: #000000;
    --secondmenu-hovercolor: #2187e7;
    --content-bgcolor: #f2f3f5;
    --content-greycolor: #888888;
    --button-bgcolor: #2187e7;
    --button-color: #ffffff;
    --footer-bgcolor: #f0f0f0;
    --footer-color: #666666;
    --footer-linkcolor: #666666;
    --footer-hover-linkcolor: #666666;
    --titledesc-bgcolor: #e3f5fe
}

body.dark-theme {
    --background-color: #111111;
    --scheme-color: #21409a;
    --secondscheme-color: #ef672f;
    --bigheadline-color: #fcc43f;
    --main-color: #efefef;
    --link-color-body: #ffffff;
    --hoverlink-color-body: #fcc43f;
    --border-color: #444444;
    --header-bgcolor: #333333;
    --topnav-color: #ffffff;
    --mainmenu-bgcolor: #21409a;
    --mainmenu-color: #ffffff;
    --mainmenu-hovercolor: #fcc43f;
    --secondmenu-bgcolor: #333333;
    --secondmenu-color: #ffffff;
    --secondmenu-hovercolor: #fcc43f;
    --content-bgcolor: #222222;
    --content-greycolor: #888888;
    --footer-bgcolor: #333333;
    --footer-color: #dddddd;
    --footer-linkcolor: #ffffff;
    --footer-hover-linkcolor: #dddddd;
    --titledesc-bgcolor: #333333
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.lmd-mainmenu ul>li>a,
.sidr ul li a,
.heading-text,
.lmd-mobilemenu ul li a,
#navigationamp ul li a {
    font-family: Montserrat, 'sans-serif';
    font-weight: 600;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-weight: 700;
}

.entry-content-single {
    font-size: 16px;
}

body,
body.dark-theme {
    --scheme-color: #2187e7;
    --mainmenu-bgcolor: #2187e7;
}

#primary-menu,
.lmd-bigheadline,
.widget-title {
    background-image: linear-gradient(to right, #2187e7, #64cdfa);
}

h3.widget-title {
    color: #fff;
    padding: 10px;
    border: none;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    text-align: center;
}

.rp-number {
    background-color: #2187e7;
    color: #fff;
    padding: 5px;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    font-weight: bold;
}

article.post,
.fajar-rp-widget li,
.fajar-list-widget li {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 10px 0;
}

.fajar-list-widget li {
    padding: 10px 10px 10px 0px;
}

.site {
    margin: 0 0;
}

#topnavwrap {
    display: none;
}

.site-footer a {
    color: #fff;
}

.site-footer {
    border: none;
    background-color: #2187e7;
    background-image: linear-gradient(to right, #2187e7, #64cdfa);
    border-radius: 5px;
    color: #fff;
}

button[class^=view-more-button] {
    margin-top: 10px;
}

.module-widget,
.modulehome-wrap {
    background-color: #fff;
    padding: 0 15px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.modulehome-wrap {
    padding-bottom: 10px;
}

.lmd-titlewidget {
    border: none;
    border-bottom: 1px solid #2187e7;
}

h3.module-title {
    border-top: 0;
    border-bottom: 4px solid #2187e7;
    display: inline-block;
    margin: 0;
}

h3.page-title,
h1.page-title,
h3.related-text {
    border: none;
    border-bottom: 1px solid #2187e7;
}

.page-title span,
.related-text span {
    border-bottom: 4px solid #2187e7;
    padding-bottom: 5px;
    display: inline-block;
}

.page-title span span {
    border-bottom: none;
}

.meta-content a {
    color: #2187e7;
    font-weight: bold;
}

.fajar_ads_mobile {
    text-align: center;
    display: none;
}

.wp-block-image {
    text-align: center;
}

.wp-block-image:not(.is-style-rounded) img {
    border-radius: 5px;
}

section[class='widget widget_media_image'] {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

section[class='widget widget_media_image']>img {
    width: 100%;
    border-radius: 5px;
}

#banner {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.entry-content-single {
    font-family: "Arial", sans-serif;
    font-size: 18px;
    color: #000;
}

.post-page-numbers {
    font-size: 15px;
    font-weight: bold;
}

h3.lmd-rp-biglink a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* lombokmedia */
.widget_search .form-control {
	width: 100%;
}

/* menu */
.lmd-mainmenu ul > li > a, .lmd-mainmenu ul .sub-menu a, .lmd-mainmenu ul .children a {
  text-transform: uppercase;
}

/* net menu */
.net-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.net-menu li {
	display: inline-block;
}
.net-menu li a {
	text-transform: uppercase;
}
.net-menu li a::before {
	content: '•';
	display: inline-block;
	margin-right: 6px;
}

.sidr ul li a {
  text-transform: uppercase;
}

/* mobile 2nd menu */
.lmd-mobilemenu ul li a {
  text-transform: uppercase;
}

/* post meta */
.lmd-meta-topic .author {
  text-transform: capitalize;
}

.entry-header-single .subtitle {
	font-style: italic;
	letter-spacing: 1px;
	color: var(--content-greycolor, #888888);
	font-size: 13px;
	line-height: 1.3;
}

/* pagination */
.page-links {
	background-color: rgba(0,0,0,.05);
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #eee;
	text-align:left;
}
.page-links .text-page-link {
	text-align:left;
	padding-left:5px;
}
.page-links .prevnextpost-links {
	display:inline-block;
	vertical-align:top;
	float:right;
}
.page-links .post-page-numbers {
	.color:#21409a;
	font-weight:bold;
	text-decoration:none;
}

/* ajax */
.view-more-button {
	margin-left: auto;
margin-right: auto;
display: inherit !important;
}

.dropbtn {
    background-color: #2187e7;
    background-image: linear-gradient(to right, #2187e7, #64cdfa);
    color: white;
    padding: 8px 15px;
    font-size: 14px;
    border: none;
    border-radius: 30px;
    font-weight: bold;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    width: 500px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    left: -340px;
    border-radius: 10px;
}

.dropdown-content a {
    color: #333;
    padding: 10px;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    font-size: 14px;
}

.dropdown-content a:hover {
    color: #2187e7;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #2187e7;
    background-image: linear-gradient(to right, #2187e7, #2187e7);
}

/* Halaman - Boxed */
.entry-content.lmd-entry-content {
	background-color:#fff;
	padding:15px;
	border-radius:5px;
	border:1px solid #ddd;
	margin-bottom: 15px;
	font-size:16px;
}

/* Homepage - CSS SLider */
.moduleslidebig-wrap {
	padding-bottom: 40px;
}
.moduleslidebig-wrap .tns-nav {
  position: absolute;
  bottom: -25px;
  left: 0;
  z-index: 2;
  right: 0;
  text-align: center;
}
.moduleslidebig-wrap .tns-nav button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  margin: 0 4px;
  padding: 4px;
  background: #777;
}
.moduleslidebig-wrap .tns-nav button.tns-nav-active {
  background: #2187e7;
  border-radius: 50%;
  padding: 6px;
}

/* controls */
.moduleslidebig-wrap .tns-controls button {
  border-radius: 5px;
}

.moduleslidebig-wrap .tns-controls button[data-controls="prev"] {
  left: -5px;
}

.moduleslidebig-wrap .tns-controls button[data-controls="next"] {
  right: -5px;
}

#infinite-container article.post:first-child {
	margin-top: 0;
}
.site-main header.page-header h1.page-title:first-child {
	padding-top: 0;
}

/* slider item */
.headline-category {
  padding: 4px 12px;
  font-weight: bold;
  z-index: 1;
  font-size: 14px;
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: #2187e7;
  border-radius: 15px;
  background-image: linear-gradient(to right, #2187e7, #64cdfa);
  color: #fff;
  border: 1px solid #fff;
}

/* MOBILE CSS */
@media screen and (max-width: 600px) {
    body {
		padding-top: 80px;
	}
	.dropdown, .sidr-class-custom-logo-link {
		display: none;
    }

    #topnavwrap,
    .fajar_ads_mobile {
        display: block;
    }
    div[class^='_impx'] {
        display: none;
    }

		.textlogo {
		font-size: 20px;
	}
}

@media screen and (max-width: 768px) {
	.lmd-bigheadline, section[class="widget widget_media_image"] {
		margin-left: -15px;
		margin-right: -15px;
	}

	.lmd-thumbnail-single {
		margin-left: -26px;
		margin-right: -26px;
	}

	.lmd-bigheadline {
		overflow: initial !important;
		border-radius: 0;
	}

	section[class="widget widget_media_image"], .lmd-thumbnail-single img {
		padding: 0;
		border: 0;
		border-radius: 0;
	}

	.lmd-thumbnail-single .wp-caption-text {
		margin-left: 26px;
		margin-right: 26px;
	}
}

@media screen and (max-width: 992px) {

}


@media screen and (min-width: 1200px) {
	.lmd-logo {
        max-width: 200px
    }
}
/* END MOBILE CSS */