.icheckbox_minimal-blue,.iradio_minimal-blue{display:inline-block;*display:inline;vertical-align:middle;margin:0;padding:0;width:18px;height:18px;background:url(/img/blue.png) no-repeat;border:none;cursor:pointer}.icheckbox_minimal-blue{background-position:0 0}.icheckbox_minimal-blue.hover{background-position:-20px 0}.icheckbox_minimal-blue.checked{background-position:-40px 0}.icheckbox_minimal-blue.disabled{background-position:-60px 0;cursor:default}.icheckbox_minimal-blue.checked.disabled{background-position:-80px 0}.iradio_minimal-blue{background-position:-100px 0}.iradio_minimal-blue.hover{background-position:-120px 0}.iradio_minimal-blue.checked{background-position:-140px 0}.iradio_minimal-blue.disabled{background-position:-160px 0;cursor:default}.iradio_minimal-blue.checked.disabled{background-position:-180px 0}@media(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi),(min-resolution: 1.25dppx){.icheckbox_minimal-blue,.iradio_minimal-blue{background-image:url(/img/blue@2x.png);background-size:200px 20px}}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Open Sans",sans-serif}body.surf-report{width:267px}body.surf-report #filters{display:none}span[title],i[title],.wind-color-code,.wave-color-code{position:relative}span[title] .title,i[title] .title,.wind-color-code .title,.wave-color-code .title{position:absolute;top:30px;background:silver;color:#000;font-size:15px;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;padding:4px;left:0;white-space:nowrap;z-index:9;text-align:left;font-weight:normal;border:1px solid gray;-webkit-box-shadow:1px 1px 30px -7px;box-shadow:1px 1px 30px -7px;border-radius:4px}.wave-height-0{background-color:#467498 !important}.wave-height-1{background-color:#66f !important}.wave-height-1-5{background-color:#4dafc6 !important}.wave-height-2{background-color:#9cc !important}.wave-height-3{background-color:#ccf !important}.wave-height-4{background-color:#f99 !important}.wave-height-4-9{background-color:#f6f !important}.wave-height-6{background-color:#c16ec8 !important}.wave-height-7{background-color:red !important}.wave-height-7-9{background-color:#dc4040 !important}.wave-height-9{background-color:#b75555 !important}.wind-speed-0{background-color:#429d5c !important}.wind-speed-1-8{background-color:#48ca48 !important}.wind-speed-4{background-color:#93d348 !important}.wind-speed-5-8{background-color:#d3cc54 !important}.wind-speed-8{background-color:#e4da2e !important}.wind-speed-9-8{background-color:#ffd800 !important}.wind-speed-12{background-color:#ffc000 !important}.wind-speed-13-8{background-color:#e8be3e !important}.wind-speed-16{background-color:#d1a930 !important}.wind-speed-17-8{background-color:#ec8f21 !important}.wind-speed-20{background-color:#ff8a00 !important}.wind-speed-24-6{background-color:red !important}.wind-speed-26-8{background-color:#dc4040 !important}.wind-speed-28-6{background-color:#b75555 !important}.collapsed .units{display:none}.units{padding:0;width:100%;text-align:center}.units li{display:inline-block;padding-right:15px}.units li:last-child{padding-right:0}.units li *{vertical-align:bottom}.units .temperature.middle-icon{font-family:weathericons;line-height:15px}.unit-pref-m .unit-ft{display:none !important}.unit-pref-ft .unit-m{display:none !important}.unit-pref-ms .unit-kmh,.unit-pref-ms .unit-mph,.unit-pref-ms .unit-kn{display:none !important}.unit-pref-kmh .unit-ms,.unit-pref-kmh .unit-mph,.unit-pref-kmh .unit-kn{display:none !important}.unit-pref-mph .unit-ms,.unit-pref-mph .unit-kmh,.unit-pref-mph .unit-kn{display:none !important}.unit-pref-kn .unit-ms,.unit-pref-kn .unit-kmh,.unit-pref-kn .unit-mph{display:none !important}.unit-pref-c .unit-f{display:none !important}.unit-pref-f .unit-c{display:none !important}.wind-unit,.wave-unit{font-weight:normal}.wave-period .measurement,.bottom.wind-gust>span{color:#3887be;font-weight:400;font-size:20px}#search{background:hsla(0,0%,100%,.85);position:absolute;bottom:10px;left:10px;z-index:100;color:#4c4c4c;font-size:16px;padding:5px;border-radius:3px;z-index:999;width:220px;height:25px;border:.5px solid #aaa;overflow:hidden;white-space:nowrap;-webkit-transition:width 1s;transition:width 1s}#search.collapsed{width:25px}#search.collapsed input,#search.collapsed div{display:none}#search input{width:160px}#search img{height:20px;vertical-align:bottom;cursor:pointer}#search div{display:inline-block;font-size:28px;font-weight:600;font-family:Arial;height:15px;line-height:15px;vertical-align:middle;cursor:pointer}.langs{display:none !important}#myChart{max-width:500px}#map{position:absolute;top:0px;left:0px;right:0px;bottom:0px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}#fit{position:absolute;bottom:120px;right:11px;z-index:1001;width:28px;height:28px;line-height:11px;padding:5px;border:1px solid #878787;border-radius:3px;background:#fcfcfc;cursor:pointer}#fullscreen{position:absolute;left:10px;top:10px;border:1px solid #878787;background-color:#fff;padding:2px 5px;display:none}.spot-bubble-title{text-align:center;color:#0c80d6;font-size:24px !important;margin:0 0 10px 0}#weather-info-container{display:inline-block;background:#eef7fb;width:115px;height:132px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0px;margin-left:0px;margin-top:0px;margin-bottom:10px;border:1px solid #0c80d6;border-radius:5px;float:left;text-align:center}.icon{display:block;margin-bottom:0px;padding-top:10px;padding-bottom:5px}.wave-color-code{display:block;margin-right:0px;height:40px}.wave-height{display:inline-block;color:#fff;text-decoration:none;font-size:28px;padding-top:10px;padding-bottom:0px;margin-right:2px;font-weight:bold;cursor:pointer}.wave-unit{font-size:15px;color:#fff}.wi{display:inline-block;color:#fff;font-family:weathericons;font-size:32px;margin-left:5px;padding-top:0px;cursor:pointer}.bottom{display:inline-block;padding-top:5px;padding-bottom:0px}.bottom a{display:inline;text-decoration:none;color:#666;font-size:18px;font-weight:bold}.bottom span{font-size:14px;color:#999;cursor:pointer;cursor:hand}#middle_widget_column{border:0px;margin-top:10px;margin-left:0px;width:10px;height:132px;float:left}#right_widget_column{display:inline-block;background:#eef7fb;width:115px;height:132px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0px;margin-top:0px;margin-bottom:10px;border:1px solid #0c80d6;border-radius:5px;float:left;text-align:center}.wind-color-code{display:block;margin-right:0px;height:40px}.wind-speed{display:inline-block;color:#fff;font-size:28px;padding-top:10px;padding-bottom:0px;margin-right:0px;font-weight:bold;cursor:pointer;cursor:hand}.wind-unit{font-size:15px;color:#fff}.bottom-windgust{display:inline-block;padding-top:5px;padding-bottom:0px}.weather-info-container .left .top{display:block;margin-bottom:0px}.weather-info-container .left .bottom a{border-radius:2px;text-decoration:none;color:#222;font-weight:bold;padding:2px 0px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:24px !important;color:#666}.weather-info-container .left .bottom2{display:inline}.weather-info-container .left .bottom2{display:inline}.weather-info-container .left .bottom span,.weather-info-container .left .bottom2 span{font-size:16px;color:#666}.weather-info-container .right{display:inline-block;width:120px;text-align:center}.weather-info-container .right .top{display:block;margin-bottom:10px}.weather-info-container .right .bottom{display:block;margin-bottom:10px}.weather-info-container .right .top .wind-icon{display:inline-block;font-family:weathericons;font-size:42px;color:#0c80d6}.weather-info-container .right .top .wind-direction{display:inline-block;color:#0c80d6;font-family:weathericons;font-size:34px;margin-left:5px}.weather-info-container .right .bottom a{border-radius:2px;text-decoration:none;color:#222;padding:2px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:10px;font-size:16px;font-weight:bold;color:#666}.weather-info-container .right .bottom span{font-size:16px;color:#666}.weather-info-container-secondary{background:#eef7fb;width:240px;height:90px;padding:5px 0px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #0c80d6;border-radius:5px;display:inline-block}.weather-info-container-secondary .box{margin:0;display:inline-block;text-align:center;width:59px;-webkit-box-sizing:border-box;box-sizing:border-box}.weather-info-container-secondary .box .upper-line{display:block;color:#666;font-size:16px;cursor:pointer}.weather-info-container-secondary .box .middle-icon{display:block;font-family:weathericons;margin-top:7px;font-size:26px;height:30px;color:#0c80d6;cursor:pointer}.weather-info-container-secondary .box .lower-line{display:block;color:#666;font-size:16px;cursor:pointer}.weather-info-container-secondary .box a.lower-line{cursor:pointer;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.tide-graph{background:#fff;width:240px;height:75px;margin-top:15px}.bottom-menu{width:240px}.bottom-menu ul{margin:0;padding:0;padding-top:0px;list-style-type:none;background:#48c1e3}.bottom-menu ul li:nth-child(1){display:inline-block;width:90px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;float:left}.bottom-menu ul li:nth-child(1):hover{color:#666}.bottom-menu ul li:nth-child(1) a{color:#fff;text-shadow:0px 0px 0px #fff;text-transform:uppercase;text-decoration:none;font-size:14px}.bottom-menu ul li:nth-child(1) a:hover{color:#666}.bottom-menu ul li:nth-child(2){display:inline-block;width:60px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.bottom-menu ul li:nth-child(2):hover{color:#666}.bottom-menu ul li:nth-child(2) a{color:#fff;text-shadow:0px 0px 0px #fff;text-transform:uppercase;text-decoration:none;font-size:14px}.bottom-menu ul li:nth-child(2) a:hover{color:#666}.bottom-menu ul li:nth-child(3){display:inline-block;width:90px;-webkit-box-sizing:border-box;box-sizing:border-box;float:right;text-align:center}.bottom-menu ul li:nth-child(3):hover{color:#666}.bottom-menu ul li:nth-child(3) a{color:#fff;text-shadow:0px 0px 0px #fff;text-transform:uppercase;text-decoration:none;font-size:14px}.bottom-menu ul li:nth-child(3) a:hover{color:#666}.zh .bottom-menu ul li a{text-shadow:none !important}.filter-ui{background:hsla(0,0%,100%,.85);position:absolute;top:10px;right:10px;z-index:100;color:#4c4c4c;font-size:20px;padding:5px;border-radius:1px;z-index:9999;width:300px;height:25px;border:.5px solid #aaa;overflow:hidden;white-space:nowrap;-webkit-transition:width .5s;transition:width .5s}.filter-ui.collapsed{width:120px}.zh .filter-ui.collapsed{width:100px}.filter-ui img.logo{margin:0 auto;display:block;margin-bottom:15px}.filter-ui ul.layers{list-style-type:none;padding:10px 0px 0px 0px;margin:0;display:none}.filter-ui ul.layers li a{height:30px;padding:5px 5px 0px 5px;display:block;font-size:14px;text-decoration:none;color:#333;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.filter-ui ul.layers li a.active{font-weight:bold;background:rgba(0,0,0,.1)}.filter-ui ul.layers li a.shops:before{content:url("https://a.tiles.mapbox.com/v4/marker/pin-s+E19D4C.png?access_token=pk.eyJ1IjoidGFpd2FubmFzdXJmIiwiYSI6ImNpdnRtdWhsNDA1cDAydHA3dmltZnpmemgifQ.mALl2ZQn4y--aCJ3tcCWnA");padding:20px}.filter-ui ul.layers li a.shapers:before{content:url("https://a.tiles.mapbox.com/v4/marker/pin-s+ACBD75.png?access_token=pk.eyJ1IjoidGFpd2FubmFzdXJmIiwiYSI6ImNpdnRtdWhsNDA1cDAydHA3dmltZnpmemgifQ.mALl2ZQn4y--aCJ3tcCWnA");padding:20px}.filter-ui ul.layers li a.spots:before{content:url("https://a.tiles.mapbox.com/v4/marker/pin-s+0099cc.png?access_token=pk.eyJ1IjoidGFpd2FubmFzdXJmIiwiYSI6ImNpdnRtdWhsNDA1cDAydHA3dmltZnpmemgifQ.mALl2ZQn4y--aCJ3tcCWnA");padding:20px}.filter-ui ul.layers li a.stores:before{content:url("https://a.tiles.mapbox.com/v4/marker/pin-s+B46898.png?access_token=pk.eyJ1IjoidGFpd2FubmFzdXJmIiwiYSI6ImNpdnRtdWhsNDA1cDAydHA3dmltZnpmemgifQ.mALl2ZQn4y--aCJ3tcCWnA");padding:20px}.filter-ui ul.layers li a.restaurants:before{content:url("https://a.tiles.mapbox.com/v4/marker/pin-s+ed5665.png?access_token=pk.eyJ1IjoidGFpd2FubmFzdXJmIiwiYSI6ImNpdnRtdWhsNDA1cDAydHA3dmltZnpmemgifQ.mALl2ZQn4y--aCJ3tcCWnA");padding:20px}.filter-ui ul.layers li a.cams:before{content:url("/img/map-marker-pin-cam.png");padding:20px}.filter-ui ul.layers li a span{line-height:30px;display:inline-block;margin-left:7px;margin-top:-2px;vertical-align:top}.filter-ui input[type=checkbox]{display:none}.filter-ui ul.langs{list-style-type:none;padding:10px 0px 10px 0px;margin:0;font-size:0;border-bottom:.5px solid #aaa;display:none}.filter-ui ul.langs li{display:inline-block;width:50%;text-align:center}.filter-ui ul.langs li a img{display:inline-block;margin:0px 0px 0px 5px;vertical-align:middle}.filter-ui .title{margin:2px 5px 0px 2px;color:#09c;padding:0;font-size:16px;text-align:center}.filter-ui .btn-update-biz{text-align:center;margin-top:15px;font-size:13px !important;color:#777;display:none}.filter-ui .btn-update-biz:hover{color:#09c}.filter-ui .btn-toggle{font-size:24px !important;font-weight:bold;color:hsla(0,0%,100%,0);margin:0px;text-align:right;display:block;position:absolute;top:0px;left:0px;right:10px}@media only screen and (max-width: 640px){#search{bottom:10px;left:10px}}@media only screen and (max-width: 767px){.filter-ui{background:hsla(0,0%,100%,.85);position:absolute;top:0px;right:0px;z-index:100;color:#4c4c4c;font-size:20px;padding:5px;border-radius:1px;z-index:9999;width:100%;height:25px;border:.5px solid #aaa;overflow:hidden;white-space:nowrap;-webkit-transition:width .5s;transition:width .5s}.filter-ui.collapsed{width:120px}.zh .filter-ui.collapsed{width:100px}.filter-ui input{width:100%}.filter-ui.collapsed input{display:none}#fit{bottom:110px;right:7px;margin:0px;padding:0px}#fullscreen{padding:2px 5px;left:5px;top:5px}.leaflet-bar .leaflet-control-zoom-in{background-position:5px 6px}.leaflet-bar .leaflet-control-zoom-out{background-position:5px -22px}.leaflet-control-attribution.leaflet-compact-attribution:after{background-position:5px -73px}.leaflet-container .leaflet-control-attribution.leaflet-compact-attribution{padding-right:45px;height:28px}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:1px solid rgba(0,0,0,.4)}#fit,.leaflet-control-zoom a,.leaflet-control-attribution.leaflet-compact-attribution:after{width:36px;height:36px}}.mapboxgl-popup a{text-decoration:none;font-size:15px;color:#0c80d6}.mapboxgl-popup a h1{font-size:15px;color:#0c80d6;font-weight:normal}.mapboxgl-popup-content{padding-bottom:10px}