*{--tc: #fff;--bc: #222;--hc: rgb(51, 199, 233);--p-bc: #222;--p-tc: #fff;--p-hc: rgb(51, 199, 233);--p-lc: #fff;--gd: lime;--bd: red;--dailylight: #33ef59;--dailymedium: #0fd201;--dailydark: #017121;--dailyborder: #017121;--hourlylight: aqua;--hourlymedium: #019ad2;--hourlydark: #010ad2;--hourlyborder: aqua;--oorlight: #cc0000;--oordark: #550000;--oorborder: #550000;--oormedium: maroon;--label: #dcd;--hc-hourly: aqua;--hc-daily: #33ef59}@media(prefers-color-scheme: light){*{--p-bc: #cfcfcf;--p-tc: #000;--p-hc: blue;--p-lc: #000}}html,body{font-family:Arial,Helvetica,sans-serif;font-size:clamp(1rem,.8rem + .5vw,1.2rem);line-height:1;color:var(--tc);background:var(--bc);margin:0;padding:0;text-align:justify;width:100%;height:100% !important}@media(min-width: 375px){html,body{font-size:clamp(1.1rem,.9rem + .5vw,1.4rem)}}main{height:calc(100% - 115px)}#map{width:100%;left:0;height:100%;margin:0}#wrapper{position:relative}#over_map{position:absolute;top:40px;left:0;z-index:99}#timespec{font-size:1.3em;font-weight:bold;color:var(--hourlylight)}#timespec.daily{color:var(--dailymedium)}#windcover{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;border-radius:70px;display:flex;flex-direction:column;align-content:space-between;align-items:center;justify-content:center;text-align:center;width:140px;height:140px;background:var(--bc);color:var(--tc);opacity:.6}#windcover>div{margin-bottom:5px}#windarrow{font-size:xx-large}i.tide{margin-left:3px;margin-right:3px}.tide::before{display:inline-block;content:" ";background-size:12px 12px;background-repeat:no-repeat;background-size:cover;height:12px;width:12px;align-self:baseline}.tide-h-l::before{background-image:url("/images/tide-h-l.svg")}.tide-l-h::before{background-image:url("/images/tide-l-h.svg")}.label::after{content:": "}.label{display:none;font-weight:bold;padding-right:5px;color:var(--label)}@media(min-width: 576px){.label{display:inline-block}}@media(min-width: 375px){.label{display:inline-block}}.swellarrow::before{display:block;content:" ";background-image:url("/images/waves.svg");background-size:20px 20px;background-repeat:no-repeat;background-size:cover;height:20px;width:20px;align-self:baseline}.swellarrow::before #swellarrow{transform:rotate(-90deg);background-size:40px 40px;height:40px;width:40px}.swellicon{display:inline-block;content:"";background-image:url("/images/swell.svg");background-size:20px 20px;background-repeat:no-repeat;background-size:cover;height:20px;width:20px;margin-right:5px;align-self:baseline}.mapoverlay{position:absolute;width:100%;background:var(--bc);color:var(--tc);opacity:.8;top:40px;z-index:99}.mapoverlay>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline}.mapoverlay>div>div{flex-shrink:0;flex-wrap:wrap;padding:4px 10px;margin-bottom:5px}.mapoverlay>div>div.timeselector{padding:8px 2px}.mapfooter{position:absolute;width:100%;color:var(--tc);opacity:.8;bottom:0;z-index:99}.mapfooter>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline}.mapfooter>div.mapnotice{justify-content:center;font-size:1.2em;font-weight:bold;margin-bottom:50px;text-shadow:0 0 15px red}.mapfooter>div>div{flex-shrink:0;padding:10px 10px;margin-bottom:10px}#beachesddl{font-size:1.2em;color:var(--tc);background-color:var(--bc) !important;border:0}@media(min-width: 375px){#beachesddl{font-size:1em}}.good{color:var(--gd) !important}.bad{color:var(--bd) !important}#datapanel{opacity:1;font-size:1.1em;line-height:1.3em;padding:10px;border-radius:5px;background:var(--bc);color:var(--tc);opacity:.8}.hidefromtiny{display:none}@media(min-width: 375px){.hidefromtiny{display:inherit}}#vectorwindow{border-color:#fff;border-width:10px;min-width:150px;height:200px}a{text-decoration:none;color:var(--hc)}a:hover{text-decoration:underline}header{background:var(--bc);width:100%;height:40px}hr{margin-bottom:1em}ul{padding-left:1em}br{content:" ";display:block}section,section:target~section:last-of-type{display:none}section:target,section:last-of-type{display:inherit;height:100%}header{display:flex;justify-content:space-between;align-items:center}header nav{width:100%}header nav a{padding:14px 5px;text-decoration:none;float:right;display:block}header nav.responsive{position:relative}header nav.responsive .icon{position:absolute;right:0;top:0}header nav.responsive a{float:none;display:block;text-align:left}@media(min-width: 576px){header nav{overflow:hidden}}h1{font-size:1.4em;font-weight:700}nav{margin-right:10px;margin-left:10px}footer{display:none}@media(min-width: 992px){footer{margin-left:auto;margin-right:auto;max-width:1100px}}footer>div{display:flex;justify-content:space-between}.previousNext{background-color:var(--hourlymedium);background:linear-gradient(to bottom, var(--hourlylight) 5%, var(--hourlymedium) 100%);display:inline-block;cursor:pointer;color:#fff !important;font-family:Arial;font-size:1.3em;font-weight:bold;padding:6px 12px;text-decoration:none;text-shadow:0px -1px 0px #5b6178;border:1px solid var(--hourlyborder)}.previousNext.tson{background:linear-gradient(to bottom, var(--hourlydark) 5%, var(--hourlymedium) 100%)}.previousNext.oor{background:linear-gradient(to bottom, var(--oormedium) 5%, var(--oorlight) 100%);background-color:var(--oorlight);border:1px solid var(--oordark);box-shadow:0px 1px 0px 0px var(--oorborder)}.previousNext.daily{background:linear-gradient(to bottom, var(--dailylight) 5%, var(--dailymedium) 100%);border:1px solid var(--dailyborder)}.previousNext.daily.tson{background:linear-gradient(to bottom, var(--dailymedium) 5%, var(--dailylight) 100%)}.previousNext.off{background:var(--bc)}.previousNext:hover{background:linear-gradient(to bottom, var(--hourlydark) 5%, var(--hourlymedium) 100%);background-color:var(--hc);color:var(#fff);text-decoration:none}.previousNext:hover.daily{background:linear-gradient(to bottom, var(--dailymedium) 5%, var(--dailylight) 100%)}.dailylink{color:var(--hc-daily)}.previousNext:active{position:relative;text-decoration:none;top:1px}i .fa,i .fas,.fas{min-width:20px;padding-right:10px}.wi{padding-right:5px}.weatherdata{width:200px;margin:0;padding:0}.wi-tide::before{display:block;content:" ";background-image:url("/images/tide.svg");background-size:17px 17px;background-repeat:no-repeat;background-size:cover;height:17px;width:17px}div.weatherdatanav{width:100%;display:inline-block;margin-bottom:5px}.weatherdatarow{padding-top:3px;padding-bottom:3px;width:210px}.compassdir{display:inline-block;min-width:20px}.center{text-align:center;margin:auto}.pullright{float:right}footer>div{padding:3px}#over_mapheader{padding:10px;background:#2059bd;color:#fff;cursor:move;margin-bottom:3px}#daily_header{padding:10px;background:#2059bd;color:#fff;margin-bottom:3px}.ib{display:inline-block}#noticediv{font-weight:500;color:red;font-variant-caps:titling-caps;text-align:center;font-size:larger}#s{background-image:url("/images/whaley.jpg");background-size:cover;background-repeat:no-repeat}#addtohomescreenios{width:100%;text-align:center;font-weight:bold;color:#008b8b;display:none}#ioshomescreeninstructions{display:none;width:100%;position:absolute;background-color:var(--bc);opacity:1;bottom:0;text-align:center}#ioshomescreencontent{position:relative;display:inline-block;padding:0 0px 20px 20px;border-radius:20px 20px 0px 0px;box-shadow:0 0 40px -10px #000;width:280px;height:240px;z-index:1000;font-weight:bold;line-height:1.4em}#fullscreenbutton{display:none}.swellunit::before{content:"ft "}@media(max-width: 575px){.swellunit::before{content:"' "}}.infofooter{position:absolute;width:96%;color:var(--tc);opacity:.8;bottom:0;z-index:99;display:flex;justify-content:space-between;align-items:center}.infofooter>div{display:flex;-ms-flex-item-align:baseline;flex-wrap:wrap;justify-content:center;align-items:baseline;padding-bottom:20px}.infofooter>div:first-child{flex-grow:1}.infofooter>div:last-child{flex-grow:1;text-align:right}ul{list-style:none;font-size:1.2em;padding:0;margin:0}ul li{border-bottom:1px solid var(--p-lc);text-align:left}ul li a,ul li a:hover{display:block;padding:30px 15px;text-decoration:none}ul li:last-child{border-bottom:none}.pagecontent{background-color:var(--p-bc);color:var(--p-tc);overflow-y:auto;padding:0 15px;line-height:1.4em;font-size:.8em}.pagecontent a{color:var(--p-hc)}.form{width:340px;height:440px;box-shadow:0 0 40px -10px #000;margin:50px auto;padding:20px 30px;max-width:calc(100vw - 40px);box-sizing:border-box;font-family:"Montserrat",sans-serif;position:relative}h2{margin:10px 0;padding-bottom:10px;border-bottom:3px solid;font-size:.9em}input{width:100%;padding:10px;box-sizing:border-box;background:none;outline:none;resize:none;border:0;font-family:"Montserrat",sans-serif;transition:all .3s;border-bottom:2px solid #bebed2}#s textarea{width:100%;padding:10px;box-sizing:border-box;background:none;outline:none;border:0;font-family:"Montserrat",sans-serif;transition:all .3s;border-bottom:2px solid #bebed2}#s input:focus{border-bottom:2px solid #78788c}#s input,#s textarea{color:var(--p-tc)}#s p:before{content:attr(type);display:block;margin:28px 0 0;font-size:14px}#s button{float:right;padding:8px 12px;margin:8px 0 0;font-family:"Montserrat",sans-serif;border:2px solid #78788c;background:0;cursor:pointer;transition:all .3s;color:var(--p-tc)}#contactblock{height:auto;background:rgba(0,0,0,.55);border-radius:8px;color:#fff;text-align:center}#contactblock h2,#contactblock p{color:#fff}#contactblock a.contactbtn{display:inline-block;margin-top:12px;padding:10px 18px;border:2px solid #fff;border-radius:6px;color:#fff;text-decoration:none;font-family:"Montserrat",sans-serif;transition:all .3s}#contactblock a.contactbtn:hover,#contactblock a.contactbtn:focus{background:#fff;color:#000}#splash{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bc);z-index:1000;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#splashcontent,#splashfooter{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}#splashcontent{flex-grow:1}#splashcontent>img{width:200px}#splashcontent>p{font-size:1.5em;font-weight:bold;color:var(--tc);padding:20px;text-align:center}#splashfooter{align-self:center;display:flex;justify-content:space-between;align-items:center;width:100%;flex-direction:column;align-items:center;margin-bottom:15px}.spinner{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hideme{display:none}