/* CSS Document */

/* All sizes - main global items */
@media all {
  
/* ---- grid ---- */

.grid {
  background: #EEE;
  max-width: 1200px;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-sizer {
  width: 50%;
}
.grid-item {
  width: 50%;
}

.grid-item {
  height: auto;
  float: left;
  max-height: 450px;
  overflow-y: hidden;
}

.grid-item--width2 { 
  width: auto;
  max-width: 100%; }
.grid-item--width3 { 
  width: auto;
  max-width: 49%; }

.grid-item--height2 { height: auto;max-height:600px; }
.grid-item--height3 { height: auto;max-height:960px; }
.grid-item--height4 { height: auto;max-height:600px; }

  
  
html { 
  background: url(/img/bg_bluetexture.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	margin: 0 auto;
	margin-left: auto;
	width: 90%;
	max-width: 1280px;
	font-family: 'Noto Sans', sans-serif;
}

div, p, button, .button {
	font-family: 'Noto Sans', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Lora', serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1 { font-size: 2.25rem; line-height: 2.25rem; margin-bottom: 1.25rem; }
h2 { font-size: 1.5rem; line-height: 1.5rem; margin-bottom: 1rem; }
h3 { font-size: 1.375rem; line-height: 1.375rem; margin-bottom: .875rem; margin-top: 2rem; }
h4 { font-size: 1.25rem; line-height: 1.25rem; margin-bottom: .75rem; }
h5 { font-size: 1.125rem; line-height: 1.125rem; margin-bottom: .5rem; }
h6 { font-size: 1rem; line-height: 1rem; margin-bottom: .25rem; }

a {
	color: #507f70;
	font-weight: bold;
}
a:hover {
	color: #50748a;
}

p {
	font-size: 1rem;
	line-height: 1.875rem;
}

p.tiny  {
	font-size: .8125rem;
	line-height: 1rem;
	margin: 0;
	padding: 0;
}
  
  p.bump{
    margin: .25rem auto 1.75rem auto;
  }

p.feature {
	font-size: .8125rem;
	line-height: 1rem;
	margin: .5rem auto;
	padding: 0;
}

blockquote {
	border: none;
	border-bottom: 1px solid #DDD;
	margin-bottom: .5rem;
}

blockquote p {
	font-size: .9rem;
	line-height: 1.1rem;
}

.accent_brown {
		color: #706359;
	}	
.accent_green {
	color: #507f70;
	font-weight: bold;
}
.accent_blue {
	color: #50748a;
}	
cite {
}

.label {
	background: #50748a;
}

a.label:hover {
	color: white;
	background: #507f70;
}

.white {
	color: #fff;
}

.clear {
	clear:both;
}

.mar10 {
	margin: 10px;
}

.mar20 {
	margin: 20px;
}

.pad10 {
	padding: 10px;
}

.pad20 {
	padding: 20px;
}

.border {
	outline: 1px solid #000;
}

.center {
	text-align: center;
}

.frame {
	padding: 1rem;
	margin: 1rem;	
	outline: 1px solid #000;
}

.framefull {
	padding: 1rem;
	margin: 0;	
	outline: 1px solid #000;
}
.fullWidth {
       width: 100%;
       margin-left: auto;
       margin-right: auto;
       max-width: initial;
    }
.fullWidth div.columns {
	margin:0;
	padding:0;
}

.float-left, .left {
  display: block;
  float: left !important; }

.float-right, .right {
  display: block;
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }
		
.right.frame {
	margin-right: 2px;
}

.left.frame {
	margin-left: 2px;
}

.img_page {
	margin-left: 1rem;
}

.img_page p {
	margin: 0rem 1rem .8rem 1rem;
	max-width: 27.5rem;
}

.img_page img.img_side {
	width: 100%;
	max-width: 450px;
}

.img_page_full img {
	width: 100%;
}


.contain-to-grid .top-bar,.maxfull {
	width: 100%;
	max-width: 100%;
}

.clearing-thumbs li, [data-clearing] li {
    margin-bottom: 10px; }
}

nav.top-bar, .title-bar {
text-align:center;
}
section.top-bar-section {
display: inline-block;
}

.top-bar ul li a, .title-bar ul li a {
	font-family: 'Lora', serif;
	font-size: 1rem;
  font-weight: normal;
}

.title-bar a {
  color: #FFF;
}

.top-bar,
.top-bar-section,
.top-bar.expanded,
.contain-to-grid,
.top-bar-section ul li,
.top-bar-section ul li.active > a,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar.expanded .title-area ,
.top-bar-section .dropdown li a,
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button),
.top-bar-section .dropdown li label,
.top-bar-section .has-form,
.no-js .top-bar-section ul li:hover > a ,
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li.hover > a:not(.button),
.title-bar, 
.title-bar ul li ul , 
.title-bar ul,
.drilldown .is-drilldown-submenu,
.drilldown a
   {
	background: #507f70;
     z-index: 1000;
}

.drilldown .is-drilldown-submenu-parent > a::after,
.drilldown.align-left .is-drilldown-submenu-parent > a::after
{
    border-color: transparent transparent transparent #fff;
}

.drilldown .js-drilldown-back > a::before,
.drilldown.align-right .is-drilldown-submenu-parent > a::after
{
  border-color: transparent #FFF transparent transparent;
}
.dropdown.menu.vertical > li.opens-right > a::after {
  border-color: #FFF transparent transparent;
}
.dropdown.menu > li.is-active > a {
  color: #BBB;
}

.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button),
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown,
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button),
.title-bar .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
	background: #fff;
	color:  #507f70;
}
.top-bar.expanded .toggle-topbar a {
	color: #fff;
	}
	
