@charset "utf-8";
/* CSS Document */

/* CSS Style Explanations */
/* -row is used to specify site width
   -wrap is used to specify full browser width

*/

:root {
  --green: #31472c;
  --ltgreen: #1a6e07;
}

body, html {  font-family: 'Lato', sans-serif; font-size: 16px; line-height: 1.25em; color: #3c3c3c; margin: 0 !important; background: #ffffff; }
.row { max-width: 1400px; }
p {line-height:1.25em}
a {color:#47763d;}
a, a:visited { color:}
a:hover { color: }

.inline {display:inline !important}
.invisible {visibility:hidden;}
.flex {display: flex;}
.color-green {color:#31472c}
.color-dkputty {color:#4f4d40}
.color-ltputty {color:#e7e5d0}
.color-white {color:#ffffff}
.shade, .shaded {background-color:#e7e5d0}
.green-line::after {
	content: '';
	display: block;
	margin: 1.6em auto 2em auto;
	width: 150px;
	height: 2px;
	background: #31472c;
}

/* =======================
Preventing FUOC
======================== */
.hide-on-load{ display:none;}


/* ====================
   Headings
==================== */
h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif;}
h1 { color: #31472c; font-size: 44px; font-weight: 900; letter-spacing: 0; margin-top: .4em; margin-bottom: .3em;font-style: italic; line-height:1.1}
.default h2 { color: #31472c; font-size: 36px; font-weight: 500; letter-spacing: 0; margin-top: 0; line-height:1.2;font-style: italic; font-family:"Playfair Display"}
.default h1 {text-align:center; color:#ffffff; font-weight:200; font-style:normal; text-transform:uppercase; font-size:4em}
.default h3 { color: #31472c; font-size: 18px; font-weight: 500; letter-spacing: 2px; margin-bottom: .8em; text-transform:uppercase}
.default .grid-x h3 {margin-top:0}
h4 { color: #494949; font-size: 20px; font-weight: 500; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; font-weight:bold;line-height:1.2em;}
h5 { color: #494949; font-size: 19px; font-weight: 500; letter-spacing: 0; margin-top: .8em; margin-bottom: 0;text-transform:uppercase;}
h6 { color: #494949; font-size: .9rem; font-weight: 500; letter-spacing: 0; margin-top: 0px; margin-bottom: .3em; }

.alert-message {color:#ffffff; background-color:#ff0000; padding:0; text-align:center; font-size:12px}

/* ====================
   Buttons
==================== */
.button, input.cat_button,button a, .button a, .cat_button a, button a:visited, .button a:visited, .cat_button a:visited, button:visited, .button:visited, .cat_button:visited, input.cat_button {
    border-radius:0;background:rgb(49, 71, 44); color:#ffffff;text-transform: uppercase; padding: 15px 40px; letter-spacing: 2px;position: relative;overflow: hidden;-webkit-transition: .3s;transition: .3s;
    z-index: 5; }

.button:after, input.cat_button:after,button a:after, .button a:after, .cat_button a:after,input.cat_button:after {position: absolute;-webkit-transition: .3s;transition: .3s;content: '';-webkit-transform: skewX(15deg);transform: skewX(15deg);width:0;bottom:0;height: 120%;
left:-10%; background:#31472c; z-index: -1;}

.button:hover:after, input.cat_button:hover:after,button a:hover:after, .button a:hover:after, .cat_button a:hover:after,input.cat_button:hover:after {left:-10%;width: 120%;}

.button:hover, button a:hover, .button a:hover, .cat_button a:hover {color:#fff;}

.button.button-alt {border:1px solid #fff; color:#fff;}
.button.button-alt:after {background:#fff;}
.button.button-alt:hover {color:#31472c;}

.button.button-alt2 {border:1px solid #efefef; color:#fff;background:#31472c;}
.button.button-alt2:after {background:#313131;}
.button.button-alt2:hover {color:#efefef;}


.backbutton {display:inline-block; border:none;border-radius:0;background:#efefef; color:#8c8a73;text-transform: uppercase; padding: 1px 6px 3px; letter-spacing: 1.5px;position: relative;overflow: hidden;-webkit-transition: .3s;transition: .3s;z-index: 5;font-weight:bold; font-size:14px}
.backbutton a::before {content:'\f053'; font-family:FontAwesome; padding-right:4px; font-size:.8em}
.backbutton a {color:#8c8a73}
.backbutton:hover {background:#8c8a73}
.backbutton:hover a {color:#ffffff}


/* ====================
     Header
======================= */
.top-header-wrap {background: #ffffff;padding:25px 0;}
.top-header-wrap {border-bottom:1px solid #c7c7c7; }
.header-address, .header-phone {color:#8c8a73;}
.header-address .icon, .header-phone .icon {position: relative;right:10px;top:10px;padding-right:8px;color:#31472c;font-size: 30px;}
.header-address .address, .header-phone .phone {padding:10px 20px;}

.tagline-wrap {position:absolute; bottom:0; width:100%; height:600px; padding:120px 0 }
.tagline {width:1200px; margin:0 auto;text-align:center;}
.tagline  h1 {font-size: 66px;line-height: 79px; color:#ffffff; font-weight:300; font-style:normal}
.tagline p {font-size: 36px;font-weight:300;color:#ffffff;}
.tagline .button {font-size: 16px;}
.tagline h2 {color:#fff;font-weight: 100;font-style: normal; line-height:1.1; font-size:54px}
.tagline h3 {color:#fff;font-weight: 100;font-style: normal; line-height:1.1; font-size:30px; font-weight:bold}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {width:100%}
.slick-next {right:70px;}
.slick-prev {left:inherit; right:140px}
.slick-prev, .slick-next {width:70px; top:65%}
.slick-next::before, .slick-prev::before {font-size:50px; }
.header-bottom-wrap {background-color:rgba(0,89,144,1); }
.header-bottom { width:100%; text-align:right; height:70px; padding:20px 70px}
.highlights {width: 100%;border-bottom:3px solid #31472c;}
.caption-tag {display:inline-block; text-transform:uppercase; margin-right:3px}


/* ====================
     Home
==================== */
.slider-home {position:relative; height:750px; overflow:hidden; background-color:#333333} 
.slider-home .orbit-slide {}
.slider-home .orbit-caption {position: absolute; height:200px; top: calc(50% - 100px); background:transparent; color:#ffffff; text-align:center; }
.slider-home .orbit-caption h1 {font-size: 66px;line-height: 79px; color:#ffffff; font-weight:300; font-style:normal}
.slider-home .orbit-caption p {font-size: 36px;font-weight:300}
.slider-home .orbit-caption .button {font-size: 16px;}
.slider-home .slide-bg {height:750px; background-position: center center; background-attachment: fixed; background-size:cover; }
.slider-home .slide-bg::after {content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color:rgba(49,71,44,.2);}
.small-home-bg {background:url(/_assets/img/header-bg-small.jpg); background-position: bottom center;  background-size:cover; height: 90vh; max-height:750px}

.home-row-services .fa {color:#8c8a73; font-size:30px}
.home-row-services h2 {font-size:18px; line-height:23px; font-style:normal; color:#31472c; font-weight:900; margin-top:15px; letter-spacing:3px}
.home-row-services p {}

.home-row-conserve {background-image:url("/_assets/img/homefactsbackground6-3.jpg"); background-repeat:no-repeat; background-size:cover; padding:60px}
.home-row-conserve .medium-3 {}
.home-row-conserve .block {background:#ffffff; padding:50px 25px; }
.home-row-conserve h2 {color:#ffffff; font-weight:900; font-size: 46.951px; line-height: 65.536px; text-transform:none; font-style:normal}
.home-row-conserve h3 {color:#8c8a73}
.home-row-conserve > p {color:#ffffff; margin-left:15%; margin-right:15%; line-height:1.7; margin-bottom:30px}
.home-row-conserve .medium-3 > p {line-height:1.7}

.home-row-facts .cell {border:1px solid #e7e5d0}
.home-row-facts em {font-size:40px; color: #31472c; margin:15px}
.home-row-facts .stat {margin-bottom:5px; color: #31472c;  font-size:2em}
.home-row-facts .subtext {margin-bottom:10px}
.home-row-facts .title {margin-bottom:25px; color: #31472c; }


/* ==================== 
     Default 
==================== */
.default .content-grid {padding:50px}
.default-header {background-size:cover; padding:80px; background-position:center center}
.default .main-section .intro-para {text-align:center; max-width: 50%; margin: 0 auto; line-height:1.6em;}
.default .main-section .intro-para::after {content: ''; display: block; margin: 1.6em auto 2em auto; width: 150px; height: 2px; background: #31472c;}
.default .main-section .noline.intro-para::after {content: ''; background:transparent; margin:0; height:0; width:0}
.default .main-section .para-timeline h3 {font-weight:normal; font-size:1.3em; color: var(--ltgreen); text-transform:none;}
.default .main-section .para-timeline .cell {line-height:1.6; }
.default .main-section .para-timeline {align-items: center}
.default .main-section .para-timeline img {padding:3px; border:1px solid #cccccc}
.timeline-dot-left {position:relative; height:20px;}
.timeline-dot-left::after {content:""; border-top:1px solid #cccccc; width:90px; background-color:pink; display:inline-block; position:absolute; top:0; left:0; margin-top:7px}
.timeline-dot-left::before {font:normal normal normal 14px/1 FontAwesome;content: "\f111"; color:#cccccc; position:absolute; top:0; left:0}
.timeline-dot-right {position:relative; height:20px;}
.timeline-dot-right::before {content:""; border-top:1px solid #cccccc; width:90px; background-color:pink; display:inline-block; position:absolute; top:0; right:0; margin-top:7px}
.timeline-dot-right::after {font:normal normal normal 14px/1 FontAwesome;content: "\f111"; color:#cccccc; position:absolute; top:0; right:0}

/* ======================
      Pages
====================== */
.grid-members .cell p {text-transform:uppercase; font-weight:normal; letter-spacing:1px; }
.grid-members .cell .member-title {font-family:"playfair display"; font-style:italic; text-transform:none}
.grid-members .cell p {border-bottom:1px solid #efefef; padding-bottom:1em}

/* About */
.about-buttons a {width:100%; height:61px; display:block}

/* Services */
.services-grid {text-align:center}
.services-grid a {width:100%; max-width:425px; height:61px; display:inline-block}

/* Community */
.community-grid {text-align:center}
.community-grid a {width:100%; max-width:425px; height:61px; display:inline-block}

/* Staff */
h2.cm-staff-list-h2 {margin-top:45px}
.cm-staff-list-h2::after {content: '';display: block;margin: .7em auto 1em auto;width: 150px;height: 2px;background: #31472c;}
.cm-staff-list-name {margin-top:15px; font-weight:800}
.cm-staff-list-title { font-size:14px; line-height:1.1em; margin-top:-10px}

/* Projects */
.wa-projects-item {overflow: hidden;}
.wa-projects-item img {width: 100%;transition: all .3s;}
.wa-projects-item .overlay {top:0;width: 100%;height: 100%;background:rgba(0,0,0,0.6);opacity: 0;transition: all .3s;}
.wa-projects-item .overlay:hover {opacity: 1;}
.wa-projects-item .overlay .content {top: 0;left: 0;z-index: 2;width: 100%;height: 100%;padding: 30px;display: flex;flex-direction: column;justify-content: center;align-content: center;}
.wa-projects-item .overlay .title {line-height: 1.2;color: #000000; font-size:1.5rem; font-weight:700; letter-spacing:3px; margin-bottom:1rem; text-transform:uppercase; }
.wa-projects-item .overlay p {text-align: left;padding-left: 30px;position: relative;top: 30px;text-transform: uppercase;}

.wa-projects-list.projects-page .wa-projects-item:hover img {-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);}

/* Blog */
.reldate {font-family:"Playfair Display"; font-style:italic; font-size:.8em}
h3.blogname {letter-spacing:1px; font-size:1rem; font-weight:500; margin-bottom:3px}
/* ====================
     Footer
======================= */
footer {background: #31472c; color:#8c8a73}
footer a, footer a:visited{color:#8c8a73}
footer a:hover, footer a:active {color:#ffffff}
footer .addr-col {padding-left:30px}

/* ====================
	Navigation
======================= */
/* Primary */
.main-menu > ul.menu > li:first-child > a {padding-left: 0;}
.main-menu > ul.menu > li > a:hover  {color:#31472c;}
.main-menu > ul.menu > li > a {font-size: 15px;text-transform: uppercase;color:#31472c;padding-right: 34px; font-weight:bold; letter-spacing:2px;}
.main-menu > ul.menu > li > a.active, .main-menu > ul.menu > li > a:hover, .main-menu > ul.menu > li.selected > a   {color:#8c8a73;}
.main-menu > ul.menu > li > a {	padding: 1rem .9rem 1.1rem;}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
border:none; content: none;
position: relative;
display: inline-block;
font: 400 12px "FontAwesome";
text-align: center;
transition: 0.4s all ease;
z-index: 2;
will-change: transform;
-webkit-filter: blur(0);
width:17px; line-height:1;
right:0;
margin-top:0;
top:0;
height:auto;
vertical-align:top; 
padding-left:3px;
}

/* Primary - Dropdown */
.dropdown.menu > li.is-dropdown-submenu-parent > a {transition: .33s all ease; }
.menu.is-dropdown-submenu>li>a {padding:1rem;color:#5b5b5b;font-size: 14px;}
.menu.is-dropdown-submenu>li.selected>a {color:#8c8a73;}
.is-dropdown-submenu {border:none; min-width:270px}
ul.dropdown.menu > li > ul.dropdown.menu {top:36px;}
.dropdown.menu>li.opens-right>.is-dropdown-submenu>li.opens-right:hover > a {color: #fff;}
ul.dropdown.menu > li > ul.dropdown.menu > li:hover {background-color: #31472c; display:block}
ul.dropdown.menu > li > ul.dropdown.menu > li {-webkit-transition: background .5s ease-out;  -moz-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out;}
.dropdown.menu>li.opens-right>.is-dropdown-submenu {right:auto;left:auto;top:41px;border-top:5px solid #31472c;}
.dropdown.menu.vertical>li.opens-right>a:after {display:none!important;}
ul.dropdown.menu > li > ul.dropdown.menu > li {padding:8px; border-bottom:1px solid #8c8a73}
ul.dropdown.menu > li > ul.dropdown.menu > li > a {font-size: 1em;}

/* Menu - Dropdown slide up */
.dropdown.menu > li > ul.is-dropdown-submenu { margin-top:10px;  transform: translateY(30px); display:block; opacity:0; transition: all 0.3s ease 0s; }
.dropdown.menu > li > ul.is-dropdown-submenu.js-dropdown-active {transform: translateY(0); opacity:100}

/* Footer */
#responsive-menu-footer {width:100%;}
#responsive-menu-footer .menu > li > a {padding: 0 3px 8px 0; color:#8c8a73;text-transform:uppercase;font-size: 13px;padding-right: 0!important;}

/* Secondary */
#secondary-menu-list {margin-bottom:15px;}
#secondary-menu-list, #secondary-menu-list li.selected  > ul {margin-left: 0;}
#secondary-menu-list li.selected  > ul > li, #side-nav > li {border-bottom:1px solid #31472c;padding-top:5px; padding-bottom:5px;}
#secondary-menu-list li.selected  > ul > li > a > .fa, .resources ul li .fa,  #side-nav > li .fa {font-size: 10px;position:relative;top:9px;}
#secondary-menu-list li.selected  > ul > li > a:hover, #secondary-menu-list li.selected  > ul > li > a.active,  #side-nav > li > a:hover {color:#31472c;}
#secondary-menu-list li.selected  > ul > li > a,  #side-nav > li > a {color:#4c4c4c;}
#secondary-menu-list li.selected  > ul > li > a.active > .fa,  #side-nav > li .fa {font-weight: bold;}

/* Side */
#side-menu ul {margin:0}
#side-menu ul > li > a {display:block; padding:.7rem 0; color:#8c8a73;text-transform:uppercase;font-size: 13px;padding-right: 0!important;}
#side-menu ul > li {display:block; width:100%;border-bottom: 1px solid #cfcfcf;}
#side-menu ul > li:last-child {border-bottom: none!important;}
#side-menu ul > li > a:hover {color:#cfcfcf;}
#side-menu ul > li > a .fa {font-size: 9px;position: relative;top:3px;}

/* Off-Canvas */
.off-canvas {background-color:transparent}
.off-canvas-wrapper {background:#ffffff;}
#offCanvasLeft {background:#31472c}
#offCanvasLeft .menu li a, #offCanvasLeft .menu li a:visited {color: #ffffff; font-size:14px;border-bottom:1px solid rgba(255,255,255,.1)!important;}
#offCanvasLeft .menu > li > ul {margin-left:10px;}
.menu-icon {padding: 8px 8px 7px 8px; border:none}
.title-bar {background:#599d9c none repeat scroll 0% 0%;}
button#offcanvas-open-button {position:absolute; top:25px; left:0%; border-radius:0; z-index:999; font-family:"FontAwesome"; 
-webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out; height:43px; width:43px;  padding:0; border:0; background:#31472c;; font-style:normal}
#offcanvas-open-button:after {content:"\f0c9"; position:relative; background:transparent; color:#ffffff}
.is-open-left #offcanvas-open-button:after {content:"\f00d"; }
.small-menu > ul > li > a {text-transform:uppercase; font-weight:bold; letter-spacing:1px}
#small-logo img {position:relative; float:right;height:60px; margin:20px; }
.small-header {position:relative;background:rgba(255,255,255,.6); height:100px; width:100%; z-index:999;}
/* =========================
	Overrides
============================= */

.maps iframe{
    pointer-events: none;
}
.tabs-panel.is-active {padding:0;}
.tabs-title>a {padding:0;margin-right:10px;}
.slider2 .slick-slide a {display:block; margin:25px}
.slick-slider {margin-bottom:0!important;}
.slick-dots li button:before {font-size:17px;color:#fff;}
.slick-dots li button:hover {background: transparent!important;}
.slick-dots li.slick-active button:before {color:#236b94;opacity:1; background: transparent;}
.no-caps {text-transform:none!important;}
.contact-info.row .column:last-child:not(:first-child){float:left;}
.contact .flex-video {height:785px!important;}
body.contact .contact-info .title {color:#58595b;}
.contact p {margin-bottom:3px;}
.search-box input[type=text] {border-radius:1px;height:30px;}
.go-back:before, .goback:before {content:"\f053";color:#31472c!important;}
.form label, .webform label {font-size: 14px;}
.slick-slider {	padding: 0;}
.slick-dots {position:relative;bottom:-50px;}
.slider2 .slick-dots {bottom:0;}
#default .slick-slide img,  #contact .slick-slide img { width: 100%;}
input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {width: 100%;}
.off-canvas-content {box-shadow:none;}
tbody, tfoot, thead {border: none;	background-color: transparent;}
tbody tr:nth-child(2n) {background-color: transparent;}
.secure-login, .newsletter-form {background: transparent; border: none;}
table.photogalleryTable tbody {border:none;}
table tbody tr:nth-child(2n) {background-color: transparent;}
.close-button {position: absolute;
	color: #cccccc;
	right: 1rem;
	top: .5rem;
	font-size: 1em;
	line-height: 1;
	cursor: pointer;
	background-color:transparent;
	padding:.3rem .5rem .3rem .4rem;
	background: transparent;
	border:none

}
}
.close-button span {color:#efefef; text-transform:lowercase}
.reveal.small-45 {width:45%;}
.tabs-content, .tabs {border:none;}
.accordion .accordion-navigation > a:hover:before, .accordion li > a:hover:before {content: "-";}
[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2rem;
	padding: .2rem .5rem;
	border: 1px solid #cacaca;
	margin: 0 0 1rem;
	font-family: inherit;
	font-size: .9rem;
	color: #0a0a0a;
	background-color: #fefefe;
	box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
	border-radius: 0;
	transition: box-shadow .5s,border-color .25s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
}

a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

/* ================
Mobile Overrides
Small < 640
Medium < 1025
Large < 1440
XLarge < 1920
XXLarge > 1920
================= */

@media only screen and (max-width: 1200px) {
.tagline {width:90vw;}
.tagline-wrap {height:30vh; bottom:20vh; padding:20px 0; max-height:500px; min-height:300px}
.tagline h1 {font-size:50px; line-height:1em}
.tagline p {font-size: 30px;}
.slider-home {height: 90vh; max-height:750px}
.home-row-conserve { padding:0px}
.default h1 {font-size: 2.5em;}
.default .content-grid {padding: 5%;}
.default .main-section .intro-para {max-width: 100%;}
.small-text-center {text-align:center}
footer .addr-col {padding:30px 0 0 0}
.timeline-dot-right {display:none}
.timeline-dot-left {display:none}
.para-timeline img {margin-bottom:20px}
.grid-members .cell:nth-of-type(3) {padding-top:0 !important}
}

@media only screen and (max-width: 1150px) {
	.main-menu > ul.menu > li > a {	padding: 1rem .4rem 1.1rem .4rem;}
	.dropdown.menu > li.is-dropdown-submenu-parent > a {padding-right:.2rem}

}

/* Medium screens*/
@media only screen and (max-width: 1024px) {
    .footer-menu a {border-bottom:1px solid rgba(255,255,255,.2)}
}

/* Small screens*/
@media only screen and (max-width: 640px) {
.tagline {width:90vw;}
.tagline-wrap {height:30vh; bottom:20vh; padding:20px 0; max-height:500px; min-height:300px}
.tagline h1 {font-size:13vw; line-height:1em}
.tagline p {font-size: 9vw;}
.slider-home {height: 90vh; max-height:750px}

}