/*
Theme Name: Deep Creek Landing 2019
Author: Jason Pascale / Nebula Media LLC
Author URI: https://nebulamediarva.com
Description: Deep Creek Landing Custom WordPress Theme

*/

/* colors used 

charcoal:#484848;
yellow-gold: #f8c16f;
dark-blue = #03425a;
med-blue = #006389;
light-blue = #0d9ec4;
footer-lighter-blue: #007eae;
just-off-white: #fafafa;

*/

/* Fonts Used 

font-family: alize,sans-serif;
font-weight: 400;
font-style: normal;

font-family: franklin-gothic-urw,sans-serif;
font-weight: 400;
font-style: normal;

font-family: franklin-gothic-urw,sans-serif;
font-weight: 700;
font-style: normal;

font-family: franklin-gothic-urw-cond,sans-serif;
font-weight: 400;
font-style: normal;

font-family: franklin-gothic-urw-cond,sans-serif;
font-weight: 700;
font-style: normal;

font-family: franklin-gothic-urw-cond,sans-serif;
font-weight: 400;
font-style: italic;

font-family: 'Lato', sans-serif;

*/




/* Some WordPress Specific Resets
************************************************/

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.arrow {
    font-size: 2.5em;
}

a.arrow-link {
    text-decoration: none;
    color:#fafafa;
} 

a.arrow-link:visited,a.arrow-link:hover {
    text-decoration: none;
    color:#fafafa;
} 



/* Float Clearing
************************************************/

.archive-pagination:before,
.clearfix:before,
.entry:before,
.entry-pagination:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
	content: " ";
	display: table;
}

.archive-pagination:after,
.clearfix:after,
.entry:after,
.entry-pagination:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* FRONTEND CSS
*********************************************/

html {
	overflow-y: scroll;
	background: #fafafa;
}


body {
	background: #fafafa;
	font-family: franklin-gothic-urw,sans-serif;
	font-weight: 400;
	font-size: 14pt;
	line-height: 16pt;
	color: #373737;
    max-width: 100vw !important;
}



/* Typographical Elements
***********************************************/

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background-color: #373737;
	color: #fafafa;
}

::selection {
	background-color: #373737;
	color: #fafafa;
}

a {
	color: #007eae;
	text-decoration: underline;
}

#mid a {
	color: #007eae;
	text-decoration: none;
}

#mid a:hover {
	color: #007eae;
	text-decoration: underline;
}

.mid a {
	color: #007eae;
	text-decoration: none;
}

.mid a:hover {
	color: #007eae;
	text-decoration: underline;
}


a img {
	margin-bottom: -4px;
	margin-bottom: -0.4rem;
}

a.fbx-link img {
	margin-bottom: 0!important;
}

a:hover {
	color: #006389;
}

p {
	margin: 0 0 16px ;
	margin: 0 0 1.6rem;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: 400;
}

strong {
	font-weight: 700;
}

ol,
ul {
	list-style-type: disc;
	list-style-position: inside;
}

ul {
    padding-bottom: 25px;
}


ul.xoxo {
	list-style-type: none;
}

blockquote,
blockquote::before {
	color: #999;
}

blockquote {
  padding-left: 70px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 10px;
  margin: 5px;
  background-image: url();
  background-position: middle left;
  background-repeat: no-repeat;
  text-indent: 23px;
	font-size: 1.6em;
	font-weight: 700;
}

/* custom text formatting
***********************************************/

.underline {
	text-decoration: underline;
	text-underline-position: under;
}

.text-centered {
    text-align: center;
}

/* Headings 
***********************************************/


h1,h2,h3 {
	font-family: alize,sans-serif;
    font-weight: 400;

}

h4,h5,h6 {
	font-family: franklin-gothic-urw,sans-serif;
    font-weight: 700;

}

h1 {
	font-size: 3em;
	line-height: 1em;
	color:#006389;
	padding: 0 0 35px 0;
	margin:0;

}





h2 {
	font-size: 2.7em;
	line-height: 1em;
	padding: 25px 0;
	margin:0;
	color:#006389;

}

h2.entry-title a {
    text-decoration: none;
}





h3 {
	font-size: 2.4em;
	line-height: 1em;	
	padding: 15px 0;
    margin:0;
	color: #006389;
    font-weight: 500;
}


h4 {
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 7px 0;
	margin:8px 0;
	color: #007eae;
}



