body{
	font-family: 'Khula', sans-serif;
	font-size: 18px;
	-moz-osx-font-smoothing: grayscale;
} 

p{
	margin:1em 0;
	text-align: left;
}

h1, h2, h3, h4, h5, h6, h7, .h1, .h2, .h3, .h4, .h5, .h6, .h7{
	font-family: 'Khula', sans-serif;
}

h1,
.h1 {
	font-size: 2.4em;
	font-weight:300;
}

/*sidebar*/
aside h1, aside .h1{
	font-size: 1.3em;
	font-weight:600;
}

h2,
.h2 {
	font-size: 1.6em;
	margin-bottom:1em;
}

h3,
.h3 {
	font-size: 1.4em;
	margin-bottom:1em;
}

h4,
.h4 {
	font-size: 1.3em;
	margin-bottom:1em;
	font-weight:600;
}

h5,
.h5{
	font-size: 1.2em;
	margin-bottom:1em;
	font-weight:600;
}

h6,
.h6{
	font-size: 1.1em;
	margin-bottom:1em;
	font-weight:600;
}

h7,
.h7{
	font-size: 1em;
	margin-bottom:1em;
	font-weight:600;
}

b, strong{
	font-weight:600;
}

.glyphicon{
	top:0.15em;
}

.container-white{
	background:#FFF;
	padding-bottom:50px;
}

.img-center{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/* = Nav
----------------------------------------------- */

.navbar-fixed-top-wp-admin-bar{
	top:32px;/* 32 is the height of WP Admin Bar */
}

.navbar-inverse{
	background:url("../images/layout/nav-bg.png") repeat-x top;
	border:0px;
}


.navbar-inverse .navbar-nav > li > a{
	line-height:18px;
	font-size:18px;
	font-weight:600;
	padding-top:15px;
	text-decoration:none;
}

.navbar-toggle, .navbar-inverse .navbar-toggle:focus{
	margin-top:13px;	
}


.navbar-brand{
	padding-top:10px;
	height:60px;
}

.navbar-header-logo{
	float: left;
}

.navbar-header-text{
	float: left;
}

.navbar-header-text a:link, .navbar-header-text a:visited{
	margin:0;
	font-size:1.5em;
	text-decoration:none;
	line-height: 0px;
}

.navbar-header-text .navbar-brand{
	padding-top:33px;
}

.navbar-nav{
	margin-top:10px;
	margin-left:30px;
}

.dropdown-menu{
	border:0px;
	padding:10px 0 ;
}

.dropdown-menu > li > a{
	text-decoration:none;
	padding-top:8px;
	font-size:1.1em;
	font-weight:600;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
	padding-top:8px;
}


/* = Carousel
----------------------------------------------- */
.carousel-caption h1, .carousel-caption p{
	margin:0px;
}

.carousel-caption p{
	margin-bottom:20px;
}

.carousel-control.left, .carousel-control.right{
	background-image:none;
}

/* = form
----------------------------------------------- */
.form-control{
	padding: 10px 12px 6px 12px;
}

select.form-control{
	padding: 5px 12px 6px 12px;
}

/* = Screen
----------------------------------------------- */

/* Large Desktop only*/
@media screen and (min-width: 1200px) {
	.cc-main-content{
		padding-right:60px;
	}
}

/* Desktop only*/
@media screen and (max-width: 1199px){
	.cc-main-content{
		padding-right:60px;
	}
}

/* Tablet only*/
@media screen and (max-width: 991px){
	.cc-main-content{
		padding-right:15px;
	}
}

/* WP Amin Bar */
@media screen and ( max-width: 782px ) {

	#wpadminbar{
		position:fixed;
	}
	
	.navbar-fixed-top-wp-admin-bar{
		top:46px;/* 46 is the height of WP Admin Bar on smaller screen*/
	}
}

/*Mobile only*/
@media screen and (max-width: 767px) {
	.navbar-nav{
		margin-left:30px;
		margin-right:30px;
	}
	}
}

/* Custom */

@media screen and (max-width: 400px) {
	.navbar-header-logo  img{
		max-width: 200px; 
	}
}