@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i");


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; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

html {}

body {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    color: #373737;
    background: url(../img/page-bg.png) repeat 0 0;
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 300;
    letter-spacing: .05em;
}

#site-wrapper { width: 100%; display: block; position: relative; }

#mobile-nav { background: none repeat scroll 0 0 #333; height: 100%; padding: 25px; position: fixed; right: -260px; top: 0; width: 260px; z-index: 99999; }
#mobile-nav a#close { color: #777; }
#mobile-nav ul.menu { margin: 25px 0; }
#mobile-nav ul.menu ul { margin: 0 0 1em 25px; }
#mobile-nav ul.menu li a { color: #ccc; display: block; letter-spacing: 0.05em; text-transform: uppercase; padding: 0 0 1.5em;}
#mobile-nav ul.menu li:hover a { color: #fff; text-decoration: none; }

.navtoggle {
    color: #ccc;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 14px;
    z-index: 99;
}
.navtoggle.active { color: #666; }

.container { min-width: 320px; width: 97%; margin: 0 auto; max-width: 1024px; }

#header {
    position: fixed;
    height: 104px;
    background: url(../img/header-bg.png) repeat-x 0 0;
    z-index: 2;
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
    left: 0;
    width: 100%;
}

#header #logo {
    display: block;
    margin: 25px 0 0;
    width: 75%;
    max-width: 208px;
}

#header #main-nav {
    position: absolute;
    top: 48px;
    right: 0;
}
#header #main-nav ul.menu { float: right; position: relative; }
#header #main-nav ul.menu > li {
    display: inline-block;
    margin: 0;
    position: relative;
    padding: 0 1em 0 .8em;
    background: url(../img/nav-bg.png) no-repeat right top;
    position: relative;
    height: 59px;
}
#header #main-nav ul.menu > li > a {
    display: block;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .1em;
    margin: 0;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
}
#header #main-nav ul.menu > li:last-child {
	background: none;
}
#header #main-nav ul.menu > li.current-menu-item > a,
#header #main-nav ul.menu > li.current-menu-parent > a,
#header #main-nav ul.menu > li:hover > a { text-decoration: none; border-bottom: 2px solid #6baf4d; }
#header #main-nav ul.menu > li > ul {
    position: absolute;
    background: url(../img/subnav-bg.png) repeat 0 0;
    top: 59px;
    padding: 15px 25px;
    width: 135px;
    left: -15px;
    display: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}
#header #main-nav ul.menu > li:hover > ul {
	display: block;
}
#header #main-nav ul.menu > li > ul li {
}
#header #main-nav ul.menu > li > ul li a {
    text-transform: uppercase;
    color: #fff;
}
#header #main-nav ul.menu > li > ul li:hover a,
#header #main-nav ul.menu > li > ul li.current-menu-item a {
	color: #6baf4d;
}

#content {
    background: url(../img/content-bg.png) repeat 0 0;
    padding: 150px 0 8em;
}
.home #content {
    padding: 0;
}

.tp-bullet.selected {
	background: #5d983d !important;
}

#content img,
.slide {
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.wpb_gmaps_widget .wpb_wrapper {
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    padding: 0 !important;
    margin: 0 0 4em;
}

/*.page-id-210 #content p,
.page-id-181 #content p,
.page-id-210 #content ul,
.page-id-181 #content ul {
	font-size: .8em;
	line-height: 1.32em;
}*/

#content ul {
	list-style: disc;
	margin: 0 0 1em 20px;
	padding: 0 1em;
}

.acf-map {
	width: 100%;
	height: 450px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    padding: 0 !important;
}
.page-id-181 .acf-map {
	height: 450px;
	margin-bottom: 3em;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
   box-shadow: none !important;
}


footer#footer {
    color: #e4e4e4;
    padding: 4em 0;
}
#footer a {
	color: #e4e4e4;
}
#footer h3,
#footer a,
#footer a strong {
	font-family: Merriweather, serif;
}
#footer h3 {
    font-size: 1.5em;
    font-weight: 400;
    margin: 0 0 .8em;
    padding: 0;
}
#footer a.btn {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    border: 1px solid #efefef;
    border-radius: 0;
}

#footer .copyright {
	font-size: .8em;
	margin-top: 4em;
}
#footer .copyright a {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}


a.btn {
	color: #373737;
	border: 1px solid #373737;
	border-radius: 0;
}

h1, h2, h3, h4, h5, h6 { font-weight: 500; }

