/*  font-family: 'Oswald', sans-serif;  font-family: 'Montserrat', sans-serif 
Blue: #004568  |  Orange: #f7941d  |  Black: #000000   */

@font-face { font-family: 'Montserrat'; src: url(/tpl/fonts/Montserrat-Variable.ttf); }
@font-face { font-family: 'Oswald'; src: url(/tpl/fonts/Oswald-Variable.ttf); }

.main_bg, #panel, #panel p{ font-family: 'Montserrat', sans-serif; }

@font-face {
	font-family: 'bushcraftdistress';
	src: url('/tpl/design777/css/distress-webfont.woff2') format('woff2'),
		 url('/tpl/design777/css/distress-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

#calendarDiv{ 
  margin-top:40px !important;
  
}

/*/
#calendarDiv, #calendarDiv table, #eventsDiv, #eventsDiv h2, #eventsDiv h3, #eventsDiv h4 { 
   max-width:1120px !important;
}
/*/

#panel #eventsDiv div.tile .view_ev a {
       font-family: 'Oswald',sans-serif !important; 
	font-size:1.1em; 
	background-color: #f7941d; 
	color: #ffffff !important; 
	text-align: center; 
	padding:4px 16px; 
        padding-top:2px;
	border-radius:  5px; 
}
#panel #eventsDiv div.tile .date{
     background-color: #004568;
     color: #fff;
}

#panel #eventsDiv div.tile .date a {
  color: #fff;
}

#eventsDiv div.tile .details .title{
   font-weight:bold;
}

.pencil { clear: both; }
.hand { z-index: 99999; }

#panel, #panel section#home-content  { color:#000; }

#google_translate_element { background: #f4f4f4; border: 1px solid #cccccc; }
.goog-te-gadget .goog-te-combo { margin: 4px 0; padding: 8px 5px; }

/*#layerslider_0 img { width: 100% !important; height: auto !important; margin: 0px !important; }*/
body.home_page #dp_130245 { display: none; }

#panel a.editLink, #panel .home-container.block-right a.editLink { 
	color: #000000 !important; 
	font-size: 13px !important; 
	text-decoration: none !important; 
	z-index: 99;
    position: relative;
}
.MediumWidthContainer { width: 100%; height: auto; max-width: 800px; margin: 0 auto; }

#panel h1 { font-family: 'bushcraftdistress', sans-serif; color: #004568 !important; font-size: 72px; font-weight: 700; margin-bottom: 20px !important; text-transform: uppercase; line-height: 72px; }

#panel h2 { font-family: 'Oswald', sans-serif; color: #004568 !important; font-size: 40px; font-weight: 700; margin-bottom: 7px !important; text-transform: uppercase; }


#panel #entList	h1 {
	font-size:65px; 
}
	
#panel #entList	h2 {
	font-size:31px; 
}

#panel .blog_entries .each_entry {
	margin-bottom:20px;
}


#panel h3 { font-family: 'Oswald', sans-serif; color: #004568 !important; font-size: 32px; font-weight: 700; margin-bottom: 7px !important; text-transform: uppercase; }

body.home_page #panel h3 { font-family: 'Oswald', sans-serif; color: #004568 !important; font-size: 32px; font-weight: 700; margin-bottom: 7px !important; text-transform: uppercase; }

#panel h4 { color: #004568 !important; font-size: 30px; font-weight: 600; }
#panel .home-container.block-right a { color: #f7941d !important; font-weight: 500 !important; text-decoration: underline !important; }
#panel .home-container.block-right a:hover { text-decoration: none !important; }

/*/
#dp_130068, #dp_130249, #dp_130262, #dp_130268, #dp_130335, #dp_130336, #dp_130337, #dp_130338, #dp_130339, #dp_130340, #dp_130341, #dp_130385, #dp_130386, #dp_130387, #dp_130388, #dp_130406, #dp_130505 { position: absolute !important; left: 50%; top: 0px; margin-left: -125px; }
/*/



body.home_page #panel p { font-size: 1.2em;  margin-bottom: 20px !important;  }

#panel p { font-size: 1.1em;  }


#panel p.LargeTxT { font-size: 30px; margin-bottom: 25px !important; line-height: 42px; }
.AlignCenter { text-align: center; }
#panel, #panel section#home-content, #panel section#home-slider { background: #ffffff !important; }
.MobileNavigation { display: none; }

section#header_section { 
    /*/
	position: relative !important; 
	margin-top: 0px !important; 
	height: 175px; 
	/*/
	background-color: #ffffff !important;
}
#pageBackground #panel #header_section { margin-top: 0px !important; height: 175px; background: #ffffff; }
#header { display: none; }
#panel section#home-slider { box-shadow: none !important; display: none !important; width: 100%; height: auto; float: left; margin: 0 0 25px 0 !important; padding: 0px !important; }
body.home_page #panel section#home-slider { display: block !important; }

#panel #home-content #entList{
	margin-top: 145px;
	padding-top:20px;
}