h5 {
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 7px 0;
	margin:8px 0;
	color: #007eae;
    font-weight: 500;
    
}


h6 {
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 10px 0;
	font-weight: 300;
	color: #343434;
    margin:0;
}



/* Table Formatting
***********************************************/

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.4;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	width: 100%;
}

tbody {
	
}

th,
td {
	text-align: left;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	padding: 6px 10px;
	padding: 0.6rem 1rem;
}


/* Forms, Buttons, and Input Boxes
***********************************************/

button {
	color:#fafafa;
	font-weight: 300!important;
	font-size: .9em;
	line-height: 1.3em;
	padding:4px;
	margin:4px 0;
}



input,textarea,select,button {
	color:#373737;
	font-weight: 300!important;
	font-size: .9em;
	line-height: 1.3em;
	padding:4px;
	margin:4px 0;
    border-radius: 2px;
    border:1px solid #ccc;
}

textarea {
	width:100%;
	max-width: 480px!important;
    border:1px solid #ccc;
    border-radius: 2px;
}

input,select {
    width:100%;
    max-width: 480px;
}

input[type="email"],
input[type="phone"] {
	width: 100%;
	max-width: 480px!important;

}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	background-color: #006389;
	border: 1px solid transparent;
	box-shadow: none;
	color: #fafafa;
	cursor: pointer;
	padding: 5px 15px;
	padding: .5rem 1.5rem;
	font-size: 13pt;
	width: auto;
	height: auto;
    -moz-appearance: none;
    -webkit-appearance: none;
}


button.fancybox-button {
	border: none;
	box-shadow: none;
	cursor: pointer;
	font-size: 13pt;

}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover {
	background-color: transparent;
	border: 1px solid #006389;
	color:#006389;
	
	
}


.button a {
	color:#fafafa;
	text-decoration: none;
}

.button:hover a {
	background-color: transparent;
	color: #006389;
	text-decoration: none;
	
}

a.button {
	color:#fafafa;
	text-decoration: none;
}

a.button:hover {
	background-color: transparent;
	color: #006389;
	text-decoration: none;
	
}


.button {
	display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

fieldset {
    border:none;
    background:#fafafa;
    padding: 50px 25px;
    
}

input[type="password"],input[type="email"],textarea {
    border:1px solid #ccc;
}
.clear {
	clear: both;

}

.wpcf7 {
	max-width: 800px;
}

.caption {font-size: .8em; margin-bottom: 25px;}


div.phone, div.address, div.email, div.gmap {
    padding: 5px 0 35px 0;
}

.phone a,.email a {
    text-decoration: none;
    color:#373737;
}

.phone i,.address i,.email i {
    padding-right: 10px;
}





/* Structure and Layout
******************************************/

#wrapper {
	width:100%;
	background: #fafafa;
	display: block;
	float:left;

}

/* Header
****************************************/

header#header {
	width:100%;
	position: relative;
	clear: both;
	float: left;
	display: block;
	margin: 0 auto;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;

	

	
}


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

header#header {
	width:100%;
	position: relative;
	clear: both;
	float: left;
	display: block;
	margin: 0 auto;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	background:transparent;


	
}
}



header #callbar {
	display: block;
	width:100%;
	min-height: 52px;
	position: relative;
	float:left;
	background:#006389;
	color: #fafafa;
    font-weight: 400;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

#callbar a {
	color: #fafafa;
	text-decoration: none;
}


@media screen and (max-width:783px) {
header #callbar {
	text-align: center;
	padding:0;
	}
}

@media screen and (min-width:1024px) {
    header #callbar {
        background:transparent;
    }
}

#contact {
	width:100%;
	position: relative;
	float: left;
	margin: 0;
	padding: 5px 0;
	line-height: 45px;
	text-align: center;
    font-size: 85%;
    z-index: 1000;
	
}

#contact i {
	font-size:1.5em;
	padding: 0 10px 0 0;
	line-height: 28px;
}

#contact a, #contact a:visited, #contact a:hover {
	text-decoration: none;
	color: #fafafa;
}

.callout {
    padding-left: 20px;
    font-style: italic;
}

.servicearea {
    width:100%;
    position: relative;
    top:0;
    text-transform: uppercase;
    font-style:italic;
    text-align: center;
    line-height: 45px;
    padding: 5px 0;
    z-index: 100;
}


/* Callbar Responsive Layout
*********************************************/

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