.top-bar.expanded .toggle-topbar a span::after {
	box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
	}
	
button, .button {
	background: #507f70;	
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #507f70;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  border-color: #507f70;
}

/* Off Canvas updates */
.tab-bar {
  background: #FFF;
  color: #507f70;
	font-family: 'Lora', serif;
	margin-top: 2rem;
	 }
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
    color: #507f70;
    font-weight: bold;
    line-height: 2.8125rem;
    margin: 0; }
.tab-bar .menu-icon {
  color: #507f70;
	width: 12rem;
}
.tab-bar .menu-icon span::after {
    box-shadow: 0 0 0 1px #507f70, 0 7px 0 1px #507f70, 0 14px 0 1px #507f70; }
  .tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }


.right-small {
  width: 10.8125rem;
  border-left: solid 1px #507f70;}

.right-off-canvas-menu {
	background: #FFF;
	max-width: 340px;
	border-left: 1px solid #507f70;
}

.move-right .exit-off-canvas, .move-left .exit-off-canvas {
	box-shadow: none;
}


.accordion {
  background: #fff;
  list-style-type: none; }
  .accordion[disabled] .accordion-title {
    cursor: not-allowed; }

.accordion-item:first-child > :first-child {
  border-radius: 3px 3px 0 0; }

.accordion-item:last-child > :last-child {
  border-radius: 0 0 3px 3px; }

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 0;
  border-bottom: 1px solid #507f70;
  font-size: 1rem;
  line-height: 1;
  color: #2ba6cb; }
.accordion-title {
  color: #507f70;
  font-weight: normal;
}
  :last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #507f70;
    border-radius: 0 0 3px 3px; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #507f70;
color: #fff;}
  .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+'; }
.is-active > .accordion-title a {
  color:fff;
}
  .is-active > .accordion-title::before {
    content: '\2013'; }

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #507f70;
  border-top: 0;
  background-color: #fff;
  color: #0a0a0a; }
  :last-child > .accordion-content:last-child {
    border-bottom: 1px solid #507f70; }
				
.card, .card .card-divider {  
  text-align: center !important;
}	
div.card-divider{  
  color: #507f70 !important;
  background: rgba(255,255,255,0.9);
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: normal;
}
a div.card-divider:hover {
	color: #50748a !important;
}

div.card img {
  opacity: 0.0;
  filter: alpha(opacity=00); /* For IE8 and earlier */
}

div.card img:hover {
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* Custom Sections */

#FeaturedNews {  
	background: #507f70;
  color: white;
	font-family: 'Lora', serif;
	font-size: 1rem;
  font-weight: normal;  
  padding: 0.5rem;
  text-align: center;
}
#FeaturedNews a{
  color: white;
}
#LogoArea {
	font-family: 'Lora', serif;
	color: #50748a;
}

