body { height:100%; font-size:15px; line-height:1.6em; letter-spacing:.02em; background-color: #fff;}
body{font-family: "aktiv-grotesk-std",sans-serif;}
html, body, .body { height: 100%; }
h1, h2, h3, h4, h5 { line-height: 1.6em; margin: 0; font-weight:300; color:#000}
h1 { font-size: 200% }
h2 { font-size: 175% }
h3 { font-size: 150% }
h4 { font-size: 125% }
h5 { font-size: 110% }
strong { font-size: 101%; font-weight: bold }
b { font-size: 101%; font-weight: bold }
em { font-style: italic }
i { font-style: italic }
p { padding: 5px 0; }
img{ border:none; }

a.dropdown-toggle {
    display: none!important;
}
ol.carousel-indicators {
    display: none;
}
a.left.carousel-control, a.right.carousel-control {
    display: none;
}


.wrapper {  min-height: 100%;  /* equal to footer height */  margin-bottom: -100px; position:relative;}
.wrapper:after {  content: "";  display: block;}
.footer, .wrapper:after { /* .push must be the same height as footer */  height: 100px;}

.header {padding-top:80px;}
.login-btn {width:260px; height:60px; float:left; position:relative;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;}
.logo {width:175px; height:121px; top:-33px; background:transparent url(/assets/atlanticbeachclub/media/logo-2016.png) no-repeat 0 0; margin-left:5px; float:left; display:block; text-indent:-5000px; position:absolute;}
.login a{font-size:14px; text-decoration:none; float:right; background:transparent url(/assets/atlanticbeachclub/media/lock.png) no-repeat 0 21px; display:block; padding-left:18px; color:#000; line-height:60px; margin-right:8px}
.login a:hover {text-decoration:underline}

.content { }
.content .inner-content{width:640px; margin:0 auto; background-color: transparent;  background-color: rgba(255, 255, 255, 0.6); position:absolute; bottom:100px; left:50%; margin-left:-330px;}
.inner-content {-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
.address-input {width:450px;  background-color:transparent; border:0px none; border-bottom:1px solid #5B7BA4; color:#5a5500; font-size:12px}
.submit-link {background:none; border:0px none; border-bottom:1px solid #5B7BA4; font-size:16px; color:#5a5500; padding:0 8px; margin-left:5px}
.map {width:450px; height:500px; border:3px solid #5B7BA4; margin:0 auto}


.footer { position:relative}
.footer .inner { width:600px; height:85px; margin:0 auto;  background-color: transparent;  background-color: rgba(255, 255, 255, 0.6); padding:5px 30px 10px;  text-align:center}
.splash .footer .inner {}
.page .footer .inner {border-top:1px solid #ccc}
.footer .foot-info {font-size: 12px; line-height:1.4em}
.foot-nav {z-index:999}
.foot-nav ul {line-height:24px; text-align;center; height:24px;}
.foot-nav ul li {display:inline-block; *display:inline; zoom:1; height:24px;}
.foot-nav ul li a {display:block; float:left; font-weight:bold; font-size:14px; color:#000; text-decoration:none; padding:0 10px; height:24px;}
.foot-nav ul li.first {padding-right:0px; }
.foot-nav ul li.first a{padding-right:0px; }
.foot-nav ul li.last a{padding-left:0px; }
.foot-nav ul li.last {padding-left: 15px; background:transparent url(/assets/atlanticbeachclub/uploads/bullet.png) no-repeat 5px center}

.splash .footer .round {-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}

.page .round {-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;}

.grad {background:transparent url(/assets/atlanticbeachclub/media/login-btn.png) repeat-x 0 0; 
  -webkit-box-shadow: 1px 1px 1px 1px #666666;
          box-shadow: 1px 1px 1px 1px #666666;}

.drop .mobile-login{display:none!important}

.slicknav_menu { display: none; }
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul, .slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */ 
.slicknav_menu { *zoom: 1
}
/*    User Default Style 
    Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu { font-size: 16px; }
/* Button */
.slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #243067; }
/* Button Text */
.slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; }
/* Button Lines */
.slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; }
.slicknav_menu { background: #efefef url(/assets/atlanticbeachclub/media/mobile-logo.png) no-repeat 10px 0px; padding: 5px; }
.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; }
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; }
.slicknav_nav ul { padding: 0; margin: 0 0 0 20px; }
.slicknav_nav .slicknav_item { padding: 5px 10px; margin: 2px 5px; }
.slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #666; }
.slicknav_nav .slicknav_item a { padding: 0; margin: 0; }
.slicknav_nav .slicknav_item:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #efefef; color: #243067; }
.slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #efefef; color: #243067; }
.slicknav_nav .slicknav_txtnode { margin-left: 15px; }

@media screen and (max-width:59.9999em) {
.mobile-login{display:block!important}
  .header {display:none}
.content .inner-content{width:100%; margin:0 auto; background-color: transparent;  background-color: rgba(255, 255, 255, 0.6); position:relative; top:50px; left:0}
.js .drop { display: none; }
.js .slicknav_menu { display: block; }
.slicknav_menu .login {display:none }
.wrapper {  min-height: 100%;  /* equal to footer height */  margin-bottom: -190px; position:relative;}
.footer, .wrapper:after { /* .push must be the same height as footer */  height: 190px;}
 .footer { position:relative}
.footer .inner {width:100%;  height:165px; margin:0 auto;  background-color: transparent;  background-color: rgba(255, 255, 255, 0.6); padding:15px 0px 10px;  text-align:center}
}

@media screen and (max-width:30em) {
.mobile-login{display:block!important}
  .header {display:none}
.content .inner-content{width:100%; margin:0 auto; background-color: transparent;  background-color: rgba(255, 255, 255, 0.6); position:relative; top:50px; left:0}
.js .drop { display: none; }
.js .slicknav_menu { display: block; }
.slicknav_menu .login {display:none }
.wrapper {  min-height: 100%;  /* equal to footer height */  margin-bottom: -190px; position:relative;}
.footer, .wrapper:after { /* .push must be the same height as footer */  height: 190px;}
 .footer { position:relative}
.footer .inner {width:100%;  height:165px; margin:0 auto;  background-color: transparent;  background-color: rgba(255, 255, 255, 0.6); padding:15px 0px 10px;  text-align:center}
}