#contact {
	width:auto;
	position: relative;
	float: right;
    margin: 0 35px 0 0;
	line-height: 45px;
    font-size: 100%;

	
}
    
#contact a {
    margin-left: 20px;
}
    
.servicearea {
    width:100%;
    position: absolute;
    top:0;
    text-transform: uppercase;
    font-style:italic;
    text-align: center;
    line-height: 45px;
    padding: 5px 0;
    
}

}

/* End Callbar Responsive Layout
*********************************************/

/* Social
*************************************/

#social {
	display: inline-block;
	width:auto;
	position: relative;
	margin: 0 auto;
	padding: 5px 0;
	line-height: 45px;
	color: #fafafa;
    font-size: 1.5em;
	text-align: center;
    float: none;
}

#social a {
	color:#fafafa;
	padding: 0 7.5px;
	
}

#social a i {
    padding:3px;
}

#social a:hover i.fab.fa-facebook-f {
    color: #3b5998;

}

#social a:hover i.fab.fa-twitter {
    color: #1da1f2;
}

#social a:hover i.fab.fa-instagram {
			  color:#fafafa!important;
			  background-color:#3b5998;
			  background-image: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important;
			  border-radius: 10px!important;
			-webkit-background-clip: text;
			-moz-background-clip: text;
			background-clip: text;
			-webkit-text-fill-color: transparent; 
			-moz-text-fill-color: transparent;
			text-fill-color: transparent;
}

@media screen and (min-width:1024px) {
#social {
	display: block;
	width:auto;
	position: relative;
	float:right;
	margin: 0;
	padding: 5px 0;
	line-height: 45px;
	color: #fafafa;
	text-align: center;
}
}

/* End Social Footer 
*******************************************/


header #branding {
    width:100%;
    height: auto;
    position: relative;
    float: left;
    background:#fafafa;
    text-align: center;


}

header.scroll #branding {
    width:100%;
    height: auto;
    position: relative;
    float: left;
    background:#fafafa;
}

header #logo {
	width:100%;
    max-width:254px;
	height: auto;
	display: block;
	position: relative;
	float:none;
	clear:both;
	padding: 15px 0;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	z-index: 300;
}

header.scroll #logo {
    width:100%;
    max-width:254px;
	height: auto;
	display: block;
	position: relative;
	float:none;
	clear:both;
	padding: 15px 0;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	z-index: 300;
}

header .custom-logo-link,header .custom-logo {
	width:auto;
	height: auto;
	max-height: 150px;
	min-height: 75px;
	display: block;
	position: relative;
	margin:0 auto;
}

header.scroll.custom-logo-link,header.scroll .custom-logo {

	display: block;
	position: relative;
	margin:0 auto;

}

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

header #logo {
	width:100%;
    max-width: 254px;
    height: auto;
	display: block;
	position: absolute;
    top:0;
	float:left;
	clear:none;
	padding: 5px 0;
	margin: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

}
    
    
header.scroll #logo {
	width:auto;
    max-width: 216px;
    height: 85px;
	display: block;
	position: absolute;
    top:0;
	float:left;
	clear:none;
	padding: 5px 0;
	margin: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

header .custom-logo-link,header .custom-logo {
	width:auto;
	height: auto;
	max-height: 150px;
	min-height: 85px;
	display: block;
	position: relative;
	margin:0 auto;
}

header.scroll.custom-logo-link,header.scroll .custom-logo {
	width:auto;
	display: block;
	position: relative;
	margin:0 auto;
    max-height: 85px;
}

}

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

header #logo {
	
	display: block;
	position: absolute;
    top:0;
	float:left;
	clear:none;
	padding: 5px 0;
	margin: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
    
header.scroll #logo {
	
	display: block;
	position: absolute;
    top:0;
	float:left;
	clear:none;
	padding: 5px 0;
	margin: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