#Logo {
	padding: .5rem .9rem;
}

#Main {
	width: 100%;
  max-width: 1280px;
	background: #fff;	
	/*min-height: 100vh;*/
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.4);
}

#PreContent {
	
}

#layerslider {
}

.ls-slide .ls-l, .ls-l2 {
	color: white;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
p.ls-l {  
  font-size: 1.75rem;
  display: block;
  padding-left:1rem;
}
p.ls-l2 {  
  font-size: 1.25rem;
  display: block;
  font-style: italic;
  padding-left:1rem;
}
.ls-slide a{
  color: white;
  text-decoration: underline;
}

#HomeInfo {
	padding: 1.5rem;
}

#HomeInfo p{
	line-height: 1.4rem;
}

#PageTitle {
	text-align: center;
	margin: 1rem auto 4rem auto;
}

#PageTitle h1 {
	margin-bottom: .75rem;
}

#PageTitle h2 {
	font-style: italic;
}


#PageContent {
	padding: 3rem;
	clear: both;
}


#TopLinks {
	padding: 0px;
	text-align: right;
	display: inline;
	float: right;
	margin-right:40px;
}

#TopLinks p {
	margin-bottom: 0.5rem;
	line-height: 1rem;
}

#Footer h2 {	
	margin-bottom: 0.5rem;
}

#Footer a {	
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #aecbc7;
}

#Footer p {
	font-size: .875rem;
	line-height: 1.125rem;
	color: #fff;
}

#Footer1, #Footer3 {
	background: #507f70;
	text-align: center;
	padding: .75rem;
}

#Footer2 {
	background: #aecbc7;
}

#Footer3 p, #Footer h1, #Footer h2, #Footer h3, #Footer h4, #Footer h5, #Footer h6, #Footer1 h2 {
	/*color: #aecbc7;*/
	color: #fff;
}

#Footer2 p, #Footer2 h4 {
	color: #507f70;
	margin: .9rem 0;
}

#Footer2 ul#Social {
	padding-top: 10px;
}

#Footer2 ul#Social a, #Footer2 a {
	color: #507f70;
}

#Footer2 .button {
	color: #fff;
}

#Footer2  #BlogFeed{
	font-size: 0.9rem;
	padding-top: .25rem;
}

#Footer2  #BlogFeed p{
	font-size: 0.9rem;
	padding: .1rem 0;
	margin: 0;
}

#Footer2 #BlogFeed img.thm_footer {
	max-width: 100px;
	margin-right: .8rem;
	margin-bottom: 1rem;
}

#Footer3 {
	padding: .5rem;
}

.headshotlinks span {
  display: inline-block;
  position: relative;
  margin-top: 55%;
  margin-bottom: 0;
}


.news-image-gallery-container {
  background-color: #fefefe;
  padding: 2rem 1.5rem 1rem;
  border-bottom: 1px solid #ccc;
}

.news-image-gallery-container .rounded-social-buttons {
  text-align: left;
}

.news-image-gallery-container .rounded-social-buttons .social-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  border: 0.125rem solid transparent;
  padding: 0;
  text-decoration: none;
  text-align: center;
  color: #fefefe;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.8em;
  border-radius: 1.6875rem;
  transition: 0.5s ease all;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}



.news-image-gallery-container .news-image-gallery-title {
  margin-top: .5rem;
}

.news-image-gallery-container .read-more {
  color: #8a8a8a;
}

.news-image-gallery-container a.white,.news-image-gallery-container a.white h4,.news-image-gallery-container a.white:hover {
  color:white;
  font-weight: normal;
}

.news-image-gallery-container .cursive {
  font-family: 'WindSong', cursive;
  font-size: 3.5rem;
}

