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

body { border:0!important; }

#panel .home-container { max-width:1020px; margin:0 auto; padding-bottom:30px; }

#panel section#header_section {  }

fieldset {
    border: 0px;
    margin: 10px 0px;
}

.chosen { color:#0075A4; }

/* donate section on homepage*/


.choose-donation-box{
	text-align:center;
	padding-top:25px;
	max-width:650px;
	margin:0 auto;
}

.choose-donation {
	display: block;
	/* padding: 30px; 
	height: 140px;
	position:relative;
	*/
	background-color:#F9AD51; /* #F5921C */
	margin: 10px;
	width: 290px;
	border: 3px solid #004568;
	padding: 10px;
	vertical-align: top;
	
	font-size: 26px;
	
	cursor:pointer;
	
	border-radius: 5px;
	float:left;
}


.submit{
	color:#fff !important;
	padding:8px 15px!important;
	background-color:#2d1607;
	font-size:26px;
	cursor:pointer;
	margin: 14px 0px;
	
}

div#sub_button { text-align:center; margin:10px; }

.choose-donation-box input{
	display:none;
}

.donation-name{
	margin:10px 0px;
	margin-bottom:15px;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.71);
} 

.donation-name , .price  {
	display:block;
	text-align:center;
	padding:6px;
	position:relative;
	z-index:2;
	color: #fff !important;
}

.price {
	border:2px solid #fff;
	background-color:#004568;
}

.choose-donation input{
	display:inline-block;
	margin:15px;
}

#CustomAmount { 
	position:relative;
	z-index:999;
	line-height: 24px;
	padding: 5px;
	margin-bottom: 7px;
	width:120px;
	margin:0;
}

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

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


.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 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 { font-size: 24px; color: #f7941d !important; font-weight: 500 !important; text-decoration: underline !important; line-height: 36px; }
#panel .home-container.block-right a:hover { text-decoration: none !important; }



body.home_page #panel p { font-size: 30px; margin-bottom: 15px !important; line-height: 42px; }
#panel p { font-size: 24px; margin-bottom: 15px !important; line-height: 36px; }
#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; background: #ffffff !important; }

#pageBackground #panel #header_section { margin-top: 0px !important; background: #ffffff; }

#header { display: none; }


#hap_logo { 
	width:170px;
	/* margin:0 auto; */
	margin-left: 20px;
	padding-top: 5px;
	z-index:1000;
	position:relative;
	float:left;
}

#hap_logo img { width:100%; height:auto; }

#panel #nav-main { 
	
	border: none; 
	background-color: #ffffff; 
	padding:0; 
	max-width: 1280px; 
	float: left;
	padding-top: 20px;
	/*
	margin-left:-558px !important; 
	left: 50% !important; 
	float: left;
	*/ 
	width:1100px;
	
	
}

#panel .blue_bar { background-color:#004568; height:2px; }

#panel section#home-content { padding-top:30px; }

#nav-main #nav-main-inner {  }
#nav-main #nav-main-inner ul li > ul {  }


#nav-main ul { width: 100%; height: auto; float: left; }
#nav-main ul li { padding: 0 20px; float: left; border-bottom: 0px; }
#nav-main ul li > a { line-height: 60px; }

#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; }


#panel #nav-main #nav-main-inner ul li ul { position: absolute; width: 100%; height: auto; float: left; background: #004568; left: 0; padding: 60px 0 0; text-align: center; 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; }

ul.nav-minor { text-align: center; padding-bottom: 0px; }
ul.nav-minor li { background: #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; }
#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; }


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

/************* Newsletter Section *************/


.FollowUsSection { width: 100%; height: auto; display: inline-block; background: #ade7ff; text-align: center; max-width: 100%; padding:50px 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 .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; }
#menu ul li a { text-transform: uppercase; font-weight: 500; font-size: 15px; }

.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; }

#home-content #subNav { display: none; }
section.block-right-flex { max-width: 100% !important; }
section.block-right-flex .block-right { width: 100% !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;  }
#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; }



#home-content #contactBody { max-width: 900px !important; margin-bottom: 100px; }
#contactBody h2.sub-heading { text-align: center; border:none; display: none; }
#contactForm form table tr { width: 50%; height: auto; float: left; }
#contactForm form table tr:nth-child(5), #contactForm form table tr:nth-child(6) { 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 input { 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; }
#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: #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; }


/************* 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; }
  img.Logo { display: none; }
  
  .MobileNavigation { display: block; width: 100%; height: auto; float: left; }
  .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 { 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; line-height: 24px; }
  #panel h1, .NewsLetterSection { font-size: 50px; line-height: 60px; }
  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: 10px 0 50px !important; }
  #home-content #contactBody { padding: 0px !important; }
  #home-content #contactBody tbody { padding: 0px !important; }
  #contactForm form input { padding: 15px; margin: 0 0 30px; }
  .SwimmingSpotSection .SwimmingSpotImg .SwimmingSpotImgTxT { font-size: 30px; line-height: 36px; bottom: 15px; }
  #panel .home-container.block-right .SwimmingSpotButtons a { width: 100%; margin: 0 0 15px; }
}

@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; }
}