/*
 Theme Name:   Sanders Financial Planning Theme
 Theme URI:    http://everythingwebperth.com.au
 Description:  Sanders Financial Planning Theme
 Author:       Everything Web Perth
 Author URI:   http://everythingwebperth.com.au
 Template:     twentythirteen
*/

/*	DEFAULT
============================== */

body {
	color: #58595b;
	font-family: 'PT Sans', sans-serif;
	line-height: 1.25;
}

a {
	color: #21412E;
}

a:hover {
	color: #C1B253;
}

p {
	line-height: 1.25;
	margin-bottom: 15px;
}

img {

}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #58595b;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
}

h2 {
	font-size: 24px;
	margin-bottom: 15px;	
}

h3 {
	font-size: 20px;
	line-height: 1.5;
	margin: 5px auto;	
}

a {
	transition: .50s;
	-webkit-transition: .50s;
}

a:hover {
	text-decoration: none;
}

label {
	font-size: 16px;
}

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

#site-header {
	background-color: #21412e;
	border-bottom: 5px solid #c1b253;
	padding-top: 10px;
}

/*	NAVIGATION
============================== */

.navbar {
	background-color: transparent;
	margin-top: 46px;
	max-width: 100%;
}

.nav-menu li a {
	color: #c1b253;
	font-family: sans-serif;
	font-weight: bold;
	padding: 20px 10px;
	text-transform: uppercase;
}

.nav-menu li:hover > a, 
.nav-menu li a:hover, 
.nav-menu li:focus > a, 
.nav-menu li a:focus,
ul.nav-menu ul a:hover, 
.nav-menu ul ul a:hover,
.nav-menu .current_page_item > a, 
.nav-menu .current_page_ancestor > a, 
.nav-menu .current-menu-item > a, 
.nav-menu .current-menu-ancestor > a {
	background-color: #c1b253;
	color: #fff;
	border-top-left-radius: 7px;
	-o-border-top-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	-ms-border-top-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	-o-border-top-right-radius: 7px;
	-moz-border-top-right-radius: 7px;
	-ms-border-top-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	font-style: normal;
}

ul.nav-menu, 
div.nav-menu > ul {
	padding: 0;
}

.nav-menu .sub-menu, 
.nav-menu .children {
	background-color: #21412e;
	border: 2px solid #c1b253;
	left: -20px;
}

ul.nav-menu ul a, 
.nav-menu ul ul a {
	font-size: 10px;
	padding: 10px;
	width: 200px;
}

ul.nav-menu ul a:hover, 
.nav-menu ul ul a:hover {
	border-radius: 0;
}

.sub-menu ul li:focus > a,
.sub-menu ul a:focus,
.sub-menu ul li:hover > a,
.sub-menu ul a:hover,
.sub-menu .current_page_item > a,
.sub-menu .current_page_ancestor > a,
.sub-menu .current-menu-item > a,
.sub-menu .current-menu-ancestor > a {
	border-radius: 0;
}

.nav-menu .sub-menu ul, 
.nav-menu .children ul {
	left: 90%;
}

/*	BODY
============================== */

.alignright {
	float: right;
}

.btn {
	background-color: #e5771e;
	border: 1px solid #c1b253;
	border-radius: 5px;
	box-shadow: 0 0 10px #333;
	color: #fff;
	display: block;
	font-size: 14px;
	margin: 15px 0 15px 30px;
	max-width: 130px;
	padding: 5px;
	text-align: center;
	width: 100%;
}

.btn:hover {
	background-color: #e36600;
	color: #fff;
	text-decoration: none;
}

.omsc-clear + br {
	display: none;
}

.clearfix {
	clear: both;
}

.notopmargin {
	margin-top: 0;
}

.container {
	display: block;
	margin: 0 auto;
	max-width: 1040px;
	width: 100%;
}

.main {
	margin-top: 30px;
}

.content {
	display: block;
	margin: 15px auto;
	max-width: 980px;
	padding: 15px 0 15px 15px;
	width: 100%;
}

.page-id-15 h2 {
	margin-bottom: 20px;
}

.page-id-15 h3 {
	margin-bottom: 15px;
}

.page-id-15 h3 + p {
	margin-bottom: 20px;
}

.page-id-5 h2 {
	margin-bottom: 35px;
}

.profile-pic {
	border: 1px solid #aaa;
	margin-top: 5px;
	padding: 4px;
}

.page-id-11 h2 {
	margin-bottom: 30px;
}

.page-id-11 span.name {
	display: none;
}

.client-name {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}

.testimonial-content p {
	margin-bottom: 20px;
}

.post-title {
	margin: 0 auto;
}

.entry-meta {
	display: block;
	margin: 0 auto 15px;
	max-width: 100%;
	width: 100%;
}

span.address,
span.facsimile {
	font-size: 20px;
}

span.email {
	font-size: 22px;
}

span.phone {
	font-size: 26px;
}

