body {
	font-size: 14px;
	font-family: Roboto, Arial, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", -apple-system, BlinkMacSystemFont, sans-serif;
	padding-top: 75px;
}

#page-content {
	min-height: calc(100vh - 652px);
}

@media (min-width: 992px) {
	.navbar-nav>li>a {
		padding: 25px 10px;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}

#mainnavbar1 .dropdown-header {
	background-color: #ddd;
	color: #999;
}

#main-section {
	margin-top: 10px;
}

.navbar {
	font-size: 16px;
	min-height: 75px;
	padding: 0 0.5rem;
	white-space: nowrap;
}

.logo-container a.logo,
.navbar a.logo {
	float: left;
	background: url("/images/jogjakota-light2.png") top no-repeat;
	width: 240px;
	min-height: 50px;
	margin-top: 13px;
	margin-bottom: 13px;
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
	margin-left: 5px;
}

/*
.navbar-dark .navbar-nav > .open > a,
.navbar-dark .navbar-nav > .open > a:focus,
.navbar-dark .navbar-nav > .open > a:hover,
.navbar-dark .navbar-nav > .open > a:active,
.navbar-dark .navbar-nav > li > a:focus,
.navbar-dark .navbar-nav > li > a:hover,
.navbar-dark .navbar-nav > li > a:active {
	background: #555;
}
*/

.navbar-dark .navbar-nav .nav-link {
	color: white;
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
	color: yellow;
}

.footer {
	border-top: 1px #999 solid;
	width: 100%;
	color: #fff;
	background: darkgreen;
	padding-top: 25px;
	padding-bottom: 5px;
	text-align: justify;
}

.footer .logo-container {
	min-height: 70px;
	padding-bottom: 20px;
}

.footer .description {
	line-height: 1.5em;
}

.footer .logo-pemda-diy {
	background: url("/images/iconjogja.png") bottom repeat-x;
	margin-bottom: 15px;
	padding-bottom: 75px;
}

.footer .copyright {
	border-top: 1px dashed white;
	padding-top: 5px;
}

.footer strong {
	color: lime;
}

.no-margin-top {
	margin-top: 0px;
}

iframe {
	border: 1px solid #ddd;
}

.carousel {
	/* height: 350px; */
	background-color: #999;
}

.carousel-item {
	/* height: 350px; */
	width: 100%;
	padding-top: 56.22255%;
	position: relative;
}

.carousel-item>img {
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 0;
}

.carousel-control-next,
.carousel-control-prev {
	border: 0;
	background-color: rgba(0, 0, 0, 0.1);
	width: auto;
}

.carousel a {
	text-decoration: none;
	color: white;
	text-shadow: 0 0 3px #ff0000, 0 0 5px #0000ff;
}

.logo-berakhlak {
	margin-left: 5px;
	width: 200px;
	height: 76px;
	background: url('../images/logo-berakhlak.png') top no-repeat;
}

.card.h-100.collapsed-card:not(.maximized-card) {
	height: inherit !important;
}

.lh-1 {
	line-height: 1 !important;
}

.lh-11 {
	line-height: 1.1 !important;
}

.lh-12 {
	line-height: 1.2 !important;
}

.wide1-container {
	padding-top: 56.22255% !important;
	position: relative !important;
}

.wide1-content {
	position: absolute !important;
	top: 0 !important;
}

.btn-tool {
	color: inherit;
}

.navbar.bg-dark {
	background: rgba(0, 0, 0, .9) !important;
}

.navbar-toggler {
	margin-bottom: 1rem;
}

img {
	max-width: 100%;
}

.card-artikel ul.list-group li.list-group-item,
.card-berita ul.list-group li.list-group-item {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}