/*
Theme Name: Iongazer
Theme URL: http://www.wikipedia.org
Description: 1-Column, 2-Columns, White, clean, and seo-friendly theme
Author: mbotzz
Author URL: http://www.google.com
Tags : white, 1-column, 2-columns, clean, seo-friendly
Version: 1
*/


h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:14px;}
h5{font-size:13px;}
h6{font-size:12px;}

/* ----- UMUM ----- */
.extra-row{
	padding-left:10px;
	padding-right:10px;
}
.extra-padding {
	padding-left: 10px !important; /* change the values to anything that you want */
	padding-right: 10px !important;
}
.index-padding{
	padding-left:5px;
	padding-right:5px;
}
#wrap{
	min-width:200px;
	max-width:960px;
	background-color:#FFFFFF;
	margin:10px auto;
	padding:10px;
	padding-bottom:15px;
	overflow-x:hidden;
	font-family:'Roboto',sans-serif;
}
.warnacrumb{
	padding:10px 10px 10px 15px;
	font-size:13px;
	margin-top:15px;
	margin-bottom:0px ;
	background-color:#FAFAFA;
	border-left:5px solid #FF0000;
border-radius:0 !important;

}
.warnacrumb a{
	font-weight:bold;

color:#dd4242;
}
/* glyicon untuk margin kiri/kanan glyphicons */
.glyicon{
	margin-right:10px;
}
.glyicon2{
	margin-left:10px;
}
.borderbawah{
border-bottom:1px solid #E6E6E6;
padding-top:5px;
}
/* END UMUM */

/* ---- HEADER.PHP ---- */

.header{
	
	margin-bottom:20px;
}
.header img{
max-width:100%;
height:auto;
}

/* ---- end HEADER.PHP ---- */

/* ---- HOMEPAGE (INDEX) ---- */
#badan{
	margin-top:10px;
}


/* END HOMEPAGE */


/* ---- GAMBAR & THUMBNAIL ---- */
.thumbnail{
	border:none !important;
	margin-bottom:10px;
}

.gambar{
	-moz-box-shadow:    0 0 15px #A9E2F3;
	-webkit-box-shadow: 0 0 15px #A9E2F3;  
	box-shadow: 0 0 15px #A9D0F5;
	margin:5px;
	height:150px;
	text-align:center;
	width:auto;
}
.gambarterkait{
border:none !important;
box-shadow: 0 0 15px #dd4242;
	margin:5px;
	text-align:center;
	width:auto;

}
.gambarrelated {
	
	margin:5px;
	max-width:100%;
	text-align:center;
	
}
.gambarrelated img{
	width:100%;
	max-height:195px !important;
}

.teksgambar{
	 text-align:center; 
	font-weight:bold;
	font-size:13px;
	height:38px;
	overflow:hidden;
}

@media screen and (min-width: 500px) and (max-width: 768px) {
    .gambarrelated img {
        height:150px !important;
    }
}

.gbrkecil{
	text-align:center;
	width:175px;
	height:150px;
	padding:10px;
	border:1px solid #E6E6E6;
}

.gbrmini{
	text-align:center;
	width:110px;
	height:100px;
	padding:5px;
	border:1px solid #E6E6E6;
}
.gbrmini img{
	max-width:100%;
	max-height:100%;
}
.media{
	padding-bottom:15px ;
	padding-top:5px;
	border-bottom:1px dashed #E6E6E6;
}
.gbrkecil img{
	max-width:100%;
	max-height:100%;
}
.gambar  img{
max-width:100%;
}



.wp-caption {
max-width:100%;height:auto;
text-align:center;
padding:4px;
border:1px solid #D8D8D8;
margin-bottom:15px;
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
font-weight:bold;
    line-height: 17px;
  margin-top:5px;
margin-bottom:5px;
    padding: 0 4px 5px;
}
.wp-caption img{
max-width:100%;height:auto;
}
.wp-caption.aligncenter {
    margin-left:auto;margin-right:auto;
}