/*/
.NewsLogo { 
	position: absolute !important; 
	left: 50%; 
	top: 0px; 
	margin-left: -110px;
	margin-top: 15px;
 }

.NewsLogo .Logo { width: 100%; height: auto !important; max-width: 225px !important; position: relative; z-index: 9999; }
.Logo { width: 100%; height: auto !important; max-width: 225px !important; position: relative; z-index: 9999; }
/*/

.NewsLogo {
	width:225px;
	margin:0 auto;
	padding-top: 15px;
	z-index:1000;
	position: relative;
}

.NewsLogo .Logo {
	
}

#nav-main { 
	
	border: none; 
	background-color: #ffffff; 
	padding:0; 
	max-width: 1280px; 
	margin:0 auto;
	margin-top: -148px;
	/*/
	padding-top:95px;
	margin: 0 auto 0 -505px !important; 
	left: 50% !important; 
	float: left;
	/*/
}


#nav-main ul { width: 100%; height: auto; }
#nav-main ul li { padding: 0 20px; float: left; line-height: 80px; border-bottom: 0px; }
#nav-main ul li:hover { background: none !important; }
#nav-main ul li a { font-family: 'Oswald', sans-serif; font-size: 21px; color: #004568 !important; text-transform: uppercase; font-weight: 600 !important; letter-spacing: 0.5px; background: none; padding: 0px !important; }


#nav-main ul li.current a, #nav-main ul li a:hover { color: #f7941d !important; background: none !important; }

#nav-main ul li:nth-child(6) { padding-left: 260px !important; }
#nav-main ul.nav-minor li:nth-child(6) { padding-left: 0px !important; }


#nav-main ul li.current > ul.nav-minor { display: block !important; }

#panel #nav-main #nav-main-inner ul li:hover ul li:hover ul { }

#panel #nav-main #nav-main-inner ul.nav-minor-minor li { background-color:#004568!important; }
#panel #nav-main #nav-main-inner ul.nav-minor-minor li a { background-color:#004568!important; }

#panel #nav-main #nav-main-inner ul li ul li.current a { color: #f7941d !important; background: none !important; }
#panel #nav-main #nav-main-inner ul li.current ul li:first-child a { /*color: #f7941d !important;*/ background: none !important; }

/*
body._41506-child .MainBannerSection, 
body._41507-child .MainBannerSection, 
body._41509-child .MainBannerSection, 
body._41500-child .MainBannerSection { margin-top: 140px; }
*/
body._43480 div.home-container,
body._43474 div.home-container,
body._43408 div.home-container { padding-top: 140px; }

body._41506-child div.home-container,
body._41480-child div.home-container,
body._43480-child div.home-container,
body._43474-child div.home-container,
body._41508-child div.home-container,
body._41509-child div.home-container { padding-top: 140px; }

body._41507-child div.home-container { padding-top: 220px; }

body._41574 div.home-container { padding-top: 140px; }

#pageBackground._41509-child div.home-container { padding-top: 100px; }
body._41509-child div.home-container { padding-top: 220px; } /* Smimming child pages*/

@media screen and (max-width: 1079px) {
/*	
  body._41506-child .MainBannerSection, 
  body._41507-child .MainBannerSection, 
  body._41508-child .MainBannerSection, 
  body._41509-child .MainBannerSection, 
  body._41500-child .MainBannerSection { margin-top: 0px; }
 */ 
 
  body._43480 div.home-container,
  body._43474 div.home-container,
  body._43408 div.home-container { padding-top:0px; }

  body._41506-child div.home-container,
  body._41480-child div.home-container,
  body._43474-child div.home-container,
  body._41508-child div.home-container,
  body._41509-child div.home-container { padding-top:0px; }
  
}


#panel #nav-main #nav-main-inner ul li ul { 
	position: absolute; 
	width: 100%; 
	height: auto; 
	background-color: #004568; 
	left: 0; 
	padding: 60px 0 0; 
	text-align: center; 
	/*/ 
	float: left; 
	width: 100vw; 
	left: calc(-53vw + 51%);  
	/*/
	
}

#panel #nav-main #nav-main-inner ul { }
#panel #nav-main #nav-main-inner ul li ul li a { color: #ffffff !important; }
#panel #nav-main #nav-main-inner ul li:hover ul { z-index: 99; }

ul.nav-minor { text-align: center; padding-bottom: 0px; }
ul.nav-minor > li { 
	background-color: #004568; 
	padding: 0 20px; 
	float: none !important; 
	display: inline-block !important; 
	border: none !important; 
	line-height: 40px !important; 
}
ul.nav-minor li a { font-size: 27px !important; }
ul.nav-minor li:hover { border: none !important; }
ul.nav-minor li a:hover { color: #f7941d !important; border: none !important; }

#nav-main ul li.current > ul.nav-minor-minor {

}

#panel #nav-main #nav-main-inner ul.nav-minor-minor {
	left:0!important;
	background-color:transparent!important;
	padding-top:20px!important;
	margin-top:20px!important;
}

