/* # Spencer Johnson, MD  
Theme Name: Spencer Johnson, MD
Description: Sean Hauze Web Development.   
Author: Sean Hauze 
Author URI: http://www.seanhauze.com/  
Template: genesis  
Template Version: 1.0  
Tags: Spencer Johnson, MD
License: GPL-2.0+  
License URI: http://www.gnu.org/licenses/gpl-2.0.html  
*/


body {
	color: #000000;
	font-family: Times, serif;
	font-size: 21px;
	line-height: 1.625;
	margin: 0;
}

p { 
	margin:10px;
	color: #000000;
}

/* Set Site Width
-------------------------------------------------------------- */

.site-inner,
.wrap {
	max-width: 940px;
}


	body {
		background: url("http://www.spencerjohnson.com/wp-content/themes/dr-spencer-johnson/images/Background-Dr-Spencer-Johnson.svg")no-repeat fixed center;
		background-size: 100%;
}
/* Static Header and Nav
-------------------------------------------------------------- */

/*

.site-header {
position: static;
}
 
.header-nav-wrap {
position: fixed;
width: 100%;
z-index: 999;
}


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

.site-header {
	background: #ffffff;
	min-height: 100px;
	height: 100px;
}



.site-header .wrap {
	padding: 0px;


}

.custom-title {
	color: #1E448A;
    font-family: "Times New Roman", Times, serif;
    font-size:21px;
    font-weight:bold;
	text-align:center;	
	margin-top: 15px;
}
	
.custom-tagline {
	color: #ED2224;
    font-family: "Palatino", Times, serif;		
	font-size: 26px;
	text-align:center;
	font-weight:bold;
	padding:0;
	margin:0;
}




/* Navigation
-------------------------------------------------------------- */

.nav-primary {
	background: #1B3F72;
}


.menu-primary .menu-item {
	display: block;
	float: left;
}

.menu-primary a {
	font-family: Palatino, serif;
	font-size: 24px;
	padding: 16px 30px;
}

.menu-primary a:hover{
	color: #fff !important;
	background: #0F2859;
}

.menu-primary .current-menu-item > a {
	background: #0F2859;
	color: #fff !important;
}

.genesis-nav-menu .sub-menu {
	width: 325px;
	background-color: #1B3F72;
	color: #fff !important;
}

.genesis-nav-menu .sub-menu a {
	border: none;
	background-color: #1B3F72;
	border-top: none;
	font-family: Palatino, serif;
	font-size: 20px;
	padding: 16px 30px;
	width: 325px;
	color: #fff !important;
}

.genesis-nav-menu .sub-menu a:hover {
	background: #0F2859;
}
/* ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000000;
	font-family: Palatino, sans-serif;
	line-height: 1.2;
	margin: 0 0 10px;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

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


.content {
	color: #000;
	padding:0px;
	margin: 0px;
}

.site-inner {
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.entry {
	padding:20px;
	margin:0px;
}

.content .post-18{
	background:none;
	border:none;
}

.content .post-18 img{
	margin: 25px !important;
}

.inline-title-images{
	padding-top:25px;
}

.content .post-4{
		background-size: 100%;
		margin:0 auto;
		padding:0px;
}

.content .post-4 h4{
		text-align:center;
		font-style:italic;
		padding:20px;
		margin:0px !important;
		
}


.content .entry img{
	margin: 0px;
	padding:0px;
}



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

.site-footer {
	font-family: Times New Roman, serif;
	background: none;
	color:#ffffff;
}

.site-footer  img {
	opacity: 0.5;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .5s linear;
}
     
.site-footer  img:hover {
	opacity: 1;
    filter: alpha(opacity=40);
    -webkit-transition: opacity .5s linear;
}

.site-footer  img {
	border:none !important;
	margin: 5px !important;
	padding:0px !important;
}


.mainTable {
	background: none !important;
	border:none !important;
}

.mainTable tr,td,table,tbody{
	background: none !important;
	border:none !important;
}

#mobile-footer{
	display:none;
}

    


/* Home page
-------------------------------------------------------------- */

.home .sh-slider-box {
	background: none;
	margin-left: 0;
}

.home .sh-slider-box li {
	background: url("http://www.spencerjohnson.com/wp-content/themes/dr-spencer-johnson/images/Background-Dr-Spencer-Johnson.svg")no-repeat;
	background-size: 100%;	
	list-style: none;
	overflow: hidden;
}

.sh-slider-image {
	float:left;
	margin-left:5%;
}

