.text-hidden {
display: block;
text-indent: -9999px;
text-align: left !important;
width: 1px;
height: 1px;
top: -1px;
position: absolute;
overflow: hidden;
}
#hero span{
display:block;color:#aaa;float:left;clear:left;font-size:16px;position:relative;top:60px;
}
div.event h2{
}
div.event a span.details{
color: #219c9c;font-size:14px;text-decoration:none;
}
div.event a{
text-decoration:none;
}
div.event a span.title{
text-decoration:underline;margin-right:10px;
}
#weather b{
font-size:12px;
}
#map_div{
float:left;width:100%;height:90vw;margin-bottom:40px;border:1px solid #333;max-height:700px;
}
.map_legend_color span{font-family:'Roboto';}
.leaflet-popup-content{
font-size:10px;
line-height:16px;
}
.leaflet-control-container{
z-index:1;position:relative;
}
.grid-container{
margin-left:0px;
}
#contact-form span{
font-size:13px;display:block;margin-bottom:10px;margin-top:10px;
float:left;clear:both;
}
#contact-form div{
margin-bottom:4px;float:left;
}
/* nav .nav > li > a.on {
background-color:#0c4141;
}
nav .nav > li > a.hover {
background-color:#0c4141;
}*/
@media screen and (min-width: 701px){
nav .nav > li > a:hover,
nav .nav > li > a.on {
/* background-color:#0c4141; */
color: #8cbebe;
}
}
#contact-form label{
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
font-size:18px;font-weight:bold;display:block;margin-bottom:2px;
float:left;clear:both;
}
#contact-form input[type="text"],#contact-form input[type="email"]{
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
font-size:14px;background-color:#fff;padding:7px 10px;border-radius:4px;border:1px solid #D4CAA8;float:left;clear:both;display:inline-block;
font-family: "Roboto", sans-serif;width:100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#contact-form select{
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
font-size:14px;background-color:#fff;padding:6px 4px;border-radius:4px;border:1px solid #D4CAA8;float:left;clear:both;display:inline-block;
background-image:url('../images/select_input_arrow.png');
background-position: right center;
background-repeat:no-repeat;
font-family: "Roboto", sans-serif;width:100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#contact-form textarea{
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
font-size:14px;background-color:#fff;padding:5px;border-radius:4px;border:1px solid #D4CAA8;float:left;clear:both;width:100%;display:block;
font-family: "Roboto", sans-serif;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#contact-form .submit{
font-family:'Economica',sans-serif;
float:left;clear:left;padding:15px 35px;margin-top:15px;margin-bottom:35px;
background-color: #8cbebe;border:none;
text-transform: uppercase; color:#050708; text-decoration:none;
border-radius:9px 9px 9px 9px; display:block;
font-size:20px;line-height:15px;font-weight:bold;text-align:center;
-webkit-box-shadow: 2px 2px 0px 0px #050708;
-moz-box-shadow: 2px 2px 0px 0px #050708;
box-shadow: 2px 2px 0px 0px #050708;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#contact-form .submit:hover{
background-color: #050708; color:#8cbebe;cursor: pointer; cursor: hand;
-webkit-box-shadow: 2px 2px 0px 0px #8cbebe;
-moz-box-shadow: 2px 2px 0px 0px #8cbebe;
box-shadow: 2px 2px 0px 0px #8cbebe;
}
.pad{
padding-right:10px;
}
a, h2 a{
color:#23a4a4;
}
a:hover,h2 a:hover{
color:;
}
#subnav{
float:left;margin-left:30px;width:200px;
}
.gallery_parent{
float:left;margin-right:20px;margin-bottom:20px;
}
.gallery_parent a.gallery_link{
font-size: 16px;
font-weight: 700;
display:block;
padding:0px 0px 2px;
margin:0;margin-bottom: 5px;
}
.gallery_parent figcaption.gallery_link{
font-size: 16px;
font-weight: 700;
color:#146666;
display:block;text-decoration: none;
padding:0px 0px 2px;
margin:0;margin-bottom: 5px;
}
span.subnav_title > a {
font-size:20px;line-height:20px; height:42px;width:100%;
padding: 10px 20px;text-transform:uppercase;display:block;
text-decoration: none; color: #fff;font-weight: 700;
background-color:#010101;text-align:center;
}
#subnav > ul{
background-color:#8cbebe;padding-top:9px;padding-bottom:11px;
}
#subnav ul li{
}
#subnav ul > li > a{
font-size:20px;line-height:20px; width:100%;
padding: 9px 36px 9px 16px;display:block;
text-decoration: none; color: #fff;font-weight: 700;
text-align:left;
}
#subnav ul > li > ul > li > a{
font-size:17px;line-height:17px; width:100%;
display:block;padding-left:30px;
text-decoration: none; color: #fff;
/*border-top:1px dotted #176669;*/
}
#subnav ul > li > ul{
padding-top:4px;padding-bottom:6px;background-color:#8cbebe;
}
/* #subnav ul > li > a:hover {
padding-right: 16px;
} */
#subnav ul > li > a:hover:after {
content: " ";display:inline-block;width:12px;height:12px;
position:relative; left: 8px; bottom: 0px;
background-image: url('../images/nav_arrow-white.png?v=2024');
background-size:11px 11px;background-repeat:no-repeat;
margin-right: -20px;
}
#subnav ul > li > a.on {
font-weight: 700;
color: #010101;
}
body,html{
margin:0;font-family: 'Economica';
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
color: #050708;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
header {
position: relative;
z-index: 100;
background-image: url('../images/grey-pattern-bg.png');
background-position: center;
background-repeat: repeat;
}
.header-wrapper{
height:95px;width:100%;
margin-left:auto;margin-right:auto;
}
.header{
max-width: 1400px;margin-left:auto;margin-right:auto;overflow:hidden;
}
#mini-header{
display:none;
}
#logo{
position:absolute;top:4px; left:0; right:0;margin: 0 auto;display:block;
background-image:url('../images/logo.svg');
background-size: contain;
background-repeat:no-repeat;width:217px; height:153px;z-index:3;
}
.event{
margin-bottom:10px;float:left;clear:left;
}
#mini-header #logo2{
display:block;float:left;top:0; left:0; right:0;margin-top:8px;margin-left:15px;
background-image:url('../images/logo_narrow.png'); background-repeat:no-repeat;width:298px; height:30px;z-index:3;
}
@media only screen and (max-width: 830px) {
#mini-header #logo2{
display:block;float:left;top:0; left:0; right:0;margin-top:8px;margin-left:15px;
background-image:url('../images/logo_narrow.png'); background-repeat:no-repeat;width:190px; height:30px;z-index:3;
}
}
@media only screen and (max-width: 1170px) {
#mini-header .contact .phone-link{
display:none;
}
}
@media only screen and (min-width: 701px) and (max-width: 1170px) {
#mini-header .nav > li:last-child > ul {
left: auto;
right: 0px;
transform: none;
}
}
@media only screen and (max-width: 1270px) {
#mini-header .contact .contact-us{
display:none;
}
}
#main-header{
z-index:100; /* display:none;*/
}
#mini-header{
position:fixed; top:0px; z-index:101; /* display:none;*/
}
div.header-wrapper#mini-header{
height:50px;
margin-left:auto;margin-right:auto;
background-image: url('../images/grey-pattern-bg.png');
border-bottom:2px solid #0c4141;
}
#mini-header nav {
z-index: 999; bottom:31px;text-align:right;
}
#mini-header .nav{
float:right;margin-right:0px;
}
#mini-header .nav > li {
position: relative; list-style-type: none;text-align: center; display:block; width:auto;max-width:150px; margin-left:3px;margin-right:3px;
}
#mini-header .nav > li > a {
font-size:15px;line-height:15px;width:auto;
padding: 10px 15px 0 15px;text-transform:uppercase;display:block;
text-decoration: none; position: relative;
}
#mini-header .nav > li > a > span {
padding-bottom:10px;
}
#mini-header .nav > li.about > a, #mini-header .nav > li.park-map > a, #mini-header .nav > li.activities > a {
/*padding: 12px 5px;*/
}
#mini-header .nav > li.about > a, #mini-header .nav > li.park-map > a, #mini-header .nav > li.activities > a,#mini-header .nav > li.hacienda-rental > a,#mini-header .nav > li.photo-gallery > a {
/*width:65px;*/
}
#mini-header .nav > li.rates {
margin-left:3px;
}
@media only screen and (max-width: 1000px) {
#mini-header .nav > li.about > a, #mini-header .nav > li.park-map > a, #mini-header .nav > li.activities > a {
padding-left: 5px;
padding-right: 5px;
}
#mini-header .nav > li.rates {
margin-left:3px;
}
}
#mini-header div.contact{
display:block;float:right;text-align:right;padding-top:10px;margin-right:25px;
}
#mini-header div.contact a.contact-us{
font-size:18px;line-height:18px;text-decoration:underline; color:#8cbebe;text-transform:uppercase;font-weight:bold;margin-left:20px;position:relative;bottom:7px;margin-right:5px;
}
#mini-header div.contact a.phone-link{
font-size:24px;line-height:24px;text-decoration:none; color:#8cbebe;
background-image:url('../images/phone.png'); background-size:15px 15px;background-position:left center; background-repeat:no-repeat; padding-left:25px;margin-left:13px;position:relative;bottom:5px;
}
#mini-header div.contact span.address{
font-size:15px;line-height:15px;text-transform:uppercase;padding-top:7px;display:block;
}
#mini-header div.contact span.address a{
color:#fff; padding-left:5px;
}
#wrapper{
max-width: 1400px;margin-left:auto;margin-right:auto;clear:both;
padding: 30px 0;
}
#subnav{
float:left;
}
#content{
min-height:500px;float:right;margin-right:30px;
width: calc(100% - 300px);
}
#content_full{
min-height:500px;float:right;margin-right:30px;margin-left:30px;
width: calc(100% - 60px);
}
.footer-wrapper{
width:100%;
margin-left:auto;margin-right:auto;
background-image: url('../images/grey-pattern-bg.png');
background-size: initial;
background-position: center;
background-repeat: repeat;
}
#footer{
max-width: 1400px;margin-left:auto;margin-right:auto;
padding-top: 45px;
padding-bottom:45px;
}
.sub-footer-wrapper{
height:70px;width:100%;padding-top:30px;
background-color:#050708;
color:#ffffff;
text-align:center;
font-size:14px;line-height:14px;
font-family: 'Roboto',sans-serif;font-weight:400;
}
.sub-footer-wrapper a{
color:#ffffff;
}
.action-button {
min-width: 270px;
text-align: center;
text-transform: uppercase;
text-decoration:none;
border-radius:9px; display:block;padding:10px 20px;
font-size:24px;line-height:24px;font-weight:bold;
}
.action-button,
.action-button.inverse:hover {
background-color: #8cbebe;
color:#050708;
-webkit-box-shadow: 3px 3px 0px 0px #050708;
-moz-box-shadow: 3px 3px 0px 0px #050708;
box-shadow: 3px 3px 0px 0px #050708;
}
.action-button.inverse,
.action-button:hover {
background-color: #050708;
color: #8cbebe;
-webkit-box-shadow: 3px 3px 0px 0px #8cbebe;
-moz-box-shadow: 3px 3px 0px 0px #8cbebe;
box-shadow: 3px 3px 0px 0px #8cbebe;
}
.action-button.black-white {
background-color:#ffffff;
color: #050708;
border: 1px solid #050708;
box-sizing: border-box;
-webkit-box-shadow: 3px 3px 0px 0px #050708;
-moz-box-shadow: 3px 3px 0px 0px #050708;
box-shadow: 3px 3px 0px 0px #050708;
}
.action-button.black-white:hover {
color: #ffffff;
background-color: #3b3b3b;
-webkit-box-shadow: 3px 3px 0px 0px #050708;
-moz-box-shadow: 3px 3px 0px 0px #050708;
box-shadow: 3px 3px 0px 0px #050708;
}
#hero{
width:100%;max-width: 1400px;margin:0;margin-left:auto;margin-right:auto;overflow:hidden;position:relative;z-index:2;
}
#hero div.slide{
background-position:center center;
background-repeat:no-repeat;
background-size: 100% auto;
width:100%;height:46vw;
}
#hero div.slide > div{
position:relative;display:none;
}
#hero .right{
float:right;text-align:right;clear:right;
}
#hero .left{
float:left;text-align:left;clear:left;
}
#hero .action-button {
text-align: center;
}
#hero div.slide-title a{
font-size:48px;line-height:36px;width:100%;font-weight:400;
text-transform:uppercase;display:inline-block;
text-decoration: none; color: #fff;position: relative;
}
#hero div.slide-title.c_219c9c a{
text-shadow: 2px 2px #219c9c;
}
#hero div.slide-title.c_f26c4f a,
#hero div.slide-title.c_8560a8 a,
#hero div.slide-title.c_8560a8 a {
text-shadow: 2px 2px #050708;
}
#hero div.slide-text{
font-size:16px;line-height:24px;width:60%;padding:30px;
display:block;color:#fff;font-family: 'Roboto',sans-serif;font-weight:400;
background: rgb(20, 20, 20);
background: rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 750px){
#hero div.slide-text{
max-width: 570px;
}
}
#hero div.slide.right{padding-right:55px;padding-top:140px;}
#hero div.slide.left{padding-left:55px;padding-top:140px;}
#hero div.slide-title{margin-bottom:25px;}
#hero div.slide-text{margin-bottom:33px;}
@media only screen and (min-width: 1401px) {
#hero div.slide{
background-position:center center;
background-repeat:no-repeat;
background-size: 100% auto;
width:100%;height:690px;
}
}
#footer{
padding-left:30px;padding-right:30px;overflow:hidden;padding-bottom:40px;
}
#footer .logo {
width: 160px;
height: 114px;
background-image: url(../images/logo.svg);
background-position: left center;
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 20px;
}
.footer-contact{
float:left;height:375px;width:205px;text-align:left;
}
.footer-contact img{
display:block;
width:169px; height:77px;z-index:3;
margin-bottom:25px;margin-top:13px;
}
.footer-contact a.phone{
color:#050708;display:block;
text-decoration:none;
font-size:30px;line-height:30px;
margin-bottom:25px;
font-weight: 700;
}
.footer-contact a.contact-us{
color:#050708; display:block;
font-size:20px;line-height:1em;
font-weight: 700;
margin-bottom:4px;
}
.footer-contact a:hover {
color: #8cbebe;
}
.footer-contact span.address{
color:#050708;display:block;
font-size:20px;line-height:1em;
font-weight: 700;
margin-top:35px;
}
.footer-map{
float:left;height:375px;padding-top:55px;width:38%;padding-bottom:40px;
}
.footer-nav{
clear:left;border-top:2px solid #8cbebe;
padding-top:30px;padding-left:2px;width:auto;margin-right:380px;
}
.footer-nav ul {
column-count: 4;
column-gap: 30px;
max-width: calc(100% - 140px);
}
.footer-nav li{
display:block;
width:165px; float:left;
}
.footer-nav li a{
color:#050708;font-size:14px;line-height:18px;
font-family: 'Roboto',sans-serif;font-weight:400;
}
.footer-nav li a:hover{
color:#8cbebe;
}
.footer-weather{
float:left;height:395px;width:210px;padding-top:55px;display:block;margin-left:33px;
}
a.facebook{
display:block;float:right;margin-left:30px; display:none;
background-image:url('../images/facebook.png?v=2024'); background-size:100%;width:48px; height:48px;margin-left:53px;margin-bottom:-48px;
}
a.facebook2{
display:none;background-size:100%;width:48px; height:48px;
}
.fb-page{
float:right;height:490px;padding-top:55px;
}
.fb_iframe_widget{
display:block;margin-left:30px;
}
@media screen and (min-width: 1176px){
.footer-nav ul {
column-count: 5;
}
}
@media only screen and (max-width: 1400px) {
.footer-map{
float:left;height:375px;padding-top:55px;width: calc( 100% - 830px) ;
}
}
@media only screen and (max-width: 1175px) {
.footer-map{
float:left;height:375px;padding-top:55px;padding-bottom:40px;width: calc( 100% - 455px) ;margin:auto;
}
.footer-fb{
display:none;
}
a.facebook{
display:block;
}
.footer-weather{
float:right;height:395px;width:210px;padding-top:55px;display:block;margin-left:33px;
}
.footer-nav{
clear:left;border-top:2px solid #8cbebe;
padding-top:30px;padding-left:2px;;width:auto;margin-right:0px;
}
}
/* Position menus out of view */
.nav,
.nav ul {
display: none;
}
.nav > li.hover > ul {
display: block;
}
.hover .nav {
display: block;
}
.enable-hover .nav > li > ul > li.hover > ul, .nav > li > ul > li.hover > ul{
display:block;
}
.nav > li > ul > li > ul > li > a{
font-size:19px;line-height:19px;display:block;
padding: 9px 4px;text-transform:none;margin-left:10px;margin-right:10px;
text-decoration: none; color: #fff;
}
@media only screen and (min-width: 701px) {
/* Example of left aligned menus, with the last element right aligned */
header {
padding-bottom: 6px;
}
.nav {
display: block;
}
.nav ul {
position: absolute;
}
.enable-hover .nav > li:hover > ul {
display: block;
}
/* TODO 3rd level nav */
.nav > li > ul > li > ul {
position:absolute;left:150px;margin-top:-49px;
}
.nav > li:nth-last-child(1) > ul > li > ul,
.nav > li:nth-last-child(2) > ul > li > ul {
left: auto;
right: 100%;
}
.enable-hover .nav > li > ul > li:hover > ul,
.nav > li > ul > li:hover > ul {
display:block;
}
.nav > li > ul {
left: 0px;
top: auto;
}
#mini-header .nav > li > ul {
left: 50%;
transform: translateX(-50%);
}
.enable-hover .nav > li > ul > li:hover > ul{
display: block;
}
/* Example of centered menus, with break-point in case menu goes off the edge of the screen */
.nav.center > li > ul {
right: 50%;
left: auto;
}
.nav.center > li > ul > li {
position: relative;
right: -50%;
left: auto;
}
}
@media only screen and (max-width: 1100px) {
.nav.center > li:first-child > ul {
left: 0;
right: auto;
}
.nav.center > li:last-child > ul {
left: auto;
right: 0;
}
.nav.center > li:first-child > ul > li,
.nav.center > li:last-child > ul > li {
position: static;
}
}
/* Non-functional, cosmetic styling of elements; functional aspects are in menu-responsive.css */
.nav-wrapper {
background-color: #ffffff;
}
.nav-wrapper:after {
content: '';
display: table;
clear: both
}
nav:before {
content: "MENU";
background-color: #050708; color: white;
display: block;
padding: 10px;
text-align:center;
font-size:21px;
margin:10px;
position:relative;
bottom:69px;
margin-bottom:-55px;
cursor: pointer; cursor:hand;
font-weight:bold;
}
.nav, ul {
margin: 0;
padding: 0;
list-style-type: none;
}
body.hover-enabled .nav > li:hover, .nav > li.hover {
/* background-color: #0c4141; */
}
body.hover-enabled .nav > li:hover > ul > li, .nav > li.hover > ul > li {
}
main {
background-image: url(../images/blue-pattern-bg.png);
background-position: center;
background-size: initial;
background-repeat: repeat;
}
main:before,
main:after {
content: '';
display: table;
clear: both;
}
.main-content-wrapper {
background-color: #fff;
}
@media only screen and (min-width: 701px) {
nav:before {
content: none;
}
.width-limiter {
max-width: 1260px !important;
min-width: 500px !important;
margin: auto !important;
}
#mini-header nav.width-limiter {
max-width: 1400px !important;
min-width: 500px !important;
margin: auto !important;
}
.nav > li {
position: relative; float: left; list-style-type: none;display:block; width:133px; height:48px;margin-left:3px;margin-right:3px;
}
.nav > li > a {
font-size:24px;line-height:24px;font-weight: 700;
padding: 12px 20px 0 20px;text-transform:uppercase;display:block;
text-decoration: none; color: #050708;position: relative;
box-sizing: border-box;
}
.nav > li > a > span {
display: inline-block;
vertical-align: top;
padding-bottom: 12px;
border-bottom: 6px solid transparent;
}
.nav > li:hover > a > span,
.nav > li.hover > a > span,
.nav > li > a.on > span {
border-color: #8cbebe;
}
/* .nav > li.about > a, .nav > li.park-map > a, .nav > li.activities > a,.nav > li.rentals > a,.nav > li.rates > a {
padding: 13px 20px;
} */
nav {
position: relative;
z-index: 100;
/* bottom:60px; */
}
nav .nav > li > ul,nav .nav > li > ul > li > ul{
width: 245px;padding:10px 0px;background-color: #050708;
}
nav .nav > li > ul > li {
display:block;text-align:left;padding-left:18px;padding-right:18px;
}
nav .nav > li > ul > li > a, nav .nav > li > ul > li > ul > li > a {
font-size:18px;line-height:1em;display:block;
padding: 9px 4px;text-transform:uppercase;
text-decoration: none; color: #fff;
}
nav .nav > li > ul > li:last-child a,nav .nav > li > ul > li > ul > li:last-child a {
border-bottom:none;
}
nav .nav > li > ul > li > a:hover,
nav .nav > li > ul > li > a.on,
nav .nav > li > ul > li > ul > li > a:hover,
nav .nav > li > ul > li > ul > li > a.on{
color: #8cbebe;
}
nav .nav > li > ul > li > a:hover:after,
nav .nav > li > ul > li > ul > li > a:hover:after {
content: " ";display:inline-block;width:11px;height:11px;
position:relative; left: 8px; bottom: 1px;
background-image: url('../images/nav_arrow.png?v=2024');
background-size:100%;
}
#top_nav{
display:block;max-width:1400px;margin-left:auto;margin-right:auto;overflow:hidden;
}
#top_nav div.contact a {
color: #050708;
}
#top_nav > a.reservation{
margin-left:22px;
padding:18px;padding-top:20px;
/* font-size:24px;line-height:24px;font-weight:bold;text-align:center; */
position:relative; bottom:9px;float:left;
}
#top_nav a.phone{
display:none;
}
#top_nav div.contact{
display:inline-block;float:right;text-align:right;padding-top:10px;margin-right:25px;
font-weight: 700;
}
#top_nav div.contact a.contact-us{
font-size:18px;line-height:18px;text-decoration:underline; color:#050708;text-transform:uppercase;font-weight:bold;
}
#top_nav div.contact a.phone-link{
font-size:24px;line-height:24px;text-decoration:none; color:#050708;
background-image:url('../images/phone.png?v=2024'); background-size:15px 15px; background-position:left center; background-repeat:no-repeat; padding-left:25px;margin-left:20px;
}
#top_nav div.contact span.address{
font-size:15px;line-height:15px;text-transform:uppercase;padding-top:7px;display:block;
}
#top_nav div.contact span.address a{
padding-left:5px;
}
#top_nav div.contact a:hover{
color:#8cbebe;
}
#top_nav div.contact a.contact-us:hover{
color:#8cbebe;
}
}
@media only screen and (min-width: 1101px){
.nav > li.rates {
margin-left:425px;
}
.nav > li > ul {
left: 10px;
}
.nav > li:last-child > ul {
right: 10px;
}
}
@media only screen and (min-width: 1301px){
.nav > li > ul {
left: 20px;
}
}
@media only screen and (min-width: 1301px) and (max-width: 1550px){
.nav > li:last-child > ul {
right: 20px;
left: auto;
}
}
/*
88 88 ,a8888a, 88 88 ad888888b, ,a8888a, ,a8888a,
,d88 ,d88 ,8P"' `"Y8, ,d88 ,d88 d8" "88 ,8P"' `"Y8, ,8P"' `"Y8,
888888 888888 ,8P Y8, 888888 888888 a8P ,8P Y8, ,8P Y8,
88 88 88 88 88 88 aad8" 88 88 88 88
88 88 88 88 88 aaaaaaaa 88 ""Y8, 88 88 88 88
88 88 `8b d8' 88 """""""" 88 "8b `8b d8' `8b d8'
88 88 `8ba, ,ad8' 88 88 Y8, a88 `8ba, ,ad8' `8ba, ,ad8'
88 88 "Y8888P" 88 88 "Y888888P' "Y8888P" "Y8888P"
*/
@media only screen and (min-width: 1101px) and (max-width: 1300px) {
.width-limiter {
max-width: 1050px !important;
min-width: 500px !important;
margin: auto !important;
}
.nav > li {
position: relative; float: left; list-style-type: none;display:block; width:100px;margin-left:3px;margin-right:3px;
}
.nav > li > a {
font-size:20px;
padding-left: 10px;padding-right:10px;
}
.nav > li > ul {
left: 10px;
}
.nav > li:last-child > ul {
right: 10px;
}
.nav > li.rates {
margin-left:415px;
}
#hero div.slide.right{padding-right:55px;padding-top:100px;}
#hero div.slide.left{padding-left:55px;padding-top:100px;}
#hero div.slide-title{margin-bottom:25px;}
#hero div.slide-text{margin-bottom:33px;width:75%;}
#hero div.slide-button{}
}
@media only screen and (min-width: 1101px) and (max-width: 1174px) {
.nav > li:nth-last-child(2) > ul {
left: auto;
right: 10px;
transform: none;
}
}
/*
888888888888 ,a8888a, 88 88 88 ,a8888a, ,a8888a,
,8P' ,8P"' `"Y8, ,d88 ,d88 ,d88 ,8P"' `"Y8, ,8P"' `"Y8,
d8" ,8P Y8, 888888 888888 888888 ,8P Y8, ,8P Y8,
,8P' 88 88 88 88 88 88 88 88 88
d8" 88 88 88 aaaaaaaa 88 88 88 88 88 88
,8P' `8b d8' 88 """""""" 88 88 `8b d8' `8b d8'
d8" `8ba, ,ad8' 88 88 88 `8ba, ,ad8' `8ba, ,ad8'
8P' "Y8888P" 88 88 88 "Y8888P" "Y8888P"
*/
@media only screen and (min-width: 701px) and (max-width: 1100px) {
#top_nav > a.reservation{
min-width:200px;
padding:10px;padding-top:15px;
font-size:18px;line-height:24px;
}
#top_nav a.phone{
display:none;
}
#top_nav div.contact{
display:inline-block;float:right;text-align:right;padding-top:10px;margin-right:25px;
}
#top_nav div.contact a.contact-us{
font-size:18px;line-height:18px;text-decoration:underline; text-transform:uppercase;font-weight:bold;
}
#top_nav div.contact a.phone-link{
font-size:24px;line-height:24px;text-decoration:none;
background-image:url('../images/phone.png'); background-position:left center; background-repeat:no-repeat; padding-left:25px;margin-left:20px;
}
#top_nav div.contact span.address{
font-size:15px;line-height:15px;text-transform:uppercase;padding-top:7px;display:block;
}
#top_nav div.contact span.address a{
color:#fff; padding-left:5px;
}
.header-wrapper{
height:135px;
}
#logo{
position:absolute;top:7px; left:0; right:0;margin: 0 auto;display:block;
width:162px; height:114px;
background-repeat:no-repeat;
}
.width-limiter {
max-width: 96vw !important;
min-width: 500px !important;
margin: auto !important;
}
#main-header nav {
position: relative;width:100%;
z-index: 999; bottom:56px;
}
.nav > li {
position: relative; float: left; list-style-type: none;text-align: center; display:block; width:15.1vw;margin-left:3px;margin-right:3px;
}
.nav > li > a {
font-size:18px;
}
.nav > li > ul {
left: 50%;
transform: translateX(-50%);
}
.nav > li:first-child > ul {
transform: none;
left: 0px;
}
.nav > li:last-child > ul {
transform: none;
left: auto;
right: 0px;
}
#hero{
width:100%;max-width: 1400px;margin-left:auto;margin-right:auto;overflow:hidden;position:relative;z-index:2;
}
#hero div.slide.right{padding-right:35px;padding-top:35px;}
#hero div.slide.left{padding-left:35px;padding-top:35px;}
#hero div.slide-title{margin-bottom:15px;}
#hero div.slide-text{margin-bottom:15px;width:95%;font-size:14px;line-height:16px;}
#hero div.slide-button{}
}
/*
888888888888 ,a8888a, ,a8888a,
,8P' ,8P"' `"Y8, ,8P"' `"Y8,
d8" ,8P Y8, ,8P Y8,
,8P' 88 88 88 88
aaaaaaaa d8" 88 88 88 88
"""""""" ,8P' `8b d8' `8b d8'
d8" `8ba, ,ad8' `8ba, ,ad8'
8P' "Y8888P" "Y8888P"
*/
@media only screen and (max-width: 700px) {
#hero span{
display:none;
}
#contact-form > div{
padding-left:0px;padding-right:0px;
}
#wrapper{
margin-top:20px;
}
#content{
min-height:0px;float:right;margin-right:20px;margin-left:20px;
width: calc(100% - 40px);
}
#content_full{
min-height:500px;float:right;margin-right:20px;margin-left:20px;
width: calc(100% - 40px);
}
#subnav{
float:left;margin-left:0px;width:100%;margin-top:20px;
}
#footer{
padding-left:10px;padding-right:12px;overflow:hidden;padding-bottom:30px;
}
#weather .today .locationTitle{
font-size:14px;font-family: 'Economica';
}
.footer-weather{
margin-left:0px;padding-top:30px;
}
.footer-map{
display:none;
}
.footer-contact{
width:auto;
}
#weather .date, #weather .details, #weather .wind,#weather .wind,#weather .condition,#weather .today .currentContiditions h5{
display:none;
}
#weather .today , .footer-weather, #weather .weather-loading {
height: 152px; width:100px; text-align: center;
}
#weather .today .currentContiditions .icon{
position: static; margin:auto;
}
#weather .today .currentContiditions .temp{
margin-top:5px;font-size:22px;
}
a.facebook2{
display:block;float:right;clear:right;margin-top:60px;margin-right:25px;
background-image:url('../images/facebook.png?v=2024'); width:48px; height:48px;
}
#footer{
padding-bottom:0px;
}
#mini-header{
display:none;
}
#hero div.slide > div{
position: initial;
}
#hero{
margin-bottom: 0px;
}
#logo{
position:absolute;top:7px; left:0; right:0;margin: 0 auto;display:block;
width:128px; height:90px;
}
.header-wrapper{
height:305px;
}
#top_nav{
display:block;
}
#top_nav a{
border-radius:9px; display:block; margin-left:22px; margin-right:22px;padding:11px;
font-size:24px;line-height:24px;font-weight:bold;text-align:center;
}
#top_nav a.reservation{
top:120px;position:relative;
}
#top_nav a.phone{
top:134px;position:relative;
}
#top_nav div.contact{
display:none;
}
.nav{
position:relative;top:1px;
background-color: #3b3b3b;
}
.nav > li , .nav > li.hover, .nav > li:hover {
position: relative; list-style-type: none;text-align: center; display:block;width:100%;
}
.nav > li{
border-bottom:2px solid #050708;
}
.nav > li:last-child{
border-bottom:2px solid #050708;
}
.nav > li.hover{
border-bottom:none;
}
.nav > li > a {
font-size:24px;line-height:24px;width:100%;font-weight:bold;
padding: 11px 15px;text-transform:uppercase;display:block;
text-decoration: none; color: #fff;position: relative;
}
.nav > li > ul > li > a,
.nav > li > ul > li > ul > li > a {
line-height:1em;width:100%;font-weight:bold;
padding: 11px 15px;display:block;
text-decoration: none;position: relative;
}
.nav > li > ul > li > a {
font-size: 22px;
color: #ffffff;
background-color: #8cbebe;
border-bottom: 1px solid #73a4a4;
}
.nav > li > ul > li > ul > li > a {
font-size: 20px;
color: #050708;
background-color: #ffffff;
border-bottom: 1px solid #dfdfdf;
margin: 0px;
}
.nav > li > ul > li > a.on {
color: #050708;
}
.nav > li > ul > li > ul > li > a.on {
color: #8cbebe;
}
#hero{
width:100%;max-width: 1400px;margin-left:auto;margin-right:auto;overflow:hidden;position:relative;top:0px;z-index:2;
}
#hero .right{float:none;text-align:center;padding-left:20px;padding-right:20px;}
#hero .left{float:none;text-align:center;padding-left:20px;padding-right:20px;}
#hero div.slide.right{padding-top:14vw;text-align:center;padding-left:20px;padding-right:20px;}
#hero div.slide.left{padding-top:14vw;text-align:center;padding-left:20px;padding-right:20px;}
#hero div.slide-title{display:none;}
#hero div.slide-text{display:none;}
#hero a.slide-button{float:none;font-size:22px;}
.sub-footer-wrapper{
height:50px;width:100%;padding-top:18px;
background-color:#050708;
color:#ffffff;
text-align:center;
font-size:11px;line-height:1em;
font-family: 'Roboto',sans-serif;font-weight:400;
}
}
.animated {
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated2 {
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@media (min-resolution: 134dpi),(min-device-pixel-ratio: 1.4),(min--moz-device-pixel-ratio: 1.4),(-o-min-device-pixel-ratio: 1.4),(-webkit-min-device-pixel-ratio: 1.4) {
#subnav ul > li > a:hover:after,#subnav ul > li > a.on:after {
background-image: url('../images/nav_arrow-white@2x.png?v=2024');
}
nav .nav > li > ul > li > a:hover:after,nav .nav > li > ul > li > ul > li > a:hover:after {
background-image: url('../images/nav_arrow@2x.png?v=2024');
}
#top_nav div.contact a.phone-link{
background-image:url('../images/phone@2x.png');
}
a.facebook{
background-image:url('../images/facebook@2x.png?v=2024');
}
a.facebook2{
background-image:url('../images/facebook@2x.png?v=2024');
}
#mini-header div.contact a.phone-link{
background-image:url('../images/phone@2x.png');
}
}
.popup-overlay-cont {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0,0,0,.65);
z-index: 9999;
overflow-y: auto;
box-sizing: border-box;
}
.popup-overlay-cont .padding-cont {
padding-top: 40px;
padding-bottom: 40px;
}
.popup-overlay-cont.active {
display: block;
}
.popup-overlay-cont .content-cont {
width: 760px;
max-width: 90%;
position: absolute;
top: 0px;
left: 50%;
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
box-sizing: border-box;
margin-bottom: 50px;
text-align: center;
padding-top: 35px;
padding-bottom: 35px;
}
.popup-overlay-cont .content-cont .bg-cont {
background-color: #ffffff;
}
.popup-overlay-cont .top-bar {
background-color: #219c9c;
text-align: right;
padding: 5px;
height: 30px;
box-sizing: border-box;
}
.popup-overlay-cont .text-cont {
padding: 15px 20px;
}
.popup-overlay-cont img {
max-width: 100%;
height: auto !important;
/*margin-top: 10px;*/
}
@media screen and (min-height: 1200px){
.popup-overlay-cont .content-cont {
top: 50px;
}
}
.popup-overlay-cont .content-cont a {
font-size: 17px;
}
.popup-overlay-cont .content-cont p {
text-align: center;
font-size: 20px;
line-height: 1.35em;
}
.popup-overlay-cont .content-cont .close-button {
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
background: url(../images/icon-overlay-close.svg) center center no-repeat;
background-size: contain;
}
.popup-overlay-cont .content-cont .overlay-title {
font-size: 34px;
line-height: 1.25em;
font-weight: 500;
text-align: left;
margin-bottom: 40px;
}
@media screen and (min-width: 650px){
.popup-overlay-cont .content-cont .image {
float: left;
margin-right: 35px;
margin-bottom: 8px;
}
}
@media screen and (min-height: 650px){
.popup-overlay-cont .content-cont {
top: 40%;
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
}