/*
Theme Name: Key Performance Consulting Theme
Author: MediaOnMars
Author URI: http://mediaonmars.com.au/
Version: 1.0
License: GNU General Public License
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form {
	border: none;
	margin: 0;
	padding: 0;
}
* {outline: 0;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol li, ul li {
	list-style-position: outside;
}
input, textarea {-webkit-border-radius: 0;}

/* =Global
----------------------------------------------- */

@font-face {
    font-family: 'estiloregular';
    src: url('fonts/dstype_-_estilo-webfont.eot');
    src: url('fonts/dstype_-_estilo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dstype_-_estilo-webfont.woff2') format('woff2'),
         url('fonts/dstype_-_estilo-webfont.woff') format('woff'),
         url('fonts/dstype_-_estilo-webfont.ttf') format('truetype'),
         url('fonts/dstype_-_estilo-webfont.svg#estiloregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: #444;
}

h2 {
	color: #747b39;
	margin-bottom: 14px;
	font-family: 'estiloregular';
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
}

h3 {
	font-size: 21px;
	margin-bottom: 14px;
	color: #747b39;
	font-weight: normal;
}

h4 {
	font-size: 15px;
	margin-bottom: 8px;
}

h5 {
	font-size: 19px;
	font-family: 'estiloregular';
	font-weight: normal;
}

h6 {
	font-size: 14px;
}

a {
	color: #747b39;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	color: #9aa34e;
	text-decoration: none;
}

.clear {
	clear: both;
	font-size: 1px;
}

.scroll-pane {
	overflow: auto;
	height: 374px;
}

.entry-content-inner {padding-right: 30px;}

/* =Structure
----------------------------------------------- */

html, body {
	height: 100%;
}

#page {
	position: relative;
	z-index: 2;
	min-height: 100%;
	margin-bottom: -76px;
}

.empty {height: 106px;}

#bg {display: none;}
/*
#bg img {
	min-height: 100%;
	min-width: 1000px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}*/

.wrapper {
	margin: 0 auto;
	max-width: 1000px;
	min-width: 320px;
}

/* Block Alignment */

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Text Alignment */

.textleft {text-align: left;}
.textright {text-align: right;}
.textcenter {text-align: center;}
.textjustify {text-align: justify;}

#content table {
	width: 100%;
	border: 1px solid #747b39;
	margin-bottom: 17px;
}

#content td, #content th {
	padding: 7px 12px;
	border-collapse: collapse;
	border: 1px solid #747b39;
	vertical-align: top;
}

/* =Header
----------------------------------------------- */

#branding {
	padding-top: 27px;
	background: #fff;
	height: 133px;
}

#branding #site-title {
	float: left;
	margin-left: 30px;
}
#branding #site-title a {text-decoration: none;}

.header_right {
	float: right;
	white-space: nowrap;
	text-align: right;
	padding-top: 18px;
}

.tagline {
	white-space: nowrap;
	padding-right: 30px;
	margin-bottom: 9px;
	color: #2f2221;
	font-size: 18px;
	font-family: 'estiloregular';
}

.header_widgets {
	background: #767c39;
	padding: 11px 24px;
	color: #fff;
	text-align: right;
	margin-right: 30px;
}

.header_widgets strong {
	color: #423a27;
	margin: 0 10px;
}

.header_widgets a {color: #fff;}
.header_widgets a:hover {color: #ccc;}

/* =Menu
-------------------------------------------------------------- */

#menu-main-menu {margin-left: 30px;}

#mainmenu {
	background: #2f2221;
	color: #fff;
	font-family: 'estiloregular';
	font-size: 14px;
	text-transform: uppercase;
	clear: both;
	position: relative;
	z-index: 99;
}

#mainmenu ul {list-style-type: none;}

#mainmenu li {
	float: left;
	margin-right: 1px;
	position: relative;
	list-style-type: none;
}

#mainmenu a {
	display: block;
	padding: 10px 15px 10px 16px;
	height: 20px;
	color: #fff;
}
#menu-main-menu > li:first-child > a {padding: 10px 14px;}

#mainmenu a:hover {
	background: #7e8736;
	color: #fff;
}

