/* custom untuk HXCMS by hendra (hensabuna.com) */

body { font-family: "Open Sans",sans-serif; color: #444; }

/* HEADER
================================== */

.header { padding: 10px 0; }
header.animated .logo img { height: 50px; }
.dropdown > a::before { right: 2px; }
.navbar.navbar-default { margin-top: 8px; }
.navbar-nav { margin-top: 0; margin-bottom: 2px; }
.navbar-toggle { margin-right: 10px; }
.navbar-brand { padding: 0; }
.navbar-center { float: none !important; margin: 0 auto; display: table; table-layout: fixed; }
.header-small .logo img { max-height: 55px; }
.header.dark { border-top: 1px solid #515151; }
.logo img { height: 58px; }
.navbar-default .navbar-nav > li > a { padding: 12px 15px 12px 8px; font-weight: normals;text-transform:none; }
.dark.header .navbar-default .navbar-nav > li > a:hover { color: #B5F2EF; }
.dropdown-menu > li > a { padding: 8px 15px; }

/* KONTEN
================================== */

.main-container { padding: 20px 0 40px; }
.post-title { margin-top: 0; font-weight: bold; }
/*.list-inline { margin-top: 0; margin-bottom: 4px; }*/
.owl-carousel .owl-item > div { margin-top: 0; margin-bottom: 0; }
.overlay-container img { width: 100%; }
blockquote { background-color: #fafafa; padding: 20px 20px 20px 50px; margin-left: 0; border-left: 4px solid #ccc; }
blockquote::after { top: 8px; left: 10px; }
.image-box-body { padding: 12px 10px; }
.img-responsive { width: 100%; }
h1 { font-size: 36px; }
h5 { text-transform: none; font-size: 15px; }
/*h1,h2,h3,h4,h5 { color: inherit; }*/

a:hover, .link:hover span { text-decoration: none; }
.hr-kecil { margin: 10px 0; }
.sep { margin: 0 5px; color: #ccc; }
.hr-sep { margin: 15px 0 15px; }
.footer-content .nav-pills > li > a { border-bottom: 1px solid #444; padding-left: 15px; }
.footer-content .nav-pills.nav-stacked > li > a::after { left: 3px; }
.footer h2 { margin-bottom: 20px; }

/* SIDEBAR
================================== */

.sidebar .block { padding-bottom: 20px; padding-left: 10px; }
.sidebar .nav { margin-bottom: 10px; }
.sidebar .nav-stacked > li + li { margin-top: 0; }
.sidebar .nav-pills > li > a { padding: 6px 10px 6px 22px; font-size: 14px; text-transform: none; font-weight: normal; border-bottom: 1px solid #f1f1f1; }
.sidebar .nav-pills.nav-stacked > li > a::after { top: 4px; left: 8px; }
.sidebar .separator { width: 30px; margin: 15px 0 20px; background-color: #999; border-color: #999; }
.sidebar form { margin-bottom: 5px; }
.sidebar .title { font-size: 20px; }
.sidebar .list-with-image { margin-bottom: 10px; }
.sidebar .list-with-image p { margin-bottom: 5px; margin-left: 95px; line-height: 1.35; }

ul.tweets li { padding-left: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #f1f1f1; }
ul.tweets li:last-child { border-bottom: none; }
ul.tweets li p { margin-bottom: 0; line-height: 1.3; }
ul.tweets li img { width: auto; height: 55px; margin-right: 0; }

.social-links { margin-top: 0; margin-bottom: 10px; }
.social-links li { margin-right: 5px; }

/* Clients
---------------------------------- */
.clients { text-align: center; }
.clients .client img { text-align: center; width: auto; height: 95px; margin: 5px auto; display: block; }

/* HELPER CLASS
================================== */

.mt-0 { margin-top: 0; }
.mt-5 { margin-top: 5px; }
.mt-15 { margin-top: 15px; }
.mt-30 { margin-top: 30px; }
.mb-0 { margin-bottom: 0; }
.mb-5 { margin-bottom: 5px; }
.mb-30 { margin-bottom: 30px; }


/* RESPONSIVE CLASS
================================== */

@media (max-width: 767px) {
   .main-navigation .navbar-nav { float: none !important; }
   .navbar-center { float: none !important; margin: 0px -15px 2px; display: block; table-layout: auto; }
   .navbar-right { float: none !important; margin: 0px -15px 2px; display: block; table-layout: auto; }

   .navbar-default .navbar-nav > li > a { padding: 8px 15px 8px 10px; }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header { padding: 8px 15px 8px 40px; }
}
@media (min-width: 768px) {
   .main-navigation .navbar-nav.navbar-right:last-child { margin-right: auto; }
   .navbar-right { float: none !important; margin: 0 auto; display: table; table-layout: fixed; }
}
@media (min-width:768px) and (max-width:991px) {
   .main-navigation .navbar-nav { float: none !important; }
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {
   .main-navigation .navbar-nav.navbar-right:last-child { margin-right: 0; }
}