/**
 * File Name: Style.css
 *
 * Author: Pusat Kajian Hadist
 * Author URI:  
 *
@import url("//fonts.googleapis.com/css?family=Open+Sans:400");
 */

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	background: #234600;
}

.ui-page-theme-a a,html .ui-bar-a a,html .ui-body-a a,html body .ui-group-theme-a a {
	color: #20340a;
    font-weight: 700
}

.ui-page-theme-a a:visited,html .ui-bar-a a:visited,html .ui-body-a a:visited,html body .ui-group-theme-a a:visited {
	color: #20340a;
}

.splash {
	background: #fff;
	text-align: center;
}

.splash * {
	margin: 0 auto;
}

.ui-header, .ui-footer {
	border-width: 0px 0px;
}

/* home */
#home .ui-header {
	text-transform: uppercase;
	color: #fff;
}

#home .ui-header,
#home .ui-content,
#home .ui-footer {
	background: #2D5900;
}

#home .ui-header .ui-title {
	font-family: 'Open Sans', sans-serif;
	margin: 0 auto;
	font-weight: 400;
}
#home .ui-header h1.ui-title {
	font-size: 28px;
	padding-top: 12px;
	padding-bottom: 16px;
	background: #436A16;
}

#home .ui-header h2.ui-title {
	padding-top: 40px;
	padding-bottom: 5px;
	font-size: 20px;
}

#home .ui-content {
	background: #2D5900 url("../img/bg-home.png") no-repeat no-repeat center center;
	min-height: 517px;
	padding: 0;
	text-align: center;
}

#home .ui-content * {
	margin: 0 auto;
}

#home .ui-content img {
	margin: 60px auto 90px auto;
	display: block;
}

#home .ui-content .btn-home {
	font-weight: 400;
	text-transform: uppercase;
	padding: 9px 20px;
	font-size: 12px;
	color: #fff;
	background: rgba(45, 89, 0, 0.7);
	background: -webkit-linear-gradient(rgba(103, 133, 73, 0.7), rgba(45, 89, 0, 0.7));
	background: -moz-linear-gradient(rgba(103, 133, 73, 0.7), rgba(45, 89, 0, 0.7));
	background: -ms-linear-gradient(rgba(103, 133, 73, 0.7), rgba(45, 89, 0, 0.7));
	background: -o-linear-gradient(rgba(103, 133, 73, 0.7), rgba(45, 89, 0, 0.7));
	background: linear-gradient(rgba(103, 133, 73, 0.7), rgba(45, 89, 0, 0.7));
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: none;
}

#home .ui-footer {
	margin: 0 auto;
	color:#fff;
	min-height: 76px;
}

#home .ui-footer .pkh-logo {
	margin-top: 10px;
	display: inline-block;
}

.kemen-ag, .pkh-logo {
	width: 80%;
	vertical-align: middle;
	line-height: 57px;
}

/* content page */
.ui-header.pkh-header {
	background: #20340a;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 7px;
}

.ui-header.pkh-header {
	text-align: center;
	font-weight: 400;
}
.ui-header.pkh-header img {
	width: 65px;
	margin-right: 5px;
}

.ui-header.pkh-header .ui-title {
	display: inline-block;
	margin: 0;
	padding: 0;  
	font-size: 21px;
	text-align: left;
	font-weight: 400;
}

.pkh-header.subheader {
	background: #fefefe;
	height: 30px;
	line-height: 30px;
	width: 100%;
}

.ui-content.pkh-content {
	padding: 0px 0px 50px 0px;
	background: #234600;
	min-height: 300px;
}

.pkh-main {
	padding: 15px;
}