#mainmenu a:hover, #mainmenu li.current-menu-ancestor > a, #mainmenu li.current-page-ancestor > a, #mainmenu li.current-menu-parent > a, #mainmenu li.current-menu-item > a, #mainmenu li.current_page_item > a, #mainmenu li.current_page_parent > a {background: #7e8736;}

#mainmenu ul.sub-menu {
	display: none;
	width: 216px;
	top: 40px;
	left: 0;
	position: absolute;
	background: #2f2221;
}

#mainmenu li:hover > ul.sub-menu {display: block;}

#mainmenu ul.sub-menu li {
	float: none;
	margin-right: 0;
}

#mainmenu ul.sub-menu a {
	height: auto;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #7e8736;
}

/* =Content
----------------------------------------------- */

#usp {
	float: left;
	width: 267px;
	padding: 22px 24px;
	background: url(images/bg_green.png) repeat;
	margin: 40px 0 0 30px;
	color: #fff;
	font-size: 14px;
	line-height: 17px;
}

#content {
	padding: 28px 24px;
	background: url(images/content_bg.png) repeat;
	float: right;
	width: 510px;
	margin-right: 30px;
}

body.home #content {
	margin-right: 30px;
	padding: 37px 24px 20px 24px;
	background: url(images/bg_brown.png) repeat;
	color: #fff;
	font-size: 14px;
	line-height: 17px;
}

#content p, #content blockquote, #content ol, #content ul {margin-bottom: 17px;}
#content ol, #content ul {margin-left: 20px;}

#content blockquote {
	background: #767c39;
	color: #fff;
	font-size: 13px;
	font-family: 'estiloregular';
	text-transform: uppercase;
	margin: 0 0 17px 0;
	padding: 15px 15px 5px 15px;
}

#content blockquote p {margin-bottom: 10px;}

.featured {
	float: left;
	margin: 38px 0 0 30px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5);
}

/* =Footer
----------------------------------------------- */

#footer {
	clear: both;
	position: relative;
	z-index: 2;
	margin: 0 30px 16px 30px;
	background: #2f2221;
	color: #948c89;
	font-size: 12px;
	line-height: 14px;
}

#footer a {color: #948c89;}
#footer a:hover {color: #7e8736;}

.footer_inner {
	padding: 16px 20px;
}

#site-generator {
	float: left;
	white-space: nowrap;
}

.footer_right {
	float: right;
	white-space: nowrap;
}

/* Tablets */
@media screen and (min-width: 670px) and (max-width: 1040px) {
	#bg {display: block;}
	#bg img {
		min-height: 100%;
		min-width: 1040px;
		width: 100%;
		height: auto;
		position: fixed;
		top: 0;
		left: 0;
	}
	#page {min-height: 1px;}
}

@media screen and (min-width : 670px) and (max-width : 1040px) and (orientation : portrait) {
	body {
		width: 1220px;
		height: 1460px;
	}
}

@media screen and (min-width : 670px) and (max-width : 1040px) and (orientation : landscape) {
	body {
		width: 1220px;
		height: 840px;
	}
}

