/*

Theme Name: PWM Custom Theme
Theme URL: http://www.elkrapidspt.com
Custom Wordpress Theme
Version: 1.0
Author: Pro Web Marketing
Author URI: http://www.prowebmarketing.com

*/

body{font-family: 'Open Sans', sans-serif;font-size:17px;color:#000000;}

table, th, td {
   border: 1px solid #000000;
}

img{max-width:100%;height:auto;}
a, a:hover{}

h1,h2,h3,h4,h5,h6{padding:0px !important; margin:0px !important;}

hr{border-top:1px solid #666;}
/* Formidable 2.0 - Title Fix */ fieldset legend{display:none !important;}

th {padding:6px !important;}
td {padding:6px !important;}

.white-bg {background-color: #ffffff;}

.nomargin{margin-left:0;margin-right:0;}
.nopadding{padding-left:0;padding-right:0;}

.row {margin-top:15px;}

.box {border:solid 2px #000000; padding: 5px;}

.alignleft {margin-right: 10px;}
.alignright {margin-left: 10px;}

/* START new header styles */
.logo {position:fixed; top:15px; z-index: 2010; padding-left: 50px;}
.inner-content {background-color: #ffffff; padding: 30px 0px;}

#topnav {background:#4B78B5; padding-left: 0px; padding-top: 0px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);position:relative;z-index:2000; color:#000000;}

.mobile-header {background:#4B78B5; padding: 10px; text-align: center;}

#header {font-size:16px; position:relative; top:0; left:0; right:0; padding:2px 20px 2px 0px; z-index:500; margin:0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdaf8f+0,dfdddb+100&1+0,0+100 */
background: #CEB192; /* FF3.6-15 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdaf8f', endColorstr='#00dfdddb',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.0);
-moz-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.0);
box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.0);
}
#header h1 {color:#2b2d00; font-size:24px; font-weight:700; font-family: 'Prosto One'; padding-bottom:0px; margin-bottom:0px;}

@media (min-width:768px) {
#header {width:750px;}
}
@media (min-width:992px) {
#header {width:970px;}
}
@media (min-width:1200px) {
#header {width:1170px;}
}

.header-right {text-align:right;}
.header-right h1 {color:#ffffff; font-size:24px; font-weight:400; font-family: 'Prosto One'; text-transform:uppercase; padding-top:0px !important;}

.header-text {margin-top:10px; font-size:13px;}
.header-text h1 {font-size:16px !important; margin-top:15px !important;}
.header-text img {margin-right:10px; margin-bottom:5px;}

.hright{text-align:center;margin-top:20px;}
.hright p{margin:0;line-height:18px; font-size:14px;}
.hright a{color:#666666;}
.hright a:hover {text-decoration:none;}

/* Global Menu Styles */
.navbar{margin-bottom:0;min-height:0;}
.navbar-nav{margin:0;}
.navbar-default{background:none;border-radius:0;border:0;}
.nav>li>a{padding:5px 25px;font-family: 'Open Sans', serif;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding:10px 15px;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle{font-size:15px;font-weight:400;color:#ffffff;text-align:center;font-family: 'Open Sans', serif; text-transform:none;}
.navbar-default .navbar-nav>li>a{background:none;color:#ffffff;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color:#FFF;text-decoration:none;background:none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color:#ffffff;background:none;font-weight:700;}
.navbar-default .navbar-nav .dropdown-menu>li>a{color:#000;}
.navbar-default .navbar-nav .dropdown-menu>li>a:hover{text-decoration:none;}
.navbar-default .navbar-nav .dropdown-menu{background-color:#FFFFFF;padding:0;text-align:center;border:0;border-radius:0;-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);}
.navbar-default .navbar-nav .current-menu-item a{background:none;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none;border:0;border-radius:0;}
.navbar-toggle{text-align:center;width:100%;float:none;margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;box-shadow:none;}
.navbar-collapse{padding:0;}
/* Dropdown Open with Active */
.navbar-default .navbar-nav>.open>a{background:none;text-decoration:none;}
.navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background:none;color:#FFF;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{background:none;font-weight:400;text-decoration:none;color:#000000; font-size:14px; padding:8px 4px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{background:#4B78B5;text-decoration:none;color:#FFF;}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#FFF;background:#4B78B5;font-weight:700;text-decoration:none;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#FFF;background:#4B78B5;}
/* Current Ancestor with Current Page Parent */
.navbar-default .navbar-nav .current-page-ancestor a, .navbar-default .navbar-nav .current-page-ancestor a:hover, .navbar-default .navbar-nav .current-page-ancestor a:focus, .navbar-default .navbar-nav .current_page_parent a{background:#4B78B5; color:#ffffff; font-weight:700;text-decoration:none;}

.btn {
    border-radius: 0px;
    cursor: pointer;
    padding: 15px;
    text-align: center;
	color:#000000;
	font-size:18px !important;
	text-transform:none;
	font-weight:400;
}
.btn:hover {color:#FFFFFF !important;}

.btn-default{background-color: #e2ba8f; border:none; color: #000000 !important; margin:20px 0px;}
.btn-default:hover{background-color: #4E8BAE; color:#ffffff !important;}

.btn-form{background-color: #00324f; border:none; color: #ffffff !important; margin:0px 20px 5px 0px; padding:5px 10px !important; float:right;}
.btn-form:hover{background-color: #4E8BAE; color:#ffffff !important;}

.banner-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background:rgba(0,0,0,0.7); text-align: center; padding: 15px; color: #ffffff;}

/* vertical-centered text */
.banner-content h1 {font-size: 40px; font-weight: 900; margin: 0px 0px 15px; padding: 0; color:#ffffff;font-family: 'Source Sans Pro', sans-serif;}
.banner-content h2 {font-size: 25px; font-weight: 600; margin: 0px 0px 15px; padding: 0; color:#ffffff;font-family: 'Source Sans Pro', sans-serif;}
.banner-content a {color: #ffffff; text-decoration: none;}
.banner-content a:hover {color: #ffffff; text-decoration: none;}

.main-banner-area {position: relative; display: inline-block; /* Make the width of box same as image */ z-index: 3;}
.main-banner-area h1 {margin-bottom: 20px !important; font-size: 22px !important;}
.banner-image {width: 100%; min-height: 400px;}
.main-banner-area .text{
	position: absolute;
	z-index: 999;
	margin: 0 auto;
	left: 0;
	right: 0;        
	text-align: center;
	background: rgba(0, 0, 0, 0.7);
	top: 15%; /* Adjust this value to move the positioned div up and down */
	padding: 20px;
	font-family: Arial,sans-serif;
	color: #fff;
	width: 90%; /* Set the width of the positioned div */
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.mainbanner-text {position: relative; z-index: 4; text-align: center; margin-top: -320px; margin-bottom: 200px;}
.mainbanner-text h1 {background: rgba(0, 0, 0, 0.7); display: inline-block; padding: 20px !important; color: #ffffff; font-family: Arial,sans-serif; font-weight: 700;}
.mainbanner-text h1 span {display: inline-block; font-size: 20px !important; padding-top: 10px !important; font-weight: 400;}

.innermain-banner-text {position: relative; z-index: 4; text-align: center; margin-top: -380px; margin-bottom: 180px; padding: 20px 0px;}
.innermain-banner-text h1 {background: rgba(0, 0, 0, 0.7); display: inline-block; padding: 20px !important; color: #ffffff; font-family: Arial,sans-serif; font-weight: 700;}
.innermain-banner-text h1 span {display: inline-block; font-size: 20px !important; padding-top: 10px !important; font-weight: 400;}

.innermain-banner-area {position: relative; display: inline-block; /* Make the width of box same as image */}
.innermain-banner-area h1 {margin-bottom: 20px !important; font-size: 22px !important;}
.innermain-banner-area .text{
	position: absolute;
	z-index: 999;
	margin: 0 auto;
	left: 0;
	right: 0;        
	text-align: center;
	background: rgba(0, 0, 0, 0.7);
	top: 15%; /* Adjust this value to move the positioned div up and down */
	padding: 20px;
	font-family: Arial,sans-serif;
	color: #fff;
	width: 90%; /* Set the width of the positioned div */
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.mobile-tagline-area {background-color: #4B78B5; color: #ffffff; text-align: center; padding: 10px; margin-bottom: 5px;}
.mobile-tagline-area h1 {font-size: 22px !important; font-weight: 700 !important;}
.mobile-tagline-area h1 span {font-size: 18px !important; font-weight: 400 !important;}

.banner-area {margin-top: 10px; margin-bottom: 10px;}

.btn-banner {background-color: #00324f; border:1px solid #ffffff; color: #ffffff !important; margin:25px 0px 0px 0px; padding:10px 20px !important; border-radius: 5px !important;}
.btn-banner:hover {background-color: #4E8BAE; color:#ffffff !important;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}

.home-boxes {position: relative; display: inline-block; /* Make the width of box same as image */}
.home-boxes img {width: 100%; min-height: 300px; max-height: 300px;}
.home-boxes a{
	position: absolute;
	z-index: 999;
	margin: 0 auto;
	left: 0;
	right: 0;        
	text-align: center;
	text-decoration: none;
	top: 40%; /* Adjust this value to move the positioned div up and down */
	background: none;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
	font-weight: 700;
	padding: 20px;
	font-family: Arial,sans-serif;
	color: #fff;
	width: 70%; /* Set the width of the positioned div */
}
.home-boxes a:hover {
	background: rgba(0, 0, 0, 0.7);
	top: 10%; /* Adjust this value to move the positioned div up and down */
	padding: 110px 30px;
	color: #fff;
	width: 90%; /* Set the width of the positioned div */
	 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;
}

.box-padding {padding:2px;}

.block-bg-green {background-color: #4c7433; min-height: 150px; max-height: 150px;}
.block-bg-dk-tan {background-color: #a78b31; min-height: 150px; max-height: 150px;}
.block-bg-lt-tan {background-color: #fcbb6c; min-height: 150px; max-height: 150px;}
.block-bg-dk-blue {background-color: #4b78b5; min-height: 150px; max-height: 150px;}
.block-bg-lt-blue {background-color: #71cfec; min-height: 150px; max-height: 150px;}

.block-boxes {position: relative; display: inline-block; margin-bottom: 10px;/* Make the width of box same as image */}
.block-boxes a{
	position: absolute;
	z-index: 999;
	margin: 0 auto;
	left: 0; right: 0;       
	text-align: center;
	top: 20%; /* Adjust this value to move the positioned div up and down */
	background: none;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
	font-size: 25px;
	font-weight: 700;
	text-decoration: none;
	padding: 20px;
	font-family: Arial,sans-serif;
	color: #fff;
	width: 70%; /* Set the width of the positioned div */
}
.block-boxes a:hover {
	background: none;
	color: #fff;
	text-decoration: underline;
}

.border-right {border-right: 5px solid #ffffff;}
.border-left {border-left: 5px solid #ffffff;}
.border-middle {border-left: 5px solid #ffffff; border-right: 5px solid #ffffff;}

.block-boxes-dual {position: relative; display: inline-block; margin-bottom: 10px; /* Make the width of box same as image */}
.block-boxes-dual a{
	position: absolute;
	z-index: 999;
	margin: 0 auto;
	left: 0;
	right: 0;        
	text-align: center;
	top: 10%; /* Adjust this value to move the positioned div up and down */
	background: none;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
	font-size: 25px;
	font-weight: 700;
	text-decoration: none;
	padding: 20px;
	font-family: Arial,sans-serif;
	color: #fff;
	width: 80%; /* Set the width of the positioned div */
}
.block-boxes-dual a:hover {
	background: none;
	color: #fff;
	text-decoration: underline;
}

/* custom boxes - home page */
.custom-made{
	position: relative;
	text-align: center;
}
.custom-made img{
	width: 100%;
	height: auto;
	opacity: 0.7;
}
.custom-made-text{
	background-color: rgba(192,192,192,0.6);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
	padding: 20px;
}
.custom-made-text:hover{
	background-color: rgba(0,0,0,0.6); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;
}

.box-link a {color: #14325b; text-decoration: none;}
.box-link a:hover {color: #ffffff; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}

/* custom boxes - home page */

.ind-service {background-position:center center; background-repeat:no-repeat; height:350px; text-align:center; line-height:350px; border:2px solid #ffffff;}
.services-section {background-color:#ffffff;border-top:0px solid #000000;}
.services-section a {background-color:rgba(0,0,0,0.5); padding:25px 10px; color:#ffffff; text-transform:uppercase; font-size:18px; font-family: 'Aldrich' !important;}
.services-section a:hover {background-color:rgba(53,112,16,0.50); text-decoration:none; color: #ffffff;}
	
.banner-bg {background-position:top center; background-repeat:no-repeat; background-size:cover; min-height:500px; max-height: 500px;}
.left-banner {background-color:rgba(0,0,0,0.7); color:#ffffff; padding:20px; min-height:500px; max-height: 500px;}
.left-banner h1 {font-size:28px !important; padding-bottom:13px !important}

.sidebarblock {line-height:16px !important;}
.sidebarblock a {color:#000000;}
.sidebarblock img {margin-top:20px;}

.content-section {background-color:#ffffff; color:#000000; padding:20px;}
.content-section p {line-height:26px; margin-bottom:15px;}
.content-section h1 {font-size:26px; font-weight:700; color:#006600; padding-bottom:10px !important;}
.content-section h2 {font-size:22px; font-weight:300; color:#666666;}
.content-section a {color:#4483a6; text-decoration:none;}
.content-section a:hover {text-decoration:none;}

.inner-section {background-color:#ffffff; color:#000000; padding:20px 20px 20px 20px;}
.inner-section h1 {font-size:30px; font-weight:700; color:#4483a6; padding:0px 0px 8px 0px !important; margin:0px 0px 0px 0px !important;}
.inner-section h2 {font-size:22px; font-weight:700; color:#666666; padding:0px 0px 8px 0px !important;}
.inner-section a {color:#4483a6; text-decoration:none;}
.inner-section a:hover {text-decoration:none;}

.innermain-banner-text-test {position: absolute; z-index: 4; text-align: center; padding: 20px 0px;
top: 40%;  /* position the top  edge of the element at the middle of the parent */
left: 50%; /* position the left edge of the element at the middle of the parent */
transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */}
.innermain-banner-text-test h1 {background: rgba(0, 0, 0, 0.7); display: inline-block; padding: 20px !important; color: #ffffff; font-family: Arial,sans-serif; font-weight: 700;}
.innermain-banner-text-test h1 span {display: inline-block; font-size: 20px !important; padding-top: 10px !important; font-weight: 400;}

.innermain-banner-area-test {position: relative; display: inline-block; /* Make the width of box same as image */}
.innermain-banner-area-test h1 {margin-bottom: 20px !important; font-size: 22px !important;}
.innermain-banner-area-test .text{
	position: absolute;
	z-index: 999;
	margin: 0 auto;
	left: 0;
	right: 0;        
	text-align: center;
	background: rgba(0, 0, 0, 0.7);
	top: 15%; /* Adjust this value to move the positioned div up and down */
	padding: 20px;
	font-family: Arial,sans-serif;
	color: #fff;
	width: 90%; /* Set the width of the positioned div */
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}


.welcome-area-test {padding: 20px; color: #ffffff;}
.welcome-area-test h1 {font-size:30px; font-weight:700; color:#ffffff; padding:0px 0px 8px 0px !important; margin:0px 0px 0px 0px !important;}
.welcome-area-test h2 {font-size:22px; font-weight:400; color:#ffffff; padding:0px 0px 15px 0px !important;}

.quick-links-test {background-color:#f5f5f5; color:#000000; padding:10px;}
.quick-links-test h1 {font-size:30px; font-weight:700; color:#4483a6; padding:0px 0px 8px 0px !important; margin:0px 0px 0px 0px !important;}
.quick-links-test h2 {font-size:22px; font-weight:400; color:#4483a6; padding:0px 0px 8px 0px !important;}
.quick-links-test p {font-size: 18px;}
.quick-links-test a {color:#4483a6; text-decoration:none;}
.quick-links-test a:hover {text-decoration:none;}
.ql-block-test {padding-right: 15px;}


.quick-links {background-color:#f5f5f5; color:#000000; padding:10px;}
.quick-links h1 {font-size:30px; font-weight:700; color:#4483a6; padding:0px 0px 8px 0px !important; margin:0px 0px 0px 0px !important;}
.quick-links h2 {font-size:22px; font-weight:400; color:#4483a6; padding:0px 0px 8px 0px !important;}
.quick-links p {font-size: 18px;}
.quick-links a {color:#4483a6; text-decoration:none;}
.quick-links a:hover {text-decoration:none;}
.ql-block {padding-right: 15px;}

.btn-quicklink {background-color: #00324f; border:none; color: #ffffff !important; margin:5px 0px 15px 0px; padding:5px 10px !important; float:left;}
.btn-quicklink:hover {background-color: #4E8BAE; color:#ffffff !important;}

.welcome-area {padding: 20px; color: #ffffff;}
.welcome-area h1 {font-size:30px; font-weight:700; color:#ffffff; padding:0px 0px 8px 0px !important; margin:0px 0px 0px 0px !important;}
.welcome-area h2 {font-size:22px; font-weight:400; color:#ffffff; padding:0px 0px 15px 0px !important;}

.microsite-map-section {position: relative; margin-bottom: 25px;}
.microsite-map-section h1 {font-size:30px; font-weight:700; color:#ffffff; padding:0px 0px 8px 0px !important; margin:0px 0px 0px 0px !important;}
.microsite-map-section img {position: relative; width: 100%; min-height: 300px; max-height: 300px; object-fit: cover; padding: 0px 3px;}
.microsite-map-content{
	position: absolute;
	z-index: 999;
	margin: 0 auto;
	left: 0;
	right: 0;        
	text-align: center;
	text-decoration: none;
	top: 20%; /* Adjust this value to move the positioned div up and down */
	background:rgba(0,0,0,0.60);
	font-weight: 700;
	font-size: 22px;
	padding: 40px 30px;
	font-family: Arial,sans-serif;
	color: #fff;
	width: 90%; /* Set the width of the positioned div */
}

.microsite-map-content-mobile {background-color: #4B78B5; font-size:20px; color: #ffffff; padding: 15px 30px;}

.btn-map {background-color: #ffffff; border:none; color: #4B78B5 !important; margin:0px 20px 5px 0px; padding:5px 10px !important; border-radius: 0px !important; font-weight: 700;}
.btn-map:hover{background-color: #71CFEC; color:#ffffff !important;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}

.featured-section {background-color:#ffffff; color:#000000; padding:20px 20px 20px 20px;}
.featured-section h1 {font-size:30px; font-weight:700; color:#4483a6; padding:0px 0px 8px 0px !important; margin:0px 0px 0px 0px !important;}
.featured-section h2 {font-size:22px; font-weight:700; color:#666666; padding:0px 0px 8px 0px !important;}

.featured-boxes {position: relative; display: inline-block; /* Make the width of box same as image */}
.featured-boxes img {min-height: 300px; max-height: 300px; min-width: 350px; max-width: 350px; object-fit: cover; padding: 0px 3px;}
.featured-boxes a{
	position: absolute;
	z-index: 999;
	margin: 0 auto;
	left: 0;
	right: 0;        
	text-align: center;
	text-decoration: none;
	top: 40%; /* Adjust this value to move the positioned div up and down */
	background: none;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
	font-weight: 700;
	padding: 20px;
	font-family: Arial,sans-serif;
	color: #fff;
	width: 70%; /* Set the width of the positioned div */
}
.featured-boxes a:hover {
	background: rgba(0, 0, 0, 0.7);
	top: 10%; /* Adjust this value to move the positioned div up and down */
	padding: 110px 30px;
	color: #fff;
	width: 90%; /* Set the width of the positioned div */
	 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;
}

.lt-block {border:1px solid #666666; text-align:center; padding: 20px; margin-bottom: 20px;}
.lt-block h2 {font-size: 18px !important;}

.callout-section {padding:10px 20px; text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003a59+0,619abb+100 */
background: #003a59; /* Old browsers */
background: -moz-linear-gradient(top, #003a59 0%, #619abb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #003a59 0%,#619abb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #003a59 0%,#619abb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a59', endColorstr='#619abb',GradientType=0 ); /* IE6-9 */
}

.callout-boxes {
text-align: center;
vertical-align: middle;
border-radius: 0%;
/*make it pretty*/
background: #ffffff;
color: #000000;
font-weight:600;
font-size: 18px;
padding:20px 0px;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
margin-bottom: 10px;
}

.callout-boxes a {color:#4483a6; font-family: 'Open Sans' !important; font-size:18px; font-weight:400; padding:10px !important;}
.callout-boxes a:hover {color:#006600; text-decoration:none;}

.social-section {text-align:center; padding:0px !important; margin:0px !important;}

.facebook-section {padding:8px; background-color:#ffffff; text-align:left; color:#000000; min-height:400px;}
.facebook-section h1 {font-size:30px !important; padding-bottom:10px !important; font-weight:700;}

.blog-section {padding:8px; background-color:#e2ba8f; text-align:left; color:#000000; min-height:400px;}
.blog-section h1 {font-size:30px !important; padding-bottom:10px !important; font-weight:700;}
.blog-section a {color:#000000; font-size:16px; display:block; border-bottom:1px solid #000000; padding:4px; font-weight:700;}

.read-all-blogs {text-align:right; font-size:14px;}
.read-all-blogs a {border-bottom:0px solid #000000 !important; padding:4px; font-style:italic; font-weight:300;}

.whats-happening-section {padding:8px; background-color:#043f60; text-align:center; color:#ffffff;}
.whats-happening-section h1 {font-size:30px !important; padding-bottom:10px !important; font-weight:700;}

.newsletter-section {text-align:center; padding:0px !important; margin:0px !important;}
.nl-left { min-height:430px; text-align:center; color:#ffffff; padding:120px 20px 0px 20px;background-color: #4C7533;
}
.nl-left h1 {font-size:26px; font-weight: 700;}

.nl-right {background-image:url(/img/nl-right-bg.jpg); background-position:bottom center; padding:0px 20px; min-height:430px; text-align:center;}
.nl-right h1 {background-color:rgba(75,120,181,0.5); color:#ffffff; text-align:center; padding:15px !important; display:inline-block; margin-top:150px !important; font-size:30px;
-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.75);
}
.nl-right a {color: #ffffff; text-decoration: none;}
.nl-right a:hover {color: #E2BA8F;}

.sponsors-section {padding:8px 8px 18px 8px; background-color:#e2ba8f; text-align:center; color:#000000;}
.sponsors-section h1 {font-size:30px !important; padding-bottom:10px !important; font-weight:700;}

/***** SIDE BY SIDE beaches and trails Links *****/
.category-section{padding: 0px;background-color: #fff;}
.thumbs {display: block; width: 98%; height: 300px; overflow: hidden; margin-bottom: 25px;}

.thumbs .inner {background-position-x: 50%; background-position-y: 50%; background-size:cover; background-repeat:no-repeat; display: block;
height: 100%; transform: scale(1, 1); transition: transform 0.4s; -webkit-transition: all 200ms linear;}

.thumbs:hover .inner{filter: blur(5px); transform: scale(1.05, 1.05);}

.thumbs .main-link-text{opacity: 1; color: #ffffff; font-size: 25px; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;
font-weight: 700; text-align: center; position: absolute; -webkit-transition: all 200ms linear; background: none; padding: 30px;}

h1.main-link-text{opacity: 1; text-transform: uppercase; color: #ffffff; font-size: 26px; font-weight: 700; text-align: center;display: block; width:98%; background-color: #4B78B5; padding:8px 5px !important;}

.thumbs .sub-link-text{opacity: 1; color: #ffffff; font-size: 22px;	bottom: -10%; left: 50%; transform: translate(-50%, -50%); width: 100%;
font-weight: 700; text-align: center; position: absolute; -webkit-transition: all 200ms linear; background: none; padding: 30px; display: block;}

.featuredimage img {float: left !important; margin-right: 10px !important;}
/***** SIDE BY SIDE beaches and trails Links *****/

label.screen-reader-text {display: none !important;}

.map-section {margin-bottom:-8px;}

footer {background-color:#4B78B5; color:#ffffff; padding:20px 0px; font-size:14px; text-align:center; border:2px solid #043F60}
footer a {color:#ffffff;}
footer p {line-height:18px;}

.footer-left {text-align: center;}
.footer-right {text-align: center;}
.footer-right a {color:#ffffff; text-decoration: none;}
.footer-right a:hover {color:#88b5f1}

.credits {background-color:#275088; color:#ffffff; padding:10px 0px; text-align:center;}
.credits a {color:#ffffff; font-size:14px;}

/* keep for WP image captions and alignments */
img.centered{clear:both;display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:0px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
.wp-caption .wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 8px 0;}
.wp-caption{background-color:#f5f5f5;border:1px solid #ddd;max-width:99%;margin-bottom:10px;padding-top:4px;text-align:center;}
/* */

.frm_error{color:#F00;font-size:12px;margin-top:5px;}
.frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container {display: inherit !important;}

.form-border {border:2px solid #47392C; padding:5px;}
.frm_checkbox {display:inline-block !important; padding-right:10px !important;}

.form-control {margin-bottom: 3px !important;}

/* child pages styles */
.simple .ccchildpage {background: #4B78B5 !important; border-radius: 0px !important;}
.ccchildpage h3 {color: #ffffff !important; font-weight: 700 !important;}
.ccpages_excerpt {color: #ffffff !important;}
.simple .ccchildpage a {color: #ffffff !important; font-weight: 700 !important; text-decoration: underline !important;}
.simple .ccchildpage a:hover {color: #71CFEB !important; text-decoration: none !important;}

/*Peek-a-boo area*/
#peek{height:1000px; margin-bottom: 10px;} /* specify the height */
#peek .fullscreen{height:100%;width:100%;min-height:100%;}
.background {background-repeat:repeat;background-position:50% 50%;/* ie8- graceful degradation */background-position:50% 50%\9 !important;}
/* optional centered text */
#peek .container{color:#fff;text-align:left;position:relative;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
#peek h6{margin:0; font-family: 'Glass Antiqua'; font-size:20px; background:none; color:#FFFFFF; padding:20px 40px; border:0px solid #ffffff;}
.shadow {background:rgba(0,0,0,0.7); color:#FFFFFF; padding:20px 40px; border:2px solid #ffffff;}

.peek-padding {padding: 0px 30px; margin-bottom: 20px;}

.sidebar-spacing {padding:0px 10px !important;}
.sidebar-link a {display:block; background: #ffffff; text-align:center; margin:0px 15px;
color: #4B78B5;
font-weight:400;
font-size: 20px;
padding:10px 0px;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
}

.sidebar-link a:hover {background:#4B78B5; color: #ffffff;}

.featuredimage {float:left !important; padding-right:15px;}

@media (min-width:768px) {
#topnav {padding-top: 5px;}
#header { position:fixed; background: -moz-linear-gradient(top, rgba(205,175,143,1) 0%, rgba(223,221,219,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(205,175,143,1) 0%,rgba(223,221,219,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(205,175,143,1) 0%,rgba(223,221,219,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdaf8f', endColorstr='#00dfdddb',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.75);
}
.hright{text-align:right;margin-top:40px;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle{font-size:14px;}
.nav>li>a{padding:10px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{font-size:13px; padding:4px 15px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding-left:10px;padding-right:10px;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle, .navbar-default .navbar-nav .dropdown-menu{text-align:left;}
.navbar .navbar-nav {display: inline-block; float: none; vertical-align: top;}
.navbar .navbar-collapse {text-align: center;}
.banner-area {margin-top:10px;}
.callout-section {padding:30px 20px 40px 20px;}
.callout-content {text-align:left; font-size:16px; color:#332906;}
.callout-boxes {color: #000000; font-size: 16px; padding:15px 0px; margin-bottom: 0px;}
.callout-boxes a {font-size:14px; padding:3px !important;}
.inner-section {padding:30px 20px 20px 20px;}
.testimonials h1 {font-size:40px;}
.testimonials {font-size:18px;}
.nl-left {padding:100px 20px 0px 20px;}
.nl-left h1 {font-size:20px;}
.nl-right {padding:0px 20px;}
.nl-right h1 {padding:15px !important; margin-top:180px !important; font-size:26px;}
.footer-left {text-align: left;}
.footer-right {text-align: right;}
.mainbanner-text {margin-top: -180px; margin-bottom: 60px;}
.innermain-banner-text {margin-top: -210px; margin-bottom: 20px; padding: 50px 0px;}
.innermain-banner-area .text{width: 80%; top: 10%; /* Adjust this value to move the positioned div up and down */}
.main-banner-area h1 {font-size: 36px !important;}
.innermain-banner-area h1 {font-size: 36px !important;}
#peek{height:650px;} /* specify the height */
.peek-padding {padding: 0px 30px; margin-bottom: 20px;}
.block-boxes-dual a{width: 80%; font-size: 25px; /* Set the width of the positioned div */}
.block-boxes a{font-size: 25px; /* Set the width of the positioned div */}
/* .welcome-area {max-height: 600px; min-height: 600px;} */
.quick-links {padding:20px; /* max-height: 600px; min-height: 600px; */}
.quick-links h2 {font-size:18px;}
.quick-links p {font-size: 15px;}
.featured-boxes img {min-height: 236px; max-height: 236px; min-width: 236px; max-width: 236px; object-fit: cover; padding: 0px 3px;}
.featured-boxes a{width: 60%; /* Set the width of the positioned div */}
.featured-boxes a:hover {width: 60%; /* Set the width of the positioned div */padding: 60px 20px 60px;top: 20%;}
	}
	
@media (min-width:992px) {
#peek{height:500px;} /* specify the height */
.peek-padding {padding: 0px 30px; margin-bottom: 0px;}
#topnav {padding-top: 40px; padding-left:200px;}
.hright{text-align:right;margin-top:20px;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle{font-size:13px; padding:10px 15px;}
header {color:#ffffff;}
.navbar .navbar-collapse {text-align: right;}
.banner-area {margin-top:10px;}
.banner-text h1 {font-size:40px; font-family:'Open Sans'; color:#333333;}
.callout-boxes {color: #000000; font-size: 18px; padding:20px 0px;}
.callout-boxes a {font-size:18px; padding:10px !important;}
.inner-section {padding:40px 20px 20px 20px;}
.nl-left {padding:120px 20px 0px 20px;}
.nl-left h1 {font-size:30px;}
.nl-right {padding:0px 20px;}
.nl-right h1 {padding:15px !important; margin-top:160px !important; font-size:36px;}
.mainbanner-text {margin-top: -190px; margin-bottom: 60px;}
.innermain-banner-text {margin-top: -230px; margin-bottom: 30px; padding: 20px 0px;}
.innermain-banner-area .text{width: 60%; top: 20%; /* Adjust this value to move the positioned div up and down */}
.block-boxes-dual a{width: 80%; font-size: 30px; /* Set the width of the positioned div */}
.block-boxes a{font-size: 30px; /* Set the width of the positioned div */}
/* .welcome-area {max-height: 530px; min-height: 530px;} */
.quick-links {padding:20px; /* max-height: 530px; min-height: 530px; */}
.quick-links h2 {font-size:20px;}
.quick-links p {font-size: 16px;}
.featured-boxes img {min-height: 300px; max-height: 300px; min-width: 300px; max-width: 300px; object-fit: cover; padding: 0px 3px;}
.featured-boxes a{width: 80%; /* Set the width of the positioned div */}
.featured-boxes a:hover {width: 80%; /* Set the width of the positioned div */ padding: 110px 30px;top: 10%;}
.microsite-map-content{top: 15%; font-size: 22px; padding: 30px 30px; width: 90%;}
}

@media (min-width:1200px) {
#topnav {padding-top: 40px; padding-left:300px;}
.mainbanner-text {margin-top: -220px; margin-bottom: 100px;}
.inner-section {padding:90px 20px 20px 20px;}
.innermain-banner-text {margin-top: -260px; margin-bottom: 70px;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle{font-size:15px; padding:10px 15px;}
.main-banner-area .text{width:50%; top: 30%; /* Adjust this value to move the positioned div up and down */}
.innermain-banner-area .text{width:50%; top: 20%; /* Adjust this value to move the positioned div up and down */}
.block-boxes-dual a{width: 70%; /* Set the width of the positioned div */}
.quick-links h2 {font-size:22px;}
.quick-links p {font-size: 17px;}
.featured-boxes img {min-height: 300px; max-height: 300px; min-width: 380px; max-width: 380px; object-fit: cover; padding: 0px 3px;}
.featured-boxes a{width: 70%; /* Set the width of the positioned div */}
.featured-boxes a:hover {width: 90%; /* Set the width of the positioned div */}
.microsite-map-content{top: 10%; font-size: 22px; padding: 40px 30px; width: 70%;}
}
	
@media (min-width:1400px) {
#topnav {padding-top: 40px; padding-left:450px;}
.mainbanner-text {margin-top: -280px; margin-bottom: 200px;}
.innermain-banner-text {margin-top: -280px; margin-bottom: 80px;}
.main-banner-area .text{width:29%; top: 40%; /* Adjust this value to move the positioned div up and down */}
.innermain-banner-area .text{width:40%; top: 30%; /* Adjust this value to move the positioned div up and down */}
.microsite-map-content{top: 20%; font-size: 22px; padding: 40px 30px; width: 70%;}
	}
	
@media (min-width:1600px) {
#topnav {padding-top: 40px; padding-left:550px;}
.mainbanner-text {margin-top: -320px; margin-bottom: 200px;}
.innermain-banner-text {margin-top: -320px; margin-bottom: 130px;}
.microsite-map-content{top: 20%; font-size: 22px; padding: 40px 30px; width: 60%;}
	}