.home .content .entry-content img {
	background: none;
	border: none;
	display: block;
	margin: 20px auto;
	padding: 0;
}


.home .sh-slider-content {
	background: #fff;
	border:1px solid #999;
	margin: 20px 5%;
	overflow: hidden;
	text-align: left;
	padding:0;
	min-height:650px;
}

.home .sh-slider-title{
	color:#1B3F72;
	font-size: 25px;
	font-style: italic;
	font-family: Palatino, Times New Roman, serif;
	font-weight: 600;
	margin: 0 !important;
	padding: 20px 20px 0 20px;
}

.home .sh-slider-subtitle{
	color:#EB3124;
	font-size: 25px;
	font-style: italic;
	font-family: Palatino, Times New Roman, serif;
	font-weight: 600;
	margin: 0 !important;
	padding: 0 20px;}

.home .sh-slider-text {
	color: #000000;
	font-size: 21px;
	background:none;
	font-weight: 300;
	margin: 0 !important;
	padding: 0 20px;
}

.home .sh-slider-text span{
	color:#EB3124;
}

.home .sh-slider-more {
	//background: url("images/home-slider-bg.png") repeat-y 0 0;
	float: right;
	font-size: 18px;
	padding: 0 0 30px 20px;
	margin:0 40px;
	text-align: left;
}



.content .entry-content .sh-button {
	background: #69b213 url("images/sh-green-button.png") no-repeat 95% 50%;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: 600;
	height: 36px;
	padding: 7px 0 5px 14px;
	width: 170px;
}

.content .entry-content .sh-button:hover {
	background-color: #62a216;
	border-bottom: none;
}

.content .entry-content .sh-blue-button {
	background: #165166 url("images/sh-blue-button.png") no-repeat 95% 50%;
}

.content .entry-content .sh-blue-button:hover {
	background-color: #134557;
}
.home .site-inner {
	background: none;
	max-width: none;
	padding: 0;
	width: 100%;
}




.home .sh-welcome-box h2 {
	color: #29697f;
	font-family: 'Kaushan Script', cursive;
	font-size: 36px;
	font-weight: 300;
}

.home .sh-welcome-box p {
	font-style: italic;
}



.home .sh-welcome-text {
	float: right;
	width: 57.446808510638306%;
}

.home .sh-testimonials-box {
	background: #165166;
}

.home .sh-testimonials-box p {
	color: #fff;
	font-weight: 300;
	line-height: 26px;
	margin: 0 !important;
}

.home .sh-testimonial {
	background: none !important;
	float: left;
	padding: 28px 20px !important;
	text-align: center;
	width: 76.59574468085107% !important;
}

.home .sh-testimonial p {
	font-size: 18px;
}

.home .sh-testimonial-more {
	background: url("images/home-testimonial-bg.png") repeat-y 0 0;
	float: right;
	padding: 30px 20px 30px 20px;
	width: 23.404255319148938%;
}

.home .sh-testimonial-more p {
	font-size: 15px;
}

.home .sh-home-widgets {
	margin: 40px auto 30px;
}

.home .sh-home-widget {
	float: left;
	overflow: hidden;
	margin-left: 35px;
	width: 290px;
}

.home .sh-home-widget p {
	font-size: 15px;
}

.home .sh-home-widget:first-child {
	margin-left: 0;
}

.home .sh-home-widget .sh-widget-title {
	background: #ebebeb;
	clear: both;
	overflow: hidden;
	line-height: 14px;
	margin-bottom: 30px;
	text-align: center;

}

.home .sh-home-widget .sh-widget-title h2 {
	background: #fff;
	color: #828685;
	display: inline;
	font-family: Oswald, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px !important;
	padding: 0 10px;
	text-transform: uppercase;
}

.home .sh-home-widget ul {
	margin: 0;
}

.home .sh-home-widget ul li {
	list-style-type: none;
}

.home .sh-home-widget h5 {
	margin: 0;
}

.home .sh-home-widget a {
	display: inline-block;
	margin-bottom: 2px;
}



.home .sh-home-widget .sh-button,
.home .sh-home-widget .sh-button:hover {
	margin: 0;
}

.home .sh-widget-cta .sh-widget-social {
	border-bottom: 1px dotted #b2b2b2;
	padding: 0 0 15px 0;
	margin-bottom: 25px;
}

.home .sh-widget-cta .sh-widget-social ul {
	clear: both;
	text-align: center;
	overflow: hidden;
}

