/* RESET
------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; max-width: 100%;}
.container, iframe { max-width: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
html, body	{ height:100%; }
a img,:link img,:visited img { border:none }
:focus { outline: 0; }
a, a:hover  { text-decoration:none;} 
a, a:active, a:visited {outline: 0 !important; } /* Firefox */
table { border-collapse: collapse; border-spacing: 0; }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after {  -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
.clearFloat::before, .clearFloat::after { display:table; content:"";}
.clearFloat::after	{ clear:both; }
img	{ max-width: 100%; height: auto; width: auto9; /* ie8 */ }

/* PALETTE
------------------------------------------------------------------------------------*/
body { color: #111; background: #b2b7a1; /*background: #c1bd9c; */}
body.single-post, body.blog {background: #fff;}
h1.siteName, a { color: #000; }
a:hover	{ color: #000; }
.yellow {color: #e8d55f;}
.blue {color: #254345;} 

/* HTML / FONTS
------------------------------------------------------------------------------------*/
body {
	font-family: 'Helvetica Neue', 'Liberation Sans', Roboto, 'Open Sans', Arial, sans-serif; 
	display: optional;  
    font-weight: 300;
    line-height: 1.5em;
    -webkit-font-smoothing: antialiased;
}

h1 {}

h2, h2.sectionHeader, h2.pageHeader, h3	{
	font-size: 2em;
	margin-bottom: 20px;
	line-height: auto;
	font-family: "Lora" !important;
}

h2.sectionSubheader	{
	font-size: 1.3em;
	margin-bottom: 20px;
	line-height: auto;
	font-family: "Lora" !important;		
}

h3 {
	font-size: 1.8em;
}

h3 a	{
	color: #a59c66;
}
h4 {}
p {
	margin-bottom: 20px;
	/*max-width: 650px;*/
}

p.readMore	{ 
	text-align: right; 
	padding-bottom: 60px;
	border-bottom: dotted 1px #999;
	margin-bottom: 20px;
	padding-top: 20px;
}

.excerpt:last-child p.readMore	{
	border-bottom: dotted 0px #999;
	margin-bottom: 0px;
}


p.readMore a,
a.button 	{
	padding: 8px 12px;
	border: 1px solid #254345;
	color: #254345;
	background-image: url('/wp-content/themes/stinson/images/transp/white20pc.png');
	text-transform: uppercase;
	font-size: .9em;
	font-family: 'Open Sans', sans-serif;
}

p.readMore a:hover,
a.button:hover	{
	border: 1px solid #999;
	color: #fff;
	background-color: #254345;
	background-image: none;
}

p::-moz-selection { color: WHITE; background: GREY;}
p::selection { color: WHITE; background: GREY; }

.mainContent ul	{
	padding: 0 30px 0 40px;
	list-style-image: url('/wp-content/themes/stinson/images/compass-inner-14.png');
}
.mainContent #carousel ul	
{
list-style-image:none!important;	
}
.mainContent ul li	{
	margin-bottom: 16px;
}

label  {
	font-weight: normal;
}

.mainContent p a	{
	border-bottom: 1px solid #5b6143;
}
.mainContent p a:hover	{
	border-bottom: 1px solid #333;
	color: #000;
}

/* BANNER & BIRDSEYE HEADER
------------------------------------------------------------------------------------*/

.banner-wrap {
    position: relative;
   
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.wsite-section-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.wsite-header-section {
    text-align: center;
}
.banner-wrap .container {
    position: relative;
    padding: 90px 25px;
}
.container {
    margin: 0 auto;
    box-sizing: border-box;
}
.banner-wrap .banner div.SiteTitle,
.banner-wrap .banner div.tagline,
.banner-wrap .banner div.contactInfo {
    padding: 0 0 25px;
    color: #ffffff;
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.5em;
    display: block;
    width: 100%;
    text-align: left;
}


header-section .paragraph,
.banner-wrap .banner div.SiteTitle {
    font-family: "Lora" !important;
}

.banner-wrap .banner div.SiteTitle	{
	font-size: 2.6em;
	color: #f9eb97;
	color: #f8e98c;
	color: #f4e267;
	color: #fce768;

	text-shadow: 1px 0 3px rgba(250, 61, 5, 0.3);
	text-shadow: 1px 0 1px rgba(144, 150, 162, 0.9);
	text-shadow: 1px 0 5px rgba(114, 122, 135, 0.9);

}

/*.banner-wrap .banner div.tagline {
	color: #254345;
}

.banner-wrap .banner div.tagline p {
	background-image: url('/wp-content/themes/stinson/images/transp/white40pc.png');
	max-width: 450px;
	padding: 10px 0 20px 30px;
}*/
.banner-wrap .banner div.tagline {
	color: #FFF;
}

.banner-wrap .banner div.tagline p {
	padding: 10px 0 20px 30px;
}

@media only screen and (max-width: 768px){
	.banner-wrap .banner div.tagline { font-size: 1.5em;}
	.banner-wrap .banner div.tagline p { padding: 10px 0 20px 20px; max-width: 400px;}
	#navbar
	{
		width:100%;
	}
}
@media only screen and (max-width: 480px){
	.banner-wrap .banner div.SiteTitle {font-size: 1.9em;}
}


.banner-wrap .banner div.tagline span.line2 {
	font-style: italic;
	font-family: "Lora" !important;
}

.banner-wrap .banner div.contactInfo {
	line-height: auto;
	text-align: right;
	font-size: 1em;
}

.birdseye-header {
    position: fixed;
    z-index: 12;
    overflow-y: hidden;
    width: 100%;
    box-sizing: border-box;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}


/* HEADERS / NAVIGATION
------------------------------------------------------------------------------------*/

.navbar {}
.navbar-default {background-color: transparent;border-color: transparent;} /* padded inner */
.navbar-static-top {}

#navbar{
	/*margin-top: 8px;*/
	padding-bottom: 2px;
	float:right;
}
.home .header_logo_link
{
	display:none;
}
a.header_logo_link, .navbar-default .navbar-nav>li>a	{
	font-family: 'Open Sans', sans-serif; 
	text-transform: uppercase;
	color: WHITE;
	border: 1px solid transparent;
	margin-top: 13px;
}

.navbar-default .navbar-nav>li.current-menu-item>a	{
	color: #f8e98c;
}

a.header_logo_link {
	color: #f8e98c;
	text-shadow: 1px 0 5px rgba(114, 122, 135, 0.9);
}

a.header_logo_link:hover, .navbar-default .navbar-nav>li>a:hover	{
	color: #e8d55f;
}
@media only screen and (min-width: 768px){
	a.header_logo_link, .navbar-default .navbar-nav>li>a {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	a.header_logo_link:hover, .navbar-default .navbar-nav>li>a:hover	{
		color: WHITE; 
	}
	.navbar-default .navbar-nav>li>a:hover	{
		border: 1px solid WHITE;
	}
	
}
a.header_logo_link	{
	font-family: "Lora" !important;
	font-size: 1.5em;
}

/* site title 
-----------------*/
.siteTitle	{
	margin: 15px 0 0 15px;
	max-width: 400px;
	float: left;
}

@media only screen and (min-width: 400px)	{
	/*a.header_logo_link	{font-size: 1.6em;}*/
}

@media only screen and (min-width: 768px)	{
	a.header_logo_link	{font-size: 2em;}
}

/* main navigation 
-----------------*/
.navmenu_align {
    /*float: right;    */ 
    width: 100%;
}
@media only screen and (min-width:768px)	{
	.navmenu_align {width: auto; padding-right: 15px;}
}
@media only screen and (min-width:310px) and (max-width:370px)	{
	a.header_logo_link
	{
		font-size: 1.2em!important;
	}
	siteTitle {

    margin: 13px 0 0 15px!important;
	}
}

@media only screen and (max-width:310px)	{
	a.header_logo_link
	{
		font-size: 1em!important;
	}
	siteTitle {
    margin: 13px 0 0 15px!important;
	}
}

/* toggle button (=navbar-header)
-----------------*/
.navbar-header	{}
.navbar-default .navbar-toggle {border-color: #ddd; margin-top: -30px;} /* #ddd default */

/* links / dropdown
-----------------*/
#navbar {}
.menu-main-navigation-container	{width: 100%;}
.navbar-default .navbar-collapse {border-color: GREY;padding: 0;} /* top of mob-menu */
.navbar-nav {margin:0;}
#navbar ul {list-style-type: none;padding: 0;}
#navbar ul li {display: block; font-size: 15px; margin: 1px auto 0px; padding: 10px 0;border-bottom: 1px solid GREY;text-align: center;}
#navbar ul li:first-child	{padding-top: 8px;}

@media only screen and (min-width: 768px)	{ /* wide links */
	#navbar ul li,
	#navbar ul li:first-child {padding: 0;border-bottom: 0px;} 
	.birdseye-header {
    	/*padding: 20px 30px;*/
	}
	.birdseye-header.darkHeader {
		background: BLACK;
		padding:0px;
	}
	.navbar {
		margin-bottom: 0px;
	}

	.home a.header_logo_link,
	.navbar-nav>li.menu-item-38>a	{
		display: none;
	}
}
@media only screen and (max-width: 767px)	{
	/*.navbar-default { background:black; } */
	.navbar-wrapper {background: BLACK;} /* full-width */
}

/* MAIN CONTENT
------------------------------------------------------------------------------------*/
section	{
	border-top: 1px solid #666 !important;

}

section.parent {}
section.child {}

.mainContent	{
	min-height: 72%;
}

.row.top-padded:first-child {
	padding-top: 50px;
}

hr.divider {
	margin-top: 30px;
    margin-bottom: 70px;
    border: 0;
    border-top: 1px solid #ccc;
}

/* FOOTER
------------------------------------------------------------------------------------*/
section.footer {
	background-color: #254345;
	background-color: BLACK;
}

footer{
	min-height: 50px;
}

.footer	p {
	margin: auto;
	text-align: center;
	padding: 40px;
}

footer a.button	{
	background-color: #b2b7a1;
	background-color: #f8e98c;
	border-color: #fff;
	padding: 12px 16px;
}

.copyright	{text-align:center;}



/* HOME 
----------------------------------------------------- */
.home .siteTitle	{
	margin: 0px 0 0 15px;
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

.home section.parent	{
	background-image: url('/wp-content/themes/stinson/images/home-about-BG.jpg');
	background-repeat: no-repeat;
    background-attachment: fixed; 
    background-position: left bottom;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	color: #fff;
}

.homeText	{
	padding-top: 0px;
}

.home section.children,
.page-clients-issues section.children
	{
	background-image: url('/wp-content/themes/stinson/images/home-issues-BG.jpg');
	background-repeat: no-repeat;
    background-attachment: fixed; 
    background-position: left top;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	color: #000;
}

.home section.children .row,
.page-clients-issues section.children .row	{ background-image: url('/wp-content/themes/stinson/images/transp/white40pc.png');}

.home section.children .row	p,
.page-clients-issues section.children .row p { background-image: url('/wp-content/themes/stinson/images/transp/white05pc.png');}

@media only screen and (min-width: 768px){
	.home section.children .row,
	.page-clients-issues section.children .row	{ background-image: none; }
	.home section.children .row	p,
	.page-clients-issues section.children .row p { background-image: none;}
}

.home section.children h2.sectionHeader	{ color: #254345; }
h2.sectionSubheader a	{ color: #254345; }
h2.sectionSubheader a:hover	{ color: #000; }

.home .childText em	{
	font-size: 1.5em;
}

.home p.goodFit	{
	margin-bottom: 30px;
}

/* ABOUT PAGE
----------------------------------------------------- */
.page-about-me section.mainContent { /*page-id-23 */
	background-image: url('/wp-content/themes/stinson/images/about-page-BG.jpg');
	background-repeat: no-repeat;
    background-attachment: fixed; 
    background-position: left bottom;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

/* CLIENTS-ISSUES SECTION
----------------------------------------------------- */
.row:last-child p.readMore	{
	border-bottom: dotted 0px #999;
	margin-bottom: 0px;
}

#gallery-1	{
	margin-bottom: 50px !important;
}

.page-template-clients-issues-php section.mainContent	{ /* .page-id-32 */
	background-image: url('/wp-content/themes/stinson/images/about-page-BG.jpg');
	background-repeat: no-repeat;
    background-attachment: fixed; 
    background-position: left bottom;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}


/* CONTACT PAGE
----------------------------------------------------- */
.page-contact section.mainContent { /*page-id-23 */
	background-image: url('/wp-content/themes/stinson/images/contact-page-BG.jpg');
	background-repeat: no-repeat;
    background-attachment: fixed; 
    background-position: left bottom;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

@media only screen and (max-width: 768px) {
    .page-contact  .phone {display: none;}
}

label {
    font-weight: 300;
}

div.wpcf7 {
    padding: 20px !important;
    background-color: rgba(114, 122, 135, 0.2) !important;
    max-width: 380px;
}

span.wpcf7-radio {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

input.wpcf7-submit{
    padding: 6px 24px;
    background-color: rgba(232,213,95,0.8);
    float: right;
    margin-top: 10px;
    margin-bottom: 20px;
}

input.wpcf7-submit:hover {
     background-color: #e8d55f;
     color: black;
}

.page-contact p.scheduleConsultation {
    display: none;
}

p.credit 	{
	display: none;
	text-align: center;
	font-weight: 400;
	font-size: .8em;
	color: #666;
}

.page-contact p.credit	{
	display: block;
}

p.credit a 	{
	color: #777;
}

p.credit a:hover 	{
	color: #999;
}


/* ARTICLES 
----------------------------------------------------- */

h2.screen-reader-text	{
	display: none;
}
.nav-links span.current	{
	padding: 5px 10px;
	border: 1px solid #999;
}

.nav-links  a.page-numbers	{
		padding: 5px 5px;
}
/*h3.articleHeader {
	padding-bottom:20px;
}*/

h2.articleHeader {
	padding-top:20px;
}
.row {
	margin-right:0px; 
    margin-left: 0px; 
    padding: 45px 0 40px;
}
#breadcrumbs {
	padding-top: 10px;
}
.sidebar li {
	list-style:none;
	line-height: 30px;
}
.sidebarheader {
	font-size: 22px;
    padding-bottom: 7px;
    border-bottom: 3px solid #a59c66;
    margin-bottom: 10px;
}
.sidebar {
	padding:100px 40px 0;
}

.sidebar ul	{
	padding: 0;
} 

@media only screen and (max-width: 812px)	{
	.sidebar { padding:10px 20px 40px;}
}

/* FONTS
--------------------------------------------------- */
@font-face {
    font-family: 'Liberation Sans';
    src: url('/wp-content/themes/Stinson/fonts/LiberationSans.woff2') format('woff2'),
        url('/wp-content/themes/Stinson/fonts/LiberationSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Liberation Sans';
    src: url('/wp-content/themes/Stinson/fonts/LiberationSans-Bold.woff2') format('woff2'),
        url('/wp-content/themes/Stinson/fonts/LiberationSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Liberation Sans';
    src: url('/wp-content/themes/Stinson/fonts/LiberationSans-Italic.woff2') format('woff2'),
        url('/wp-content/themes/Stinson/fonts/LiberationSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Liberation Sans';
    src: url('/wp-content/themes/Stinson/fonts/LiberationSans-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/Stinson/fonts/LiberationSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

.navbar-default .navbar-toggle
{
 margin-top: 8px!important;
}
.darkHeader .navbar-default .navbar-toggle
{
 /*margin-top: -26px!important;*/
}


.darkHeader .navbar-wrapper,.menu-main-navigation-container {background: BLACK;} 

@media screen and (min-width:991px)
{
	#carousel
	{
		display:none;
	}
	#gallery-1
	{
		display:block;
	}
}
@media screen and (max-width:991px)
{
	#carousel
	{
		display:block;
	}
	#gallery-1
	{
		display:none;
	}
	.single-work .mainContent ul
	{
		padding:0!important;
	}
	.single-work .container, .flexslider .slides img
	{
		width:100%!important;
		height:auto!important;
	}
	.single-work .col-md-7, .single-work .col-md-4, .single-work .container
	{
		padding-left:0!important;
		padding-right:0!important;
	}
	.single-work .pageHeader
	{
		padding-left:15px;
	}
	.single-work .flex-direction-nav
	{
		display:none;
	}
}