header .custom-logo-link,header .custom-logo {
	display: block;
	position: relative;
	margin:0 auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

header.scroll.custom-logo-link,header.scroll .custom-logo {

	display: block;
	position: relative;
	margin:0 auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
    
header.scroll .custom-logo {
    height: 85px;
	display: block;
	position: relative;
	margin:0 auto;
}

}

	@media screen and (min-width:1024px) {
	
header #branding {	
	width:100%;
	height: 100px;
    background:transparent;
	position: fixed;
	margin:0;
	padding:0 1%;
	z-index: 149;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    
}
        
header.scroll #branding {	
	width:100%;
	height: 100px;
	position: fixed;
	margin:0;
	padding:0 1%;
	z-index: 149;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    background:rgba(0,99,137,.95);
    -webkit-box-shadow: 1px 1px 0 rgba(221,221,221,0.25);
    -moz-box-shadow: 1px 1px 0 rgba(221,221,221,0.25);
    box-shadow: 1px 1px 0 rgba(221,221,221,0.25);
}


	}

	@media screen and (min-width:1200px) {
	
header #branding {	
	width:100%;
	height: 100px;
    background:transparent;
	position: fixed;
	margin:0;
	padding:0 2.5%;
	z-index: 149;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

header.scroll #branding {	
	width:100%;
	height: 100px;
    background:rgba(0,99,137,.95);
	position: fixed;
	margin:0;
	padding:0 2.5%;
	z-index: 149;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

	}


	@media screen and (min-width:1440px) {
	
header #branding {	
	width:100%;
	height: 100px;
    background:transparent;
	position: fixed;
	margin:0;
	padding:0 5%;
	z-index: 149;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

header.scroll #branding {	
	width:100%;
	height: 100px;
    background:rgba(0,99,137,.95);
	position: fixed;
	margin:0;
	padding:0 5%;
	z-index: 149;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

	}



/* Searchbox Formatting and Customization
*************************************************/

.topsearch {
	width:100%;
	float:left;
	text-align: center;
    margin: 0 auto;

}


@media screen and (min-width:783px) {
	
.topsearch {
	width:auto;
	float:right;
	clear:none;
    margin: 0 5% 0 0;

}
}


label.element-invisible {
	display: none;
}

form#searchform {
	outline: none;


}
form#searchform input#search[type=text] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	font-family: inherit;
	font-size: 85%;
    margin-top:20px;
}
form#searchform input#search::-webkit-search-decoration,
form#searchform input#search::-webkit-search-cancel-button {
	display: none; 
}


form#searchform input#search[type=text] {
	background: #fafafa;
	border: solid 1px #ccc;
	padding: 7px 10px;
	width: 55px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
form#searchform input#search[type=text]:hover,form#searchform input#search[type=text]:focus {
	width: 200px;
	background-color: #fafafa;
	border-color: #ee6c4d;
	-webkit-box-shadow: 0 0 5px rgba(100,167,11,.5);
	-moz-box-shadow: 0 0 5px rgba(100,167,11,.5);
	box-shadow: 0 0 5px rgba(100,167,11,.5);
}


form#searchform input#search:-moz-placeholder {
	color: #999;
}
form#searchform input#search::-webkit-input-placeholder {
	color: #999;
}

form#searchform input[type=image]  {
	vertical-align: middle;
	background: transparent;
	height: 36px;
	border:none;
	padding: 0 10px;
}


/* Top Slider Section
**********************************************/


#slider {
	width:100%;
	position: relative;
	clear:both;
	float:left;
}

@media screen and (min-width:1024px) {
	#slider {
		margin:0;}
}

@media screen and (min-width:1200px) {
	#slider {
		margin:0;}
}


/* Static header images 
*********************************************/

#headerimage {
    width:100%;
    height: 300px;
    margin-top:0;
    
    position: relative;
    clear:both;
    float: left;
    
}

#headerimage img {
    width:100%;
    height: 300px;
    object-position: center;
    object-fit: cover;
}

@media screen and (min-width:1024px) {
    
  #headerimage {
    width:100%;
    height: 500px;
    margin-top:0;
    position: relative;
    clear:both;
    float: left;
    
}  
    
#headerimage img {
    width:100%;
    height: 500px;
    object-position: top center;
    object-fit: cover;
}
}
    


/* Main Navigation
*********************************************/
header #menu {
    min-height: 40px;
	height: auto;
	width:100%;
	display: block;
	position: relative;
	background: transparent;
	float:left;
    clear:both;
	padding-right: 0;
	margin:0;
    font-family: franklin-gothic-urw-cond,sans-serif;
    font-weight: 300;
    font-style: normal;
	z-index: 1001;
}
	






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

header #menu {
	width:auto;
    min-height: 40px;
	display: block;
	position: relative;
	background: transparent;
	float:right;
    clear:none;
	padding-right: 0;
	margin:0;
    font-family: franklin-gothic-urw-cond,sans-serif;
    font-weight: 300;
    font-style: normal;
	z-index: 1001;
}
	
}

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

