/* CSS Document */

* {
	font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#colorbox, #cboxOverlay, #cboxWrapper {
    box-sizing:content-box!important;
}
.small{
	height: 243px;
    overflow: hidden;
}


html {
	height: 100%;
}
body {
	padding: 0px;
	margin: 0px;
	color: #5b6361;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	background: #FFFFFF;
	min-height: 100%;
}

#contentContent {overflow: hidden;}

.form {
    width: 100%;
    overflow: hidden;
    margin-top: -94px;
    position: relative;
    margin-left: -39px;
    height: auto;
    display: block;
}

h1,h2 {
	color: #5b6361;
	font-weight: 700;
	font-size: 16px;
	margin-bottom:-14px;
	margin-top:20px;
	line-height:1.75;
	letter-spacing:1px;
}
a, a:visited {
	text-decoration: none;
	color: #5b6361;
    transition:color 0.3s;
}
a:hover, a:active {
	color: #0f3129;
}

p {
	line-height:1.75;
}

img {
	max-width: 100%;
	height: auto;
}

strong{font-weight:700;}

#background {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

#container {
	margin: 0px;
	width: 100%;
	min-height: 100%;
	background: url('../images/owen_watermark_flipped.png') top right no-repeat #FFFFFF;
	background-position-x:98%;
}

#content {
	box-sizing:border-box;
	margin-right: 0px;
	padding: 50px 40px 80px 291px;
	z-index:98;
	width:100%;
	max-width:1300px;
	min-height:100%;
}

#content ul{padding-left:12px; line-height:2;}

#header {
	background: url('../images/seam.png') right repeat-y;
	color: #5b6361;
	width: 245px;
	float: left;
	text-align:center;
	padding: 50px 20px;
	height: 100%;
	position: fixed;
	z-index:103;
	/*border-bottom:20px solid #0f3229;*/
}
#header #logo {
	position: relative;
	background: #FFFFFF;
}

#main-navs {
	padding-bottom: 30px;
}
ul.navs {
	list-style: none;
	text-align: center;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	position: relative;
	display: block;
	font-size:14.5px;
}
ul.navs li {
	display: block;
	font-weight: 400;
	color: #5b6361;
	padding: 5px 0px;
}
ul.navs li.menuBar {
	display: none;
}
ul.navs li a, ul.navs li a:visited {
	font-weight: 400;
	text-decoration: none;
	color: #5b6361;
}
ul.navs li a:hover, ul.navs li a:active,  ul.navs li a.active {
	font-weight: 700;
	color:#0f3129;
}
ul.navs li.current a {
	font-weight: 700;
	color:#0f3129;
}
ul.navs li.current a::before {
	content:  url('../images/spacer.gif');
	position: relative;
	padding-right: 24px;
	margin-right:3px;
	background:url('../images/green_line.png') no-repeat center 8.5px;
}
ul.navs li.current a::after {
	content: url('../images/spacer.gif');
	position: relative;
	padding-left: 24px;
	margin-left:3px;
	background:url('../images/green_line.png') no-repeat center 8.5px;
}
.copyright {
	font-weight: 400;
	color: #5b6361;
	font-size: 11px;
	padding-top: 30px;
	line-height:1.5;
}

.copyright #logo{margin-bottom:-17px;}

a#phone, a#phone:visited{color: #5b6361; font-weight:700;}
a#phone:hover, a#phone:active{color: #5b6361; font-weight:700;}

a.credit, a.credit:visited {
	color: #5b6361;
}
a.credit:hover, a.credit:active {
	color: #0f3129;
}

#socialMedia{margin-top:18px;}
#socialMedia a img{padding:0px 5px;}

#container .copyright{display:none; text-align:center;}

#container #header .copyright{display:inherit; margin-top:0px; position:absolute; width:205px; bottom:80px;}

#container #homeContent .copyright{display:none; text-align:center; position:relative; bottom:20px; left:0; right:0; width:100%; margin:0px auto; background:#FFFFFF; padding:30px 0px;}

.greenBar {
	background: #0f3229;
	height: 20px;
	width: 100%;
}

