/*
Theme Name: PJS Leading and Loving It
Theme URI: http://www.plainjoestudios.com
Author: PlainJoe Studios
Author URI: http://www.plainjoestudios.com
Description: The general Wordpress theme created by PlainJoe Studios.
Version: 1.0
Tags: pjs
Text Domain: pjs
*/

html, body {width:100%; height:100%; margin:0; padding:0; background-color:#F3F3F3; font-family: 'Lato', sans-serif;}
h1, h2, h3, h4, h5, ul, ol, li, form {margin:0; padding:0;}
p {margin:0 0 15px 0;}
div {width:auto; height:auto; margin:0 auto;}

a {color:#b6985e; outline:none; text-decoration:none;}
a:hover {color:#5d5d5d; text-decoration:none;}
img {border:0; outline:none;}
object, embed {outline:none; display:block;}
input, textarea, select {outline:none;}
ul {list-style:square; margin:0 0 15px 25px;}
ol {margin:0 0 15px 25px;}
li:last-child, ul.children {margin-bottom:0;}
iframe {max-width:100%;}

::-moz-selection{background:#ed2449; color:#fff; text-shadow:none;}
::selection {background:#ed2449; color:#fff; text-shadow:none;}


/* 
	Header Styling
*/
header{width:100%;}
header .logo{max-width:925px; margin:20px auto;}
header .logo img{width:925px;}

header .main-navigation{ height:45px; width:100%;  background-color: #363636; margin:0 auto 15px;}
header .main-navigation .nav-inner{max-width:920px; margin:0 auto; height:45px; text-align:center;}
.mainNav{display:inline-block;}
.mainNav > ul{list-style-type: none; display:inline-block; margin:10px 0 0 0;}
.mainNav > ul > li{display:inline; font-family: 'Lato', sans-serif; font-weight: 200; color: #fff; text-transform: uppercase; margin: 0 18px; font-size: 16px;}
.mainNav > ul > li > a{color: #fff; }
.mainNav > ul > li > a:hover{color: #b6985e;}
.mainNav > ul > li.selected > a {color: #b6985e;}
.socialIcons { width: 300px; height: 45px; float: right; background-color: #b6985e;}
.socialIcons > ul {list-style:none; margin:0 0 0 px; padding:7px 0 0;}
.socialIcons > ul > li {float:left; margin:0 7px 0 0;}
.socialIcons > ul > li > a {display:block; text-indent:-9999px;}
.socialIcons > ul > li.iconFB a {width:29px; height:29px; background:url(images/site-icons.png) 0 -2px no-repeat;}
.socialIcons > ul > li.iconFB a:hover {background:url(images/site-icons.png) 0 -35px no-repeat;}
.socialIcons > ul > li.iconPFB a {width:29px; height:31px; background:url(images/site-icons.png) -33px -1px no-repeat;}
.socialIcons > ul > li.iconPFB a:hover {background:url(images/site-icons.png) -33px -34px no-repeat;}
.socialIcons > ul > li.iconTW a {width:29px; height:29px; background:url(images/site-icons.png) -66px -1px no-repeat;}
.socialIcons > ul > li.iconTW a:hover {background:url(images/site-icons.png) -66px -34px no-repeat;}
.socialIcons > ul > li.iconIG a {width:29px; height:30px; background:url(images/site-icons.png) -101px -1px no-repeat;}
.socialIcons > ul > li.iconIG a:hover {background:url(images/site-icons.png) -101px -34px no-repeat;}
.socialIcons > ul > li.iconPT a {width:30px; height:31px; background:url(images/site-icons.png) -135px 0 no-repeat;}
.socialIcons > ul > li.iconPT a:hover {background:url(images/site-icons.png) -135px -33px no-repeat;}
.socialIcons > ul > li.iconVM a {width:31px; height:32px; background:url(images/site-icons.png) -171px 0 no-repeat;}
.socialIcons > ul > li.iconVM a:hover {background:url(images/site-icons.png) -171px -33px no-repeat;}
.socialIcons > ul > li.iconSS a {width:33px; height:32px; background:url(images/site-icons.png) -207px 0 no-repeat;}
.socialIcons > ul > li.iconSS a:hover {background:url(images/site-icons.png) -207px -33px no-repeat;}

/* 
	Footer Styling
*/

.footerSection {width:100%; clear:both; position:relative;  padding:62px 0 0; margin:-6px auto 0;}
.footerBG {width:100%; background: #363636;}
.footerInner {max-width:940px; position:relative; padding:29px 0 105px;}
.fiTop {clear:both; padding:0 0 16px; height:53px;}
.fiLogo {width:307px; height:85px; float:left; padding:0 0 0 0px;}
.fiSocialIcons {width:351px; height:45px; float:right;}
.fiSocialIcons > ul {list-style:none; margin:0 0 0 91px; padding:7px 0 0;}
.fiSocialIcons > ul > li {float:left; margin:0 4px 0 0;}
.fiSocialIcons > ul > li > a {display:block; text-indent:-9999px;}
.fiSocialIcons > ul > li.iconFB a {width:29px; height:29px; background:url(images/site-icons.png) 0 -68px no-repeat;}
.fiSocialIcons > ul > li.iconFB a:hover {background:url(images/site-icons.png) 0 -101px no-repeat;}
.fiSocialIcons > ul > li.iconPFB a {width:29px; height:31px; background:url(images/site-icons.png) -34px -67px no-repeat;}
.fiSocialIcons > ul > li.iconPFB a:hover {background:url(images/site-icons.png) -34px -100px no-repeat;}
.fiSocialIcons > ul > li.iconTW a {width:29px; height:29px; background:url(images/site-icons.png) -68px -67px no-repeat;}
.fiSocialIcons > ul > li.iconTW a:hover {background:url(images/site-icons.png) -68px -100px no-repeat;}
.fiSocialIcons > ul > li.iconIG a {width:29px; height:30px; background:url(images/site-icons.png) -103px -67px no-repeat;}
.fiSocialIcons > ul > li.iconIG a:hover {background:url(images/site-icons.png) -103px -100px no-repeat;}
.fiSocialIcons > ul > li.iconPT a {width:30px; height:31px; background:url(images/site-icons.png) -137px -66px no-repeat;}
.fiSocialIcons > ul > li.iconPT a:hover {background:url(images/site-icons.png) -137px -99px no-repeat;}
.fiSocialIcons > ul > li.iconVM a {width:31px; height:32px; background:url(images/site-icons.png) -173px -66px no-repeat;}
.fiSocialIcons > ul > li.iconVM a:hover {background:url(images/site-icons.png) -173px -99px no-repeat;}
.fiSocialIcons > ul > li.iconSS a {width:33px; height:32px; background:url(images/site-icons.png) -209px -66px no-repeat;}
.fiSocialIcons > ul > li.iconSS a:hover {background:url(images/site-icons.png) -209px -99px no-repeat;}
.fiNav {clear:both;}
.fiNav > ul {width:100%; list-style:none; margin:0 auto; text-align:center; border-top:1px solid #b6985e; border-bottom:1px solid #b6985e; padding:13px 0 14px;}
.fiNav > ul > li {display:inline-block;font-family: 'Lato', sans-serif; font-weight: 200; color:#fff; text-transform:uppercase;}
.fiNav > ul > li.fiNavDiv {margin:0 15px;}
.fiNav > ul > li > a {color:#fff;}
.fiNav > ul > li > a:hover {color: #b6985e;}
.fiBtm {font-family: 'Lato', sans-serif; font-weight: 200; font-size: 11px; text-align:center; padding:24px 0 0; color: #b6985e;}
.fiBtm a {color: #b6985e;}
.fiBtm a:hover {color:#fff;}
.fiBtmDiv {display:inline; margin:0 12px;}

/* 
	Home Page
*/

.home-content{ max-width: 960px; margin: 15px auto;}
.hrf-inner img{ width:100%;}

.r-item{display:inline-block;} 
.home-row-1{width:auto; display:flex; text-align:center; margin: 0px 12px;}
.home-row-1 .r1-item1{width:66.3%;}    
.home-row-1 .r1-item2{width:33.3%;}
.home-row-2{width:100%; display:flex; margin:5px 0; text-align:center;}
.home-row-2 .r-item{width:33.3%; vertical-align:top; text-align:center;}
.home-row-3{width:100%; display:flex;}
.home-row-3 .r-item{width:50%; text-align:center;}
.home-row-full {width:100%; margin:15px auto 16px;}
	.hrf-inner { text-align:center; margin:0px 12px;}
		.hrf-inner > a {display:block; padding:0px; color:#fff;}
	.hrf-inner-2 { text-align:center; margin:0px 12px;}
		.hrf-inner-2 > a {display:block; padding:0px; color:#fff;}
		.hrf-inner-2 .hrf-title{ margin-top: 35px;}
			.hrf-title {display:inline-block; font-size:24px; line-height:26px; font-weight:200; margin:0 auto; border:1px solid #b6985e; text-transform:uppercase; letter-spacing:0.5pt;}
				.hrf-title > span {display:block; padding:12px 40px 15px;}
			.hrf-desc {max-width:690px; display:block; text-align:left; font-size:14px; line-height:26px; font-weight:200; padding:22px 15px 25px; margin:0 auto;}

/*
	Sub Page
*/

.subContentSection {max-width:940px; clear:both; position:relative;}

.scsBanner {max-width:940px; height:170px; position:absolute; left:0; top:0; z-index:-1;}
.scsBanner img {width:100%; height:auto;}

.scsLeftCol {max-width:621px; float:left; padding:10px 18px 0 0; position:relative;}

.scslcTop {padding:0 0 25px;}
.scslcTop iframe {border:1px solid #9b987e; padding:7px;}

.scsLeftCol h1.current-page-title, .scsLeftCol h1.entry-title, .scsLeftCol h1.post-title {font-size: 25px; color: #b6985e; text-transform:uppercase; font-weight:bold; padding:0 0 11px; border-bottom:1px solid #b6985e; margin:0 0 18px;}
.scsLeftCol h1.archive-title {font:22px/22px 'Lato', serif; color:#252525; text-transform:uppercase; font-weight:bold; padding:0 0 11px; margin:0 0 20px;}
.scsLeftCol h1.post-title {padding-top:15px;}
.scsLeftCol h1.current-page-title a, .scsLeftCol h1.entry-title a, .scsLeftCol h1.archive-title a, .scsLeftCol h1.post-title a {color: #b6985e;}
.scsLeftCol h1.current-page-title a:hover, .scsLeftCol h1.entry-title a:hover, .scsLeftCol h1.archive-title a:hover, .scsLeftCol h1.post-title a:hover {color: #b6985e;}
.scsLeftCol h2 { color: #b6985e; text-transform:uppercase; font-weight:bold; margin:0 0 15px;}
.scsLeftCol h3 {font:16px/16px 'Lato', serif; color:#000; text-transform:uppercase; font-weight:bold; margin:0 0 4px;}
.scsLeftCol .highlight {font:20px/22px 'Lato', serif; padding:10px 0;}
.scsLeftCol p {
    width: auto;
}

.scsRightCol {width:300px; float:left;}
.subNav {width:261px; margin: 0 auto;  padding: 0;}

.snInner {width:100%;  padding:55px 0px 55px 20px;}
.snInner > ul {list-style:none; margin: 0 0 0 -30px;  padding: 0;}
.snInner > ul > li {width: 300px; ffont-family: 'Lato', sans-serif; font-weight: 200; color:#fff; text-transform:uppercase; border: 1px solid #b6985e; padding: 0; background-color: #363636; margin: 10px; text-align: center;}
.snInner > ul > li a {display:inline-block; color: #b6985e; padding: 8px 18px; border:1px solid transparent; font-size: 18px;}
.snInner > ul > li a:hover {color: #967c4d;}
.snInner > ul > li.current_page_item a {width: 300px; ffont-family: 'Lato', sans-serif; color: #363636; text-transform:uppercase; border: 1px solid #b6985e; background-color: #b6985e; margin: 0; text-align: center; padding: 8px 0;}
.snInner > ul > li > ul.children {list-style:none; margin:0 0 0 10px; display:none;}
.snInner > ul > li > ul.children > li {text-transform:none;}
.snInner > ul > li.current_page_item > ul.children > li > a {background:none; border:1px solid transparent;}
.snInner > ul > li.current_page_item > ul.children > li > a:hover {color:#5d6461;}
.snInner > ul > li > ul.children > li.current_page_item > a {color:#fff; background:#819881; border-left:1px solid #8fa98f; border-top:1px solid #a0bc9f; border-right:1px solid #98b297; border-bottom:1px solid #9eba9d;}

.snInner > ul > .sniItem {padding:70px 0 0 15px;color:#b6985e;text-transform:uppercase;}
.snInner > ul > .sniItem > ul {list-style:none; margin:0;}
.snInner > ul > .sniItem > ul li {width:400px; color:#b6985e; text-transform:uppercase; padding:3px 0 10px;}
.snInner > ul > .sniItem > ul li a {display:inline-block; color:#000; padding:8px 0px 0px 0px; border:1px solid transparent;}
.snInner > ul > .sniItem > ul li a:hover {color:#5d6461;}

.bodyImgTable {width:100%; padding:0 0 15px;}
.bodyImgTable td {vertical-align:top; text-align:center;}

.addthis_toolbox {width:auto; clear:both; padding:0; margin:0;}
.blogCommentsLink {clear:both; padding:0 0 15px;} 

#custom-sidebar{width: 300px; float: right; margin-top: -6px; list-style:none;}
#custom-sidebar ul li{float: right; padding-top: 10px; list-style:none;}
#custom-sidebar li.widget {width: 300px; margin:0 0 15px 20px; float:left;}
#custom-sidebar li.widget h2 {margin-bottom: 15px;}
.textwidget img {max-width:300px;}

.scsRightCol {width:300px; float:left;}
.subNav {width:261px; margin: 0 auto;  padding: 0;}
.snInner {width:100%;  padding:0 0 0px;}
.snInner > ul {list-style:none; margin: 0 0 0 -30px;  padding: 0;}
ul.sidebarNopad {margin:0;}
.snInner > ul > li {width: 300px; ffont-family: 'Lato', sans-serif; font-weight: 200; color:#fff; text-transform:uppercase; border: 1px solid #b6985e; padding: 0; background-color: #363636; margin: 10px; text-align: center;}
.snInner > ul > li a {display:inline-block; color: #b6985e; padding: 8px 18px; border:1px solid transparent; font-size: 18px;}
.snInner > ul > li a:hover {color: #967c4d;}
.snInner > ul > li.current_page_item a {width: 300px; ffont-family: 'Lato', sans-serif; color: #363636; text-transform:uppercase; border: 1px solid #b6985e; background-color: #b6985e; margin: 0; text-align: center; padding: 8px 0;}
	
/*
	404 Page
*/
.error-page{max-width:940px; margin:15px auto;}
.error404 h1{font-size: 25px; color: #b6985e; text-transform: uppercase; font-weight: bold; padding: 0 0 11px; border-bottom: 1px solid #b6985e; margin: 0 0 18px;}	

/*
	Search
*/

.search-results #main {max-width:960px;}
.search-results #main .page-title{ font-family: 'Lato', sans-serif; color: #252525; border:none;}
.search-results #main h1{font-size: 25px; color: #b6985e; text-transform: uppercase; font-weight: bold; padding: 0 0 11px; border-bottom: 1px solid #b6985e; margin: 0 0 18px;}	
.search-results #main article{margin:40px 0;}
.search-results #main #primary{max-width:620px;}

/*
	Single Pages
*/
.single-post #main{max-width:960px;}
.single-post .alignleft{float:left; margin-right:20px;}


/*
	Sidebar
*/
.scsRightCol .widget h3{color: #b6985e; text-transform: uppercase;}
.scsRightCol .widget ul{ list-style: none; margin:0;}
.scsRightCol .widget ul > li{ padding: 3px 0 10px;  text-transform: uppercase;}
.scsRightCol .widget ul > li > a{    display: inline-block; color: #000; padding: 8px 0px 0px 0px;    }
.scsRightCol aside{margin: 0 0 50px 0;}

.scsLeftCol h3{    font: 16px/16px 'Lato', serif; color: #000; text-transform: uppercase; font-weight: bold; margin: 0 0 4px;}

.sidebar-image{max-width:300px;}

/*
	Blog Archive
*/

.blog #main{ margin: 0 auto; max-width: 960px;}
.blog .alignleft{float:left; margin-right:20px;}
.blogThumbnail {padding-bottom:20px;}
.addthis_counter.addthis_pill_style.addthis_nonzero a.addthis_button_expanded {opacity:0; display:none!important;}

/*
	Responsive Media Queries
*/
@media(max-width:450px){
.single-post .alignleft{float:none; width:100%; margin-right:0px;}
.blog .alignleft{float:none; width:100%; margin-right:0px;}
}  
@media(max-width:968px){
	header .logo img {max-width:90%; margin:0 auto; display:block;}
	
	header .main-navigation {height:auto; background-color:#b6985e;}
	header .main-navigation .nav-inner {height:auto;}
	
	.mainNav {padding:10px; display:block; clear:both;}
	.mainNav > ul > li {font-size:20px;}
	.mainNav > ul > li > a:hover {color:#363636;}

	.socialIcons {width:100%; padding-bottom:10px; text-align:center; float:none; display:block; clear:both;}
	.socialIcons > ul {max-width:260px; margin:0 auto; text-align:center;}
	
	.fiTop {height:auto;}
	.fiLogo {margin:0 auto; float:none; display:block;}
	.fiSocialIcons {width:240px; margin:0 auto; float:none; display:block;}
	.fiSocialIcons > ul {margin:0;}
	
	.home-row-1{display:block;}
	.home-row-2{display:block;}
	.home-row-3{display:block;}
	.r-item{width:100%!important;}
	.r-item img{display:block; margin:0 auto;}
	.r1-item1 img{width:100%;}
	.hrf-inner {margin:0 auto;}
	.mainNav > ul > li.selected > a{color:#000;}
	
	.scsLeftCol{max-width:100%;}
	.scsLeftCol img{max-width:100%; height:100%;}
	
	#custom-sidebar{float:none; display:block; margin:0 auto;}
	
}

@media(max-width:560px){
	.mainNav > ul > li {padding-bottom:5px; text-align:center; display:block; clear:both;}
	
	.footerInner {padding:29px 0 55px;}
	.fiLogo {width:100%; text-align:center;}
	.fiLogo img {max-width:90%;}
	.fiBtmDiv {opacity:0; display:block;}
	.r-item img{width:100%;}
}

@media(max-width:650px){
	.scsLeftCol{padding: 20px;}
	.scsRightCol {width: 300px; padding: 20px;}
}