.ui-btn.pkh-btn {
	font-weight: 400;
	color: #fff !important;
	background: #578B1D;
	background: -webkit-linear-gradient(#578B1D, #3F6514);
	background: -moz-linear-gradient(#578B1D, #3F6514);
	background: -ms-linear-gradient(#578B1D, #3F6514);
	background: -o-linear-gradient(#578B1D, #3F6514);
	background: linear-gradient(#578B1D, #3F6514);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: none;
	margin: 4px 0;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #000;
}

.ui-btn.pkh-btn:hover,
.ui-btn.pkh-btn:focus {
	color: #fff;
	background: #578B1D;
	background: -webkit-linear-gradient(#578B1D, #669130);
	background: -moz-linear-gradient(#578B1D, #669130);
	background: -ms-linear-gradient(#578B1D, #669130);
	background: -o-linear-gradient(#578B1D, #669130);
	background: linear-gradient(#578B1D, #669130);
	border: none;
}

.ui-btn.pkh-btn:after {
	background-color: rgba(0,0,0,0);
}

/* content post */
.ui-content.pkh-post {
	background: #234600;
	padding: 0px 8px;
}

.pkh-heading-post {
	padding: 7px 30px 0 7px;
	margin: 15px 0;
}

.pkh-heading-post span {
	text-transform: uppercase;
	color: #fff;
	position: relative;
	top: -8px;
	font-size: 22px;
}

.ui-btn.pkh-btn-home {
	background-color: #f18103 !important;
	display: inline-block;
	outline: 0;
	border: 0; 
	width: 33px;
	height: 33px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0;
	margin-right: 10px;
}

.ui-btn.pkh-btn-home:after {
	background-color: rgba(0,0,0,0);
	font-size: 22px;
	margin-left: -12px;
}

.pkh-content-post {
	background: #fff;
	color: #333333;
	padding: 24px 29px 0 29px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.pkh-title-post {
	border-bottom: 1px solid #234600;
	padding-bottom: 11px;
}

.pkh-title-post h1, .pkh-title-post h3 {
	font-size: 18px;
	margin: 0;
}

.pkh-inner-post {
	padding: 14px 4px;
}

.pkh-inner-post p:first-child {
	margin-top: 11px;
}

.pkh-inner-post p {
	margin-bottom: 12px;
}

.pkh-inner-post ol,
.pkh-inner-post ul {
	margin-top: 0;
	padding-left: 23px;
	line-height: 1.9;
}

.pkh-inner-post ul {
	padding-left: 23px;
}

.pkh-inner-post li.highlight {
	color: #f18103;
}

.ui-footer.pkh-footer {
	background: #234600;
	padding: 10px;
}

/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	html {overflow-x:hidden;}
	.ui-btn.pkh-btn-home {
		display: block;
		margin: 0 auto 20px;
	}

	.pkh-heading-post span {
		display: block;
		text-align: center; 
	}
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
	html { overflow-x:hidden; }
	#home .ui-header h1.ui-title {
		font-size: 24px;
	}

	#home .ui-content img {
		width: 90%;
	}
	
	#home .ui-footer {
		float: left;
		width: 100%;
		display: block;
		margin-bottom: 0;
	}

	#home .ui-footer img {
		padding-left: 10px;
	}

	#home .ui-footer .pkh-logo {
		float: left;
	}

	.ui-header.pkh-header img {
		margin-right: 0;
	}

	.ui-header.pkh-header .ui-title {
		font-size: 18px;
	}
	
	.ui-header.pkh-header h2.ui-title {
		top: -4px !important;
		position: relative;
	}	

	.ui-btn.pkh-btn-home {
		display: block;
		margin: 0 auto 20px;
	}

	.pkh-heading-post span {
		display: block;
		text-align: center; 
	}

	.pkh-inner-post img {
		width: 100%;
	}
}

.breadcrumb {
  padding: 7px 14px;
  margin: 0 0 18px;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  font-size: 0.75em;
}
.breadcrumb li {
  display: inline-block;
  text-shadow: 0 1px 0 #ffffff;
}

.breadcrumb li a {
	color: #234600;
}

.breadcrumb .divider {
  padding: 0 5px;
  color: #999999;
}

.breadcrumb .active a {
  color: #333333;
}

/*
#breadcrumb {
	width: 100%;
	padding-bottom: 10px;
	height: 30px;
	line-height: 30px;
	background: #f7f7f7;
	border-bottom: 1px solid #eaeaea;
}

.crumbs { display: block; padding-left: 15px; padding-bottom: 20px}  
.crumbs li {  display: inline; }  
.crumbs li.first { padding-left: 8px; }  
.crumbs li a,  
.crumbs li a:link,  
.crumbs li a:visited {  
    color: #333;  
    display: block;  
    float: left;  
    font-size: 12px;  
    margin-left: -13px;  
    padding: 7px 17px 11px 10px;  
    position: relative;  
    text-decoration: none;  
}  
.crumbs li a {  
    background-image: url('../img/bg-crumbs.png');  
    background-repeat: no-repeat;  
    background-position: 100% 0;  
    position: relative;  
}  
.crumbs li a:hover {  
    color: #333;  
    background-position: 100% -48px;  
    cursor: pointer;  
}  
.crumbs li a:active {  
	background: #f18103;
    color: #333;  
    background-position: 100% -96px;  
}  
.crumbs li.first a span {  
    height: 29px;  
    width: 3px;  
    border-left: 1px solid #d9d9d9;  
    position: absolute;  
    top: 0px;  
    left: 0px;  
} 
*/

.ui-btn.bars-btn
{
	background: transparent;
	border: none;
	display: block;
	height: 45px;
	line-height: 45px;
}

.ui-btn.bars-btn:hover
{
	background: transparent;
	border: none;
}

.ui-panel-inner {
	padding: 0px;
}

/* Left Menu */
.manasik-panel {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);	
}

.manasik-panel h1 {
	text-align: center;
	color: #333333;
	font-size: 1.4em;
}

.manasik-search, .manasik-info {
	padding: 10px 15px 10px 15px;
	font-size: 0.75em;
}

.ui-input-text input.manasik-search-form {
	background: rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.6);
	height: 30px;
	padding: 0 10px;
}

.manasik-info {
	margin-top: 40px;
}
.ui-link.info {
	text-decoration: none;
	color: #333333;
}

.left-menu {
	padding: 0;
	margin: 0;
}

.left-menu li {
	list-style-type: none;
	margin-left: 15px;
	padding:10px 0 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.left-menu li a {
	display: block;
	text-decoration: none;
	font-size: 0.75em;
	color: #333333;
}