img.centered{display:block;margin-left:auto;margin-right:auto;}
img.aligncenter {display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;max-width:100%;height:auto;}
img.alignright{float:right;display:inline;margin:0 0 2px 7px;padding:4px;max-width:100%;height:auto;}
img.alignleft{float:left;display:inline;margin:0 7px 2px 0;padding:4px;max-width:100%;height:auto;}
.alignleft{float:left}
.alignright{float:right}


.tanggal{
margin-top:3px;
margin-bottom:7px;
font-size:12px;
color:#848484;
}
.tanggal a{
font-weight:bold;
color:#6E6E6E !important;
}

.deskripsi{

margin-top:0px;
margin-bottom:10px;
line-height:18px;
text-align:justify;

}

.iklanuc{
text-align:center !important;
margin:10px auto;
display:block !important;
}
.iklanuc img{
max-width:100%;
max-height:auto;
}
.iklanadsense{
text-align:center !important;
margin:10px auto;
}


/* ---- END GAMBAR ---- */


/* ---- SINGLE POST/PAGE ---- */
.kiri{
	margin-top:10px;
}
.kiri a{

color:#dd4242!important;
}
.media-body h2 a{
color:#dd4242!important;
}
.kanan{
	margin-top:10px;
}
.terkait{
	margin-top:15px;
}
.terkait h3, .terkait h2{
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:15px;
	margin-left:15px;
	
	border-bottom:1px solid #E6E6E6;

/*#A9D0F5;*/
	margin-right:15px;
}
.sidebar{
	margin-top:10px;
	margin-bottom:25px;
}
.sidebar a{
color:#000000;
}
.customsidebar{
	margin-bottom:25px;
}
.judulsidebar h3{
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:10px;
	/*color:#ff6200;*/
	color:#dd4242;
	border-bottom:3px solid #E6E6E6;
	/*color:#045FB4; #A9D0F5*/
}


.judulartikel{
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:4px solid #E6E6E6;
}
.judulartikel h1{
	font-weight:bold;
color:#000000;
}

.headerdetil{
	font-size:22px;
	font-weight:bold;
	color:#045FB4;
	border-bottom:1px solid #E6E6E6;
	margin-top:5px;
	margin-bottom:5px;
}

.detilartikel{
	text-align:justify;
	margin-bottom:10px;
	font-size:15px;
	color:#444;
	-webkit-font-smoothing: antialiased;
	/*color:#6E6E6E;*/
	border-bottom:1px solid #E6E6E6;
}
.detilartikel p {
	/*line-height:20px;*/
	line-height: 1.7;
	margin-bottom: 1.425em;
}

.detilartikel ul, .detilartikel ol{
	margin-bottom:20px !important;
	margin-top: 0px !important;
}

.detilartikel li{
	margin-bottom:5px !important;
}

.detilartikel h2, .detilartikel h3{
	margin-bottom:15px;
	font-weight:bold;
/*color:#ff6200;*/
color:#dd4242;
}

.tagkunci{
	margin-top:20px;
	margin-bottom:5px;
}
.detiltag a{
	font-size:12px;
	color:#FFFFFF !important;
}

.post-pages2{
	border:1px solid #E0F2F7;
	text-align:center;
	font-size:16px;
	font-weight:bold;
padding-top:15px;
padding-bottom:15px;
background-color:#EFF8FB;
}

.post-pages2 a{
	padding:6px 10px;
	background:#084B8A;
	color:#FFFFFF !important;
	border-radius:2px;
	margin-left:3px;
}
.halaman{
	margin-right:5px;
color:#FF0000;
}	
/* ---- END SINGLE ---- */



/* ---- SEARCH (PENCARIAN) ---- */

/* ---- SEARCH ---- */

.kolomsearch{
	margin-right:5px;
	margin-left:5px;
}
.search {
margin-top:5px;
  width: 100%;
  position: relative;
  &:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #FF0000;
    text-align: center;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smooth: always;
  }
}
.searchTerm {
  @include box-sizing(border-box);
  width: 100%;
  border: 1px solid #F5ECCE;
  padding: 5px;
  height: 35px;
  outline: none;
}
.searchButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  cursor: pointer;
  background: none repeat scroll 0 0 #F5ECCE;
	border: 1px solid #F5ECCE;
	color: #5e5e5e !important;
	display: block;
	float: right;
	text-align: center;
	box-sizing: border-box;
	height: 35px;
}

