/*.navbar .logo-alt img, .navbar .logo img{height: auto;}
.nav-on-header .navbar .logo-alt, .nav-on-header .navbar .logo{padding-top: 15px;}*/
.nav-menu{text-align: right;}
.demo-btn-margin .btn{margin-bottom:6px}
.header-job-search .input-keyword{width: 70%}
.header-job-search .btn-search{width: 30%;}
.list-nopadding{list-style-position: outside; padding-left: 1em;}

.abjad-pilihan .radio{display: inline-block; margin-right: 15px; margin-top: 0;}

.block-contoh-nama .col-md-6, .block-nama-lengkap .col-xs-12{margin-bottom: 15px;}
.nav-pagination-wrapper .btn{margin-bottom: 10px;}

.item-card header{position: relative;}
.item-card .hgroup{display: block;}
.item-card .details li{font-size: 12px; line-height: 18px;}
.item-card .details li i{float: left; width: auto;}
.item-card .details li span{display: block; margin-left: 26px; text-align: left;}

.card-block{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px;}
.card-block a.item-block.item-card, .card-block div.item-block.item-card{flex: 0 0 31%; display: flex; flex-direction: column;}
.card-block .item-block .item-body{flex: 1 0 auto;}

.item-block header .love{display: block; color: #96a2b2; line-height: 35px;}
.item-block header .love:before{content: "\f004"; font-family: FontAwesome; padding-right: 10px;}

.figur-foto{border: 1px solid #bbb; padding: 5px 5px 0 5px; display: inline-block; text-align: center}
.figur-foto p{margin-bottom: 0; font-size: 12px;}

.nav-pagination-wrapper .pagination{margin: 0;}

.slideiklan{margin-bottom: 34px;}
.list-arti-bahasa .item-block header{border-bottom: 1px solid #9E9E9E; position: relative; padding: 15px; display: flex;}
.list-arti-bahasa .item-block header img{margin-right: 15px;}
.list-arti-bahasa .item-block .header-meta{position: absolute; top: 10px; right: 0;}
.list-arti-bahasa .item-block header .hgroup{overflow: hidden}
.list-arti-bahasa .item-block header h5{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px;}

.category-grid.blogpost a{color: #fff; position: relative; height: 320px;}
.category-grid.blogpost a h6, .category-grid.blogpost a p{position: relative; z-index: 2; color: #fff;}
.category-grid.blogpost a p{height: 96px;}
.category-grid.blogpost a:after{content: ""; top:0; left:0; width: 100%; height: 100%; position: absolute; z-index: 1; background: rgba(0,0,0, .6)}
.category-grid.blogpost a:hover::after{background: rgba(0,0,0, .2)}

/*.owl-prev, .owl-next{width: 32px; height: 32px; position: absolute; top: 50%; margin-top: -12px !important; display: block !important; background: rgba(0,0,0,1) !important; border-radius: 50% !important;}*/
/*.owl-prev{left: 25px;}*/
/*.owl-next{right: 25px;}*/
/*.owl-prev i, .owl-next i {color: #fff;}*/

@media screen and (min-width: 960px){
	.item-cari .hgroup{max-width: 70%;}
	.card-bahasa-placeholder{max-height: 280px; overflow: hidden;}
}

@media screen and (min-width: 768px){
	.item-cari svg, .item-block svg{margin-right: 15px; vertical-align: top; margin-top: 8px;}
	.item-cari .hgroup{max-width: 65%;}
}
@media screen and (max-width: 768px){
	.page-header, .site-header{background-position: center}
	.ads-spacer{display: none}
}
@media screen and (max-width: 767px){
	.header-job-search .input-keyword, .header-job-search .btn-search{width: 100%;}	
	.header-job-search .input-keyword .form-control, .header-job-search .btn-search .btn{border-radius: 4px;}

	.card-block a.item-block.item-card{flex: 0 0 48%;}
	.details.cols-2 li{width: 50%;}

	.blog-page{padding-top: 0px;}

	.bg-small-top{background-size: contain; background-position: top center;}

	.list-arti-bahasa .item-block header{position: relative; padding: 10px; text-align: left}
	.list-arti-bahasa .item-block header img{margin-right: 15px; float: left; margin-bottom: 0;}
	.list-arti-bahasa .item-block .header-meta{top: -16px;}

	.list-arti-bahasa .item-block header h5{white-space: normal;}
	.card-bahasa-placeholder{margin-top: 20px;}
}
@media screen and (max-width: 560px){
	.btn+.btn{margin-top: 15px;}
}
@media screen and (max-width: 480px){
	.card-block a.item-block.item-card{flex: 0 0 100%;}
}