#nav-main ul.nav-minor-minor li {
	line-height: 40px !important;
	background-color: #004568;
	outline:0;
	border:0!important;
	padding: 5px 20px!important;
	min-width:220px;
}

#nav-main ul.nav-minor-minor li i.fa { display:none; }


#panel #nav-main #nav-main-inner ul li ul li a:hover { color: #f7941d !important; }
iframe.YouTubeVideo { width: 100%; max-width: 800px !important; height: 480px; margin-bottom: 60px !important; }

.NewsLetterSection { width: 100%; height: auto; padding: 40px 0 30px; background: #004568; font-size: 24px; text-align: center; color: #ffffff !important; font-family: 'Oswald', sans-serif !important; font-weight: 500; margin: 20px auto 0; max-width: 1020px; }
.NewsLetterSection .NewsLetterTitle { font-size: 48px; text-align: center; color: #ffffff !important; font-family: 'bushcraftdistress', sans-serif !important; font-weight: 600; margin-bottom: 30px; letter-spacing: 2px; }

.NewsLetterSection #load_check { color: #ffffff; font-size: 21px; font-family: 'Oswald', sans-serif !important; }
.NewsLetterSection #e2ma_signup_message { display: none; }
.NewsLetterSection form { max-width: 95% !important; }
.NewsLetterSection form .e2ma_signup_form_row { width: 33.33333%; height: auto; float: left; padding: 0 10px; }
.NewsLetterSection form .e2ma_signup_form_label { color: #ffffff !important; font-size: 18px; text-align: left; font-family: 'Oswald', sans-serif !important; letter-spacing: 1px; margin-bottom: 5px; line-height: 30px; text-transform: uppercase; }
.NewsLetterSection form .e2ma_signup_form_required_asterix { color: #f7941d !important; font-size: 21px; text-align: left; font-family: 'Oswald', sans-serif !important; letter-spacing: 1px; margin-bottom: 5px; }
.NewsLetterSection form .e2ma_signup_form_required_footnote { display: none; }


.NewsLetterSection form input[type="submit"], .NewsLetterSection a.button, #panel .home-container.block-right .NewsLetterSection a.button { 
	width: auto; 
	height: auto; 
	display: inline-block; 
	font-family: 'Oswald',sans-serif !important; 
	font-size: 24px; 
	background-color: #f7941d; 
	color: #ffffff !important; 
	text-align: center; 
	padding:8px 60px; 
	border-radius:  5px; 
	max-width: inherit; 
	margin: 15px 0 0; 
	transition: all 0.3s; 
	text-transform: uppercase;
	text-decoration:none !important;
}

.NewsLetterSection form input[type="submit"]:hover, .NewsLetterSection a.button:hover  { 
	color: #004568 !important; 
	transition: all 0.3s;
}


.NewsLetterSection form input[type="text"], .NewsLetterSection form input[type="email"], .NewsLetterSection form input[type="password"], .NewsLetterSection form input[type="number"] { width: 100%; color:#000; font-size:18px; }

.NewsForm form input[type="text"], .NewsForm form input[type="email"] { color:#000; font-size:18px;  }

#panel #load_check a { color: #f7941d !important; font-size: 21px; font-family: 'Oswald', sans-serif !important; }

/************* Newsletter Section *************/
#dp_130075 .resp-block, #dp_130083 .resp-block, #dp_130252 .resp-block, #dp_130383 .resp-block, #dp_131696  .resp-block { width: 100% !Important; max-width: 100% !important; }
#dp_130075 .resp-block > div > div, #dp_130083 .resp-block > div > div, #dp_130252 .resp-block > div > div, #dp_130383 .resp-block > div > div, #dp_131696 .resp-block > div > div { margin: 0px !important; }
#dp_130075 .resp-block, #dp_130252 .resp-block,  #dp_130383 .resp-block { padding: 0px !important; }

.HomeService { width: 60%; height: auto; float: left; margin-top: 50px; }
.HomeService.RightService { float: right; }
.HomeService .HomeServiceImg { width: 50%; height: auto; float: left; }
.HomeService .HomeServiceInfo { width: 50%; height: auto; float: left; padding: 50px 0 0 25px; }
.HomeService .HomeServiceInfo h2 { width: 100%; height: auto; float: left; }
.HomeService .HomeServiceInfo .HomeServiceTxT { width: 100%; height: auto; float: left; }
.HomeService .HomeServiceInfo .HomeServiceTxT a { font-size: 27px; color: #f7941d !important; font-weight: 600 !important; line-height: 36px; }
.HomeService .HomeServiceInfo .HomeServiceTxT a:hover { text-decoration: none !important; }

.LendHandSection { width: 100%; height: auto; float: left; text-align: center; margin: 50px 0; }
#panel .LendHandSection h1 { margin-bottom: 0px !important; }
.LendHandButtons { width: 100%; height: auto; float: left; text-align: center; margin-top: 30px; }
.LendHandButtons a { width: auto; height: auto; display: inline-block; font-family: 'Oswald', sans-serif !important; font-size: 36px; background: #f7941d; color: #ffffff !important; text-align: center; padding: 25px 50px; border-radius:  15px; min-width: 300px; margin: 0 25px; transition: all 0.3s; }
.LendHandButtons a:hover { background: #004568; transition: all 0.3s; }


.FollowUsSection { width: 100%; height: auto; display: inline-block; background-color: #ade7ff; text-align: center; max-width: 100%; padding: 75px 0; }
.FollowUsSection.ContactPage{
	background-color: #fff; 
	 padding: 35px 0; 
}
.FollowUsSection .SocialIcons { width: 100%; height: auto; display: inline-block; max-width: 400px; margin: 0 auto; }
.FollowUsSection .SocialIcons a { width: auto; height: auto; display: inline-block; margin: 0 25px; }
.FollowUsSection .SocialIcons a img { max-width: 100%; height: auto; max-height: 40px; transition: all 0.3s; }
.FollowUsSection.ContactPage .SocialIcons a img {
	max-height: 60px; 
	
}

@media screen and (max-width: 640px) {
	.FollowUsSection .SocialIcons a { margin: 0 20px; }
	
}

.FollowUsSection .SocialIcons a img:hover { opacity: 0.75; transition: all 0.3s; }


section#banners { background: #004568 !important; }
#panel #bottom_banners div { width: 100%; }
#panel #bottom_banners img { max-width: 200px !important; }
section#banners div#bottom_banners { padding: 20px 10px 0 !important; }
#panel section#footer { background: #004568 !important; }
#panel section#footer { width: 100%; height: auto; display: inline-block; background: #004568; text-align: center; max-width: 100%; padding: 0 0 25px; font-family: 'Oswald', sans-serif !important; font-size: 24px; color: #ffffff !important; display: inline-block; }
#panel section#footer .bottom-links { color: #004568 !important; }
#panel section#footer .bottom-links a { font-family: 'Oswald', sans-serif !important; font-size: 24px; color: #ffffff !important; display: inline-block !important; text-transform: uppercase; }
#panel section#footer .bottom-links a:hover { color: #f7941d !important; }
#menu { background: #f7941d !important; }
#menu ul li { margin-bottom: 10px !important; background: none !important; }
#menu ul li a { text-transform: uppercase; font-weight: 500; font-size: 15px; }
#menu ul li ul.nav-minor { text-align: left !important; margin-left: 10px !important; }
#menu ul li ul.nav-minor li { background: none !important; padding: 0px !important; margin: 0px !important; width: 100%; height: auto; float: left; line-height: 36px !important; }
#menu ul li ul.nav-minor li a { font-size: 14px !important; }
#menu ul li ul.nav-minor li a i { display: none; }

.hero_block { padding: 0px !important; }
.MainBannerSection { width: 100%; height: auto; float: left; position: relative; margin-bottom: 50px; }
.MainBannerSection img { width: 100%; height: auto; float: left; }
.MainBannerSection .MainBannerTxT { width: 100%; height: auto; float: left; position: absolute; font-family: 'bushcraftdistress' !important; color: #ffffff !important; font-size: 130px; text-align: center; left: 0px; top: 210px; text-transform: uppercase; font-weight: 700; text-shadow: 3px 0px 5px #000000; letter-spacing: 2px; }
.MainBannerSection .MainBannerTxT.SmallBannerTxT { top: 110px; }
.MainBannerSection.SmallSizeBanner .MainBannerTxT { top: 20%; }

#home-content #subNav { display: none; }
section.block-right-flex { max-width: 100% !important; }
section.block-right-flex .block-right { width: 100% !important; }

.AboutContentSection { width: 100%; height: auto; float: left; margin-bottom: 50px; }
.AboutImg { width: 40%; height: auto; float: left; padding-right: 40px; }
.AboutImg img { width: 100%; border-radius: 50%; }
.AboutInfo { width: 60%; height: auto; float: left; padding: 20px 0 0; }
.AboutInfo .AboutInfoTitle { width: 100%; height: auto; float: left; font-size: 42px; font-weight: 700; margin-bottom: 20px; line-height: 48px; font-family: 'Oswald', sans-serif; }
.AboutInfo .AboutInfoTxT { width: 100%; height: auto; float: left; }
.AboutInfo .AboutInfoTxT p { font-size: 22px !important; line-height: 36px !important; }
.LeftBorderTxTOuter { width: 100%; height: auto; float: left; padding-left: 50px; }
.LeftBorderTxT { width: 100%; height; auto; float: left; padding-left: 25px; border-left: 3px solid #000; }
.LeftBorderTxT p { font-size: 18px !important; line-height: 36px !important; font-style: italic; }

.BottomLinks { width: 100%; height: auto; float: left; margin: 25px 0 50px; }
#panel .home-container.block-right a.NextLink { width: auto; height: auto; float: right; font-family:  'Oswald', sans-serif !important; color: #f7941d !important; font-weight: 700 !important; font-size: 42px; text-align: right; text-transform: uppercase; text-decoration: none !Important; }
#panel .home-container.block-right a.NextLink:hover { color: #004568 !important; }
#panel .home-container.block-right a.BackLink { width: auto; height: auto; float: left; font-family:  'Oswald', sans-serif !important; color: #f7941d !important; font-weight: 700 !important; font-size: 42px; text-align: right; text-transform: uppercase; text-decoration: none !Important; line-height: 42px; margin-bottom: 30px; }
#panel .home-container.block-right a.BackLink:hover { color: #004568 !important; }

.YellowButtonsSection { width: 100%; height: auto; float: left; text-align: center; margin: 20px 0 50px; }
#panel .home-container.block-right .YellowButtonsSection a { width: auto; height: auto; display: inline-block; font-family: 'Oswald', sans-serif !important; font-size: 24px; background: #f7941d; color: #ffffff !important; text-align: center; padding: 20px 30px; border-radius:  15px; min-width: 350px; margin: 0 25px 25px; transition: all 0.3s; text-decoration: none !important; }
#panel .home-container.block-right .YellowButtonsSection a:hover { background: #004568; transition: all 0.3s; }

.Trustee { width: 100%; height: auto; float: left; text-align: center; margin-bottom: 50px; }
.Trustee.LessMargin { margin-bottom: 20px; }
.Trustee .TrusteePhoto { width: 100%; height: auto; float: left; margin-bottom: 15px; }
.Trustee .TrusteePhoto img { width: 100%; }
.Trustee .TrusteeName { width: 100%; height: auto; float: left; font-size: 18px; font-weight: 700; }
.Trustee .TrusteeInfo { width: 100%; height: auto; float: left; font-size: 15px; font-weight: 400; font-style: italic; }

#panel .BeachInfo { width: 100%; height: auto; float: left; margin-bottom: 100px; }
#panel .BeachInfo h3 { line-height: 24px !important; margin-bottom: 0px !important; }
#panel .BeachInfo p { font-size: 16px !important; margin-bottom: 15px !important; font-weight: 600 !important; }
#panel .BeachInfo img { float: left; }

.hero_block p { max-width: 100% !important; }
.LocationBeachInfo { width: 100%; height: auto; float: left; text-align: center; margin-bottom: 30px; }
.LocationBeachInfo.LastBeachInfo { border-bottom: 5px solid #cbd9df; margin-bottom: 100px; padding-bottom: 100px; }
#panel .LocationBeachInfo h4 { font-family: 'Oswald', sans-serif !important; }
#panel .LocationBeachInfo p { font-style: italic; font-size: 18px; margin-bottom: 0px !Important; line-height: 24px !important; }
#panel .home-container.block-right .LocationBeachInfo a { font-size: 18px !important; font-style: italic; line-height: 24px !important; } 

.SwimmingSpotSection { width: 100%; height: auto; float: left; margin-bottom: 50px; }
.SwimmingSpotSection .SwimmingSpotImg { width: 100%; height: auto; float: left; position: relative; margin-bottom: 20px; }
.SwimmingSpotSection .SwimmingSpotImg img { width: 100%; height: auto; }
.SwimmingSpotSection .SwimmingSpotImg .SwimmingSpotImgTxT { position: absolute; left: 20px; bottom: 25px; font-family: 'bushcraftdistress' !important; font-size: 42px; text-transform: uppercase; color: #ffffff !important; letter-spacing: 2px; text-shadow: 2px 1px 2px #000000; }
.SwimmingSpotButtons { width: 100%; height: auto; float: left; margin: 10px 0; text-align: center; }
#panel .home-container.block-right .SwimmingSpotButtons a { width: auto; height: auto; display: inline-block; font-family: 'Oswald', sans-serif !important; font-size: 24px; background: #f7941d; color: #ffffff !important; text-align: center; padding: 20px 30px; border-radius:  15px; min-width: 350px; margin: 0 25px 25px; transition: all 0.3s; text-decoration: none !important; }
#panel .home-container.block-right .SwimmingSpotButtons a:hover { background: #004568; transition: all 0.3s; }
.SwimmingSpotTxT { width: 100%; height: auto; float: left; }

#home-content #contactBody { max-width: 900px !important; margin-bottom: 100px; }
#contactBody h2.sub-heading { text-align: center; border:none; font-size: 50px; font-family: 'bushcraftdistress', sans-serif !important; }
#contactForm form table tr { width: 50%; height: auto; float: left; }

#contactForm form table tr:nth-child(6), #contactForm form table tr:nth-child(9) { width: 100%; }


#contactForm form table tr td { width: 100%; height: auto; float: left; text-align: left; padding: 0 10px; }
#contactForm form table tr td b { padding: 0 5px; font-weight: 500; text-transform: uppercase; color: #8f8f8f !important; font-size: 15px; }

#contactForm form label { display:block; }

#contactForm form input[type=text], #contactForm form input[type=email]  { 
	width: 100%; 
	background-color: #e5e5e5; 
	border: 1px solid #c5c5c5; 
	border-radius: 15px;  
	color: #111111 !important; 
	font-size: 15px; 
	padding: 20px; 
	margin: 0 0 15px; 
	
}


div#contactForm.c_form td {
    width: 100%;
    display:block;
	position: relative;
}
div#contactForm.c_form td input[type=text] {
    width: 100%;
    position: relative;
}


#contactForm form textarea { width: 100%; background: #e5e5e5; border: 1px solid #c5c5c5; border-radius: 15px;  -moz-border-radius: 15px; -webkit-border-radius: 15px; color: #8f8f8f !important; font-size: 15px; padding: 20px; margin: 0 0 15px; height: 100px; }


#contactForm form input[type="submit"] { 
	width: auto; 
	height: auto; 
	display: inline-block; 
	font-family: 'Oswald', sans-serif !important; 
	font-size: 24px; 
	background-color: #f7941d; 
	color: #ffffff !important; 
	text-align: center; 
	padding: 20px 30px; 
	border-radius:  15px; 
	min-width: 250px; 
	margin: 10px 25px 25px; 
	transition: all 0.3s; 
	text-decoration: none !important; 
	text-transform: uppercase; 
	border: none; 
	font-weight: 600;
}



#contactForm form input[type="submit"]:hover { background: #004568; transition: all 0.3s; }
.meta-rss { display: none; }

#panel table.each_entry { margin-bottom: 50px !important; }
#panel table.each_entry .ent_photo { width: 35% !important; }
#panel table.each_entry .ent_photo img { max-width: 95% !important; }
#panel table.each_entry tr td:last-child { width: 65% !important; }


#panel .home-container.block-right a.read_more { font-size: 18px !important; color: #004568 !important; text-decoration: none !important; text-transform: uppercase; }
#panel .home-container.block-right a.read_more b { color: #004568 !important; }
#panel .home-container.block-right a.read_more:hover b { color: #f7941d !important; }

#panel .home-container.block-right h2.sub-heading { border: none !Important; margin-bottom: 15px !important; }
#panel .home-container.block-right h2.sub-heading a { 
	font-family: 'Oswald', sans-serif !important; 
	color: #004568 !important; 
	text-decoration: none !important; 
}



#panel .home-container.block-right h2.sub-heading a:hover { color: #f7941d !important; }

.blogCats { width: 100%; height: auto; max-width: 1020px; margin: 0 auto 50px; }
#panel .home-container.block-right .blogCats a { font-family: 'Oswald', sans-serif !important; color: #004568 !important; text-decoration: none !important; font-size: 24px !important; text-transform: uppercase; margin-right: 25px; }
#panel .home-container.block-right .blogCats a:hover { color: #f7941d !important; }
.blogCats br, .blogCats b { display: none; }

.main_bg { background: #ffffff !important; }
nav#menu { margin-top: 75px; }



._41583 #panel section#home-slider { display: block !important; margin-top:140px!important; }
._41583 #panel section#home-slider img { width: 100% !important; height: auto !important; max-width: 100% !important; margin: 0px !important; }

._41583 #panel #home-content #entList{
	margin-top:0px;
	padding-top:20px;
}

body.home_page .jQueryCDN { display: none; }

#panel h3.NewTitle { font-family: 'Montserrat', sans-serif; color: #000000 !important; }
.WaterQualityLogoSection { width: 100%; height: auto; float: left; margin-bottom: 60px; }
.WaterQualityLogoSection .WaterQualityLogo { width: 30%; height: auto; float: left; }
.WaterQualityLogoSection .WaterQualityLogo img { width: 100%; height: auto; float: left; }
.WaterQualityLogoSection .WaterQualityTxT { width: 70%; height: auto; float: left; padding-left: 30px; font-size: 21px !important; line-height: 30px !important; }
.WaterQualityLogoSection .WaterQualityTxT a { font-size: 21px !important; line-height: 30px !important; }

.WaterQualityContentSection { width: 100%; height: auto; float: left; margin-bottom: 60px; }
.WaterQualityContentSection .WaterQualityImg { width: 35%; height: auto; float: left; padding-right: 40px; }
.WaterQualityContentSection .WaterQualityImg img { width: 100%; height: auto; float: left; }
.WaterQualityContentSection .WaterQualityInfo { width: 65%; height: auto; float: left; font-size: 21px !important; line-height: 30px !important; }
.WaterQualityContentSection .WaterQualityInfo ul { width: 100%; height: auto; float: left; }
.WaterQualityContentSection .WaterQualityInfo ul li { list-style: none; width: 100%; height: auto; float: left; font-size: 21px !important; line-height: 30px !important; margin-bottom: 20px; }
.WaterQualityContentSection .WaterQualityInfo ul li strong { color: #f79520 !important; font-size: 36px; }

.WaterQualityBottomLogoSection { width: 100%; height: auto; text-align: center; margin: 0 auto; max-width: 800px; }
.WaterQualityBottomLogoSection img { max-width: 250px !important; }

#powered { margin: 30px 0 0; }
#powered #powered_by { 
	color: #ffffff; 
	font-size: 17px; 
	font-weight: 500;
	font-family: 'Montserrat', sans-serif !important; 
}
#panel #powered #powered_by a { 
	color: #ffffff !important; 
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16px; font-weight: 500; 
	text-transform: capitalize;
}
#panel #powered #powered_by a:hover { color: #f7941d !important; }

#panel #nav-main #nav-main-inner ul.nav-minor li#li_41580 ul.nav-minor-minor { display: none !important; }
#panel .SwimmingSpotSection a { font-size: 24px; color: #f7941d !important; font-weight: 500 !important; text-decoration: underline !important; line-height: 36px; }
#panel .SwimmingSpotSection a:hover { text-decoration: none !important; }

#panel .SwimmingSpotButtons a { width: auto; height: auto; display: inline-block;  font-family: 'Oswald', sans-serif !important; font-size: 24px; background: #f7941d; 
color: #ffffff !important; text-align: center; padding: 20px 30px; border-radius: 15px; min-width: 350px; margin: 0 25px 25px; transition: all 0.3s; text-decoration: none !important; font-weight: 500 !important; line-height: 36px; }
#panel .SwimmingSpotButtons a:hover { background: #004568; transition: all 0.3s; }

/*body._41571 .MainBannerSection { margin-top: 36px; }
#dp_136195 { display: none; }
*/
/************* Responsive CSS *************/

@media screen and (max-width: 1400px) {
	
  .MainBannerSection .MainBannerTxT { font-size: 100px; top: 150px; }
  .MainBannerSection .MainBannerTxT.SmallBannerTxT { top: 90px; }

}




@media screen and (max-width: 1079px) {
	
  section#header_section { width: 100%; height: auto; float: left; }
  nav#nav-main { display: none; }
  
   #panel #home-content #entList{
		margin-top: 0px;
		padding-top:10px;
	}
  
 
  ._41583 #panel section#home-slider { margin: 0px 0 40px !important; }
  
  .MobileNavigation { display: block; width: 100%; height: auto; float: left; }
  
  /*/.NewsLogo { display: none; }
  .MobileLogo { width: 100%; height: auto; float: left; text-align: center; padding: 15px 0 10px; }
  .MobileLogo img { max-width: 250px !important; }
  /*/
  
	
  #dp_130068, #dp_130249, #dp_130262, #dp_130268, #dp_130335, #dp_130336, #dp_130337, #dp_130338, #dp_130339, #dp_130340, #dp_130341, #dp_130385, #dp_130386, #dp_130387, #dp_130388, #dp_130406, #dp_130505 { display: none; }
  
  
  a.toggle-button { height: auto; float: left; width: 100%; background: #004568; padding: 10px 20px; color: #ffffff  !important; text-align: right; font-size: 24px; }
  a.toggle-button span { float: left; color: #ffffff !important; font-size: 17px; }
  
  .MainBannerSection .MainBannerTxT { font-size: 80px; top: 125px; }  
.MainBannerSection .MainBannerTxT.SmallBannerTxT { top: 75px; }

  
}

@media screen and (max-width: 960px) {
  .MainBannerSection .MainBannerTxT { font-size: 65px; top: 110px; }
  #home-content em { display: none; }
.MainBannerSection .MainBannerTxT.SmallBannerTxT { top: 60px; }
}

@media screen and (max-width: 767px) {
	
  #panel section#home-slider img { height: auto; }
  .HomeService { width: 80%; padding: 0 20px; }
  #panel section#footer .bottom-links { padding: 0; }
  #panel section#footer .bottom-links a { margin-bottom: 20px; font-size: 18px; }  
  .resp-block { padding: 0px !important; }
  .LendHandButtons a { min-width: 250px; }
  .NewsLetterSection { line-height: 72px; padding: 50px 15px; }
  .MainBannerSection .MainBannerTxT { font-size: 60px; top: 90px; }
  .home-container.block-right, section#home-content { padding: 0px !important; }
  section#home-content { padding: 0px 15px !important; }
  .p_block p { padding: 0px !important; }
  .MainBannerSection, .FollowUsSection { width: 100vw; left: calc(-50vw + 50%); }
  .NewsLetterSection .NewsLetterTitle { font-size: 50px; }
  .LeftBorderTxTOuter, .LeftBorderTxT { padding-left: 10px; }
  .LeftBorderTxT p { font-size: 16px !important; line-height: 24px !important; }
  .AboutInfo .AboutInfoTitle { margin-bottom: 7px; }
  .MainBannerSection .MainBannerTxT.SmallBannerTxT { top: 50px; }
  
}

@media screen and (max-width: 640px) {
  .HomeService { width: 100%; padding: 0 15px; }
  .HomeService .HomeServiceInfo { padding: 25px 0 0 25px; }
  .LendHandButtons a { display: block; margin-bottom: 20px; }
  .HomeService .HomeServiceImg { width: 100%; }
  .HomeService .HomeServiceInfo { padding: 25px 0 0 0; width: 100%; text-align: center; }
  .HomeService { margin-bottom: 50px; }
  body.home_page #panel p { font-size: 24px; line-height: 30px; }
  
  
  #panel p { font-size: 18px !important; line-height: 24px!important; }
  #panel h1, .NewsLetterSection { font-size: 45px; line-height: 50px; }

   
   #panel h2 {
	  font-size: 30px;
	}
  
	
  iframe.YouTubeVideo { height: 340px; }
  .MainBannerSection .MainBannerTxT { font-size: 42px; top: 70px; }
  .NewsLetterSection form .e2ma_signup_form_row { width: 100%; padding: 0; margin-bottom: 20px; }
  .NewsLetterSection form input[type="text"], .NewsLetterSection form input[type="email"], .NewsLetterSection form input[type="password"], .NewsLetterSection form input[type="number"] { height: 45px; }
  .NewsLetterSection { padding: 50px 0; }
  .AboutImg { width: 100%; padding-right: 0px; margin-bottom: 30px; }
  .AboutInfo { width: 100%; }
  .MainBannerSection { margin-bottom: 20px; }
  .AboutInfo .AboutInfoTxT p { font-size: 18px !important; line-height: 24px !important; }
  AboutInfoTitle { font-size: 36px; line-height: 42px; }
  a.NextLink, a.BackLink { font-size: 24px; }
  .YellowButtonsSection { margin-bottom: 20px; }
  .YellowButtonsSection a { font-size: 21px; margin: 0px auto 25px; }
  .MainBannerSection .MainBannerTxT.SmallBannerTxT { top: 40px; }
  #contactForm form table tr { width: 100%; }
  #contactForm form tr td div { width: 100%; }
  #contactForm form input[type="submit"] { 
  	width: 100%; 
	position: relative; 
	max-width: 100%; 
	margin: 20px 0 50px !important;
	}
  #home-content #contactBody { padding: 0px !important; }
  #home-content #contactBody tbody { padding: 0px !important; }
  
  #contactForm form input[type=text]. #contactForm form input[type=email] { padding: 15px; margin: 0 0 20px; }
  .SwimmingSpotSection .SwimmingSpotImg .SwimmingSpotImgTxT { font-size: 30px; line-height: 36px; bottom: 15px; }
  #panel .home-container.block-right .SwimmingSpotButtons a { width: 100%; margin: 0 0 15px; }
  
  #panel { width: 100%; height: auto;}
  
  #panel table.each_entry .ent_photo { width: 100% !important; padding: 0px !important; }  
  #panel table.each_entry .ent_photo img { width: 100% !important; margin-bottom: 20px; }  
  table.each_entry tr td { display: block !important; }
  #panel table.each_entry tr td:last-child { width: 100% !important; }  
  #panel table.each_entry .ent_photo img { max-width: 100% !important; }  
  .WaterQualityLogoSection .WaterQualityLogo { width: 100%; }
  .WaterQualityLogoSection .WaterQualityTxT { width: 100%; padding-left: 0px; padding-top: 20px; }
  .WaterQualityContentSection .WaterQualityImg { width: 100%; padding-right: 0px; }
  .WaterQualityContentSection .WaterQualityInfo { width: 100%; padding-top: 20px; }
  #panel .home-container.block-right a.BackLink { font-size: 24px; line-height: 24px; }
  #panel .home-container.block-right a.NextLink { font-size: 24px; line-height: 24px; }
  
 

}

@media screen and (max-width: 480px) {
  .MainBannerSection .MainBannerTxT { font-size: 32px; top: 55px; }
  .AboutInfoTitle { font-size: 36px; line-height: 42px; }
  .Trustee.LessMargin { margin-bottom: 0px; }
  .MainBannerSection .MainBannerTxT.SmallBannerTxT { top: 30px; }
}

/************* Equity Button *************/

#panel  #equitybuttonHAP {
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
 margin-bottom:10px;
}
#panel #equitybuttonHAP a.rainbow-button {
  text-decoration:none;
  color:#FFF !important;
  font-family:Oswald,Sans-serif !important;
  line-height:normal;
}

.rainbow-button {
  width:calc(65vw + 6px);
  height:calc(6vw + 6px);
  background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
  border-radius:5px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-transform:uppercase;
  font-size:2.5vw;
  font-weight:bold;
  text-align: center;
}
.rainbow-button:after {
  content:attr(alt);
  width:65vw;
  height:6vw;
  background-color:#004568;
  display:flex;
  align-items:center;
  justify-content:center;
}
.rainbow-button:hover {
  animation:slidebg 2s linear infinite;
}

@keyframes slidebg {
  to {
    background-position:65vw;
  }
}