/* ---- END SEARCH ---- */


/* ---- TABLE ---- */
.warnatable{
	background-color:#F5ECCE;
	font-weight:bold;
}
.warnatable2{
background-color:#E6E6E6;
font-weight:bold;
color:#000000;
}
td ul li{
	margin-left:-20px;
}
/* ---- END TABLE ---- */


/* ---- FOOTER ---- */
#footer{
	margin-top:20px;
	background-color:#FAFAFA;
	border:1px solid #F2F2F2;
	padding:5px;
	text-align:center;
}

.listpage{
	
}
.listpage ul{
	padding-left:0px ;
	margin:0 ;
}

.listpage a{
	margin-right:15px;
	font-weight:bold;
	display:inline;
	list-style:none;
color:#000000;
}
.copyright{
	font-size:12px;
}

/* ---- END FOOTER ---- */


/* ---- 404 NOT FOUND ERROR ---- */
.notfound{
	color:#FF0000;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
.notfoundbesar{
	color:#FF0000;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	font-size:26px;
}
/* ---- END 404 ---- */


/* Pagenavi */
.navigation{
	margin-bottom:15px;
	margin-top:5px;
	text-align:center;
}
.wp-pagenavi a{
color:#dd4242!important;
}

.navigationindex{
	margin-top:20px;
	margin-bottom:10px;
}

/* Sticky Posts */
.sticky { 
background-color:#F5F6CE;
border:1 px solid #f5f5f5;
color:#272727;
padding:5px;
}

.sticky:before {
  content: "Featured";
  color: #FFF;
  background: #f20000;
  padding: 10px;
  display: inline-block;
  text-align: right;
  float: right;
  font-weight: bold;
  text-transform: uppercase;
}


/* Menu */
/* minimal styles for that navi */
.menunav{
	position:relative;
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
	background:#FAFAFA;
	border:1px solid #E6E6E6;
}

.rmm {margin: 0;}
.rmm ul {margin: 0; padding:0; list-style: none; position: relative; background: #000;}
.rmm ul:after {content: ""; clear: both; display: block;}
.rmm ul li {float: left;z-index:10;}
.rmm ul li:hover {background: #E6E6E6!important;}
.rmm ul li:hover > ul {display: block;}
.rmm ul li:hover a{color: #fff;}
.rmm ul li a {color: #fff; display: block; text-decoration: none;}
.rmm ul ul {display: none; margin:0; padding: 0; position: absolute; top: 100%; }
.rmm ul ul li {float: none; position: relative;}
.rmm ul ul li a{color: #fff;background:#4b545f;}
.rmm ul ul li a:hover {background: #202020;color:#A9BCF5 !important;}
.rmm ul ul ul {position: absolute; left: 100%; top:0;width:100%;}


/* mobile menu header button */

.rmm-toggled {width: 100%; background-color: #555555; min-height: 50px; margin: 0 auto; display: none;}
.rmm-closed ~ .rmm-mobile {display: none!important;}
.rmm-toggled-controls{width: 100%;}
.rmm-toggled-title{width: 60%; float: left; font-size: 27px; color: #fff; font-weight:600; display: block; padding: 8px 0; text-decoration: none; text-transform: uppercase; text-align: left; padding-left: 35px;}
.rmm-toggled-button{width: 20%; float: left; margin-top: 3px;
	display:block;
	width: 32px;
	padding:0 !important;
	margin:10px 10px 0 0;
	
	float: right;
}
.rmm-toggled-button span{float: left; display:block; margin: 3px 6px; height: 3px; background:white; width:20px;}

/* normalny back button visible only on mobiles  */
.rmm .rmm-back{display: none; font-size: 12px;}
.rmm .rmm-back:after {display: none;}

.rmm .rmm-back a{text-align:right !important;}
.rmm .rmm-back a:before {
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\25C0";
	position: relative;
	display: inline-block;
	top: -1px;
	right:5px;
	font-size: 10px;
	
}

.rmm-mobile .rmm-back{display: block;}

/* mobile menu list */
.rmm-mobile{width: 100%;}
.rmm-mobile .rmm-dropdown:hover ~ ul, .rmm-mobile .rmm-dropdown:hover > ul ,.rmm-mobile .rmm-dropdown:hover + ul {display: none!important;}
.rmm-mobile ul{width: 100%; position: inherit!important;}
.rmm-mobile li{width: 100%; }


/* mobile menu js action */
.rmm-dropdown{display: block!important;}
.rmm-mobile .rmm-subview{display: block!important; width: 100%;}
.rmm-mobile .rmm-subover-hidden{display: none!important;}
.rmm-mobile .rmm-subover-visible{display: block;}
.rmm-mobile .rmm-subover-header{display: none!important; padding: 0; margin: 0;}

/* mobile menu content */
.rmm-mobile .rmm-submenu{position: relative; left: 0px;}

.rmm .rmm-mobile li:hover > ul {display: none;}

/* arrow down for wide screen */
.rmm.style {text-align: left; background:red;}
.rmm.style ul { background:#FAFAFA;  text-align:left;}
.rmm.style ul li {text-align:left;}
.rmm.style ul li:hover {background: #4b545f;}
.rmm.style ul ul {display: none; margin:0; background: #5f6975; border-radius: 0px; padding: 0; position: absolute;z-index:99;}
.rmm.style ul li a {color: #000000; font-weight:600; display: block; padding: 12px 20px; text-decoration: none;}
.rmm.style ul ul li {border-bottom: 1px solid #575F6A; border-top: 1px solid #6B727C;margin-top:-1px;}
.rmm.style ul ul li a {padding: 12px 20px; color: #fff; }
.rmm.style ul ul li a:hover {background: #4b545f;}

noindex:-o-prefocus, .rmm.style ul li a {
  padding: 12px 18px;

text-shadow:0 1px 0;

}

/* arrow down for wide screen */
.rmm.style ul li > a:not(:only-child):after {

	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\25bc";
	position: relative;
	display: inline-block;
	top: -2px;
	left: 6px;
	font-size: 10px;
}

/* arrow left for wide screen submenus  */
.rmm.style ul ul li > a:not(:only-child):after {-webkit-transform: rotate(270deg)!important; transform: rotate(270deg)!important; top: 1px; font-size: 12px; float: right; margin-right: -10px;}

/* mobile style */
.rmm.style .rmm-mobile li > a:not(:only-child):after {
	content:"+"; 
	top: -3px!important;
	font-size: 18px!important; 
	font-weight:bold !important;
	float: right; 
	margin-right: 0px;
	}
.rmm.style .rmm-mobile li{
	background: #4b545f; 
	border-bottom: 1px solid #D8D8D8!important;
	border-top: 0!important;
	}
.rmm.style .rmm-mobile li :hover{
	background: #BDBDBD;
	color:#000000 !important;
	}	
	
@media all and (max-width: 768px){
	.rmm.style ul li a{
		color:#fff;
	}
}

@media screen and (max-width: 768px) {
    .sticky:before {
       display:none !important;
    }
    .menunav{
		box-shadow:none ;
		background:none ;
		border:none ;
	}
    .kolomsearch{
		margin-top:15px;
		margin-right:0;
		margin-left:0;
	}
}


@media screen and (min-width:300px){
.custompostkecil img{
	display:block;
  }
.custompostsedang img{
	display:none;
	}
.custompostbesar img{
   	display:none;
 	}

}
@media screen and (min-width:440px){
.custompostkecil img{
	display:none;
  }
.custompostsedang img{
	display:block;
	}
.custompostbesar img{
   	display:none;
 	}

}

@media screen and (min-width:599px){
.custompostkecil img{
	display:none;
  }
.custompostsedang img{
	display:none;
	}
.custompostbesar img{
   	display:block;
 	}

}

.margin-eiger{
margin-bottom:10px;
}