span.position {
	font-size: 14px;
}

span.staff-name {
	font-size: 20px;
	font-weight: bold;
}

.testimonial-widget {
	background-color: transparent !important;
}

.testimonial-widget h5 {
	color: #c1b253 !important;
	font-size: 20px !important; 
}

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

body #gform_wrapper_2 { 
	margin: 0 auto 1em;
}
body #gform_wrapper_2 #field_2_2 {
	display: none;
}

body #gform_wrapper_2 .gform_body .gform_fields .gfield .gfield_label {
	display: none;
}

#gform_wrapper_2 .gform_footer.left_label {
	margin: 0 auto;
	width: auto;
}

body #gform_wrapper_2 .gform_body .gform_fields .gfield input[type=email] {
	width: 100%;
}

body #gform_wrapper_2 .gform_footer input[type=submit] {
	background: #e5771e;
	border: 1px solid #c1b253;
	border-radius: 5px;
	box-shadow: 0 0 10px #333;
	color: #fff;
	display: block;
	font-size: 14px;
	margin: 0 auto 15px;
	max-width: 130px;
	padding: 5px;
	text-align: center;
	width: 100%;
}

/*	FOOTER
============================== */

.footer-container {
	background-color: #000;
}

.footer-widget-i {
	background-color: #315b43;
	border-bottom: 3px solid #fff;
	border-top: 3px solid #fff;
	color: #fff;
	padding: 45px 0;
}

.footer-widget-i input[type="text"],
.footer-widget-i input[type="email"] {
	height: 30px;
	margin: 0 auto 10px;
}

.footer-widget-i input[type="text"] + br {
	display: none;
}

.footer-widget-i .textwidget {
	margin-bottom: 30px;
}

.footer-widget-i .notice {
	border-top: 5px solid #FFF;
	clear: both;
	display: block;
	float: none;
	margin-top: 56px;
	padding: 18px 15px 0;
	width: 100%;
}

.footer-widget-i .container:after {
	clear: both;
	content: "";
	display: block;
}

h3.our-services {
	background: url( 'images/our-services-title-bg.png' ) no-repeat left center;
	color: #c1b253;
	font-size: 24px;
	padding-left: 25px;
}

ul.our-services {
	margin: 0 auto;
	padding: 0;
}

ul.our-services li {
	background: url( 'images/list-check.png' ) no-repeat left center;
	color: #fff;
	list-style-type: none;
	padding-left: 26px;
}

ul.our-services li > a {
	color: #FFF;
}

h3.blog {
	background: url( 'images/blog-title-bg.png' ) no-repeat left center;
	color: #c1b253;
	font-size: 24px;
	padding-left: 25px;
}

h3.newsletter {
	background: url( 'images/newsletter-title-bg.png' ) no-repeat left center;
	color: #c1b253;
	font-size: 24px;
	padding-left: 25px;
}

h3.blog + p,
h3.newsletter + p {
	text-align: justify;
}

h3.newsletter + p {
	margin-bottom: 0;
}

.footer-widget-ii {
	background-color: #0a0a0a;
	color: #fff;
	font-size: 14px;
}

.footer-widget-ii .container {
	padding: 45px 20px 30px;
}

.footer-widget-ii .textwidget,
.footer-widget-ii .menu-footer-navigation-container {
	float: left;
	width: 28.33%;
}

.footer-widget-ii .menu-footer-navigation-container {
	width: 15%;
}

.footer-widget-ii .textwidget {
	padding-right: 15px;
}

.footer-widget-ii h3 {
	color: #c1b253;
	font-size: 16px;
	margin-bottom: 10px;
}

.footer-widget-ii ul {
	margin: 0 auto;
	padding: 0 0 0 18px;
}

.footer-widget-ii ul li {
	color: #c1b253;
	font-size: 14px;
	list-style-type: square;
}

.footer-widget-ii ul li span {
	color: #FFF;
}

.footer-widget-ii p {
	font-size: 14px;
}

ul#menu-footer-navigation {
	float: left;
}

ul.menu li {
	line-height: 1.5;
	list-style-type: none;
	padding: 5px 0;
}

ul.menu li:before {
	content: "";
}

.menu li a {
	color: #fff;
	font-family: sans-serif;
}

.menu li a:hover,
.menu li a:focus,
.menu .current_page_item > a, 
.menu .current_page_ancestor > a, 
.menu .current-menu-item > a, 
.menu .current-menu-ancestor > a {
	color: #c1b253;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}

.menu li a:hover, 
.menu li a:focus {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}

.menu .current_page_item > a:hover,
.menu .current-menu-item > a:hover {
	font-size: 16px;
	font-weight: bold;
}

#site-footer {
	color: #c1b253;	
	display: block;
	font-size: 12px;
	margin: 0 auto;
	padding: 20px 0 15px 15px;
}

#site-footer a {
	color: #c1b253;
}

