/*
Theme Name: Starter Theme
Author: RealTech Services
Author URI: https://www.rtservices.net
Description: Theme for starting!
Version: 1.2
*/
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/merriweather-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Regular'), local('Merriweather-Regular'),
       url('fonts/merriweather-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/merriweather-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/merriweather-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/merriweather-v19-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}
/* merriweather-700 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/merriweather-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Bold'), local('Merriweather-Bold'),
       url('fonts/merriweather-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/merriweather-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/merriweather-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/merriweather-v19-latin-700.svg#Merriweather') format('svg'); /* Legacy iOS */
}
/* merriweather-900 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/merriweather-v19-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Black'), local('Merriweather-Black'),
       url('fonts/merriweather-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-v19-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/merriweather-v19-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/merriweather-v19-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/merriweather-v19-latin-900.svg#Merriweather') format('svg'); /* Legacy iOS */
     }
/* merriweather-sans-regular - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/merriweather-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Sans'), local('MerriweatherSans-Regular'),
       url('fonts/merriweather-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/merriweather-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/merriweather-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/merriweather-sans-v9-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/merriweather-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Sans Italic'), local('MerriweatherSans-Italic'),
       url('fonts/merriweather-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/merriweather-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/merriweather-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/merriweather-sans-v9-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-700 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/merriweather-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Sans Bold'), local('MerriweatherSans-Bold'),
       url('fonts/merriweather-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/merriweather-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/merriweather-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/merriweather-sans-v9-latin-700.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-800 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/merriweather-sans-v9-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Sans ExtraBold'), local('MerriweatherSans-ExtraBold'),
       url('fonts/merriweather-sans-v9-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-sans-v9-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/merriweather-sans-v9-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/merriweather-sans-v9-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/merriweather-sans-v9-latin-800.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}


body {
    background: #36454f;
	margin:0;
	overflow-x:hidden;
}
.site-wrap {
    background: #FFF;
}
img {
    max-width: 100%;
    height: auto;
}
iframe {
    max-width: 100%;
}
html {
    font-size: 100%;
    font-family: Merriweather Sans, sans-serif;
}

p {font-size: 1.3em;}

ol li {
  font-size: 1.3em;
  padding: 20px;
}

h1 {
    text-align: center;
    font-family: Merriweather, sans-serif;
}
h2 {
    text-align: center;
    font-family: Merriweather, sans-serif;
    font-size: 2em;
}

/*ACF Banner*/

