/*
Theme Name: KompasX
Theme URI: 
Description: Wordpress Theme
Author: Achmad Muhadjier
Author URI: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: 
*/

/* iklan */
#voucher__banner1 {
	margin: 10px auto;
}

img, .img-fluid {
	max-width: 100%;
	height: auto;
}

.lmd_divider {
	padding: 2em;
}

/* Main Menu - Rewrite */
.main_menu {
    position: relative;
    display: block;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.main_menu > li {
    display: inline-block;
    position: relative;
}
.main_menu > li > ul > li {
    display: inline-block;
    width: 48% !important;
    vertical-align: top;
}

.main_menu > li > ul > li > a {
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-family: Roboto Condensed,sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

.main_menu > li > ul > li > a:hover {
    color: #71c4d6;
}

/*PostImage*/
.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{
	margin-bottom:10px;
	max-width:100% !important;
}

.wp-caption .wp-caption-text{
	font-size:10px;
	margin:10px;
	text-align:center;
}

.lmd-caption {
	font-size:smaller;
	margin:6px 0 0;
	text-align: left;
}

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

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

/* Paging: lmd_page_navi */
.is_active .paging__link {
	background: #3ca5dd;
	border: 1px solid #3ca5dd;
	color: #fff !important;
}
.is_active .paging__link:hover {
	color: #4a4a4a !important;
	background: #fff;
	border: 1px solid #e3e2e3;
}

/* Single-Page Break Paging */
.paging--article .post-page-numbers {
    padding: 8px 12px;
    display: inline-block;
	vertical-align: middle;
    margin: 0 3px 5px 0;
    line-height: 1;
    border-radius: 20px;
    color: #4a4a4a !important;
    background: #fff;
    border: 1px solid #e3e2e3;
    font-size: 17px;
    font-weight: 500;
}

.paging--article .current, .paging--article .post-page-numbers:hover {
    background: #3ca5dd;
    border: 1px solid #3ca5dd;
    color: #fff !important;
}

/* Tags */
.tag__article__item a {
    padding: 5px 10px;
    border-radius: 5px;
    background: #dfdfdf;
    display: block;
}

.tag__article__item a:hover {
    color: #fff;
    background: #3ca5dd;
}


/*** Sidebar ***/
/* Widgets */
.widget ul {
	margin:0;
	padding: 15px;
	list-style:none;
}

.widget li{
	font-size: 16px;
	font-weight: 300;
	color: #4a4a4a;
	overflow: hidden;
	padding: 6px 0;
}

.widget ul ul{
	margin:0;
	padding:10px 0 0 20px;
}

/* widget search */
.widget.widget-search .widget-title { 
	font-size: 12px;
}

.widget.widget_product_search .woocommerce-product-search input[type=search], .widget.widget_product_search .woocommerce-product-search input[type=submit], .search-form .form-control, .search-form .btn, .widget .search-form .form-control, .widget .search-form .btn{
	border: 1px solid #e7e7e7;
    border-radius: 0;
    height: 40px;
    padding: 5px 15px;
    box-shadow: none;
	width: 100%;
}

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

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

#widget-footer table caption {
	color:#fff;
}

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 {
	text-align:center;
	border:1px solid #ccc;
	padding: 10px 0 10px 0;
}


/* Komentar */
#respond {

}

h2.comments-title {
	text-transform: uppercase;
	padding: 3px 0;
	font-size: 18px;
	font-weight: 800;
}

.comment-list {
	background: #ffffff;
	margin: 0 0 2em 0;
	padding: 20px;
	list-style-type: none;
}

.children {
	padding-top: 1.5em;
	padding-left: 2em;
	list-style-type: none;
}

.comment-list li.comment {
	margin-bottom: 3em;
}

.comment-meta {
	margin-bottom: 10px;
}
.avatar {
	float: left;
	margin-right: 10px;
}
.comment-metadata {
	font-size: smaller;
}

.comment-reply-link {
	padding: 7px 20px;
	background: #3CA5DD;
	border: 1px solid #3CA5DD;
	color: #ffffff;
}

.comment-reply-link:hover {
	background-color: #E7E7E7;
	border-color: #E7E7E7;
	color: #999;
}

#respond .comments-title {
	margin-bottom: 20px;
}

form#commentform {
	margin-bottom: 20px;
}