.news-image-gallery-container .quote {
  font-style: italic;
}

.news-image-gallery-container div.zonequote {
  max-height: 330px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 1rem auto;
}

.headshotlinks a {
  display: block;
  font-weight: normal;
  min-height: 160px;
  max-width: 200px;
  vertical-align: middle;
  border: 1px solid #999;
}

.headshotlinks .button.hollow {
    border: 1px solid #fff;
    color: #fff;
  background-color:rgba(0,0,0,.7);
}

.headshotlinks .button.hollow:hover {
    border: 1px solid #ccc;
    color: #fff; 
  background-color:rgba(0,0,0,1);
}



.homepagelinks span {
  display: inline-block;
  position: relative;
  margin-top: 55%;
  margin-bottom: 0;
}

.homepagelinks a {
  display: block;
  font-weight: normal;
  min-height: 240px;
  max-width: 300px;
  vertical-align: middle;
  border: 1px solid #999;
}

.homepagelinks .button.hollow {
    border: 1px solid #fff;
    color: #fff;
  background-color:rgba(0,0,0,.7);
}

.homepagelinks .button.hollow:hover {
    border: 1px solid #ccc;
    color: #fff; 
  background-color:rgba(0,0,0,1);
}

.featurezone h2 {
	text-align:center;
}

/* related to masonry effect on portfolio 
.grid-sizer { width: 33.2%; }*/
/* not quite 33.3% */
.item { 
	padding: .1rem;width: 33.2%; display:inline-block;}
#am-container li.item  { 
	padding: .1rem;width: 33.2%;}
#iso-container .item { 
	padding: 0;width: 33.2%;}
#iso-container ul { 
	padding: 0;margin:0;display:block;}
#iso-container li, #am-container li { 
	padding: 0;margin:0;}

.price-zone {
	margin-bottom: 1rem;
  /*background:#F5F5F5;*/
}

.price-title {
	font-size: 1.2rem;
	font-weight: bold;
}

.price-number {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: right;
}

.price-description {
	font-size: 1rem;
	font-style: italic;
  background: #FFF;
}
.price-separator {
	border-bottom: 1px dashed #999;
}
.item div {
	margin:0;
	border: 1px solid black;
	border-top: none;
	padding: .5rem;
}

.item p, .featureitem p {
	font-size: .8rem;
	line-height: 1rem;
	margin: .1rem auto;
}
	
/* images cover up the gap */
.item img { width: 100.5%; }

.clearing-container .visible-img { height: 100% !important;margin-bottom: 20px; }
.clearing-container .carousel { display: none !important;}

.clearing-caption {
	background: rgba(0,0,0,0.66);
  position: absolute;}

@media only screen and (min-width: 40.001em) and (max-width: 64em) {

#Footer2 .wp-text {
	/*font-size: 1.125rem;*/
}

nav.top-bar {
text-align:left;
}
section.top-bar-section {
display: block;
}

.img_page {
	display: inline-block;
	float: none !important;
	width: 100%;
}

.img_page p {
	margin: 0rem 1rem .8rem 1rem;
	max-width: 97%;
}

.img_page img.img_side{
	width: 97%;
	max-width: 60em;
}
.item, #iso-container .item, #am-container .item, #am-container li.item { width: 49.99%;}

  .grid-sizer, .grid-item {
    width: 100%;    
    max-height: 600px;
  }

}

@media only screen and (max-width: 40em) {
.frame {
	padding: .25rem;
	margin: .25rem;
}

#TopLinks {
	float: left;
}

#PageContent {
	padding: 1rem;
}

/*img {
	max-width: 98%;
}*/

#Footer2 .wp-text {
	font-size: 1.125rem;
}

.item, #iso-container .item, #am-container .item,#am-container li.item { width: 99.99%;}
nav.top-bar {
text-align:left;
}
section.top-bar-section {
display: block;
}

.img_page p {
	margin: 0rem 1rem .8rem 1rem;
	max-width: 97%;
}

.img_page img.img_side {
	width: 100%;
}

}