/*
Biru 1 : #336699 (link, bawah banner, footer)
Biru 2 : #002b5c (navbar)
Biru 3 : #003366 (border Footer)
Biru 4 : #004b8d (navbar hover)

Kuning : #ffcc00
*/

.page-widths{max-width:1080px;}
a, a:hover{color:#336699}

#header{height:100px; border-top:solid 7px #336699}
	#header	.web-name .logo{width:70px; padding:13px 0; float:left}
	#header	.web-name .name{margin-left:15px; padding:20px 0; float:left}
		#header	.web-name .name .title{font-size:24px; font-weight:bold; text-transform:uppercase}
		#header	.web-name .name .desc{font-size:16px; font-weight:bold; line-height:1em;}
		#header	.web-name .name a{text-decoration:none; color:#000}
	
	#header	.web-search{text-align:left; padding-top:25px}
		#header	.web-search .search-box{color: #336699; font-size: 16px;}
	
#nav-header{background:#002b5c; border-bottom:solid 7px #ffcc00; border-radius:0; margin-bottom:0}
	#nav-header .navbar-dark .navbar-nav .nav-link{color:#FFF}
	#nav-header .navbar-dark .navbar-nav .nav-link:hover{background: #004b8d;}

#banner{background:#F4F4F4; border-bottom:solid 7px #ffcc00}

#home-circle-menu{background:#336699; color:#FFF}
	#home-circle-menu a{color:#FFF; text-decoration:none}
	#home-circle-menu .item{text-align:left;}
	#home-circle-menu .item:hover{background: #002b5c;}
	#home-circle-menu .item .menu-image{width:75px; height:75px; background:#FFF; border:solid 3px #ffcc00; color: #336699;}
	#home-circle-menu .item .menu-name .title{ font-weight: bold;}
	#home-circle-menu .item .menu-name .desc{font-size: 14px;}

section.home-pad{padding:65px 0}
	section.home-pad.grey{background:#f1f1f1}
	section.home-pad.soft-green{background:#9cc5a9}
	
	section.home-pad h1{font-size:30px; margin:0 0 30px 0;}
	section.home-pad h1 span{border-bottom: #ffcc00 solid 5px; padding-bottom: 5px}
	section.home-pad h1 strong{color:#002b5c}

#home-news .news-pad{background:#FFF; height:500px}
	#home-news .news-pad .col-main-news{padding-right: 0;}
	#home-news .news-pad .main-news{position:relative}
		#home-news .news-pad .main-news .img{overflow:hidden}
			#home-news .news-pad .main-news .img img{height:500px}
		#home-news .news-pad .main-news .desc{position:absolute; width:100%; bottom:0; padding:20px; color:#FFF;
			background: #042b5c94;}
			#home-news .news-pad .main-news .desc .date{font-size:16px;}
			#home-news .news-pad .main-news .desc .title a{color:#FFF; font-size:26px;}

	#home-news .news-pad .news-list{background:#002b5c; height:500px; overflow:hidden; border-left:1px solid #5f5f5f}
		#home-news .news-pad .news-list .item{padding:13px; font-size:16px; line-height:1.4em; border-bottom:1px solid #5f5f5f}
		#home-news .news-pad .news-list .item:last-child{border:none}
		#home-news .news-pad .news-list .item a{color:#FFF}

#home-agenda .agenda-items .item{background:#f1f1f1; padding:25px; margin-bottom:25px}
	#home-agenda .agenda-items .item .date-month{background:#d8d8d8; max-width:75px; min-height:75px; text-align:center; border:solid 1px #989898; 
		border-radius:10px; padding:10px;}
		#home-agenda .agenda-items .item .date-month .date{font-size:36px;line-height:1em}
		#home-agenda .agenda-items .item .date-month .month{font-size:20px; line-height:1em; text-transform:uppercase}
	#home-agenda .agenda-items .item .desc{}
		#home-agenda .agenda-items .item .desc .title{font-size:20px; line-height:1.2em}
			#home-agenda .agenda-items .item .desc .title a{color:#336699; font-weight:bold}
		#home-agenda .agenda-items .item .desc .detail{color:#666; margin-top:10px}

#home-agenda .transparansi-items{margin-bottom:30px}
	#home-agenda .transparansi-items .item{border-bottom:dashed 1px #CCC}
	#home-agenda .transparansi-items .item .title a{font-size:18px; color:#336699; font-weight: bold;}
	#home-agenda .transparansi-items .item .date{font-size:14px; color:#666}

#home-gallery .gallery-items .item{background: #004b8d; width: 100%; min-height: 100px;}

#home-pengaduan .create{text-align:center}
	#home-pengaduan .create .icon{margin:20px 0}
	#home-pengaduan .create .button .btn{background:#336699}
	
	#home-pengaduan .show-item .items{padding:35px 25px; background:#c7e7d1; margin-top:30px; min-height:150px; color:#000}
	#home-pengaduan .show-item .items .img{min-height:200px}
	#home-pengaduan .show-item .items h3{margin:0 0 10px 0; color:#000}
	#home-pengaduan .show-item .items p{margin:0; color:#000; font-weight:normal}
	#home-pengaduan .show-item .items .item{padding:0 25px}
	#home-pengaduan .show-item .items .carousel-control{width:auto}
	#home-pengaduan .show-item .items .carousel-control.left{background:none}
	#home-pengaduan .show-item .items .carousel-control.right{background:none}


#inside{min-height:500px; padding:50px 0;}
	#inside .left-side h2{font-size:24px}
	#inside .left-side h3{font-size:20px}
	#inside .left-side h1.page-title{font-weight:bold; margin:0; font-size:30px; margin-bottom:20px}
		#inside .left-side h1.page-title strong{color:#002b5c}
		
	#inside .left-side .content-detail h1.news-title{font-weight:bold; margin:0; font-size:30px; margin-bottom:20px}
	#inside .left-side .content-detail .date-and-detail{font-size:12px; color:#666; margin-bottom:20px}
	#inside .left-side .content-detail .main-image{margin-bottom:30px}
	#inside .left-side .content-detail .socmed-share{margin-bottom:20px}
	#inside .left-side .content-detail .socmed-share .item{width:20% !important; padding:0px 3px}
	
	#inside .left-side .news-list-item{}
		#inside .left-side .news-list-item .news-item{padding:25px 0; border-bottom:solid 1px #DDD}
		#inside .left-side .news-list-item .news-item:first-child{padding-top:0}
		#inside .left-side .news-list-item .news-item .title{font-size:16px; font-weight:bold; margin-bottom:15px}
		#inside .left-side .news-list-item .news-item .date{font-size:12px; color:#656565; font-weight:bold; margin-bottom:10px}
		#inside .left-side .news-list-item .news-item .desc{font-size:14px; line-height:1.4em}
	
	
	#inside .right-side .sidebar{margin-bottom:25px}
	#inside .right-side .header-title{font-size:16px; background:#336699; color:#FFF; padding:8px 15px}
	
	#inside .right-side .aparatur-desa .aparatur{border:solid 2px #336699;border-top:none; min-height:100px; background:#F3F3F3}
	
	#inside .right-side .map-desa .map{border:solid 2px #336699;border-top:none; min-height:50px}
	
	#inside .right-side .agenda .items .item{padding:10px 0;border-bottom:dashed 1px #CCC}
	#inside .right-side .agenda .items .item .date-month{background:#d8d8d8; width:50px; min-height:50px; text-align:center; border:solid 1px #989898; 
		border-radius:8px; padding:10px 5px; line-height:1em; float:left}
		#inside .right-side .agenda .items .item .date-month .date{font-size:18px; font-weight:bold}
		#inside .right-side .agenda .items .item .date-month .month{font-size:12px;}
	#inside .right-side .agenda .items .item .title{padding-left:60px; line-height:1.4em}
		#inside .right-side .agenda .items .item .title a{color:#336699}
	
	#inside .right-side .news-list .items .item .title{padding-left:0;}
		#inside .right-side .news-list .items .item .date{font-size:12px; color:#777}
	

footer{background:#336699; padding:45px 0; border-bottom:solid 7px #003366; color:#FFF}
	footer a{color:#FFF}
	footer a:hover{color:#ffcc00}
	footer .title{font-size:18px; font-weight:bold; margin-bottom:15px;text-transform:uppercase}
	
	footer .logo{text-align:center}
	footer .logo .img{width:155px; margin:auto}
	footer .logo .name{font-size:20px; font-weight:bold; margin-top:20px; text-transform:uppercase}
	footer .logo .detail{font-size:14px; font-weight:bold}
	
	footer .address{font-weight:bolds; line-height:1.3em}
	footer .address p{margin:15px 0;text-indent: -10px; padding-left:20px}
	footer .address .glyphicon{color:#FFF;}
	
	footer .link-list ul{padding-left:15px; font-size:16px;}
	footer .link-list ul li{margin-bottom:5px}
	
	footer .copyright{text-align:center; margin-top:20px; padding-top:20px; border-top:solid 1px #ffcc00}

@media (max-width: 640px) {
	#header	.web-name .name{margin-left:10px; padding:20px 0;}
		#header	.web-name .name .title{font-size:20px;}
		
	#header	.web-search .search-box{display:none}
	
	#home-circle-menu .item{padding-top:15px !important; padding-bottom:15px !important;border-bottom: solid 2px #446d98;}
		
	section.home-pad{padding:30px 0}
		section.home-pad h1{font-size:20px; margin:0 0 25px 0}
	
	#home-news .news-pad{height:auto}
	#home-news .news-pad .col-main-news{padding: 0;}
	#home-news .news-pad .main-news .img img{height:auto; width:100%}
	#home-news .news-pad .news-list{height:auto}
	#home-news .news-pad .main-news .desc{padding:15px}
	#home-news .news-pad .main-news .desc .date{font-size:14px;}
	#home-news .news-pad .main-news .desc .title a{font-size:18px}
	#home-news .news-pad .news-list .item{font-size:14px; padding:10px}
	#home-news .news-pad .news-list .item:first-child{border-top:1px solid #5f5f5f}
	
	#home-agenda .agenda-items .item{padding:15px; margin-bottom:15px}
		#home-agenda .agenda-items .item .desc .title{font-size:16px;}
		#home-agenda .agenda-items .item .desc .detail{font-size:14px;}
	
	#home-agenda .left-col h1{margin-top:40px}
		#home-agenda .transparansi-items .item .title a{font-size:16px;}
	
	#inside{padding:25px 0 0 0;}
		#inside .left-side .content-detail h1.news-title{font-size:22px;}
		
		#inside .right-side{margin-top:25px; padding-top:25px; border-top:solid 5px #EEE; border-bottom:solid 5px #EEE}
	
	footer{padding:30px 0}
	footer .set-pad-xs{margin-bottom:20px; padding-bottom:20px; border-bottom: solid 2px #517294}
	footer .copyright{border-top:none; margin-top:0; padding-top:0}
}

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

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
}

@media (max-width: 767px){
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #FFF;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}