header #menu {
	width:auto;
	height: 40px;
	display: block;
	position: relative;
	background: transparent;
	float:right;
	padding-right:0;
	margin:0;
    font-family: franklin-gothic-urw-cond,sans-serif;
    font-weight: 300;
    font-style: normal;
	z-index: 1001;
}
	
}

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

header #menu {
	width:auto;
	height: 40px;
	display: block;
	position: relative;
	background: transparent;
	float:right;
	padding-right: 0;
	margin:0;
    font-family: franklin-gothic-urw-cond,sans-serif;
    font-weight: 300;
    font-style: normal;
	z-index: 1001;
}
	
}


/* Content Container
******************************************/


#container {
	width:100%;
	display: block;
	position: relative;
	float: left;
	background:transparent;
	z-index: 99;
    overflow-x: hidden;
    padding-bottom: 50px;
	
}

#containerhome {
	width:100%;
	display: block;
	position: relative;
	float: left;
	background:transparent;
    overflow-x: hidden;
    margin-top:-50px;
    padding-bottom: 50px;

}

@media screen and (min-width:768px) {
    #containerhome {
        margin-top:-75px;
    }
}

@media screen and (min-width:768px) {
    #containerhome {
        margin-top:-100px;
    }
}

#waves {
    display: block;
    width:100%;
    height: auto;
    background-color:transparent;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: -10px;
 
}

#waves img {
    display: block;
    width:100%;
    height: auto;
    object-fit: cover;
}

.wave {
  animation: wave 15s linear;
  animation-iteration-count:infinite;
    background: transparent;
}

#wave1 {
    fill: #03425a;

}

#wave2 {
  animation-duration:7s;
  animation-direction: reverse;
  fill: #006389;

}
#wave3 {
  animation-duration: 9s;
  fill: #0d9ec4;
}

#wave4 {
  animation-duration:11s;
  animation-direction: reverse;
    fill: #03425a;

}

#wave5 {
  animation-duration:13s;
  fill: #006389;

}
@keyframes wave {
  to {transform: translateX(-100%);}
}





/* Main Content Section 
************************************************/

#contentwrap {
	width:100%;
	position: relative;
	float:left;
	clear:both;

	
}

#content {
	display: block;
	width:100%;
	position: relative;
	text-align: left;
	float:left;
	clear:both;
	padding:15px!important;
}

#contenthome {
	display: block;
	width:100%;
	position: relative;
	text-align: center;
	float:left;
	clear:both;
	padding:15px!important;
}

#content-2col-right {
	display: block;
	width:100%;
	position: relative;
	text-align: left;
	float:left;
	clear:both;
	padding:15px;
}


/* Main Content Section Responsive min 1024px
************************************************/

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

#content {
	display: block;
	width:90%;
	position: relative;
	float:left;
	clear:both;
	padding:25px 10px;
    margin:0 5%;
}
    
#contenthome {
	display: block;
	width:90%;
	position: relative;
	float:left;
	clear:both;
	padding:25px 10px;
    text-align: center;
    margin:0 5%;
}
    
#content-portal {
	display: block;
	width:100%;
	position: relative;
	text-align: left;
	float:left;
	clear:both;
	padding:0;
    margin:0;
}

#content-2col-right {
	display: block;
	width:60%;
	position: relative;
	text-align: left;
	float:left;
	clear:left;
	padding:25px 10px;
    margin:0 0 0 5%;
}



}

/* Main Content Section Responsive min 1440px
************************************************/

@media screen and (min-width:1440px) {
	
#content {
	display: block;
	width:80%;
	position: relative;
	float:left;
	clear:both;
	padding:25px;
    margin:0 10%;
}

#contenthome {
	display: block;
	width:80%;
	position: relative;	
	float:left;
	clear:both;
	padding:25px;
    margin:0 10%;
}   
    
#content-portal {
	display: block;
	width:100%;
	position: relative;
	text-align: left;
	float:left;
	clear:both;
	padding:0;
    margin:0;
}
    
#content-2col-right {
	display: block;
	width:60%;
	position: relative;
	float:left;
	clear:left;
	padding:25px;
}

}


/* End Main Content Section Responsive
************************************************/

/* End Main Content Section
************************************************/

.header {}

.entry-title-alt {
	width:100%;
	clear:both;
	float:left;
	
	padding:20px;
	text-align: center;
	background: #007eae;
	color:#fafafa;
}

