/* navigation */
.dropdown:hover>.dropdown-menu {
	display: block;
}

.dropdown>.dropdown-toggle:active {
	/*Without this, clicking will make it sticky*/
	pointer-events: none;
}
.nav-item:hover{
	border-bottom: none;

}
#menubar .container .navbar-nav a.nav-link{
	color: #000;
	font-weight: bold;
}
#menubar .container .nav-item:hover a.nav-link,.nav-item:focus a.nav-link,.nav-item:hover a.nav-link:hover,.nav-item:focus a.nav-link:focus{
	color:#fff;
}
.dropdown-menu:hover .dropdown-item:hover
{
	background: #fff;
	color: #95a5a6;
}
.dropdown-menu:hover{
	border-radius: 0;
}
.dropdown-menu{
	background: #95a5a6;
	color: #fff;
}
.title-post{
	font-weight:bold;
	font-size:10pt;
}

footer{
	background: #2c3e50;
}
.section-title,.pengumuman-title,.judul-banyak-dibaca{
	color: #26B1AA;
	font-weight: bold;
}
.pengumuman-title:after{
	content: "";
	position: absolute;
	height: 20px;
	border-bottom: 2px solid #26B1AA;
	top: 0;
	width: 34%;
	margin-left: 5px;
}
.section-title:after{
	content: "";
	position: absolute;
	height: 20px;
	border-bottom: 2px solid #26B1AA;
	top: 0;
	width: 88%;
	margin-left: 5px;
}
.wrapper-post,.pengumuman-wrapper{

	background: #f7f7f7;
	border:1px solid #eee;
}
.title-post{
	color: #000;
}
.desc-post{
	font-size: 10pt;
	color: #444444;
}


.pengumuman-wrapper a{

	display:block;

}
.btn-marrine {
	color: #26B1AA;
	background-color: transparent;
	background-image: none;
	border-color: #26B1AA;
}
.btn-marrine:hover {
	color: #fff;
	background-color: #26B1AA;
	border-color: #26B1AA;
}
.gallery-area{
	background:#34495e;
}
.title-page{
	color: #000;
	font-weight: bold;
}

.img-berita{
	width: 320px;
	height: auto;
	margin-right: 10px;
	margin-bottom: 5px;
}
.content-berita{
	text-align: justify;
	font-size: 11pt;
}
.judul-banyak-dibaca:after{
	content: "";
	position: absolute;
	height: 20px;
	border-bottom: 2px solid #26B1AA;
	top: 0;
	width: 49%;
	margin-left: 5px;
}
.title-post:hover,.title-berita:hover{
	text-decoration: none;
	color: #16a085;
}
.title-berita{
	font-size: 10pt;
	font-weight:bold;
	color: #000;
}
.title2{
	/*background: #fff;*/
	color: #fff;
	padding: 5px 0;
}
.fancy {
	line-height: 0.5;
	text-align: center;
}
.fancy span {
	display: inline-block;
	position: relative;
	color: #26B1AA;
	font-weight: bolder;
}
.fancy span:before,
.fancy span:after {
	content: "";
	position: absolute;
	height: 5px;
	border-bottom: 1px solid #26B1AA;
	border-top: 1px solid #26B1AA;
	top: 5px;
	width: 100%;
}
.fancy span:before {
	right: 100%;
	margin-right: 15px;
}
.fancy span:after {
	left: 100%;
	margin-left: 15px;
}

@media (max-width: 320px ) {
	.img-berita{
		width: 100%;
		height: auto;

	}
}
@media (max-width: 450px ) {
	.media img{
		width: 100%;
		display: block;
		height: auto;
	}
	.media{
		display: block;
	}
}
.slicknav_menu{
	display:none;
}
#menu{
	display: none;
}
@media (max-width: 450px) {
	/* #menu is the original menu */
	.sf-menu {
		display:none;
	}

	#menu{
		display:none;
	}
	.slicknav_menu{
		display: block;
	}
}


/* 26/09/2018 */

html, body{
	background:#ecf0f1;
}
.card-header{
	/*background:#7f8c8d;
	font-weight: bolder;
	color:#fff;*/
	padding: 0;

	margin-bottom: 0;

	background-color: transparent;

	border-bottom: 0 ;
}
.card{
	border:0;
	background:none;
}
.head-panel{
	margin-bottom: -19px;
}
.card-header{
	position: relative;
	z-index: 2;
}
.border-card{
	border-right: 1px solid #9adafb;
	border-left: 1px solid #9adafb;
	border-bottom: 1px solid #9adafb;
	border-top:1px solid #9adafb;
	border-radius:0;
}
.card-body{
	background: #fff;
}
.card-header:first-child{
	border-radius : 0;
}
header{
	background: url('../../assets/img/DISPENDUK HEADER.jpg');
	/*height: 193px;*/
	/* background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; */
}
.judul-pengumuman{
	font-size: 10pt;
}
.judul-pengumuman a{
	color: #000;
}
.judul-pengumuman a:hover{
	color:#007bff;
	text-decoration: none;
}
.img-centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.header-text{
	text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
}

#menubar{
	/* background:#7f8c8d; */
	background-image: url('../../assets/img/DISPENDUK MENU.jpg');

	display: block;
}
.sf-menu ul li{
	background:#7f8c8d;  /* fallback for old browsers */

}
.sf-menu li a{
	color: #fff;

}
.sf-menu li:hover, .sf-menu li.sfHover {
	/* background: #bdc3c7; */
	background: transparent !important;
	color: #fff;
	font-weight: bolder;
}
.sf-menu li a:hover,.sf-menu li a:focus,.sf-menu li a:active{
	color: #fff;
	background: transparent !important;
	font-weight: bolder !important;

	/* background:#bdc3c7; */
}
.sf-menu li a {
	border-left: none;
	border-top: none;
	border-top: none;
	color: #96ecfb;
	font-weight: normal !important;
}
.sf-menu ul li{
		background: #1387D0 !important;

}
.sf-menu ul li a:hover,.sf-menu ul li:hover{
	background: #1387D0 !important;
}
/*update 7/11/2018*/
.border-berita,.border-pengumuman
{
	display: block;
	height: 19px;

}
.border-ataskiri,.border-atastengah,.border-ataskanan
{
	display: inline-block;
}
.border-berita .border-ataskiri{
	/*width: 73px;*/
	
	border-top:1px solid #9adafb;
	
}
.border-berita .border-atastengah{
	/*width: 343px;*/
	border-top:1px solid #fff;
	
}
.border-berita .border-ataskanan{
	/*width: 313px;*/
	border-top:1px solid #9adafb;
}
.border-pengumuman .border-ataskiri{
	/*width: 71px;*/
	
	border-top:1px solid #9adafb;
	
}
.border-pengumuman .border-atastengah{
	/*width: 262px;*/
	border-top:1px solid #fff;
	
}
.border-pengumuman .border-ataskanan{
	/*width: 17px;*/
	border-top:1px solid #9adafb;
}