h1 {
    margin: 0 0 1.8em;
    line-height: 1.4em;
    font-size: 1.8em;
    text-transform: uppercase;
    font-family: Merriweather, serif;
    text-align: center;
    display: block;
    font-weight: 500;
    letter-spacing: .05em;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

h1 {
  text-align: center;
}
h1 span {
  display: inline-block;
  position: relative;  
}
h1 span:before,
h1 span:after {
  content: "";
  position: absolute;
  height: 1px;
  border-bottom: 1px solid #666;
  top: 14px;
  width: 600px;
}
h1 span:before {
  right: 100%;
  margin-right: 15px;
}
h1 span:after {
  left: 100%;
  margin-left: 15px;
}




.project h1 {
    text-align: left;
    text-transform: none;
    padding: 0;
    margin: 2em 0 .2em;
}
.project h1::before,
.project h1::after {
	display: none;
}

h2 {
    letter-spacing: .07em;
    font-weight: medium;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 1.2em;
    margin: 0 0 .9em;
    border-bottom: 1px solid #373737;
    padding: 0 0 .7em;
}
/* .home h2 {
    font-family: Merriweather, serif;
    border: none;
    padding: 0;
    font-size: 1.7em;
} */
.project h2 {
    font-family: Merriweather, serif;
    text-transform: none;
    font-size: 1.2em;
    border: none;
    margin: 0;
}

.project .pdfs {
	margin: 0 0 2em;
}
.project .pdfs a {
    color: #5fa241;
    font-weight: bold;
    display: inline-block;
    border-right: 2px solid #5fa241;
    padding: 0 10px 0 0;
    margin: 0 8px 0 0;
    line-height: 1em;
}
.project .pdfs a:last-child {
    border-right: none;
}
.project .content {
	margin-bottom: 4em;
}


/*.projects > div:nth-child(4n+5) {
    clear: both;
}*/


.project-box {height: calc(33vw * (6/11) + 200px);}
.linked {height: calc(33vw * (6/11) + 250px);}

@media (min-width:1400px){
	.project-box {height: calc(33vw * (6/11) + 150px);}
	.linked {height: calc(33vw * (6/11) + 200px);}
}

.project-box .thumb {
    background: #333;
    margin: 0 0 1em;
}
.project-box .thumb img {
	display: block;
	width: 100%;
	height: calc(33vw * (6/11));
	object-fit: cover;
}
.project-box .thumb:hover img {
	opacity: .5;
}
.project-box h3 {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.1em;
	padding: 0 1em;
}
.project-box p {
	padding: 0 2.5em;
}

/* New Projects Edit */
.page-template-developments #content .container,
.page-template-projects #content .container {
    max-width: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.row.projects {
    width: 100%;
    margin: auto;
}

.projects .col-sm-3 {
    margin: .5em 0;
}


h3 {
    margin: 0 0 .5em;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2em;
}

.page-id-178 h3 {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    letter-spacing: 0;
    margin: 0 0 .2em;
    text-transform: uppercase;
}

.page-id-210 h3 {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    letter-spacing: 0;
    margin: 1em 0 1em;
    text-transform: uppercase;
}

.page-id-178 p {
	hyphens: auto;
}

.page-id-178 .vc_column_container > .vc_column-inner {
	padding-left: 30px;
	padding-right: 30px;
}


/*.page-id-181 .projects {
	margin-left: -30px;
	margin-righT: -30px;
}
.page-id-181 .projects .col-sm-4 {
    padding-left: 30px;
    padding-right: 30px;
} */

h4 {
    text-transform: uppercase;
    font-size: .96em;
}

h5 {
    font-size: .80em;
    text-transform: uppercase;
    margin: 0 0 1.4em;
}

hr {
    margin: 2.5em auto !important;
    border: 0;
    border-top: 1px solid #999;
    width: 96%;
}


.meta { display: block; margin: 0 0 .5em; }

p { margin: 0 0 1.1em; }

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

strong {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: bold;
}


a {
    color: #5fa241;
    text-decoration: none;
}
a.link,
a.link strong {
    font-family: Merriweather, sans-serif;
}

em { font-style: italic; }

.alignleft, .alignright { display: block; margin: 0 auto 25px !important; text-align: center; }

table {
    margin: 1em 0 3em;
    width: 100%;
}

table th {
	font-weight: bold;
}

table td,
table th {
    padding: 7px 4px;
}

table td:first-child {
	font-weight: bold;
	text-transform: uppercase;
}

table td {
	border-top: 1px solid #999;
}

#slider-1-layer-1 {
    font-family: Merriweather, serif;
    background: rgba(0,0,0,.68);
    padding: 25px !important;
    font-style: italic;
}


div#home1 {
    background-repeat: no-repeat !important;
    background-size: 50% auto !important;
    background-position: right center!important;
    height: 350px;
}
div#home2 {
    background-repeat: no-repeat !important;
    background-size: 50% auto !important;
    background-position: left center !important;
    height: 350px;
}

#content .tparrows:before {
    font-family: fontawesome;
    font-size: 15px;
    line-height: 40px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.8);
}
#content .tparrows.tp-rightarrow:before {
    content: '\f054';
}
#content .tparrows.tp-leftarrow:before {
    content: '\f053';
}

#content .slick-prev, 
#content .slick-next {
    line-height: 40px;
    height: 40px;
    width: 40px;
    z-index: 99;
}

#content .slick-prev:before, 
#content .slick-next:before {
    font-family: fontawesome;
    font-size: 35px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.8);
    opacity: 1;
}

#content .slick-prev {
    left: 25px;	
}
#content .slick-prev:before {
    content: '\f053';
}
#content .slick-next {
    right: 25px;
}
#content .slick-next:before {
    content: '\f054';
}

.pum-theme-519, 
.pum-theme-default-theme {
    background-color: rgba( 0, 0, 0, .7 ) !important;
}

.pum-container {
	background: #fff !important;
}

.pum-close {
	background: #5fa241 !important;
}






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

	div#home1, div#home2 {
	    background: #fff !important;
	}
	
	.project-box {
		height: auto;
		padding-bottom: 3em;
	}
	
	.project-box .thumb img {
		height: calc(100vw * (6/11));
	}

}

@media only screen and (min-width: 768px) { 

	#slider-1-layer-1 {
	    padding: 45px !important;
	}
	
	.alignleft {
	    float: left;
	    margin: 0 25px 20px 0 !important;
	    text-align: left;
	}
	.alignright { float: right; margin: 0 0 20px 20px; text-align: left; } 

	#footer .border-left {
	    border-left: 1px solid #e4e4e4;
	    padding-left: 3em;
	    min-height: 100px;
	}	

}

@media only screen and (min-width: 992px) { 

	
}