.top-notification-bar {
  display: flex;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  /*add a color if primary is not an option*/
  background-color: rgb(255, 255, 0);
  padding: 0.5rem 1rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
.bottom-notification-bar {
  display: flex;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  /*add a color if primary not an option*/
  background-color: rgb(255, 255, 0);
  padding: 1rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.inside-notification {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 0% !important;
  flex: 1 1 0% !important;
}

.inside-notification p {
  margin: 0;
  padding: 10px;
  color: #000 !important;
  text-align: center;
}

.close-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cursor-pointer {
  cursor: pointer !important;
}
svg {
  display: block;
  vertical-align: middle;
  color: #000;
}

/*End ACF Banner*/



.flex-item {font-family: 'Merriweather Sans';}


.flex-item .flex-column a:hover{
  text-decoration: underline;
  color: red;
}

.gfield_required {
  display: none;
}

.welcome {background-color: #7A8A89; height: auto; margin-top: -2%;}
#welcome {padding-top: 40px; color: white;}
#treasure {color: white; padding-bottom: 40px;}
.menu {font-family: Open Sans, sans-serif;}
.footerleft {float:left;}
.footerright {float:right;}
.footerleft, .footerright {padding:.325em 0;}
.logo {padding-top:10px;
        float: left;
        width: auto;
    }
.logo-smaller {display:none; transition:.2s all;}
.sidebar {
        float: right;
        margin-left: 1%;
        max-width: 28%;
        width: 28%;
        padding: 0.625em;
        border-left: 1px solid #f0f0f3;
    }
	/*if parallax*/
	.parallax-home {min-height:500px; z-index:1;}
	
	
/* some blog stuff */
.widget {position: relative;
    margin-bottom:20px;
    background: #f4f4f4;
    border-width: 0px;
    padding: 5px 30px 30px;}
.content-left {float:left; width:67%; max-width:67%; padding-right:20px;}
.
.featuredimage {
    width: 350px;
    height: 200px;
    overflow: hidden;
} 
.post-prev-img {
    float: left;
    padding: 0 0.95em 0.625em 0;
}
.article-container {
    background-color: #FAFAFA;
    border: 1px solid #f4f4f4;
    padding: 10px;
    line-height: 1.5;
}
/*end blog*/

#pondtext {
    position: absolute;
    margin-top: 5%;
    max-width: 1000px;
    background: rgba(137,138,137,.8);
    margin-left: 10%;
        padding-left: 20px;
    padding-right: 20px;
    font-size: .9em;
    top: 0;
}

.locationflex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.flexgraph {
  flex: 1;
}

.flexmap {
  flex: 1;
}

#locationgraph {width: 500px;}


/*new mobile menu*/
ul.clearfix.hide-nav {display:inline-block;}
.menu-primary-container {display:inline-block;}	
.content-wrap {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}
.menu-primary-container li:last-child .sub-menu {right:0;} 
.c-menu {
  position: fixed;
  z-index: 200;
  background-color: #5d8f8d;
  transition: transform 0.3s;
}
.c-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Close button.
 */
.c-menu__close {
  color: #fff;
  background-color: #355150;
  font-size: 14px;
  border: none;
  box-shadow: none;
  border-radius: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

/**
 * Close button resets.
 */
.c-menu__close:focus {
  outline: none;
}

/**
 * Body states.
 *
 * When a menu is active, we want to hide the overflows on the body to prevent
 * awkward document scrolling.
 */
body.has-active-menu {
  overflow: hidden;
}


/* home shortcuts */


.home-cuts-wrap-wrap { margin:20px auto; max-width:1400px; }
.home-cuts-wrap-wrap .flex-item {position: relative; background: #36454f; }


.quarter h3, .half h3 {    
	
	padding:20px;
	color: #fff;
    position: absolute;
    top: 4%;
    left: 4%;
    font-size: 1.5em;
    text-shadow: 1px 1px 1px #000;

	}
	
.quarter h3 span, .half h3 span { font-weight:lighter; font-size:1em;}	



.quarter img, .half img {
	
    min-height: 340px;
    min-width: 300px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.shortcuts-wrapper .quarter-wrap, .shortcuts-wrapper .half-wrap, .quarter, .half {overflow:hidden; }

.quarter img, .half img, .quarter img, .half img{ cursor:pointer;filter:brightness(80%); -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
	
.quarter img:hover, .half img:hover, .quarter:hover img, .half:hover img{ cursor:pointer;filter:brightness(110%); -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }

.move-over1 img {transform: translateX(-200px);}
.move-over2 img {transform: translateX(-290px);}	

.home-three-wrap .flex-item {display:block; }
.green-full {background:#cedaaa; padding:10px 0; }



/**
 * Mask component
 */

.content-mask {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}

.content-mask.is-active {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: opacity 0.3s;
}

/*actual menu stuff*/

.c-menu--push-left {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.content-wrap.is-active   {  width: 100%;
    height: 100%;
    opacity: .7;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
.content-wrap.has-push-left {
    -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
            transform: translateX(300px);
}

.c-menu--push-left .c-menu__close {
  display: block;
  padding: 12px 24px;
  width: 100%;
}

.c-menu--push-left.is-active {
  transform: translateX(0);
    -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
  
}

.c-menu--push-left {
  top: 0;
  left: 0;
  transform: translateX(-100%);
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
}
@media (min-width: 320px) {
	
  .c-menu--push-left {
    transform: translateX(-300px);
	width:300px;
  }
}


.navclass li {
    list-style-type: none;
    line-height: 30pt;
}

.navclass li ul {
    display: none;
    position: absolute;
    top: 100%;
}
.navclass li ul {
    position: static;
    padding: 1.25em;
    /* 20 */
    
    padding-top: 0;
}
/*end menu*/
/*video full screen styling*/
.video-section .buttonBar{display:none;}
.player {font-size: 1px;}
.pattern-overlay {
    padding: 110px 0 32px;
    height: 700px;
    overflow: hidden;
}
@media (max-width: 1350px) and (min-width: 1150px) {
   .pattern-overlay {
        height: 600px;
        overflow: hidden;
    } 
}
@media (max-width: 1150px) and (min-width: 768px) {
    .pattern-overlay {
       height: 500px;
       overflow: hidden;
    }
    .headerimage {
        overflow: hidden;
    }
    .mbYTP_wrapper {
        width: 900px!important;
    }
}
@media (max-width: 767px) and (min-width: 0px) {
    .pattern-overlay {
       height: 400px;
       overflow: hidden;
    }
    .headerimage {
        overflow: hidden;
    }
    .mbYTP_wrapper {
        width: 900px!important;
    }
}
/*end video*/
.clear {
    clear: both;
}
.no-mar {margin-right:0px;}
.headerright {
    display: block;
	float:right; 
    text-decoration: none;
    text-align: center;
    padding: 0 .625em;
    line-height: 2em;
    color: #fff;
    letter-spacing: .01em;
    font-size: 13pt;
	margin-top:5px;
	
}
.headerright img {filter: invert(100%); }
.contained {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    padding: .3125em .6125em;
}
/*shrink header*/

/*CHANGE HEIGHT of header-main-wrapper class below. Assign min-height based on header height so the content pushes down; you may need to remove this on home page or set as 0px for homepage if you use a photo or slideshow and set it as relative -- this is mostly for the secondary pages if they don't have anything there that's relatively positioned */

.header-main-wrapper {
    position: relative;
    min-height: 100px; /*adjust based on actual header height.*/
}

header {
    width: 100%;
	background-color: rgba(54, 69, 79, .8);
   
    overflow: visible;
    position: fixed;
    top: 0;
    z-index: 100;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	height: 110px /*important so the height transition is smooth to smaller header */
}

header.smaller {
    height: 75px;
    padding-top: 0px;
     background-color: #36454f;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
}
header.smaller img {
    /*max-width: 110px;*/
    /*change based on image size*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header.smaller .logo {display:none;    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	}
header.smaller .logo-smaller {    
		display:block;
        float: left;
        width: auto;
	margin-top: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
header.smaller .nav {
    margin-top: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 300;
	
}

.homeimg {
    background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
 }

.nav {
	    margin-top: 30px;
		-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
transition: all 0.3s;}

/*end header*/

.header-wrap {
    width: 100%;
}
.logo img, .logo.smaller img {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    vertical-align: middle;
}

.content {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.content-full {
    color: #333;
}
.footer-wrap {
    width: 100%;
    background: #36454f;
    color: #FFF;
	padding: 15px 0 5px;
}
.footer-wrap a {
    color: #FFF;
}
.footerright,
.footerleft {
    font-size: .75em;
}
.sidebar {
    padding: .625em;
}
.sidebar h2 {
    font-size: 1.1em;
    margin: .83em 0 .3125em 0;
}
.sidebar ul {
    list-style-type: none;
    margin: 0.3125em 0 0.625em 0.625em;
    padding-left: 0;
}
.sidebar li li {
    list-style-type: none;
    margin-left: .95em;
    padding-left: 0;
}
.ft-top {
    background: #CCC;
    width: 100%;
    padding: 1px 0;
    margin: 0;
}
.threecol h4 {
    margin: 0 0 5px 0;
    color: #333;
}
.threecol h4 a {
    color: #6d4b70;
    text-decoration: none;
}
.threecol h4 a:hover {
    text-decoration: underline;
}



/*flexbox designed for 4 footer columns, but can also be used for infinite # of columns/rows*/

.flex-wrapper {
    margin-bottom: 1em;
    line-height: 1.5;
}
.flex-fill {

  flex-direction: row;
  flex-wrap: wrap;
}
/*whenever you need something to take over the whole width of the row/column,
aka "fill" the current column it's in, so that you can nest multiple columns underneath it in the same column, don't
close it out until the end of the whole column if there are vertical columns underneath*/
/*flex columns are the two vertical columns with nav links*/


.flex-column {
    flex-direction: column!important;
    display: flex;
    flex-basis: 100%;
    flex: 1;
}
/*flex-direction:column is for items that should be displayed vertically, not in a horizontal row, like two vertical columns of links side by side*/
/*flex:auto makes it so the space between the columns is removed, assuming there is space*/


.flex-item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
	flex-direction: row;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    flex: 1;
    padding: 20px;
    width: 150px;
    /*this means each column will take up equal space*/
    /*flex: auto;*/
    /*uncomment if you want the columns to be auto-sized based on natural width*/
    /*flex-wrap:wrap;*/
    /*uncomment if you want the auto-sized columns to also wrap based on width, which can make them more responsive*/
    
   
}

/* home shortcuts & structure */

.quarter {flex-basis: 24%; margin:5px; max-height:300px; position:relative; }
.third {flex-basis: 32%; margin:5px; position:relative; }
.half {flex-basis: 49%;  margin:5px; max-height:300px; position:relative; }
/* end home shortcuts & structure */

.flex-item img {align-self: center; }

.flex-item:last-child {
    margin-right: 0px;
}
.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
	flex-direction: row;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    /*pushes to the top, like vertical-align:top -- can center if preferable*/
    
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /*alt option is "space-around"*/
    
    flex-wrap: wrap;
    /*makes items auto-wrap which sort of works as auto-responsiveness, but can be turned off it it makes things funky*/
    
    flex: 1;
    /*shorthand for flex-grow which means each row/column is of the same width -- can also be auto*/
}
.locationflex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flexgraph {
  flex: 1;
  font-size: 1.4em;
}

.flexmap {
  flex: 1;
}

#locationgraph {width: 500px;}
/*if using images next to address/phone number, see below. could probably use flex, but
inline-block is easier :D */

.icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px; 
    max-width: 10%;
}
/*max-width keeps the address from wrapping under the icon*/

.info-block {
    display: inline-block;
    vertical-align: top;
    max-width: 83%;
}
/*the end of icon images*/

figure.snip0016 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 10px;
  width: 100%;
  background: #000000;
  text-align: left;
}
figure.snip0016 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0016 img {
  max-width: 100%;
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0016 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px 3em;
  width: 100%;
  height: 100%;
}
figure.snip0016 figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 100%;
  border-left: 4px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016 h2,
figure.snip0016 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.snip0016 h2 {
  word-spacing: 0.55em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(30%, 0%, 0);
  transform: translate3d(30%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.snip0016 h2 span {
  font-weight: 800;
}
figure.snip0016 p {
  font-weight: 200;
  -webkit-transform: translate3d(0%, 30%, 0);
  transform: translate3d(0%, 30%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0016 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.snip0016:hover img {
  opacity: 0.3;
}
figure.snip0016:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
figure.snip0016:hover figcaption p {
  opacity: 0.9;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  left: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

hr {
    height: 1px;
    background: #f0f0f3;
    border: none;
}
/* links */

a {
    color: #333;
    text-decoration: none;
    transition: .3s all;
}
a:hover {
    text-decoration: none;
    color: #000;
}
.content a {
    color: red;
    text-decoration: none;
    transition: .3s all;
}
.content a:hover {
    color: #333;
}

.fronta a {
  color: white !important;
}

.fronta a:hover {
  color: red !important;
  text-decoration: underline !important;
}

.sidebar a {
    color: #222;
}
.sidebar a:hover {
    color: #333;
}
.content a.readmore {
    text-decoration: underline;
}
.content a.readmore:hover {
    text-decoration: none;
}
input[type=submit] {
    background: #333;
    color: #FFF;
    padding: .1875em .4375em;
    margin: 0.625em 0;
    border: 0;
    border-radius: .25em;
    transition: .3s all;
}
input[type=submit]:hover {
    background: #000;
    color: #FFF;
}
div.entry {
    position: relative;
}
.post-prev-img {
    float: left;
    padding: 0 0.95em 0.625em 0;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft {
    margin: 0 0.625em 0.625em 0;
}
img.alignright {
    margin: 0 0 0.625em 0.625em;
}
img.aligncenter {
    margin: 0 auto 0.625em;
}
.wp-caption {
    margin-bottom: 24px;
	max-width:100%;
    color: #767676;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}
.wp-caption-text {
    font-size: 0.75em;
    font-style: italic;
    line-height: 1.5em;
    margin: 0.55em 0;
    padding-right: 0.625em;
}
.wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

img.wp-post-image {
    border: 1px solid #f0f0f3;
    padding: 2px;
}



/*menu for above 1024px*/
@media (min-width: 1024px) {
	
   .navclass ul {
        -webkit-padding-start: 0px;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
		margin:0;
    }
    .navclass li {
        position: relative;
    }
    .navclass li a {
        display: block;

    }

    .navclass ul.sub-menu {padding:10px 0px!important; background-color:rgba(9,42,68,.7); box-shadow:0px 4px 10px rgba(0,0,0,.3); }
	/*this adds the arrow that points down in the main navigation if there's a submenu -- you may need to add again under mobile sizing and change the color*/
    .navclass .menu-item-has-children > a:after {
        width: 0;
        height: 0;
        border: 0.313em solid transparent;
        border-bottom: none;
        border-top-color: #ccc; /*change depending on arrow color needed*/
        content: '';
        vertical-align: middle;
        display: inline-block;
        position: relative;
        right: -0.313em;
    }

    .nav {
        clear: right;
		float:right;
    }
    .nav ul.menu > a {
        display: none;
    }
    .nav ul.menu {
        width: auto;
        margin: 0 auto;
        position: relative;
        z-index: 1;
        padding: 0;
        text-align: center;
    }
    .nav ul.menu li {
        list-style-type: none;
        position: relative;
        display: inline-block;
    }
    .nav ul.menu li a {
        display: block;
        text-decoration: none;
        text-align: center;
        padding: 0 .825em;
        line-height: 22pt;
        color: #fff;
        letter-spacing: .01em;
        font-size: 13pt;
        font-family: Merriweather Sans, sans-serif;
    }
    .nav ul.menu li > a {
        position: relative;
		margin-bottom:16px;
    }
	 .nav ul.menu li ul li > a {
        position: relative;
		margin-bottom:0px;
    }
    .nav ul.menu li ul li > a:hover:before {
        visibility: hidden;
    }
    .nav ul.menu li > a:hover:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    /* second level */
    
    .nav ul.menu li ul {
        display: none;
        position: absolute;
        top: 100%;
        padding: 0;
        margin: 0;
    }
	
    .nav ul.menu li:hover > ul.sub-menu {
        display: block;
    }
	
    .nav ul.menu li ul li {
        white-space: nowrap;
        display: block;
    }
    .nav ul.menu li ul li a {
        text-align: left;
        padding: 0 1.2em;
       /* background: rgba(0, 0, 0, .5);*/
       /*background color for dropdown links*/
        width: 230px;
		text-transform:none;
        line-height: 22pt;
		letter-spacing:.5px;
		font-size:11pt;
        color: #fff;
    }
    .nav ul.menu li ul li a:hover {
        background: rgba(9,42,68,.8);
        /*background hover color*/
    }
	
    /*more levels*/
    
    .nav ul.menu li ul li {
        white-space: nowrap;
        display: block;
    }
	/*this is the arrow/triangle that points to the right for submenu items with another submenu - you may need to change the color, and also the margin to adjust where it lands. If you want it next to the menu item, change float:right to display:inline-block and remove the margin-top */
    .nav ul.menu li ul li.menu-item-has-children > a:after {
 border: solid white;
    border-width: 0 2px 2px 0;
    float:right;
	margin-top:10px; /*may need to change*/
    padding: 3px;
	    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    }

    .nav ul.menu ul ul {
        top: 0;
        left: 100%;
        display: block;
    }
    .nav ul.menu li:hover ul ul {
        display: none;
    }
    .nav ul.menu ul li:hover ul {
        display: block;
    }
}
/* under 60em */
@media (max-width: 60em) {
.shortcuts-wrapper a {height:auto; width:100%; }
.shortcuts-wrapper, .home-three-wrap {max-width:700px; margin: 0 auto; }
.shortcuts-wrapper .flex-item {
        flex: 2 0 45%!important;
        margin: 5px;
    }

.home-three-wrap {
    flex: 2 0 45%!important;
    padding: 0 5px;
}
	
.quarter, .half, .quarter img, .half img {min-height: 300px; }	
.ft-top .flex-item {text-align:center!important; margin:0 auto;}
#gform_wrapper_2 {    margin: 0 auto!important;}
#gform_wrapper_2 li.gfield {width:100%; }


}

/* cell phones/small tablets (1023px) */

@media (max-width: 1023px) {
	
  #slider2.flexslider1 {  margin-top:-140px!important; }

  .welcome {
    margin-top: 0%;
    font-size: .6em;
  }

  .pondfront {margin-bottom: -45%;}

  #pondtext {
    margin-top: unset !important;
    margin-left: unset !important;
    top: unset !important;
    position: relative !important;
  }
  .fpage {
    margin-bottom: 1300px;
}
@media (max-width: 625px) {
    .fpage {margin-bottom: 180px !important;}

}

	/*menu mobile*/
ul.clearfix.hide-nav {display:none;} 
		header.smaller .navclass .menu-item-has-children > a:after {
        border-top-color: #fff !important; 
    }  
	.navclass li {font-size:14pt;}
	.navclass li a {color:#FFF;}
	
	#nav-acc > ul > li.has-sub.active > a:after {
        content: '';
        vertical-align: middle;
        position: relative;
        right: -0.513em;
		bottom: 0em;
	border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
		transition:.2s all;
	}
#nav-acc > ul > li > ul > li.has-sub.active > a:after {
        content: '';
        vertical-align: middle;
        position: relative;
        right: -0.513em;
		bottom: 0em;
	border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
		transition:.2s all;
	}
	.navclass .menu-item-has-children > a:after {
        content: '';
        vertical-align: middle;
        position: relative;
        right: -0.513em;
		bottom: .1em;
		    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
	 transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }
	/*end menu*/
	/*add this section for nav sub-menu down arrow if your nav colors change so you can change the arrow color*/
	
	    #nav .menu-item-has-children > a:after {
        width: 0;
        height: 0;
        border: 0.313em solid transparent;
        border-bottom: none;
        border-top-color: #fff; 
        content: '';
        vertical-align: middle;
        display: inline-block;
        position: relative;
        right: -0.313em;
    }
    /*toggle applies to the hamburger menu button*/
    .toggle-spot {position: absolute; width:30px; height:30px; right:20px; top:50px;} /*where do you want hamburger to show up? */
    #toggle {
        display: block;
        width: 60px;
        height: 50px;
        margin: 0;
        position: absolute;
        top: -10px;
        right: 0px;
		cursor:pointer;
    }
    #toggle span:after,
    #toggle span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -9px;
    }
    #toggle span:after {
        top: 9px;
    }
    #toggle span {
        position: relative;
        display: block;
    }
    #toggle span,
    #toggle span:after,
    #toggle span:before {
        width: 100%; 
        height: 4px;
        background-color: #888;
        transition: all 0.3s;
        backface-visibility: hidden;
        border-radius: 20px;
    }
    /*header sizes on mobile*/
    
    header.smaller .logo-smaller {
        display: inline-block;
        text-align: left;
        padding-left: 10px;
        width: auto;
    }
    header.smaller .headerright {
        display: none;
    }
   
    /*IMPORTANT: Change the header wrapper height on mobile below so that the
content starts at the appropriate place & not under the header */
    
    .header-main-wrapper {
        min-height: 139px;
    }
    .nav ul.menu li a {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        font-weight: 400;
        font-size: 11pt;
        margin-right: 8%;
    }
    .nav ul.menu li a:hover {
        color: #ccc;
        text-decoration: none;
    }
    .menu {
        -webkit-padding-start: 0;
        margin-left: 25px;
        margin-right: 25px;
    }
	.navclass {
        position: absolute;
        top: 19%;
        right: 0;
        -webkit-padding-start: 0px;
        z-index: 500;
        width: 100%;
    }
    .navclass li {
        list-style-type: none;
        line-height: 30pt;
    }
    .navclass > ul {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 60px;
        -webkit-margin-before: 0px;
        -webkit-padding-start: 0px;
    }
    .navclass li ul {
        display: none;
        position: absolute;
        top: 100%;
    }

    .navclass li ul {
        position: static;
        padding: 1.25em;
        /* 20 */
        
        padding-top: 0;
    }

    figure.snip0016 img {
  opacity: 0.3;
}
figure.snip0016 figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  font-size: 1.5em;
}
figure.snip0016 figcaption p {
  opacity: 0.9;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016 figcaption::before {
  background: rgba(255, 255, 255, 0);
  left: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
}

@media (max-width: 60em) {
    .flex-item {
        flex: 2 0 45%;
        margin-right:0px;
    }
    .flex-column {
        padding: 0 10px;
    }
  


}

/*flexbox break for smaller screens*/

@media (min-width: 40em) and (max-width: 60em) {
    .flex-item {
        flex: 2 0 45%;
        margin-right:0px;
    }
    .flex-column {
        padding: 0 10px;
    }
	


}

@media (hover:none), (hover:on-demand) {
    figure.snip0016:hover figcaption h2{
        background: none;
    }
}

/*menu for below 40em/640px*/
@media (max-width: 40.01em) {
	
		.header,
    .footer {
        padding: 0 0.31em;
    }
	.logo,
    .headerright {
        float: none;
        text-align: center;
        width: 100%;
    }

    .locationflex {
  display: flex;
  flex-direction: column;

}


	.footerleft, .footerright {float:none; text-align:center;}
    /*flexbox stuff*/
    .content-left, .sidebar {float:none; width:100%; max-width:100%; padding:0px; border:0px;}

    .flex-item {
        flex: 0 0 100%;
        flex-wrap: wrap;
        margin: 5px auto;
        text-align: center;
        align-items:
    }
    .flex-column {
        flex: 0 0 50% !important;
        align-items: center !important;
    }
    /*if you prefer the nav links to take up 100% width and not be in two columns for mobile, delete this and do
flex-column {	margin:0 auto !important; } */
    /*end flex*/
	
}

/*flexbox break for smaller screens*/

@media (max-width: 480px) {
.post-prev-img {float:none; width:100%; }
img.wp-post-image {width:100%; }
}
/* @media (max-width: 625px) {
    .content-full-contained .fpage {margin-bottom: 180px !important;}

} */