/* BASIC */
body { background: #434343; font-weight: 400; }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h1, .h1, h2, .h2, h3, .h3 { margin-top: 22px; margin-bottom: 22px; }
blockquote { font-size: 16px; }
img.alignright { float: right; margin: 0 0 1em 2em; }
img.alignleft { float: left; margin: 0 2em 1em 0; }
img { max-width: 100%; }
ul.check { list-style: none; overflow: auto; padding: 0 0 0 30px; }
ul.check li { background: url(https://7d1df7.claudeassets.com/20260606044537im_/http://coastaldocks.com/wp-content/themes/coastal/img/check.png) no-repeat 0 3px; padding: 0 0 0 31px; margin: 14px 0; line-height: 25px; font-size: 16px; }
.alert a { text-decoration: underline; }

/* WORDPRESS IMAGES */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 30px 30px 0; }
.wp-caption.alignleft {margin: 5px 30px 30px 0; }
.wp-caption.alignright { margin: 5px 0 30px 30px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 13px; margin: 0; padding: 7px 0 0 0; }

/* BOOTSTRAP */
.btn { background-image: none; border: none; text-transform: uppercase; text-shadow: none; }

/* NEXTGEN */
.rsUni .rsGCaption { bottom: 20px !important; left: 50% !important; text-align: center !important; width: 200px !important; margin-left: -100px !important; background: rgba(0,0,0,.3) !important; padding: 2px 5px !important; font-size: 14px !important; }
#fancybox-title { font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif !important; font-size: 16px !important; font-weight: bold; }
.ngg-gallery-thumbnail img { border-color: #ddd !important; -webkit-transition:border-color 400ms ease;    -moz-transition:border-color 400ms ease;      -o-transition:border-color 400ms ease;  transition:border-color 400ms ease; }
.ngg-gallery-thumbnail img:hover { background-color: #fff !important; border-color: #4a214b !important; }
.ngg-album-compactbox { background: #fff; border-radius: 4px !important; }
.ngg-album-compactbox:before { background: #fff; border-radius: 4px !important; border-bottom-color: #000 !important; }
.ngg-album-compactbox:after { background: #fff; border-radius: 4px !important; }
.ngg-album-compact h4 .ngg-album-desc { height: auto !important; color: #88BBC0; font-size: 18px; }
.ngg-album-compact p { color: rgba(255, 255, 255, 0.36); }
.ngg-galleryoverview { margin: 30px 0 !important; padding: 20px 0; text-align: center; background: #F5F5F5; }
.ngg-gallery-thumbnail-box { display: inline-block !important; float: none !important; }
.ngg-navigation { padding-top: 0 !important; }
.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover { background-color: #3b8796 !important; border-color: #3b8796 !important; }

/* BUTTONS */
.btn { padding: 6px 20px; }
.btn-lg, .btn-group-lg>.btn { padding: 10px 22px; }
.btn-white { background-color: transparent; border-color: rgba(255,255,255,0.6); color: #fff !important; -webkit-transition:background-color 400ms ease;    -moz-transition:background-color 400ms ease;      -o-transition:background-color 400ms ease;  transition:background-color 400ms ease; }
.btn-white:hover, .btn-white:focus { background-color: rgba(0,0,0,0.3); }
.btn-white:active,.btn-white.active { background-color: rgba(0,0,0,0.3); }

/* HEADER */
header.header { position: relative; }

/* TOP BAR */
.vtop { background: #000; height: 32px; line-height: 32px; font-size: 14px; color: #fff; text-align:center; overflow: hidden; }
.vtop p { display: inline-block; margin: 0 0 0 30px; padding: 0 0 0 10px; height: 28px; line-height: 28px; background-repeat: no-repeat; background-position: 0 50%; }
.vtop a { color: #fff; }
.vtop .fa { font-size: 18px; vertical-align: text-bottom; }

/* LOGO & MENU */
.htop { position: relative; height: 115px; z-index: 300; padding-top: 15px; background: #434343; }
img#logo { width: 275px; height: auto; margin-top: 13px; float: left; position: relative; z-index: 500; }

/* MENU */
#menu { position: relative; z-index: 301; background          : url(/assets/coastaldocks.com/wp-content/themes/coastal/css/main-b110dfd444.css); }
#menu .dropdown:hover .dropdown-menu { display: block; }
#menu ul#menu-primary { font-size: 22px; font-weight: 700; margin: 15px 0 0 40px; }
#menu.navbar-inverse .navbar-nav>li>a { text-shadow: none; }
#menu.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.active>a { box-shadow: none; -webkit-box-shadow: none; }
.dropdown-menu>.active>a { background-image: none; background-color: inherit; }


/* MOBILE MENU */
#mobilemenu { margin-top: 8px; }
#mobile-navbar { background: #111; border: none; }
#mobilemenu.navbar-inverse .navbar-nav>li>a { border-top: 1px solid rgba(255,255,255,.1); }
#mobilemenu.navbar-inverse .navbar-nav>li:first-child>a { border-top: none; }
#mobilemenu.navbar-inverse .navbar-nav>.active>a { background: #000; color: #fff; }
#mobilemenu.navbar-inverse .navbar-nav>li>a:hover, #mobilemenu.navbar-inverse .navbar-nav>li>a:focus { color: #fff; background: #000; }
.navbar-inverse .navbar-toggle { background-color: #333; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #111; border-color: #111; }
.navbar-toggle { margin-right: 0; }

/* TITLE */
.title-box { background: #2a5f6a url(https://204a67.claudeassets.com/20260606044537im_/http://coastaldocks.com/wp-content/themes/coastal/img/blue.png) no-repeat 50% 0; color: #fff; -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); }
.title-box h1, .title-box p.entry-title { text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); }
.title-box h1.entry-title, .title-box p.entry-title { margin: 30px 0 30px 0; font-size: 42px; font-weight: 500; line-height: 1.1; }
p.breadcrumbs { font-size: 14px; padding: 0 0 0 15px; opacity: 0.8; }
p.breadcrumbs a { color: #fff; text-decoration: underline; }

/* FOOTER */
#footer { background: #434343; padding: 30px 0; color: #999; font-size: 14px; }
#footer a { color: #999; }
#footer-logo { margin-bottom: 10px; }
ul.fmenu { margin: 0; padding:0; list-style: none;  }
ul.fmenu > li { text-transform: uppercase; margin-bottom: 5px; font-weight: 600; font-size: 16px; }
ul.fmenu ul { margin: 5px 0 0 0; padding: 0; list-style: none; }
ul.fmenu ul > li { text-transform: none; font-weight: normal; font-size: 14px; }
#footer ul.fmenu a { color: #999; text-decoration: none; }
#footer ul.fmenu a:hover { color: #ccc; }

/* PAGES */
#primary { padding-top: 30px; padding-bottom: 30px; line-height: 1.8; background: #fff; }
.title-box { line-height: 1.8; }
.title-box .container { position: relative; }
p.breadcrumbs { position: absolute; right: 0; top: 50%; }

/* SUBPAGE MENU */
ul.subpage-menu { margin: 0; padding: 0 0 0 25px; list-style: none; max-width: 200px; border-left: 1px solid #eee; text-align: left; font-size: 17px; }
ul.subpage-menu a { color: #444; }
ul.subpage-menu > li {  }
ul.subpage-menu > li:first-child {  }
ul.subpage-menu > li a { padding: 7px 5px; display: block; }
ul.subpage-menu > li.current_page_item { font-weight: bold; }
ul.subpage-menu > li.current_page_item ul.children li { font-weight: normal; }
ul.subpage-menu ul.children { margin: 0; padding: 0 0 10px 15px; font-size: 14px; }
ul.subpage-menu ul.children li { list-style: none; padding: 0; margin: 0;  }
ul.subpage-menu ul.children li a { padding: 2px 5px; display: block; }
ul.subpage-menu ul.children li.current_page_item { font-weight: bold; }

/* PAGE: HOME */
body.home .navbar-inverse .navbar-toggle { background: transparent; border-color: #fff; }
body.home .navbar-inverse .navbar-toggle:hover, body.home .navbar-inverse .navbar-toggle:focus { background-color: #111; border-color: #111; }
body.home .htop { position: absolute; top: 32px; left: 0; width: 100%; background: none; }

/* Slideshow */
#slideshow { position: relative; background: #2b6d6d; z-index: 100; height: 560px; overflow:hidden; }
.slidebg { position: absolute; height: 200px; width: 100%; top: 0; left: 0; z-index: 101; background: -moz-linear-gradient(top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.85)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000',GradientType=0 ); }
#slide-wrapper { position: absolute; left: 0; top: 0; height: 560px; width: 100%; }
.rsBullets { position: absolute; width: 160px; left: 50%; margin-left: -80px; bottom: 20px; text-align: center; height: 14px; line-height: 14px; overflow: hidden; z-index: 502; background          : url(/assets/coastaldocks.com/wp-content/themes/coastal/css/main-b110dfd444.css); }
.rsBullet { width: 14px; height: 14px; display: inline-block; margin: 0 2px; }
.rsNavItem { -webkit-tap-highlight-color: rgba(0,0,0,0.25); }
.rsBullet span { transition: opacity .3s ease-in-out; opacity: 0.5; display: block; width: 14px; height: 14px; border-radius: 14px; -webkit-border-radius: 14px; background: #fff; border: 2px solid #fff; background: transparent; }
.rsBullet.rsNavSelected span { opacity: 1; background: #fff; }

/* Home Intro */
#slideshow .intro { position: relative; height: 560px;  }
#slideshow .intro h1 { z-index: 501; position: absolute; color: #fff; bottom: 60px; left: 0; font-weight: 700; width: 60%; font-size: 36px; text-shadow: 2px 4px 30px rgba(0,0,0,1); -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); }

/* Home Contact Form */
.home-contact { position: absolute; right: 0; bottom: 60px; z-index: 500; background: #fff; padding:0; -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75); width: 300px; height: 390px; overflow: hidden; -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); }
.home-contact h3 {  margin-top: 0; margin-bottom: 15px; font-size: 22px; font-weight: 700;  text-align: center;  display: block; color: #fff; height: 50px;  line-height: 50px; padding: 0; background-color: #3B8796; }
.home-form { padding: 0 20px; }
.home-form ul, .coastal-form ul { padding: 0; margin:0; list-style: none; }
.home-form label, .coastal-form label { display: none; }
.home-form li, .coastal-form li { display: block; margin-bottom: 10px; }
.home-form li.gf_left_half, .coastal-form li.gf_left_half { width: 49%; float: left; margin-right: 1%; }
.home-form li.gf_right_half, .coastal-form li.gf_right_half {width: 49%; float: left; margin-left: 1%; }
.home-form textarea, .coastal-form textarea { height: 175px; }
.home-form .validation_error, .coastal-form .validation_error { display: none; }
.home-form .gfield_description.validation_message, .coastal-form .gfield_description.validation_message { display: none; }
.home-form button, .coastal-form button { margin-right: 10px; }
.home-form li.gfield_error input, .home-form li.gfield_error textarea, .coastal-form li.gfield_error input, .coastal-form li.gfield_error textarea { background-color: #FBE6E6; border-color: #FDC8C8; }
.home-form .gform_confirmation_message, .coastal-form .gform_confirmation_message { font-size: 16px; text-align: center; padding-top: 50px; }

/* Home Content */
body.home .entry-content { padding-top: 30px;   padding-bottom: 10px; }
body.home .entry-content p.lead { font-size: 30px; font-weight: 400; }
body.home .intro-text { max-width: 775px; margin: 0 auto; }
body.home .brands { position: relative; text-align: center; padding-top:50px;  }

/* Service Bar */
.service-bar { position: relative; background: #f2f2f2; padding-bottom: 15px; }
.service-bar a { display: block; padding-top: 90px; background-position: 50% 0; background-repeat: no-repeat; text-align: center; color: #333; font-size: 22px; text-decoration: none; opacity: 0.7; transition: 0.3s opacity ease-in-out; -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); }
.service-bar a:hover { opacity: 1; }
.service-bar a.docks { background-image: url(https://880564.claudeassets.com/20260606044537im_/http://coastaldocks.com/wp-content/themes/coastal/img/service-dock.png); }
.service-bar a.seawalls { background-image: url(https://b93525.claudeassets.com/20260606044537im_/http://coastaldocks.com/wp-content/themes/coastal/img/service-seawall.png); }
.service-bar a.boatlifts { background-image: url(https://2c46e0.claudeassets.com/20260606044537im_/http://coastaldocks.com/wp-content/themes/coastal/img/service-boat.png); }
.service-bar a.marinas { background-image: url(https://02597c.claudeassets.com/20260606044537im_/http://coastaldocks.com/wp-content/themes/coastal/img/service-marina.png); }
.service-bar a.dredging { background-image: url(https://09e940.claudeassets.com/20260606044537im_/http://coastaldocks.com/wp-content/themes/coastal/img/service-dredging.png); }
.service-bar a.construction { background-image: url(https://eb2f09.claudeassets.com/20260606044537im_/http://coastaldocks.com/wp-content/themes/coastal/img/service-construction.png); }

/* PAGE: CONTACT */
#contact-map { height: 350px; }
img[src*="gstatic.com/"], img[src*="googleapis.com/"] { max-width: none; }
.gm-style-iw { text-align: center; }
body.page-template-page-contact-php .coastal-form input, body.page-template-page-contact-php .coastal-form textarea { background: #eee; border-radius: 3px; }

.contact-block { position: relative; float: left; width: 220px; padding: 10px 0 0px 60px; margin: 20px 0 0 0; background-repeat: no-repeat; }
.contact-block h4 { text-transform: uppercase; font-size: 18px; padding: 0; margin: 0 0 7px 0; color: #3b8796; }
.contact-block .fa { position: absolute; top: 5px; left: 20px;  font-size: 40px;  color: #3B8796; }
.coastal-form { margin-bottom: 30px; }

/* PAGE: GALLERY */
body.page-id-10 #primary { background: #222; padding-top: 60px; padding-bottom: 60px; }


/* MOBILE THEME */
@media (max-width: 767px) {
	
	.align-left-xs { text-align: left !important; }
	
	ul.check { padding-left: 0; }
	#primary { line-height: 1.4; }
	h1 { font-size: 28px; }
	h2 { font-size: 23px; }
	h3 { font-size: 19px; }
	h4 { font-size: 16px; }
	
	/* Header */
	img#logo { width: 210px; }
	.htop { height: 80px; padding-top: 5px; }
	.vtop p.vtop-phone { background: none !important; padding-left: 0 !important; margin-left: 0 !important; }
	
	/* Footer */
	footer *[role=navigation] { display: none; }
	#footer-logo { width: 160px; }
	
	/* Pages */
	.title-box { height: auto;  }
	.title-box h1.entry-title { margin: 20px 0 20px 0; font-size: 28px; }
	p.breadcrumbs { display: none; }
	.entry-content h2:first-child { margin-top: 0; }
	
	/* Page: Home */
	.home-contact { display: none; }
	#slideshow, #slide-wrapper { height: 460px; }
	#slideshow .intro { height: 160px; position: absolute; bottom: 0; width: 100%; left: 0; 	}
	#slideshow .intro h1 { font-size: 22px; bottom: 40px; width: 100%; text-align: center; }
	.service-bar a { background-size: contain; font-size: 14px; padding-top: 60px }
	#slideshow img#slide-1 { margin-left: 0 !important; }
	#slideshow img#slide-2 { margin-left: -300px !important; }
	#slideshow img#slide-3 {  margin-left: -200px !important; }
	#slideshow img#slide-4 {  margin-left: -300px !important; }
	#slideshow img#slide-5 {  margin-left: -10px !important; }
	#slideshow img#slide-6 {  margin-left: -10px !important; }
	body.home .entry-content p.lead { font-size: 20px; }
	
	
	/* Page: Contact */
	#contact-map { display: none; }
	
}
/*
     FILE ARCHIVED ON 03:17:30 Jul 11, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:06:42 Sep 15, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.433
  exclusion.robots: 0.046
  exclusion.robots.policy: 0.039
  esindex: 0.007
  cdx.remote: 21.982
  LoadShardBlock: 60.189 (3)
  PetaboxLoader3.datanode: 72.662 (5)
  PetaboxLoader3.resolve: 65.208 (2)
  load_resource: 89.37
  loaddict: 24.949
*/