.home .sh-widget-cta .sh-widget-social li {
	display: inline-block;
	vertical-align: middle;
}

.home .sh-widget-cta .sh-widget-social a {
	display: block;
	float: left;
	margin: 0 5px 5px 5px;
	text-indent: -9999px;
}

.home .sh-widget-cta .sh-widget-social a:hover {
	border-bottom: none;
	margin: 0 5px 5px 5px;
}

.home .sh-widget-cta .sh-twitter {
	background: url("images/home-twitter.png") no-repeat 0 0;
	width: 126px;
	height: 23px;
}

.home .sh-widget-cta .sh-youtube {
	background: url("images/home-youtube.png") no-repeat 0 0;
	width: 66px;
	height: 26px;
}

.home .sh-widget-cta .sh-facebook {
	background: url("images/home-facebook.png") no-repeat 0 0;
	width: 103px;
	height: 20px;
}

.home .sh-widget-cta .sh-skype {
	background: url("images/home-linkedin.png") no-repeat 0 0;
	width: 35px;
	height: 32px;
	margin-top: 5px !important;
}

.home .sh-widget-cta .sh-twitter:hover {
	background-position: 0 -23px;
}

.home .sh-widget-cta .sh-youtube:hover {
	background-position: 0 -26px;
}

.home .sh-widget-cta .sh-facebook:hover {
	background-position: 0 -20px;
}

.home .sh-widget-cta .sh-skype:hover {
	background-position: 0 -32px;
}



/* # Media Queries
---------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 1100px) {
	
	.bx-controls{
		display:none;
	}
	.mainTable {
		display:none;
	}

/*
	#mobile-footer{
		display:inline;
	}
*/

	.content .entry-content .sh-button {
		background: #69b213;
		color: #fff;
		display: block;
		font-size: 18px;
		font-weight: 600;
		height: 36px;
		padding: 7px 0 5px 14px;
		width: 170px;
	}

	.content .entry-content .sh-button:hover {
		background-color: #62a216;
		border-bottom: none;
	}

	.content .entry-content .sh-blue-button {
		background: #165166 
		}

	.content .entry-content .sh-blue-button:hover {
		background-color: #134557;
	}	
	
	.home .content .entry-content img {
		width:80%;
		float:none;

	}

	.sh-slider-image {
		width:90%;
		float:none;
	}

	.home .sh-slider-content {
		width:90%;
		float:none;
	}


	.mainTable tr, table,tbody{
	display:none;
	}

	
	.home .sh-slider-box li {
		background: #5E7DA5;
	}
	
	body {
		background: #5E7DA5;
	}
	
	.site-header{
		padding:0;
		margin:0;
	}

	.site-inner,
	.wrap {
		max-width: 800px;
	}
	
	.custom-title {
		font-size:15px;
		margin-top:-10px;

	}

	.custom-tagline {	
		font-size: 18px;
	}



	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.site-header .widget-area,
	.title-area {
		width: 100%;
	}







	.genesis-nav-menu a,
	.genesis-nav-menu > .first > a,
	.genesis-nav-menu > .last > a {
		padding: 10px 10px;
	}




@media only screen and (max-width: 800px) {
	
	
	.home .content .entry-content img {
		width:65%;
		float:none;

	}

	.custom-title {
		font-size:15px;
		margin-top:0px;
	}

	.custom-tagline {	
		font-size: 18px;
	}


	.site-header{
		padding:0;
		margin:0;
	}

	body {
		font-size: 16px;
	}

	.site-inner,
	.wrap {
		padding-left: 5%;
		padding-right: 5%;
	}

	.archive-description,
	.author-box,
	.comment-respond,
	.entry,
	.entry-comments,
	.entry-pings,
	.sidebar .widget,
	.site-header {
		padding: 5%;
	}

	.archive-pagination li a {
		margin-bottom: 4px;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 5%;
		width: 100%;
	}

	.sidebar .widget.enews-widget {
		padding: 5%;
	}

}


@media only screen and (max-width: 700px) {


	.site-header{
		padding:0;
		margin:0;
		height:110px;
	}
	
	.custom-title {
		font-size:15px;
		margin-top:0px;
	}

	.custom-tagline {	
		font-size: 18px;
	}


	.menu-primary .menu-item {
		display: block;
		float: none;
	}

	.menu-primary a {
		font-size: 14px;
	}


	
	.home .content .entry-content img {
		width:65%;
		float:none;

	}




}