#footer {
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 103;
}

#footerBar {
	background: #0f3229;
	height:40px;
	width: 100%;
}

#footerBar div{float:right; padding-right:4%; margin-top:11px; font-size:14px; font-weight:400; color:#FFFFFF;}
#footerBar div span.footerBar{color:#5b6361; padding:0px 8px;}

.clear-fix {
	clear: both;
}

#menuswitch {
	display: none;
	text-align: center;
	background: #FFFFFF;
	width: 100%;
	padding: 15px 0px 0px 0px;
}
.left {
	float: left;
	position: relative;
	width: 55%;
	margin-bottom:60px;
}
.right {
	float: right;
	position: relative;
	width: 38%;
	margin-bottom:60px;
}
.left .cycle-slideshow, .right .cycle-slideshow{margin-top:28px;}
.obl-blog #contentHeader{max-width:969px;}
.obl-blog .content-wrapper{
    display: grid;
    grid-template-columns: 60% 30%;
    gap: 10%;;
}
.obl-blog #content{padding-bottom:0;}
.article-date{font-family: "Montserrat", sans-serif;font-size:13px;color:#5b6361;font-weight:600;}
.article-name{color:#004437;}
.meta-divider{color:#31544D66;}
.obl-blog #content .left ul{padding-left:17px;}
.obl-blog .left, .obl-blog .right{float:none;width:auto;padding-bottom:60px;
   min-height:calc(100vh - 554px);margin-bottom:0;}
.obl-blog .right{}
.obl-blog #content .right ul, .obl-blog #content .right li{list-style: none;margin-left:0;padding-left:0;line-height:1.5;}
.obl-blog #content .right ul li.categories{text-transform: uppercase;color:#31544D;font-weight:bold;font-size:17px;margin-top:50px;}
.obl-blog #content .right ul li.categories ul{}
.obl-blog li.categories ul li.cat-item a{color:#00000077;font-size:14px;}
.obl-blog li.categories ul li.cat-item a:hover, .obl-blog li.categories ul li.cat-item a:active, .obl-blog li.categories ul li.cat-item a:focus{color:#000000cc;}
.obl-blog li.categories ul li.cat-item.current-cat a{color:#31544D;}
.obl-blog .article{border-top:1px solid #797f7d;margin-top:24px;padding-top:8px}
.obl-blog .article:first-of-type{border-top:none;}
.obl-blog .article p{display:none;}
.obl-blog .article:first-of-type p{display:block;}
.obl-blog .article h1{margin-bottom:0;}
.obl-blog .article h2{margin-top:0;line-height:2;}
.obl-blog .article:first-of-type h2{margin-top:20px;}
.obl-blog .light-green{color:#2eb080;}
.obl-blog .dark-green{color:#004437;}
.obl-blog .article h1, .obl-blog .article h2{letter-spacing: normal;}
.obl-blog .article h1{color:#004437;}


.homeSlider {
	position: fixed;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-left: 245px solid #FFF;
	background: #FFFFFF;
}
.homeSlider img {
	width: 100%;
}

.quote{
	font-weight:700;
	font-size:30px;
	font-style:italic;
	line-height:1.3;
}
.btn-red {
	font-size: 12px;
	background: #5da38e;
	padding: 7px 21px 7px 15px;
	text-decoration: none;
	color: #fff;
	font-weight: 400;
	display: inline-block;
	text-transform: uppercase;
	vertical-align:middle;
	transition:background-color .3s;
}
.btn-red::before {
	content:url('../images/white_arrow.png');
	padding-right:10px;
	position:relative;
	top:2px;
}

.bioClose{padding: 7px 15px 7px 21px;}
.bioClose::before{content:""; padding-right:0px;}
.bioClose::after{content:"X"; padding-left:10px; font-weight:700;}

a.btn-red:hover, a.btn-red:active {background:#143a31;}

#contentContent, #contentHeader{max-width:964px;}
#contentHeader .btn-red{float:right; margin-top:-3px;}
#content a.btn-red, #content a.btn-red:link{
	color:#FFF !important;
}

.testimonial{font-size:18px; font-style:italic; font-weight:400;}
.testimonialAuthor{font-size:18px; font-style:italic; font-weight:400;}

.bio{ clear:both; margin-bottom:60px;}
.bio img{float:left; padding:0 0 23px 0;max-width:157px;}
.bio h2{font-weight:700; font-size:13px; color:#5b6361; margin-top:0px;}
.bio h2, .bio p{}
.bioBody{margin-left:180px;}
#content #contentContent .left .bio a.btn-red, #content #contentContent .left .bio a.btn-red:link{margin-top:12px;}


.featured{float:left; margin:10px;}
.featured a img{background:#FFFFFF;object-fit: cover;object-position: center center;width:303px;height:303px;transition:opacity 0.3s;}
.featured a img, .featured a:visited img{opacity:1;}
.featured a:hover img, .featured a:active img{opacity:0.6;}

.left p img, .right p img{padding:5px 0px;}

#introOverlay{height:100%; width:auto; position:absolute; right:0px; top:0px; z-index:101;}

/* 900 px */
@media (max-width:900px) {
.left {
	float: none;
	width: 100%;
	margin-bottom:20px;
}
.right {
	float: none;
	width: 100%;
	margin-bottom:20px;
}
}
@media(max-width:730px){
	#background{position:relative;}
}
@media (max-width:730px), (max-height:600px) {
#header {
	float: none;
	width: 100%;
	height: auto;
	margin: 0px;
	background: #FFFFFF;
	padding: 20px 7% 0px 7% !important;
	position: relative;
	border-bottom:none;
}

#main-navs {
	padding-bottom: 0px;
}
ul.navs {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
ul.navs li {
	display: none;
	padding: 5px 0px !important;
}
ul.navs li.menuBar {
	padding: 0px;
}
.homeSlider {
	border-left:none;
	min-height:300px;
	position:relative;
}

#homeWatermark{display:none;}

#container #header .copyright {
	padding-top: 0px;
	display: none;
}
#container .copyright{display:inherit; margin-top:-25px; padding-top:0px; padding-bottom:30px; position:relative; bottom:20px;}

#homeContent{}

#container #homeContent .copyright{display:inherit;}

#menuswitch {
	display: inherit;
}
#content {
	margin: 0px auto;
	padding: 0px 7% 47px 7%;
}
#footer{display:none;}

.featured{float:none; text-align:center;}

#introOverlay{}
}

/* SMALL HEIGHT WIDTH*/
@media (max-width:500px), (max-height:600px) {
	#background{position:relative;}
	#homeContent{min-height:320px;}
	#homeContent .copyright{position:relative; bottom:0px;}
	.bio img{float:none; padding-bottom:20px;}
	.bioBody{margin-left:0px;}
}

@media (max-height:910px) {
#container #header .copyright {
	padding-top: 0px;
	position:relative;
	bottom:0;
	/*margin-top: -20px;*/
}
#socialMedia{margin-top:10px;}
}

@media (max-height:880px) {
#container #header .copyright #logo{
	display:none;
}
#container #header .copyright .copyAddress{display:none;}
}

@media (max-height:770px) {
	#container #header .copyright {
		margin-top: -40px;
	}
	ul.navs{margin-top:20px;}
}

@media (max-height:740px) {

}

@media (max-height:700px) {
	#header{padding:20px;}
	ul.navs{margin-top:10px;}
}

@media (max-height:660px) {
	ul.navs li{padding:2px;}
}


@media (max-width:500px) {
.form {
    width: 100vw;
    overflow: hidden;
    margin-top: -37px;
    position: relative;
    margin-left: -26px;
    height: auto;
    display: block;
}
}


/* TEMPORARY */
.portfolioLinks{display:none;}
#socialMedia a img{filter:opacity(50%) grayscale(100%);transition: filter .3s;}
#socialMedia a img:hover{filter:none;}

.single-post .left{margin-bottom:100px;} 
.single-post .article h1, .single-post .article{margin-top:6px !important;}