/* Phones */
@media screen and (max-width: 660px) {
	
	.wrapper {width: 320px;}
	
	iframe {max-width: 100% !important;}
	
	#page {
		min-height: 1px;
		margin-bottom: 0;
	}

	/* =Header
	----------------------------------------------- */
	
	#content blockquote, #content blockquote * {text-align: center !important;}
	
	#branding {
		padding-top: 0;
		background: none;
		height: auto;
	}

	#branding #site-title {
		float: none;
		margin: 0;
		padding: 12px 0;
		text-align: center;
	}

	.tagline {
		padding: 12px 20px;
		margin-bottom: 0;
		color: #fff;
		font-size: 20px;
		line-height: 17px;
		font-family: 'estiloregular';
		background: #2f2221;
		white-space: normal;
		text-align: center;
	}

	.header_widgets {
		background: #767c39;
		padding: 10px 20px;
		text-align: left;
		margin-right: 0;
		line-height: 30px;
	}
		
	.header_widgets strong {margin: 0 4px;}
	
	#usp {
		float: none;
		width: auto;
		padding: 22px 18px;
		text-align: center;
		background: #767c38;
		margin: 0;
	}
	
	.featured img {width: 100%;}
	
	#content {
		padding: 0 0 5px 0;
		background: #2f2221;
		float: none;
		width: auto;
		margin-right: 0;
		background: #fff;
		color: #2f2221;
	}

	body.home #content {
		margin-right: 0;
		float: none;
		width: auto;
		padding: 0;
		background: #2f2221;
	}
	
	.page_title {
		text-align: center;
		background: #767c38;
		color: #fff;
		padding: 8px 18px;
	}
	
	body.home .page_title {
		background: none;
		color: #747b39;
		padding: 20px 18px 0 18px;
	}
	
	.entry-content {padding: 2px 18px 5px 18px;}
		
	.entry-content-inner {padding-right: 0;}
	
	.featured {
		float: none;
		margin: 0;
		-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5);
	}
	
	.scroll-pane {height: auto;}
	
	#footer {
		border-top: 5px solid #767c38;
		margin: 0;
		background: #fff;
		color: #6a6461;
		text-align: center;
		font-size: 14px;
		line-height: 18px;
	}

	#footer a {color: #6a6461;}
	#footer a:hover {color: #2f2221;}

	.footer_inner {
		padding: 24px 18px;
	}

	#site-generator, .footer_right {
		float: none;
		white-space: auto;
	}
	
	/* =Menu
	-------------------------------------------------------------- */
	
	a.show_nav {
		float: right;
		text-indent: -9999px;
		height: 30px;
		width: 30px;
		background: url(images/mobile_nav_button.jpg) no-repeat right top;
	}
	
	#mainmenu {
		clear: both;
		display: none;
		z-index: 999;
		padding-top: 0;
		text-align: left;
		background: #767c38;
	}
	
	#mainmenu ul {
		list-style-type: none;
		position: static !important;
		font-size: 16px;
		margin-left: 0;
	}
	
	#mainmenu ul ul {
		padding-top: 0;
		border: none;
		width: auto !important;
	}

	#mainmenu li {
		display: block !important;
		margin: 0 !important;
		border: none !important;
		float: none !important;
		height: auto !important;
		width: auto !important;
		text-align: left !important;
	}

	#mainmenu a, #menu-main-menu > li:first-child > a {
		display: block;
		padding: 6px 20px;
		color: #fff;
		height: auto !important;
		line-height: auto;
		text-decoration: none;
		border-top: 1px solid #2f2221;
		border-right: none !important;
	}

	#mainmenu ul#menu-main-menu > li.has_sub > a {
		background: url(images/mobile_nav_arrow.png) no-repeat 290px;
	}

	#mainmenu a img {display: none;}

	#mainmenu li:hover > a, #mainmenu ul#menu-main-menu > li.current-menu-ancestor > a, #mainmenu ul#menu-main-menu > li.current-menu-item > a, #mainmenu ul#menu-main-menu > li.current-page-parent > a {
		background-color: #2f2221 !important;
		color: #fff;
	}
	#mainmenu ul#menu-main-menu ul.sub-menu li.current-menu-item > a {
		background-color: #2f2221 !important;
	}

	/* if Submenu -------------------------------------------------- */
	
	#mainmenu ul#menu-main-menu > li > ul.sub-menu {
		display: none;
		border-bottom: 4px solid #2f2221;
	}

	#mainmenu ul#menu-main-menu > li:hover > ul.sub-menu {display: block;}

	#mainmenu ul#menu-main-menu > li.has_sub:hover > a {
		background: url(images/mobile_nav_arrow2.png) no-repeat 290px;
	}

	#mainmenu ul ul li {
		display: block;
	}

	#mainmenu ul ul a {
		color: #fff;
		font-size: 0.8em;
		padding-left: 40px !important;
		border-top: 1px solid #767c38;
		border-bottom: none !important;
	}
	
	#mainmenu ul li:hover ul a, #mainmenu ul#menu-main-menu li.current-menu-ancestor ul a, #mainmenu ul#menu-main-menu > li.current-menu-item ul a, #mainmenu ul#menu-main-menu > li.current-page-parent ul a {
		background-color: #767c38 !important;
		border-top: 1px solid #2f2221 !important;
	}
	
	#mainmenu ul#menu-main-menu > li.has_sub > ul.sub-menu > li.has_sub > a {
		background: url(images/mobile_nav_arrow3.png) no-repeat 290px;
	}

	#mainmenu ul ul ul a {
		padding-left: 50px !important;
	}
}