.entry-title {
    padding-top:25px;
}

.entry-content {

}

.entry-links {}

.author,.meta-sep {display: none;}

.sub-text {
	padding-left: 40px;
	font-style: italic;
}

.frame-height {
    height: 1800px;
    	background:#f1f1f1;
    margin-bottom: -150px;
}

@media screen and (min-width:480px) {
.frame-height {
    height: 1800px;
}  
}

@media screen and (min-width:860px) {
.frame-height {
    height: 1900px;
}  
}

@media screen and (min-width:975px) {
.frame-height {
    height: 1400px;
}  
}

.contact-page-address {
    margin:15px 0;
    font-size: 100%;
    text-align: left;
    color:#007eae;
}
.contact-page-phone {
    margin:15px 0;
    font-size: 100%;
    text-align: left;
    color:#007eae;
}
.contact-page-email {
    margin:15px 0;
    font-size: 100%;
    text-align: left;
    color:#007eae;
}

.contact-page-address i,.contact-page-phone i,.contact-page-email i {
    padding-right: 7px;
}

/* Resources / Blog Section formatting
*****************************************/

.entry-meta {
    font-size: 85%;
    padding-bottom: 25px;
}



/* Homepage top content and video
*****************************************/
.video-container {
	width: 480px;
	max-width: 100%;
	overflow: hidden;
	clear:both;
	margin: 0 auto;
}

.welcome {
	width:100%;
	
	float:left;
	clear:both;
}

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


.video-container {
	float:right;
	clear:right;
	margin-bottom: 20px;
	padding:20px 0;
}


	
}

#topcontent {
    width:100%;
    display: block;
    position: relative;
    clear:both;
    float: left;
    text-align: center;
    background:#03425a;
    color:#fafafa;
    padding:10px 2%;

}

#topcontent h1 {
    text-align: center;
    padding:25px 0 35px 0;
}

@media screen and (min-width:1024px) {
    #topcontent {
    width:100%;
    display: block;
    position: relative;
    clear:both;
    float: left;
    padding:50px 5%;
}
}

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

#topcontent {
    width:100%;
    display: block;
    position: relative;
    clear:both;
    float: left;
    padding:50px 10%;
}

}

/* Sidebar Widget Section
****************************************************/
	

#sidebar {
	width:90%;
	display: block;
	
	padding: 25px;
	margin: 15px 5%;
	min-height: 300px;
	background-size: cover;
	position: relative;
	float: left;

}

#primary {
	width:100%;
	max-width: 1600px;
	margin: 0 auto;
}

.widget-area {}

.xoxo {}


@media screen and (min-width:600px) {
	#sidebar {
	width:90%;
	display: block;
	padding: 25px;
	margin: 75px 5%;
	min-height: 300px;
	background-size: cover;
	position: relative;
	float: left;

}

#primary {
	width:100%;
	max-width: 1200px;
	margin: 0 auto;
}

.widget-area {}

.xoxo {}
}

@media screen and (min-width:1024px) {
	#sidebar {
	width:25%;
	display: block;
	padding: 25px;
	margin: 75px 5% 75px 0;
	min-height: 300px;
	background-size: cover;
	position: relative;
	float: right;

}

#primary {
	width:100%;
	max-width: 1200px;
	margin: 0 auto;
}

.widget-area {}

.xoxo {}
}

body.category-helpful-tips #sidebar {
    display: none!important;
}


/* Mid Section
*****************************************/

#mid {
	width:100%;
	display: block;
	padding: 35px 10px;
	min-height: 200px;
	background:#fafafa;
	position: relative;
	float: left;
    margin: 0;
 


}

#mid-1 img, #mid-2 img, #mid-3 img, #mid-4 img, #mid-5 img {
    border-radius: 50%;
    border:5px solid #03425a;
    max-width: 100%;
    width:auto;
    height: auto;
}

.mid img {
    border-radius: 50%;
    border:5px solid #03425a;
    max-width: 100%;
    width:auto;
    height: auto;
}

#mid p {

}

h4.mid-title {
    color:#007eae;
}

#mid-1 {
	display: block;
	width:100%;
	position: relative;
	clear: both;
    text-align: center;
	margin:20px auto 0 auto;
    padding:25px;
	background:#fafafa;
    
}

#mid-2 {
	display: block;
	width:100%;
	position: relative;
    clear: both;
    text-align: center;
	margin:20px auto 0 auto;
    padding:25px;
	background:#fafafa;
}


