/*
	Theme Name: Themes KPU Kabupaten Barito Timur
	Theme URI: http://kab-baritotimur.kpu.go.id
	Author: Setyawan Widodo
	Author URI: http://setya1.com
	Description: Themes Website KPU Kabupaten Barito Timur, Layout bootstrap mixed
	Version: 1.0 
	Tags: kpu kab bartim, themes kpu bartim
*/

body {
	background:url('images/bgbody.jpg') fixed;
	font-family:Arial;
	font-size:90%;
}
table {font-size:80%;}
a{ color:#900;}
a:hover {color:#930;}

/* Ukuran huruf heading */
h1 { font-size:22px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:11px; }
p { font-size:14px; }

/* Warna */
.hijaumuda { background:#80A311;}
.merahmuda { background:#f99;}
.birumuda { background:#99f;}
.kuningmuda { background:#ff9;}


/* Pengaturan css di header */
.wadah { margin:10px 10% 10px 10%; width:80%; box-shadow:0 0 8px #333;}

.menu { background:#F8F9FA;}
.navbar { margin-left:0; width:100%;}
	nav, .dropdown-item, .navbar-toggler {
			font-size:14px!important;
			border:none;
		}
.navbar > .container, .navbar > .container-fluid { margin-left:-45px;}
.navbar-brand img {
			height:30px;
		}
		
		.navbar .dropdown-menu li {
	  width: 100%;
	  margin-left: 0 !important;
	}

	ul.dropdown-menu li > ul.dropdown-menu{
		left: 100%;
		top: 0;
	}

	ul.dropdown-menu li:hover > ul.dropdown-menu, ul.dropdown-menu li:focus > ul.dropdown-menu{
		display: block
	}
.header { height:150px; overflow:hidden; padding-left:0;}
.newsticker { padding:0; background:#ddd;}
	.ticker-content {padding:5px!important;}



/* pengaturan css utk slideshow */
.slideshow { padding:10px; background:url('images/bgslideshow.png');}
	.slideshow img { width:100%; height:auto;}



/* Pengaturan CSS Blok 1 */
.blok1kiri, .blok1tengah, .blok1kanan {padding-top:15px; padding-bottom:25px; background:#eee;}
	.blok1 h2 { padding-bottom:5px; border-bottom:solid 1px #999; margin-bottom:15px; text-shadow:2px 2px 3px #333; font-weight:bold; color:#af0;}
	.blok1 h6 { padding-top:5px; color:#999;}
	.blok1kiri a { color:#050;}
	.blok1kiri a:hover { color:#090; text-decoration:none; font-weight:bold;}
.pertama { margin-bottom:20px; border-bottom:dashed 1px #ccc; padding-bottom:5px;}
	.pertama h6 {text-align:right; padding-top:0;}
.kedua { border-bottom:dashed 1px #ccc; padding-bottom:5px; float:none; margin-top:5px; }
.pertama  img { width:100%; height:auto;}
.pertama img:hover, .kedua img:hover { filter:brightness(110%);}
.kedua img { width:70px; height:auto; float:left; margin-right:10px;}

.blok1tengah { background:#dfdfdf;}

.blok1kanan img { width:100%; height:auto; margin-bottom:15px; box-shadow:0 0 3px #ccc;}



/* Pengaturan Galeri Depan */
.galeridepan { background:#fafafa; padding-top:15px; padding-bottom:25px;}
	.galeridepan h2 { padding-bottom:5px; border-bottom:solid 1px #ccc; margin-bottom:15px; text-shadow:2px 2px 3px #333; font-weight:bold; color:#ffc;}
	.galeridepan img { width:100%; height:auto;}
	.galeridepan a {color:#800;}
	.galeridepan a:hover {color:#f00; text-decoration:none; filter:brightness(110%);}



/* Pengaturan blok2 */
.blok2 { background:#eee; background:url('images/bgslideshow.png'); padding-top:15px; padding-bottom:25px;}
	.blok2 h2 { margin-bottom:15px; text-shadow:2px 2px 3px #333; font-weight:bold; color:#ff0;}
	.blok2kiri img { width:100%; height:130px;}
	.blok2kiri a {color:#080;}
	.blok2kiri a:hover {color:#0c0; text-decoration:none; filter:brightness(110%);}

	.blok2kanan li { list-style-type:square; margin-left:-23px; color:#999; border-bottom:dashed 1px #ccc; padding-bottom:5px; margin-bottom:5px;}
	.blok2kanan a {color:#550;}
.rpwwt-post-date {
	font-size:12px;
	color:#999;
}

/* Pengaturan blok2 */
.arsip { background:#fafafa; padding-top:15px; padding-bottom:25px;}
	.blok2kanan h2, arsip h2, .arsip h2 a { font-weight:bold; text-shadow:2px 2px 3px #000; color:#fff; padding-bottom:5px; border-bottom:solid 1px #ccc; margin-bottom:15px;}
	.arsip img { width:100%; height:130px;}
	.arsip a {color:#550;}
	.arsip a:hover { filter:brightness(110%); text-decoration:none; color:#f00;}

/* Pengaturan Bagian Peta */
.peta {background:#fafafa; padding-top:15px; padding-bottom:25px;}
.peta h2 { font-weight:bold; text-shadow:2px 2px 3px #000; color:#ff0; padding-bottom:5px; border-bottom:solid 1px #ccc; margin-bottom:15px;}

/* Pengaturan Video */
.video {background:#fafafa; padding-top:15px; padding-bottom:25px;}
	.video h2 { font-weight:bold; text-shadow:2px 2px 3px #000; color:#ff0; padding-bottom:5px; border-bottom:solid 1px #ccc; margin-bottom:15px;}
	.video li {list-style-type:square; color:#555;}
	.videoterakhir iframe { width:100%; height:400px;}
	.videosebelumnya iframe { width:100%; height:80px;}
	


/* Pengaturan Halaman 404 */

.error404 { background:#fff; padding-top:20px; padding-bottom:25px;}
	.error404 h1 {color:#f00;}
	.error404 h2 {color:#080;}
	.error404 input {width: 50%;}

/* Pengaturan css untuk Halaman Full */
.halaman { background:#f0f0f0; padding-top:15px; padding-bottom:25px;}
	.halaman h2 { font-weight:bold; text-shadow:2px 2px 3px #000; color:#ff0;}
	.pdfemb-viewer { border:none!important;}
	.halaman iframe {width:100%;}
	.halaman input, .halaman textarea {width:100%; padding:10px;}
	.sidebar li { border-bottom:dashed 1px #ccc; 	margin-left:-25px;  list-style-type:square; color:#888; }
	.sidebar a {	color:#c50; }
	.sidebar a:hover {	color:#f00; font-weight:bold; text-decoration:none; }
	.sidebar ul li { font-weight:bold;}
	.sidebar ul li ul li { font-weight:normal;}
	.sidebar { background:#fafafa;}





/* Pengaturan css footer */
.atasfooter {background:#eee; padding-top:15px; padding-bottom:25px;}
	.atasfooter h2 { font-weight:bold; text-shadow:2px 2px 3px #000; color:#fff; padding-bottom:5px; border-bottom:solid 1px #ccc; margin-bottom:15px;}
	.atasfooter li {list-style-type:square; color:#444; margin-left:-23px;} 

.footer { background:#333; color:#fff; padding:20px; font-size:11px;}



@media screen and (max-width:576px) {
	.wadah { width:98%!important; margin:10px 1% 10px 1%;	}
	.galeridepan {overflow:hidden;}
	.isigaleridepan { width:300%!important;}
	.isigaldep {float:left;}
}