/* Author: mogul */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; } html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: #269BC4 url(../img/footer.jpg) repeat-x scroll bottom center; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: lucida sans, helvetica, arial, sans-serif;color: #515151; } ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } a { color: #00e; } a:visited { color: #551a8b; } a:focus { outline: none; } a:hover, a:active { outline: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) {overflow: hidden;} figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } label { cursor: pointer; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } input:valid, textarea:valid { } table { border-collapse: collapse; border-spacing: 0; } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } @media screen and (max-width:1080px){ *, *:before, *:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .wrap{width: 100%;overflow:hidden;position:relative;} } /* Webfont */ @font-face {font-family: 'BanzaiBros';src: url('../webfonts/14874A_0.eot');src: url('../webfonts/14874A_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/14874A_0.woff') format('woff'),url('../webfonts/14874A_0.ttf') format('truetype'),url('../webfonts/14874A_0.svg#wf') format('svg');} /* Lists */ #content ul {padding-left:0;} #content ul li {list-style-type: disc;font-size: 13px;margin-bottom: 10px;margin-left: 15px;} #content ol {} #content ol li {list-style-type: decimal;margin-left: 40px;font-size: 14px;margin-bottom: 10px;} #content ol, ul{margin-bottom:20px;} /* Links */ a:link, a:visited {color: #008CB5;} a:hover, a:active {color: #008CB5;font-weight: 100;} /* Text formatting */ b, strong { font-weight:bold;} i,em { font-style:italic;} /* Wordpress image styles */ .aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;} .alignleft {float: left;} .alignright {float: right;} .wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;} .wp-caption img {margin: 0;padding: 0;border: 0 none;} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;} img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;} img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;} /* non semantic */ .imglink{font-size: 0px;line-height: 0px;display:block;color:transparent;min-height:10px;min-width:10px;} .imglinkClosed{font-size: 0px;line-height: 0px;display:block;color:transparent;min-height:10px;min-width:10px;} /* Header */ header{position: fixed;top: 0px;left: 0px;width: 100%;z-index: 3;} #header-cta { position:absolute; right:0; top:70px;} .logged-in header {top:28px;} .inner960{width:960px;margin:0 auto;} .innerheader{width:1125px;margin:0 auto;max-width: 100%;} header .innerheader{position:relative;} #nav{height:51px;width:100%;background: transparent url(../img/nav.png) repeat-x scroll top left;} #nav li{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;float: left;font-size:17px;} #nav li a{color: white;text-decoration: none;display: block;padding: 8px 13px 24px;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);-moz-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);-webkit-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);line-height: 100%;} #nav li a:hover{color:#b0eaf8;} .OSX #nav li a{padding: 12px 14px 19px;} #nav li.current_page_item a,#nav li.current_page_parent a,#nav li.current_page_ancestor a,.single-the-rides #nav li.page-item-7 a,.single-food-and-drink #nav li.page-item-8 a{ background: transparent url(../img/navtab.png) repeat-x scroll top left;border-radius: 0px 0px 3px 3px;-moz-border-radius: 0px 0px 3px 3px;-webkit-border-radius: 0px 0px 3px 3px;box-shadow: 0px 2px 0px 0px #57a010;-moz-box-shadow: 0px 2px 0px 0px #57a010;-webkit-box-shadow: 0px 2px 0px 0px #57a010;} #nav li.current_page_item a,#nav li.current_page_parent a,#nav li.current_page_ancestor a,.single-the-rides #nav li.page-item-7 a,.single-food-and-drink #nav li.page-item-8 a{color:#fff; background: transparent url(../img/navtab.png) repeat-x scroll 0px -49px;} #nav form{width: 104px;height: 20px;position: absolute;border-radius: 10px;border-bottom: 1px solid #30A0C2;top: 11px;right: 0px;background: #125D7E;background: rgba(5, 70, 101, 0.62);} #nav form input#search{background: transparent;border: none;font-family: lucida sans, helvetica, arial, sans-serif;color: #89D5EC;font-size: 11px;padding: 3px 7px;outline:none;} #nav form input#submit{width: 10px;height: 11px;border: 0px;background: transparent url(../img/search.png) no-repeat scroll top left;position: absolute;top: 5px;right: 5px; } #nav form input#submit:hover{background: transparent url(../img/search.png) no-repeat scroll bottom left;} @media screen and (min-width:1081px){ .nav-open,button.nav-close,.notice{display:none;} } @media screen and (max-width:1080px){ .notice{display:block;text-align: center;color: white;background-color: #19607D;font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;padding: 9px 30px 17px;font-size: 14px;} .notice a{color:white;text-decoration:none } header{position: absolute;width: 320px;text-align: right;right: 0px;left: inherit;z-index: 9999999;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-perspective: 500px; -moz-perspective: 500px; -o-perspective: 500px; -ms-perspective: 500px; perspective: 500px;-webkit-transform: translate(320px, 0px); -moz-transform: translate(320px, 0px); -o-transform: translate(320px, 0px); -ms-transform: translate(320px, 0px); transform: translate(320px, 0px);-webkit-filter: blur(0);} .nav-open header{-webkit-transform: translate(0px, 0px); `: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px);} .inner960{max-width:100%} button.nav-open{font-family: 'splash';display: block;background-color: transparent;border: 0px;color: white;position: absolute;top: 20px;z-index: 9;right: 16px;font-size: 25px;outline: none;background-color: rgba(0, 0, 0, 0.16);border-radius: 44px;height: 61px;width: 61px;text-align: center;padding: 14px 18px;} button.nav-close{display:block;font-family: 'splash'; display: block; background-color: transparent; border: 0px; color: white; position: absolute; top: 16px; z-index: 9; right: 16px; font-size: 25px; outline: none;background-color: rgba(0, 0, 0, 0.16); border-radius: 44px;width: 61px;height: 61px;text-align: center; padding: 14px 18px;} #nav{height: 3000px;background: #19607D url(../img/blue_wood.jpg);padding: 98px 17px 32px;background-size: 100%;} #nav ul{margin-bottom: 15px;} #nav li{float: none;display: block;font-size: 18px;} #nav li a{padding: 6px 10px 16px 10px;} #nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current_page_ancestor a,.single-the-rides #nav li.page-item-7 a, .single-food-and-drink #nav li.page-item-8 a{background-color: transparent;background-image: none;box-shadow: none;border-radius: 0px;color: #59DBF4;} #nav form{position:relative;top: 0;width: 100%;text-align: left;border-radius: 24px;border: 0px;height: auto;} #nav form input#search{width: 100%;padding: 10px 18px;font-size: 14px;text-shadow: none;} #nav form input#submit{display: none;} #nav form:after{ content: 'c'; font-family: 'splash';position:absolute;color: white;top: 11px;right: 20px;} } /* (home) Intro */ #intro{width: 100%;height: 752px;position: relative;background: transparent url(../img/hpbg.png) repeat-x scroll top left;z-index: 1;} #intro #bgRight{height: 752px;width: 858px;position: absolute;right: 0px;background: transparent url(../img/bgright.png) no-repeat scroll top right;z-index: -1;top: 0px;} #intro #bgLeft{height:752px;width:598px;position:absolute;left:0px;z-index: -1;top: 0px;background:transparent url(../img/bgleft.png) no-repeat scroll top left;} #intro #bgClouds{height: 354px;width: 1022px;position: absolute;right: 0px;z-index: 0;top: 0px;background: transparent url(../img/clouds.png) no-repeat scroll top left;} #intro #mainIlli{width: 973px;height: 424px;background: transparent url(../img/mainIlli.png) no-repeat scroll bottom left;margin: 0px auto;float: center;padding-top: 169px;position: relative;z-index: 2;} #intro .inner960{padding-top: 38px;z-index: 3;position: relative;-webkit-perspective:500;-moz-perspective:500;perspective:500;} #intro .inner960 h1{float: left;margin: 0px;padding: 0px;} #intro .inner960 h1 a{width: 440px;height: 267px;background: transparent url(../img/splash-logo.png);display: block;content: ' ';position: relative;} #intro .inner960 a#clubtag.onseason {/* on-season background */background: transparent url(../img/nowopen-weekends.png) no-repeat scroll top left;} /* or ../img/nowopen-7days.png for 7 days */ #intro .inner960 a#clubtag.offseason {/* off-season background */background: transparent url(../img/closed3.png) no-repeat scroll top left;} #intro .inner960 a#clubtag{width: 130px;height: 251px;float: right;position: relative;top: -12px;-webkit-transform-style: preserve-3d;-webkit-transition: all 0.28s ease-out; /* Saf3.2+, Chrome */-moz-transition: all 0.28s ease-out; /* FF4+ */-ms-transition: all 0.28s ease-out; /* IE10? */-o-transition: all 0.28s ease-out; /* Opera 10.5+ */transition: all 0.28s ease-out;-webkit-transform: rotateY(-40deg) scaleX(0.70);-moz-transform: rotateY(-40deg) scaleX(0.70);transform: rotateY(-40deg) scaleX(0.70);box-shadow: 30px 60px 22px rgba(0,0,0,0.08);-moz-box-shadow: 30px 60px 22px rgba(0,0,0,0.08);-webkit-box-shadow: 30px 60px 22px rgba(0,0,0,0.08);} #intro .inner960 a#clubtag:hover{-webkit-transform: rotateY(0deg) scaleX(1);-moz-transform: rotateY(0deg) scaleX(1);transform: rotateY(0deg) scaleX(1);top:-3px;box-shadow: 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);} #intro .inner960 a#clubtag:active{-webkit-transform: rotateY(180deg) scaleX(1);-moz-transform: rotateY(180deg) scaleX(1);transform: rotateY(180deg) scaleX(1);top:-3px;box-shadow: 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);} @media and (min-width:1081px){ #intro #islandLeft{height: 101px;width: 229px;position: absolute;left: 0px;z-index: 3;top: 519px;background: transparent url(../img/islands.png) no-repeat scroll top right;} #intro #islandRight{height: 93px;width: 207px;position: absolute;right: 0px;z-index: 3;top: 527px;background: transparent url(../img/islands.png) no-repeat scroll top left;} } @media screen and (max-width:1080px){ a#clubtag,#intro #bgLeft,#intro #bgRight,#intro #islandLeft,#intro #islandRight{display:none;} #intro{height: 570px;background-size: auto 100%;} #intro .inner960{max-width:100%;padding-top: 0px;} #intro .inner960 h1{float: none;position: absolute;width: 40%;left: 9px;top: 22px;} #intro h1:before{content:' ';display:block;background:#fdfff1;width: 100px;height: 100px;border-radius: 100%;box-shadow: 0px 0px 190px 130px #fdfff1;position: absolute;top: 40px;left: 50px;} #intro .inner960 h1 a{width: 100%;background-size: 100%;background-repeat: no-repeat;} #intro #mainIlli{max-width: 100%;background-size: 100%;background-position: center bottom;position: absolute;left: 0;right: 0;padding: 0px;top: 82px;} } @media screen and (max-width:830px){ #intro{background-size: auto 100%;height: 570px;} #intro #mainIlli{background-size: 859px;top: 115px;height: 375px;} #intro #bgClouds{background-size: 100%;width: 100%;} #intro h1:before{width: 80px;height: 80px;border-radius: 100%;box-shadow: 0px 0px 100px 50px #fdfff1;} } @media screen and (max-width:600px){ #intro{height: 400px;} #intro #mainIlli{background-size: 549px;top: 90px;z-index: 9;height: 240px;} #intro #bgClouds{} #intro .inner960 h1{width: 200px;left: 20px;} #intro h1:before{left: 18px;top: 20px;} } @media screen and (max-width:380px){ #intro{height: 330px;} #intro .inner960 h1{width: 170px;} #intro #mainIlli{background-size: 480px;top: 109px;height: 193px;} } /* (home) ride slider */ #homeSlider{height: 223px;z-index: 2;margin-top: -152px;position: relative;} #sliderWrap{float: left;height: 137px;position: absolute;top: 0;left: 45px;background: transparent;} #sliderWrap ul{list-style: none;padding: 0px;margin: 0px 0px 0px 6px;} #sliderWrap ul li{width: 850px;height: 137px;background: transparent !important;} #contentSlider #sliderWrap ul li {width: 520px;} #contentSlider #sliderWrap {float: left;height: 137px;position: absolute;top: 15px;left: 30px;} #sliderWrap ul li a{} #homeSlider a.leftRight{width: 31px;height: 54px;margin-top: 46px;margin-bottom: 36px;} #homeSlider a#slideLeft{float: left;background: transparent url(../img/slider-nav-lr.png) no-repeat scroll top left;} #homeSlider a#slideRight{float: right;background: transparent url(../img/slider-nav-lr.png) no-repeat scroll top right;} #homeSlider a#slideLeft:hover{background: transparent url(../img/slider-nav-lr.png) no-repeat scroll bottom left;} #homeSlider a#slideRight:hover{background: transparent url(../img/slider-nav-lr.png) no-repeat scroll bottom right;} #homeSlider #slideNav{clear:both;} #homeSlider #slideNav ul{margin: 0px;padding: 0px;list-style: none;padding-left: 324px;} #homeSlider #slideNav li{float: left;background: transparent url(../img/slider-main-nav.gif) 0px -43px;box-shadow:0px 0px 7px rgba(18,92,123,0.73);-moz-box-shadow:0px 0px 7px rgba(18,92,123,0.73);-webkit-box-shadow:0px 0px 7px rgba(18,92,123,0.73);} #homeSlider #slideNav li:hover{background: transparent url(../img/slider-main-nav.gif) 0px -86px;} #homeSlider #slideNav li.currentSlide{background: transparent url(../img/slider-main-nav.gif);} #homeSlider #slideNav li.currentSlide:hover{background: transparent url(../img/slider-main-nav.gif);} #homeSlider #slideNav li#slideWet{border-radius:3px 0px 0px 3px;-moz-border-radius:3px 0px 0px 3px;-webkit-border-radius:3px 0px 0px 3px;} #homeSlider #slideNav li#slideDry{border-radius: 0px 3px 3px 0px;-moz-border-radius: 0px 3px 3px 0px;-webkit-border-radius: 0px 3px 3px 0px;} #homeSlider #slideNav li a{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;color: white;text-decoration: none;font-size: 20px;padding: 9px 25px 21px;display: block;line-height: 13px;} .OSX #homeSlider #slideNav li a{padding: 16px 25px 14px;} #homeSlider #slideNav span{display: block;width: 22px;height: 11px;background: transparent url(../img/slide-cursor.png) no-repeat scroll top left;position: relative;left: 386px;} @media screen and (max-width:1080px){ #homeSlider{max-width:100%;overflow:hidden;margin: -70px 0px 0px 0px;padding: 0 2%;height: auto;} #sliderWrap{width: 90%;position: relative;left: 34px;width: calc(100% - 73px);height: auto;} #homeSlider a.leftRight{position:absolute;margin: 30px 0;text-decoration: none;} #homeSlider a#slideRight, #homeSlider a#slideRight:hover{background: transparent;right: 9px;text-decoration: none;float: none;} #homeSlider a#slideRight:before{content:'e';right: 0px;font-size: 20px;} #homeSlider a#slideLeft,#homeSlider a#slideLeft:hover{background: transparent;} #homeSlider a#slideLeft:before{content:'d';display:block;} #homeSlider a#slideRight:before, #homeSlider a#slideLeft:before{display: block;font-family: 'splash';color: white;font-size: 20px;top: 24px;position: relative;text-align: center;} #sliderWrap ul{width: 100% !important;} #sliderWrap ul li{width: 100% !important;} #sliderWrap li a{float: left;width: 16.66%;} #sliderWrap li img{width: 100%;} #homeSlider #slideNav{} #homeSlider #slideNav span{display: none;} #homeSlider #slideNav ul{padding: 0px 0px 10px;text-align: center;} #homeSlider #slideNav li{float: none;display: inline-block;background: rgba(89, 219, 244, 0.38);box-shadow: 0px 2px 2px rgba(20, 101, 129, 0.29);margin: 0 3px;} #homeSlider #slideNav li:hover{background: rgba(89, 219, 244, 0.38);} #homeSlider #slideNav li.currentSlide{background: rgba(0, 58, 79, 0.33);box-shadow: inset 0px 2px 2px rgba(20, 101, 129, 0.37);} #homeSlider #slideNav li.currentSlide:hover{background: rgba(0, 58, 79, 0.33);} #homeSlider #slideNav li#slideWet{border-radius: 30px;} #homeSlider #slideNav li#slideDry{border-radius: 30px;} #homeSlider #slideNav li a{font-size: 13px;padding: 6px 19px 13px;} } @media screen and (max-width:700px){ #sliderWrap ul li,#sliderWrap ul{height: 100px !important;} } @media screen and (max-width:600px){ #homeSlider a.leftRight{margin: 10px 0px;} #sliderWrap ul li,#sliderWrap ul{height: 80px !important;} } @media screen and (max-width:400px){ #sliderWrap ul li,#sliderWrap ul{height: 60px !important;} } @media screen and (max-width:380px){ #homeSlider{margin: -40px 0px 0px 0px;} #homeSlider a.leftRight{margin: 0px 0px;} } /* (home) Main content */ #main-content{padding: 0px 20px;clear: both;} .col3{} .col3 ul{margin:0px;padding:0px;list-style:none;} .col3 ul li{float:left;width:292px;position: relative;margin-right:22px;background: transparent url(../img/canvas.gif) repeat scroll top left;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0px 5px 6px rgba(0,26,65,0.32);-moz-box-shadow:0px 5px 6px rgba(0,26,65,0.32);-webkit-box-shadow:0px 5px 6px rgba(0,26,65,0.32);} .col3 ul li#cta3{margin-right:0px;} .col3 ul li h3{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;font-size: 24px;color: #009BC8;padding-left: 20px;margin: 4px 0px 14px 0px;} .OSX .col3 ul li h3 {margin: 17px 0px 3px 0px;} .col3 ul li p{color: #515151;font-size: 11px;font-family: lucida sans, helvetica, arial, sans-serif;padding-left: 20px;width: 166px;margin-top: 0px;margin-bottom: 13px;} .OSX .col3 ul li p{margin-bottom: 14px;} .col3 ul li img{position: absolute;} .col3 ul li#cta1 img{bottom: 0px;right: -6px;} .col3 ul li#cta2 img{top: 14px;right: -23px;} .col3 ul li#cta3 img{top: 8px;right: 14px;} a.greenBtn, .shopContent a{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;font-size: 14px;background: transparent url(../img/grnbtn.gif) repeat-x scroll top left;color: white;text-decoration: none;padding: 0px 12px 9px;border-radius: 3px;box-shadow: 0px 2px 0px #57a010;line-height: 14px;} .OSX a.greenBtn, .OSX .shopContent a{padding: 10px 12px 9px;display: inline-block;} a.greenBtn:hover, .shopContent a:hover{background: transparent url(../img/grnbtn.gif) repeat-x scroll bottom left;} .col3 a.greenBtn{margin-left: 20px;} .OSX .col3 a.greenBtn{padding: 11px 12px 9px;} .drip{background: transparent url(../img/drips.png) no-repeat scroll;position:absolute;} #drip1{width: 74px;height: 45px;background-position: 0px 0px;top: -23px;left: -16px;} #drip2{width: 49px;height: 78px;background-position: -75px -0.9px;bottom: -17px;right: -33px;} .shopwrap {width:96%;float:left;} .col-left{float:left;width:606px;} .col-right{width:293px;float:right;} .clear{clear:both;} .col-left h2, .col-right h2, .shopwrap h2{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;color: white;text-shadow: 0px 2px 2px rgba(0, 26, 65, 0.55);font-size: 30px;margin-bottom: 19px;margin-top: 41px;line-height: 24px;} .OSX .col-left h2, .col-right h2{padding-top: 12px;} #upcomingEvent{background: transparent url(../img/drips.png) no-repeat scroll 556px -47px;} #upcomingEvent h2{padding-left: 48px;background: transparent url(../img/balloons.gif) no-repeat;line-height: 100%;margin-bottom: 13px;padding-bottom: 9px;} .OSX #upcomingEvent h2{padding: 13px 0px 0px 45px;} .contentElement{padding:20px;background:#ffffff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0px 5px 6px rgba(0,26,65,0.32);-moz-box-shadow:0px 5px 6px rgba(0,26,65,0.32);-webkit-box-shadow:0px 5px 6px rgba(0,26,65,0.32);} .contentElement.event {position: relative;} #shop .contentElement{padding-top: 32px;margin-top: 15px;} .event img{float: left;margin: 0px 17px 15px 0px;} .event h4{color: #008CB5;margin: 0px 0px 5px;font-size: 18px;font-weight: 700;} .event h5{font-weight: 100;font-style: italic;margin: 0px 0px 0px;font-size: 11px;} .event p{font-size: 11px;margin: 9px 0px 0px;line-height: 15px;} .event p a{color: #008CB5;text-decoration: none;} a.orangeBtn{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;font-size: 14px;background: transparent url(../img/orangebtn.gif) repeat-x scroll top left;color: white;text-decoration: none;padding: 10px 12px;border-radius: 3px;box-shadow: 0px 2px 0px #a06810;line-height: 30px;margin-left: 20px;} .event a.orangeBtn{position: absolute;top: -5px;right: 10px;line-height: 100%;padding: 7px 12px 13px;} #shop{position:relative;padding-top: 0;margin-top: 50px;} #shop h2{padding-left: 46px;background: transparent url(../img/shop.gif) no-repeat scroll 0px 0px;margin-top: 24px;line-height: 100%;} .OSX #shop h2{padding: 3px 0px 0px 50px;margin-bottom: 9px;} a.simpleLink{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;font-size: 14px;color:#fff;position:absolute;top:10px;right:0px;text-decoration:none;} .product{float: left;width: 33%;} .product img{float:left;} .product h4{color: #008CB5;font-size: 18px;margin: 0px 0px 5px;} .product p{font-size: 11px;margin: 9px 0px 11px;line-height: 15px;} #facebook{background: white;} #facebook h2{} @media screen and (max-width:1080px){ .contentElement{padding: 30px 6%;} } @media screen and (max-width:990px){ .shopwrap{width:100%;float:none;} #main-content{padding:0 4%} .col3 ul li{width: 32%;margin: 0 1%;background: white;padding: 11px 20px 21px;} .col3 ul li:first-child{margin-left: 0px;} .col3 ul li#cta3{} .col3 ul li h3{margin: 0 0 0.6em;padding: 0px;} .col3 ul li p{margin: 0 0 0.6em;padding: 0px;width: 100%;} .col3 a.greenBtn{margin: 0px;display: inline-block;width: auto;padding: 5px 14px 13px;} .col3 ul li img,.col3 ul li#cta1 img,.col3 ul li#cta2 img,.col3 ul li#cta3 img{position:relative;bottom: 0;right: 0;display: none;} .product{padding-right: 20px;} .product:nth-child(3){padding-right:0px;} } @media screen and (max-width:990px){ .col3 ul li{width:100%;margin: 0px 0px 5px; box-shadow:none;} } @media screen and (max-width:560px){ .product{width:100%;padding: 27px 0px;border-bottom: 2px dotted #E6E6E6;} .product:first-child{padding-top:0px;} .product:nth-child(3){padding-bottom:0px;border:0px;} } /* footer */ footer{width: 960px;margin: 0 auto 118px;max-width: 100%;} #footerLogos{} p#footerText{text-align: center;font-size: 10px;color: white;} p#footerText a{color:#fff;text-decoration:none;} @media screen and (max-width:800px){ footer{width: 100%;margin: 0px;padding: 25px;background-color: rgba(0, 75, 102, 0.46);} } /* Content Header */ #contentBg{background: transparent url(../img/contentBg.png) repeat-x scroll top left;height: 260px;width: 100%;position: absolute;z-index: -1;} #contentBg div{width:707px;height:270px;position:absolute;} #contentBgLeft{background: transparent url(../img/contentBgLeft.png) no-repeat scroll top left;} #contentBgRight{background: transparent url(../img/contentBgRight.png) no-repeat scroll top right;right: 0px;} #contentPage{padding-top: 66px;margin-bottom:30px;} #contentTitle{position:relative;} #contentTitle h1{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;color: white;font-size: 74px;line-height: 72px;margin: -14px 0px 44px;text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);} .OSX #contentTitle h1{margin: 7px 0px 31px;} #contentTitle a.main-logo{width:127px;height:68px;position:absolute;top:0px;right:0px;} #drips2{width: 74px;height: 45px;position: absolute;background: transparent url(../img/drips2.png) no-repeat scroll top left;top: -23px;right: 15px;} @media screen and (max-width:1080px){ #contentBg{} #contentBg div{} #contentBgLeft{} #contentBgRight{} #contentPage{padding: 25px 4%;} #contentTitle{padding-top: 80px;padding-bottom: 40px;} #contentTitle h1{margin: 0;font-size: 4em;line-height: 1em;} .OSX #contentTitle h1{} #contentTitle a.main-logo{right: inherit;background-image: url(../img/logo_2x.png) !important;background-size: 100%;} #drips2{background-size: 100%;width: 38px;top: -12px;} } @media screen and (max-width:600px){ #contentBg{} #contentBg div{} #contentBgLeft{} #contentBgRight{} #contentPage{ margin-bottom: 0px; } #contentTitle{ padding-bottom: 30px; } #contentTitle h1{ font-size: 34px; padding: 10px 0px 0px; } .OSX #contentTitle h1{} #contentTitle a.main-logo{} } /* Sidebar */ #sidebar{width:221px;float:left;} #sidebar ul{margin:0px;padding:0px;list-style:none;} #sidebar ul li{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;color: white;text-decoration: none;font-size: 20px;padding: 0px;border-radius: 0px 3px 3px 0px;} #sidebar ul li a.currentParent{background: transparent url(../img/sidenav.png) no-repeat scroll top left;} #sidebar ul li a{background: transparent url(../img/sidenav.png) no-repeat scroll top left;display: block;line-height: 33px;padding-left: 15px;color: white;text-decoration: none;border-radius: 3px;margin-bottom: 16px;padding-bottom: 15px;} .OSX #sidebar ul li a{padding: 6px 0px 4px 15px;} #sidebar ul li.currentMenu a.popOutLink {background: transparent url(../img/sidenav.png) no-repeat scroll top right;} #sidebar ul li ul li{font-family: Lucida Sans, Arial, Helvetica, sans-serif;color: white;text-decoration: none;font-size: 12px;padding: 0px;background: transparent;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;} #sidebar ul li ul li.currentChild{background: transparent url(../img/sidebarCurrent.gif) no-repeat scroll top left;} #sidebar ul li ul li.currentChild a{color:#19607d;} #sidebar ul li ul li:hover{background: transparent url(../img/sidebarCurrent.gif) no-repeat scroll bottom left;} #sidebar ul li ul li a{background: transparent url(../img/sidebarWetRides.png) no-repeat scroll;display: block;width: 162px;padding-left: 58px;height: 47px;line-height: 47px;color: white;text-decoration: none;font-size: 12px;margin-bottom: 0px;padding-bottom: 0px;} .OSX #sidebar ul li ul li a{padding: 0px 0px 0px 58px;} #sidebar ul li ul li a#sb-lorem-ipsum{background: transparent url(../img/splat.png) no-repeat scroll 14px 7px;} #sidebar ul li ul li a#sb-sky-castle-screamer{background-position: 0px -43px;} #sidebar ul li ul li a#sb-sky-tunnel{background-position: 0px -91px;} #sidebar ul li ul li a#sb-super-cruiser{background-position: 0px -138px;} #sidebar ul li ul li a#sb-never-ending-river{background-position: 0px -185px;} #sidebar ul li ul li a#sb-bumper-boats{background-position: 0px -232px;} #sidebar ul li ul li a#sb-double-dipper{background-position: 0px -276px;} #sidebar ul li ul li a#sb-pirate-fortress{background-position: 0px -323px;} #sidebar ul li ul li a#sb-the-pirate-run{background-position: 0px -372px;} #sidebar ul li ul li a#sb-kayaks{background-position: 0px -418px;} #sidebar ul li ul li a#sb-indoor-heated-pools{background-position: 0px -466px;} #sidebar ul li ul li a#sb-toddlers-pool{background-position: 0px -513px;} #sidebar ul li ul#dryRidesSide li a{background: transparent url(../img/sidebarDryRides.png) no-repeat scroll;} #sidebar ul li ul li a#sb-formula-fun{background-position: 0px -47px;} #sidebar ul li ul li a#sb-jungle-jeeps{background-position: 0px -143px;} #sidebar ul li ul li a#sb-tiny-town{background-position: 0px -191px;} #sidebar ul li ul li a#sb-mini-golf{background-position: 0px -239px;} #sidebar ul li ul li a#sb-beach-volleyball{background-position: 0px -287px;} #sidebar ul li ul li a#sb-flying-fox{background-position: 0px -94px;} @media screen and (max-width:1080px){ #sidebar{float: none;width: 100%;margin-bottom: 40px;} #sidebar ul{display: block !important;} #sidebar ul li{} #sidebar ul li a.currentParent{background: transparent;} #sidebar ul li a{background: transparent;line-height: 1em;margin: 0;padding: 0;} #sidebar ul li a.popOutLink{margin: 0px 0px 4px;pointer-events: none;} #sidebar ul li.currentMenu a.popOutLink {background: transparent;} #sidebar ul li ul li{border-radius: 30px;line-height: 1em;display: inline-block;margin: 0px 0px 0px;} #sidebar ul li ul li.currentChild{background: transparent;} #sidebar ul li ul li.currentChild a,#sidebar ul li ul#dryRidesSide li.currentChild a{color: white;background-color: #007CA0;} #sidebar ul li ul li:hover{background: transparent;} #sidebar ul li ul li a,#sidebar ul li ul#dryRidesSide li a{line-height: 1em;background-color: rgba(255, 255, 255, 0.22);padding: 7px 17px;height: auto;width: auto;background-image: none;font-size: 11px;border-radius: 60px;} } /* Content */ #content{float:right;width:674px;position:relative;} .full_width {width:100% !important;} .contentPadding{padding: 14px 22px;} #breadCrumbs{font-size: 11px;margin-bottom: 40px;} .OSX #breadCrumbs{margin-bottom: 23px;} #content a{text-decoration:none;} #content h2{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;font-size: 46px;color: #008CB5;line-height: 46px;margin: -21px 0px 14px;vertical-align: top;} .OSX #content h2{margin-top: 0px;} .single-the-rides #content h2{padding-left: 150px;} #content h3{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;font-size: 24px;color: #3EC4E5;margin: 0px 0px 27px;line-height: 22px;} #content p{margin: 0px 0px 20px;line-height: 1.4em;} @media screen and (max-width:1080px){ #content{width:100%;} .contentPadding{padding:0px;overflow-x: auto;} .gallery{margin: 0 auto 20px !important;} .gallery-item{margin: 0px !important;} .gallery a{display:block;} .gallery img{width: 100%;height: auto;border: 2px solid transparent !important;} } @media screen and (max-width:990px){ .single-the-rides #content h2{padding-left: 0px;} } @media screen and (max-width:600px){ #breadCrumbs{margin-bottom:10px;} #content h2{font-size: 26px;line-height: 1em;margin: 0.4em 0 1em;} #content h3{font-size: 20px;line-height: 1em;margin: 0px 0px 19px 0px;} #content p, #content ul li{font-size: 12px;} } /* Content slider */ #contentSlider{width: 100%;height: 136px;padding-top: 24px;margin-bottom: 10px;position: relative;} #content #homeSlider{height: 223px;z-index: 2;margin-top: -152px;position: relative;} #content #sliderWrap{} #content #sliderWrap ul{list-style: none;padding: 0px;margin: 0px 0px 0px 6px;} #content #sliderWrap ul li{margin: 0px;list-style:none;} #content #sliderWrap ul li a{margin: 0px 9px;} #content #sliderWrap ul li a img{border: 4px solid white;box-shadow: 0px 2px 4px rgba(0,0,0,0.2);} #contentSlider a.leftRight{width: 31px;height: 54px;margin-top: 16px;} #contentSlider a#sliderLeft{float: left;background: transparent url(../img/slider-nav-lr2.png) no-repeat scroll top left;} #contentSlider a#sliderRight{float: right;background: transparent url(../img/slider-nav-lr2.png) no-repeat scroll top right;} #contentSlider a#sliderLeft:hover{background: transparent url(../img/slider-nav-lr2.png) no-repeat scroll bottom left;} #contentSlider a#sliderRight:hover{background: transparent url(../img/slider-nav-lr2.png) no-repeat scroll bottom right;} #promo-clubcard{border-top: 1px dashed #C9C9C9;padding: 21px 0px 0px 19px;margin-top: 43px;} .drySlider {display: none;} #rideMenu > li > ul {display: none;margin-bottom: 21px;} #rideMenu > li.currentMenu > ul{display: block;} h3.widgettitle {display: none;} /* Form Styling */ #contentPage form.group-booking-form{margin-left: 0px;width: 100%;} #contentPage form.group-booking-form ol li{padding: 2px 0px;} #contentPage form.group-booking-form ol li span.reqtxt, #contentPage form.group-booking-form ol li span.emailreqtxt{color: #C80000;display: inline-block;padding-left: 10px;} #contentPage .group-booking-form label{background: white;color: #515151;font-family: lucida-sans, arial, helvetica, sans-serif;width: 170px;} #contentPage .group-booking-form input, #contentPage .group-booking-form textarea, #contentPage .group-booking-form select{color: #515151;font-family: lucida-sans, arial, helvetica, sans-serif;background: #F9F9F9;border: 1px solid #E4E4E4;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;} #contentPage .group-booking-form input:focus, #contentPage .group-booking-form textarea:focus, #contentPage .group-booking-form select:focus{box-shadow: inset 0px 2px 3px rgba(0,0,0,0.1);outline:none;} #contentPage .group-booking-form input#sendbutton{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;font-size: 14px;background: transparent url(../img/grnbtn.gif) repeat-x scroll top left;color: white;text-decoration: none;padding: 0px 12px 9px;border-radius: 3px;box-shadow: 0px 2px 0px #57a010;line-height: 14px;text-align: left;margin-right: 56%;} /* Table Styling */ .contentElement table{border: 1px dashed #C9C9C9;padding: 13px;margin-bottom: 30px;} .contentElement table tr{} .contentElement table tr td{border: 1px dashed #C9C9C9;padding: 10px;} .shopThumb, .shopContent {float:left;padding: 5px;} .shopContent {width: 140px;} img#rideImg{margin-bottom: 63px;} #cformsform ol.cf-ol li.textonly {font-weight: normal;font: 12px arial;padding: 5px;} @media screen and (max-width:990px){ img#rideImg{float:none; padding: 0;margin: 0;} .shopThumb{margin-bottom:15px;} .shopThumb, .shopContent{width: 100%;padding: 0px;} } @media screen and (max-width:600px){ .contentElement table{font-size: 10px;} } /*Signup Form Styling */ #subForm {padding: 20px 10px;background-color: #3EC4E5;margin-bottom: 20px;border-radius: 5px;width: 510px;} #subForm label {font-weight: bold;color: white;margin-right: 10px;margin-left: 10px;} #subForm input {margin: 5px 10px 15px;} #subForm input[type="submit"] {font-family: 'BanzaiBros', Arial, Helvetica, sans-serif;font-size: 14px;background: transparent url(../img/grnbtn.gif) repeat-x scroll top left;color: white;text-decoration: none;border-radius: 3px;box-shadow: 0px 2px 0px #57a010;line-height: 14px;border:none;margin: 5px 0 0 10px;height: 34px;width: 100px;} #subForm input[type="submit"]:hover {background: transparent url(../img/grnbtn.gif) repeat-x scroll bottom left;} #subForm select {margin: 5px 10px 15px;} #subForm #formname br, #formemail br, #formphone br, #formhear br, #formother br {} #subForm span.requiredlegend {color: whitemargin: 10px 0 0 10px;line-height:3em;} /* social & newsletter (homepage) */ .col-1-3{width: 33.33%;float: left;text-align: left;} .col-2-3{float: left;width: 66.66%;text-align: left;padding-left: 20px;} .socialWrap *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .socialWrap{display: block;text-align: center;clear: both;padding-top: 14px;border-bottom: 1px dashed #277F9E;padding-bottom: 35px;margin-bottom: 4px;max-width: 922px;} .socialWrap h2{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif; color: white; text-shadow: 0px 2px 2px rgba(0, 26, 65, 0.55); font-size: 30px; margin-bottom: 27px; margin-top: 21px; line-height: 24px;} .socialWrap p{color: #fff;margin: 10px 0px;} .socialWrap form{} .socialWrap form p{display: inline-block;text-align: left;padding: 0px 3px;} .socialWrap form p label{text-align: left;padding-right: 3px;} .socialWrap form p input{background: #157597; border: 0px;border-radius: 3px;line-height: 14px;padding: 9px 10px;font-family: lucida sans, helvetica, arial, sans-serif; color: #89D5EC;min-width: 170px;} .socialWrap form p button[type="submit"]{font-family: 'BanzaiBros', Arial, Helvetica, sans-serif; font-size: 14px; background: transparent url(../img/grnbtn.gif) repeat-x scroll top left; color: white; text-decoration: none; padding: 5px 12px 14px; border-radius: 3px; box-shadow: 0px 2px 0px #57a010; line-height: 14px;border: 0px;} a.social{color: #fff; margin: 10px 0px; text-decoration: none;display: block;height: 29px;line-height: 29px;padding-left: 41px;} a.social.fb{background: url(../img/FB-f-Logo__blue_29.png) no-repeat scroll 0px 0px;} a.social.tw{background: url(../img/twitterLink.png) no-repeat scroll 0px 0px;} a.social.yt {background: url(../img/YouTube.png) no-repeat scroll 0px 0px;} #cardpricing th, #cardpricing td {width:120px;} @media screen and (max-width:800px){ .socialWrap{border-bottom: 0px;} .socialWrap .col-2-3{padding-left: 0px;width: 100%;float: none;border-bottom: 2px dotted #44B0D7;padding-bottom: 27px;margin-bottom: 19px;} .socialWrap .col-1-3{width: 100%;float: none;} .socialWrap h2{font-size:24px;} } /* video */ .main_video{margin: 0 auto;max-width: 960px;padding-bottom: 75px;padding-top: 20px;position: relative;} .video-wrap{margin: 0 auto;max-width: 100%;padding-top: 20px; position: relative;display:block;clear: both;} .video_inner{display:block;text-align: center; position: relative; padding-bottom: 51.8%; padding-top: 25px; height: 0; overflow: hidden;} .video_inner iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .home .video_inner{ box-shadow: 0px 33px 20px -20px rgba(0, 87, 132, 0.96);padding-bottom: 53.8%;} @media screen and (max-width:1080px){ .main_video{max-width: 100%;padding: 0 4%;margin: 30px 0 60px;} } /* special styles for the streama embed page */ .streama .contentPadding {} /* Print */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /* New home intro changes */ #intro.new-image{height: auto;} #intro.new-image .inner960 h1{position: absolute;} .new-image .front-image{display: block !important;} #intro.new-image img{width: 100%;} .new-image .illi{display: none;} @media screen and (max-width: 1080px){ #intro.new-image h1:before{display:none;} #intro.new-image .inner960{background: #00689c;} } @media screen and (max-width: 600px){ #intro.new-image .inner960 h1{position: relative;height: 100px;top: 10px;left: 30px;width: 230px;margin: 0;} #intro .inner960 h1 a{left: 0;margin: 0;height: 150px;} #intro.new-image h1:before{display:none;} } /* Wufoo */ #content form.wufoo { background-color: #efefef; padding:20px;} #content form.wufoo ul li { list-style:none; margin:10px 0; padding:0;} #content form.wufoo input[type="text"], #content form.wufoo input[type="email"], #content form.wufoo select, #content form.wufoo textarea { padding:5px; border:1px solid #eaeaea; border-radius:5px; min-width:300px;} #content form.wufoo label { margin-top:5px; padding:5px 0; } #content form.wufoo .hide { opacity:0;} #content form.wufoo #foli22 div { padding:5px;} .wufoo input:invalid, .wufoo textarea:invalid { border: 1px solid rgba(255,0,0,0.2) !important; }