#mid-3 {
	display: block;
	width:100%;
	position: relative;
	margin:20px auto 0 auto;
    text-align: center;
    padding:25px;
	background:#fafafa;
}

#mid-4 {
	display: block;
	width:100%;
	position: relative;
	margin:20px auto 0 auto;
    text-align: center;
    padding:25px;
	background:#fafafa;
}

#mid-5 {
	display: block;
	width:100%;
	position: relative;
	margin:20px auto 0 auto;
    text-align: center;
    padding:25px;
	background:#fafafa;
}


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

#mid {
	width:100%;
	display: block;
	
	padding: 0 10px;
	min-height: 200px;
	background:#fafafa;
	position: relative;
	float: left;

}

}


@media screen and (min-width:1024px) {
	#mid {
	width:100%;
    height: 100%;
	display: flex;
	padding: 0 10px;
	min-height: 200px;
	background:#fafafa;
	position: relative;
	float: left;
        flex-wrap: wrap;
        justify-content: space-between;

}
    

    


#mid-1 {
    align-self: stretch;
	width:19%;
	max-width: 100%;
	position: relative;
	float: left;
	clear: left;
	margin:50px 0.5% 0 0.5%;
}

#mid-2 {
    align-self: stretch;
	width:19%;
	max-width: 100%;
	position: relative;
	clear: none;
	float: left;
	margin:50px 0.5% 0 0.5%;
}

#mid-3 {
    align-self: stretch;
	width:19%;
	max-width: 100%;
	position: relative;
	clear: none;
	float: left;
	margin:50px 0.5% 0 0.5%;
}
    
#mid-4 {
    align-self: stretch;
	width:19%;
	max-width: 100%;
	position: relative;
	clear: none;
	float: left;
	margin:50px 0.5% 0 0.5%;
}
	
#mid-5 {
    align-self: stretch;
	width:19%;
	max-width: 100%;
	position: relative;
	clear: none;
	float: left;
	margin:50px 0.5% 0 0.5%;
}
    
}

@media screen and (min-width:1440px) {
	#mid {
	width:100%;
    height: 100%;
	display: flex;
	padding: 0 5%;
	min-height: 200px;
	background:#fafafa;
	position: relative;
	float: left;


}
    

}


/*Testimonials Section 
*****************************************/

#testimonials {
    width:100%;
    position: relative;
    float: left;
}

#testimonials-inner {}



/* Bottom Section & Footer
*****************************************/

#bottom {
	width:100%;
	display: block;
	
	padding: 0 5%;
	min-height: 200px;
	background:#007eae;
	position: relative;
	float: left;
	color:#fafafa;

}

#bottom p {
	font-size: 1em;
	line-height: 1.3em;
	font-weight: 300;
}

#bottom a {
	color:#fafafa;
	text-decoration: none;
}

#bottom h4, #bottom h5 {
    color: #fafafa;
}

.awesome-weather-header.awecf {
    text-transform: none;
    line-height: 18px;
    padding:5px;
}

.awesome-weather-attribution {
    display: none!important;
}

#tidegraph_title {
    display: none!important;
}

#bottom-1 {
	display: block;
	width:100%;
	max-width: 100%;
	position: relative;
	clear: none;
    float: right;
	text-align: center;
	margin: 0 auto 50px auto;
        padding:1%;
}

#bottom-2 {
	display: block;
	width:100%;
	max-width: 100%;
	position: relative;
		clear: none;
    float: right;
	text-align: center;
	margin:35px auto;
        padding:1%;
}

div#bottom-2 h1,.worldtides-wrapper .worldtides-title {
    display: none!important;
}

.worldtides-title-custom {
    line-height: 18px!important;
    padding:5px!important;
    background: rgba(0, 0, 0, 0.075);
    color:#fafafa;
    font-size: 14px;
}

.worldtides-body {
    font-size: 14px;
}


#bottom-3 {
	display: block;
	width:100%;
	position: relative;
	float: right;
	margin:20px auto 0 auto;
	text-align:center;
        padding:1%;
}

.partners {
    padding:10px;
}

#bottom-4 {
	display: block;
	width:100%;
	position: relative;
	float: right;
	margin:20px auto 0 auto;
	text-align:center;
        padding:1%;
}




.footer-address {
	color: #fafafa;
	text-align: center;
    margin: 15px 0;
	
}