#site-footer a:hover {
	color: #c1a808;
	text-decoration: none;
}

#testimonial-section {
	background-color: #21412e;
	color: #3d915f;
	font-size: 20px;
	font-style: italic;
	font-weight: 700;
	padding: 15px 0 0;
}

#testimonial-section .content {
	background: url( 'images/begin-quote.png' ) no-repeat left top,
				url( 'images/end-quote.png' ) no-repeat right bottom;
	padding: 0 50px;
}

#testimonial-section .content p {
	color: #3d915f;
	display: inline;
	font-size: 20px;
	font-style: italic;
	font-weight: 700;	
	margin-bottom: 0;
}

#testimonial-section .client {
	color: #3d915f;
	display: none;
	font-size: 20px;
	font-style: italic;
	font-weight: 700;
}

#blog,
#newsletter,
#our-services {
	float: left;
	max-width: 33.33%;
	min-height: 250px;
	padding: 0 70px;
	width: 100%;
}

#blog {
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding: 0 80px;
}

#newsletter {
	border-left: 1px solid #555;
}

#our-services {
	border-right: 1px solid #555;
}

/* #why-sanders,
#sanders-loc {
	float: left;
	max-width: 38%;
	width: 100%;
} */

#sanders-loc img {
	padding: 0 1px 0 5px;
}

#gform_wrapper_2 br,
#gform_wrapper_2 p {
	display: none;
}

/*	MEDIA QUERIES
============================== */

@media only screen and (max-width: 1005px) {
	.navbar { margin-top: 56px; }
	.nav-menu li a { padding: 15px 7px; }
}

@media only screen and (max-width: 950px) {
	.nav-menu li a { font-size: 14px; }
	#blog, 
	#newsletter, 
	#our-services { padding: 0 50px; }
}

@media only screen and (max-width: 900px) {
	.navbar { margin-top: 15px; }
	.nav-menu li a { margin-bottom: 5px; padding: 10px; }
	.nav-menu li:hover > a, 
	.nav-menu li a:hover, 
	.nav-menu li:focus > a, 
	.nav-menu li a:focus,
	.nav-menu .current_page_item > a, 
	.nav-menu .current_page_ancestor > a, 
	.nav-menu .current-menu-item > a, 
	.nav-menu .current-menu-ancestor > a { 
		border-radius: 7px;
		-o-border-radius: 7px;
		-moz-border-radius: 7px;
		-ms-border-radius: 7px;
		-webkit-border-radius: 7px; 
	}

	.omsc-last .wpvl_auto_thumb_box { width: auto; }
}

@media only screen and (max-width: 840px) {
	#sanders-loc span { display: block; margin-bottom: 7px; }
	#sanders-loc img.first-child { padding-left: 0; }
}

@media only screen and (max-width: 780px) {
	.navbar { margin-top: 0; }
	#blog, 
	#newsletter, 
	#our-services { padding: 0 15px; }
}

@media only screen and (max-width: 768px) {
	.navbar { margin-top: 0; }
	.footer-widget-ii .textwidget,
	.footer-widget-ii .menu-footer-navigation-container { display: block; float: none; width: 100%; }
}

@media only screen and (max-width: 643px) {
	#site-header img { display: block; margin: 0 auto; }
	.nav-menu li a { padding: 15px; }
	.toggled-on .nav-menu li > ul a { color: #fff; }
	.menu-toggle,
	.toggled-on .nav-menu li > ul { color: #fff; display: block; max-width: 100%; text-align: left; width: 100%; }
	.menu-toggle:hover { color: #fff; }
	.toggled-on .nav-menu > li a:hover, 
	.toggled-on .nav-menu > ul a:hover { background-color: #c1b253; border-radius: 0; margin: 0 auto; }
	.nav-menu .current_page_item > a, 
	.nav-menu .current_page_ancestor > a, 
	.nav-menu .current-menu-item > a, 
	.nav-menu .current-menu-ancestor > a { border-radius: 0; }
	.nav-menu .sub-menu, .nav-menu .children { border: none; }
	.content .alignright { display: block; float: none; margin: 5px auto; }
	.page-id-15 .omsc-one-fifth { margin-bottom: 0; }
	.page-id-15 .omsc-four-fifth.omsc-last { margin-top: 0; margin-bottom: 10px; }
	#blog, 
	#newsletter, 
	#our-services,
	#why-sanders, 
	#sanders-loc,
	ul#menu-footer-navigation { 
		border: none; 
		display: block; 
		float: none; 
		margin: 0 auto 15px; 
		max-width: 50%; 
		width: 100%; 
	}
}

@media only screen and (max-width : 480px) {
	#blog, 
	#newsletter, 
	#our-services,
	#why-sanders, 
	#sanders-loc,
	ul#menu-footer-navigation { 
		max-width: none; 
		width: 100%; 
	}

	ul#menu-footer-navigation { padding-left: 0; }
}