.form-group /* row */ {
	margin-bottom: 15px;
}

.form-group label {

}

.form-group input {
	width: 100%;
	padding: 5px;
	margin-top: 6px;
}

.form-group textarea {
	width: 100%;
	padding: 10px;
	margin-top: 6px;
}

.form-group input.btn-send-comment {
	background: #3CA5DD;
	border:1px solid  #3CA5DD;
	color: #ffffff;
	padding: 10px;
	text-transform: uppercase;
	font-size: 16px;
}

.form-group input.btn-send-comment:hover {
	background: #E7E7E7;
	border:1px solid  #E7E7E7;
	color: #999999;
}

/* Footer */
/* discover menu */
.fwidget ul.menu {
    position: relative;
    display: block;
    padding: 12px 0 20px;
}

.fwidget ul.menu li {
    display: block;
}

.fwidget ul.menu li a {
    display: block;
    padding: 6px 0;
    text-transform: uppercase;
    font-family: Roboto Condensed,sans-serif;
    font-size: 15px;
    font-weight: 700;
}

/* footer menu*/
.fmenu li {
	display: inline;
	margin-left: 8px;
}

/* 404 */
.tooltips{position:absolute;width:180px;z-index:1;opacity:0;visibility:hidden;transition:all .2s ease;cursor:default}.tooltips:before{content:"";position:absolute;width:10px;height:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#2d2d2d}.tooltips--right{bottom:5%;left:100%;padding-left:10px}.tooltips--right:before{top:40%;left:5px}.tooltips--left{bottom:5%;right:100%;padding-right:10px}.tooltips--left:before{top:40%;right:5px}.tooltips--bottom{bottom:-100%;left:-100%;padding-top:10px}.tooltips--bottom:before{top:5px;left:45%}.tooltips--top{bottom:100%;left:-100%;padding-bottom:10px}.tooltips--top:before{bottom:5px;left:45%}.tooltips span{border-radius:5px;background:#2d2d2d;display:block;padding:10px;font-size:11px;font-weight:300;color:#fff}.tooltips--show{opacity:1;visibility:visible}.p404__wrapper{position:relative;padding:30px 15%}.p404__bigtitle{text-align:center;font-size:160px;line-height:1;color:#000}.p404__bigtitle span,.p404__img{display:inline-block}.p404__teaser{text-align:center;padding:20px 0 50px;text-transform:uppercase;font-size:25px;font-weight:700;line-height:1;color:#000}.p404__title{display:block;text-align:center}.p404__title span{padding:15px 0 0;display:inline-block;margin:0 auto;border-top:1px solid #939598;position:relative;font-size:18px;font-weight:700;line-height:1}.p404__title span:after{content:"";position:absolute;left:33.3333333%;top:0;width:33.3333333%;border-bottom:5px solid #3ca5dd}.p404__content{padding:30px 0 0}.p404__content .article__list{height:70px}.p404__content .article__list:after{border-bottom:none}.p404__content .article__list__asset{width:116px;padding-right:10px}.p404__content .article__list__asset .article__asset{height:70px}.p404__content .article__list__title{height:60px;margin-bottom:0}.p404__content .article__title{font-size:16px;line-height:1.3}

/* no search */
.post-404 {
	padding-top: 3em;
	text-align: center;
	font-size: 16px;
}
.post-404 h2 {
	font-size: 30px;
}

.desktop {
	display: block;
	visibility: visible;
}
.mobile {
	display: none;
	visibility: hidden;
}

.article__list {
    overflow: hidden;
}

/* desktop copas ke style.css bawah */
.header {
    background: #000;
}

.nav {
    border-top: 1px solid white;
    background: #870303;
}

.nav__item:hover .nav__link {
    background: white;
}

.main_menu > li > a:hover, .main_menu > li > li > a:hover {
    color: black;

}

.nav__sub {
    background: green;
}

/* search */
.form__input__header {
    background: white;
    color: black;
}

*/

/* copas ke mobile.css bawah 
@media only screen and (max-width : 768px) {
	.header {
		background: red;
	}
	.new-sub-menu {
		background: green;
	}
	.header .menu {
		border-left: 1px solid black;
		background: blue;
	}

	.sidenav, .mainMenuP.second {
		background-color: pink;
	}
}
*/