.footer-address i, .footer-phone i {
    padding-right: 7px;
}

.footer-phone {
    text-align: center;
	font-size: 100%;
    margin: 15px 0;
}

.footer-logo {
	height: auto;
	width: auto;
	position: relative;
	display: block;
	margin:35px 0 10px 0;
}

@media screen and (min-width:1024px) {
.footer-logo {
	height: auto;
	width: auto;
	position: relative;
	display: block;
	margin:35px 0 0 0;
}


.footer-logo img {
	height: auto;
	max-height: 100px;
	width: auto;
	position: relative;
	display: block;
}

a.facebook,a.instagram {
	display: inline-block;
	width:40px;
	height: 40px;
	padding:0 0 0 15px;
}

}




@media screen and (min-width:768px) {
	
#bottom {
	width:100%;
	display: block;
	
	padding: 0 5%;
	min-height: 200px;
	background:#007eae;
	position: relative;
	float: left;
	color:#fafafa;
    flex-direction: row-reverse;

}

#bottom-1 {
	display:block;
	width:49%;
    min-height: 400px;
	position: relative;
	float: left;
	clear: none;
	text-align: center;
	margin:50px 0 0 0;
}

#bottom-2 {
	display:block;
	width:49%;
    min-height: 400px;
	position: relative;
	float: left;
	clear:none;
	text-align: center;
	margin:50px 0 0 0;
}



#bottom-3 {
	display:block;
	width:49%;
    min-height: 400px;
	position: relative;
	float: left;
	clear:none;
	text-align: center;
	margin:50px 0 0 0;
}

#bottom-4 {
	display:block;
	width:49%;
    min-height: 400px;
	position: relative;
	float: left;
	clear:none;
	text-align: center;
	margin:50px 0 0 0;

}

	
.footer-address {
	color: #fafafa;
	text-align: center;

}

}


@media screen and (min-width:1200px) {
	#bottom {
	width:100%;
	display:block;
	
	padding: 0 1%;
	min-height: 200px;
	background:#007eae;
	position: relative;
	float: left;
		color:#fafafa;


}

#bottom-1 {
	display: block;
	width:25%;
	position: relative;
	clear: none;
	float: right;
    text-align: left;
	margin:50px 0;
}

#bottom-2 {
	display: block;
	width:25%;
	position: relative;
	clear: none;
	float: right;
	text-align: center;
	margin:50px 0;
}

#bottom-3 {
	display: block;
	width:25%;
	position: relative;
	clear: none;
	float: right;
	margin:50px 0;

}
    
#bottom-4 {
	display: block;
	width:25%;
	position: relative;
	clear: none;
	float: right;
	margin:50px 0;
    text-align: left;

}


.footer-address {
	color: #fafafa;
	text-align:left;
}
    
    .footer-phone {
        text-align: left;
    }
}



/* Footer */

.clear {}

#footer {
	width: 100%;
	display: block;
	min-height: 65px;
	
	text-align: center;
	position: relative;
	float: left;
	background: #006389;
	color:#fafafa;
	font-size: .8em;
		
}

#footer a {
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer a,#footer a:hover,#footer a:active {
    color:#fafafa;
}

/* Copyright 
************************************************/

#copyright {
	width: 100%;
	display: block;
	position: relative;
	clear:both;
	float: left;
	background: #006389;
	padding: 20px 0;
	font-size: .9rem;
}


#copyright a {
	color:#fafafa;
}

#copyright a:visted {
	color:#fafafa;
}

#copright a:hover {
	color:#fafafa;
	text-decoration: underline;
}

/* End Copyright 
************************************************/

/* End Footer Section 
************************************************/



/* custom classes 
***********************************************/

.leftImg {
	padding: 0 15px 5px 0;
	float: left;
}

.rightImg {
	padding: 0 0 5px 15px;
	float: right;
}

.galleryImg {
	padding: 0 5px 5px 0;
	float: left;
}



#accordion header .ui-icon,
#accordion2 header .ui-icon,
#accordion3 header .ui-icon,
#accordion4 header .ui-icon,
#accordion5 header .ui-icon,
#accordion6 header .ui-icon {
    top: 50%;
    right: 20px;
    display: block;
    position: absolute;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
#accordion header h5,
#accordion2 header h5,
#accordion3 header h5,
#accordion4 header h5,
#accordion5 header h5,
#accordion6 header h5 {
    color:#007eae;
    padding:0 0 5px 0;
}