<!DOCTYPE html> <html lang="en-US"> <head> <script>var pb_global={pageName:"p0F41V2CMg4Xtr",pageId:"rNhEKc1RMtKjwr",contextPath:"/pb",isAdmin:false,layoutEngineName:"",environment:"prod",resourceToken:"",_website:"wect"};</script> <script>window.serviceCallbacks=[];window.pageBuilder=window.pageBuilder||{};window.pageBuilder.featureLoaded=function(el){if(window.services.asyncFeatureCallback)window.services.asyncFeatureCallback(el);else window.serviceCallbacks.push(function(){window.services.asyncFeatureCallback(el)})};</script> <script>(function(){if(window.BOOMR&&window.BOOMR.version)return;var dom,doc,where,iframe=document.createElement("iframe"),win=window;function boomerangSaveLoadTime(e){win.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(win.addEventListener)win.addEventListener("load",boomerangSaveLoadTime,false);else if(win.attachEvent)win.attachEvent("onload",boomerangSaveLoadTime);iframe.src="javascript:false";iframe.title="";iframe.role="presentation";(iframe.frameElement||iframe).style.cssText="width:0;height:0;border:0;display:none;";
where=document.getElementsByTagName("script")[0];where.parentNode.insertBefore(iframe,where);try{doc=iframe.contentWindow.document}catch(e){dom=document.domain;iframe.src="javascript:var d\x3ddocument.open();d.domain\x3d'"+dom+"';void(0);";doc=iframe.contentWindow.document}doc.open()._l=function(){var js=this.createElement("script");if(dom)this.domain=dom;js.id="boomr-if-as";js.src="https://c.go-mpulse.net/boomerang/"+"XPXCW-DAMJV-5VCNY-NSGAA-ZZ4G2";BOOMR_lstart=(new Date).getTime();this.body.appendChild(js)};
doc.write('\x3cbody onload\x3d"document._l();"\x3e');doc.close()})();</script> <script>
  const addZeroPad = function(num) {
    num = Math.abs(num)
    num = num.toString()
    if (num.length === 1) {
      num = '0' + num
    }
    return num
  }

  const getTimezoneOffset = function() {
    const offset = -new Date().getTimezoneOffset() / 60
    const sign = offset < 0 ? '-' : '+'
    return sign + addZeroPad(offset) + ':00'
  }
</script> <script>
  const contentName = "Weather"
  const adPath = "/weather"
  const description = ""
  const canonicalUrl = ""

  var RCdataLayer = [{
    "adTarget": adPath ? "wect/web/weather" : null,
    "canonicalUrl": canonicalUrl ? canonicalUrl : null,
    "contentName": contentName ? contentName : null,
    "contentOwner": "wect",
    "contentType": "page",
    "platformName": "Arc Feature Pack",
    "metaDescription": description ? description : null,
    "stationName": "wect",
    "timezoneOffset": getTimezoneOffset(),
    "userId": "",
    "userTimezoneTimestamp": new Date(),
    "userTimezone": Intl.DateTimeFormat().resolvedOptions().timeZone,
    "userAgent": navigator.userAgent
  }]
  
</script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!="dataLayer"?"\x26l\x3d"+l:"";j.async=true;j.src="https://www.googletagmanager.com/gtm.js?id\x3d"+i+dl;f.parentNode.insertBefore(j,f)})(window,document,"script","RCdataLayer","GTM-M5QQ3JP");</script> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="distribution" content="global"/> <meta name="rating" content="general"/> <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1"> <meta charset="UTF-8"/> <meta name="copyright" content="Copyright (c) 2021 "/> <meta name="google-site-verification" content="L90OU2B30zEyHZYAIFvy5Ur85lUrfeQR7_viTaoFnxg"/> <title>Weather</title> <meta name="robots" content="index,follow,noarchive"/> <meta name="googlebot" content="index"/> <meta name="googlebot-news" content="index"/> <meta name="twitter:title" content="Weather"/> <meta name="twitter:image" content="/pb/resources/images/fallback-promo-image.png"/> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:description" content=""/> <meta name="twitter:site" content="@wectnews"/> <meta name="twitter:creator" content="@wectnews"> <meta property="og:url" content=""/> <meta property="og:title" content="Weather"/> <meta itemprop="image" property="og:image" content="/pb/resources/images/fallback-promo-image.png"/> <meta property="og:description" content=""/> <meta property="og:locale" content="en_US"/> <meta property="og:site_name" content="https://www.wect.com"/> <meta property="og:type" content="WebPage"/> <meta property="fb:app_id" content="707274839313944"/> <meta property="fb:pages" content="209617969082977"/> <meta property="fb:admins" content="644426401"/> <meta name="burst" content="wect"/> <meta property="article:publisher" content="https://www.facebook.com/WECTNews"> <meta name="author" content=""> <script data-schema="WebPage" type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "WebPage",
        "description": "",
        "url": "",
        "publisher": {
          "@type": "Organization",
          "name": "WECT",
          "logo": "https://www.wect.com/pb/resources/images/rm_icons/wect-icon.png?token=123"
        },
        "name": "Weather"
      }
    </script> <script data-schema="Organization" type="application/ld+json">
      {
        "name": "WECT",
        "url": "https://www.wect.com",
        "logo": "https://www.wect.com/pb/resources/images/rm_icons/wect-icon.png?token=123",
        "@type": "Organization",
        
          "sameAs": [ "https://www.facebook.com/WECTNews" ],
        
        "@context": "http://schema.org"
      }
    </script> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous"> <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Oswald:400,600,700|PT+Serif:400,400i,700i" rel="stylesheet"> <link href="/pb/resources/dist/3dcab09d681bdf5abc69/rm/rm-framework3dcab09d681bdf5abc69.css?v=103" rel="stylesheet"/> <style>.logo{background-image:url(/pb/resources/images/wect-logo.svg?v=103)}.logo.logo-footer{background-image:url(/pb/resources/images/footer_icons/wect-logo.svg?v=103)}</style> <link href="/pb/resources/dist/3dcab09d681bdf5abc69/rm/rm-framework3dcab09d681bdf5abc69.css?v=103" rel="stylesheet"/> <link href="/pb/resources/dist/3dcab09d681bdf5abc69/rm/rm-features3dcab09d681bdf5abc69.css?v=103" rel="stylesheet"/> <link href="/pb/resources/dist/3dcab09d681bdf5abc69/rm/rm-services3dcab09d681bdf5abc69.css?v=103" rel="stylesheet"/> <script>!function(o,n,t){t=o.createElement(n),o=o.getElementsByTagName(n)[0],t.async=1,t.src="https://reconditerespect.com/v2lxy3SxosCUokT-bOH4A2SsT4FkRuoUtF5GgQOs1gSUoCPMIDM191Hnh",o.parentNode.insertBefore(t,o)}(document,"script"),function(o,n){o[n]=o[n]||function(){(o[n].q=o[n].q||[]).push(arguments)}}(window,"admiral");
!function(c,e,o,t,n){function r(o,t){(function n(){try{return 0<(localStorage.getItem("v4ac1eiZr0")||"").split(",")[4]}catch(o){}return!1})()&&(t=c[e].pubads())&&t.setTargeting("admiral-engaged","true")}(n=c[e]=c[e]||{}).cmd=n.cmd||[],typeof n.pubads===o?r():typeof n.cmd.unshift===o?n.cmd.unshift(r):n.cmd.push(r)}(window,"googletag","function");
!function(t,n,i,u,e,o){var a=n[i];function r(t){if(t){var u=(t.data||{})[i+"Call"];u&&n[i](u.command,u.version,function(n,i){t.source.postMessage({__uspapiReturn:{returnValue:n,success:i,callId:u.callId}},"*")})}}if(function c(){if(!window.frames[u]){var n=t.body;if(n){var i=t.createElement("iframe");i.style.display="none",i.name=u,n.appendChild(i)}else setTimeout(c,5)}}(),"function"!=typeof a){var s={getUSPData:function(n,i){return n!==1?i&&i(null,!1):i&&i({version:null,uspString:null},!1)}};a=n[i]=
function(n,i,t){return s[n](i,t)},n.addEventListener?n.addEventListener("message",r,!1):n.attachEvent&&n.attachEvent("onmessage",r)}o=t.createElement(e),t=t.getElementsByTagName(e)[0],o.src="https://reconditerespect.com/v2ctn-NeuOC2QQtCYlBQLUOwxuS29E_7L5CknYSdVHyNFW4XTtkWi4VPPl_OcSwYFGxW4bvd-gg",t.parentNode.insertBefore(o,t)}(document,window,"__uspapi","__uspapiLocator","script");</script> <script src="/pb/gr/c/default/rNhEKc1RMtKjwr/arcAdsJS/cdbd7d78da.js?v=103"></script> <script>
  const arcAds = new ArcAds({
    dfp: {
      id: '63316753'
    }
  });
  window.arcAds = arcAds;
</script> 
  <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"true","rua.cpush":"true","rua.upre":"true","rua.cpre":"true","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"SJ-036512fe-7f6d-458f-931c-c27068c17863","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"","rua.texp":""}]);</script>
                          <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="QBAR5-VQHA6-B4PB6-4V9XD-XL3U4",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"QBAR5-VQHA6-B4PB6-4V9XD-XL3U4",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e="true"=="true"?1:0,t="",n="eyd7rmcaaegbkjqacqd7qaaaabqk4qvl-f-4e8b48ea8-clienttons-s.akamaihd.net",i={"ak.v":"31","ak.cp":"737547","ak.ai":parseInt("466022",10),"ak.ol":"0","ak.cr":24,"ak.ipv":6,"ak.proto":"http/1.1","ak.rid":"53809a","ak.r":37671,"ak.a2":e,"ak.m":"a","ak.n":"essl","ak.bpcip":"2607:f8b0:4001:c15::","ak.cport":36926,"ak.gh":"23.197.194.118","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1622033067","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==fjMAUOvGkunp2D3ZmkTtG8r4PHIlGhGlIXtaEVlvPhWaMeW1OHyG2t5hzh6UunESOV2edSUtNA4NyOCARqZcrpQxGHotUBR7K4OBIuDKGnsGmQmZPq98KDZLzCGITSU4+MnbYVUDfv08JE1ukjzB1B5Vy/rp1ICK0elkg64V4xYUjmhKeShxwohWH5bjS4IqGD1D13pXiOfEZjcKzBeWHQihqg5JZe7xm6Jqc4XZm2KtJVCsHITnoG1FxtZaYNMWjGUd6RI3fh3tBw2m/wyE2zoA2rNnX+y59guJhH3Ho/osfdqiz76JKXghq2O6VBmF0KsX7iwWy+Q/Pw9xGANg9ci580oCr6LCYlDxYC7F/CF9FijWYVv4jgOKtnN4ZWqPqGQnxk+INu5Oc/Dskk0pqN8GKj7H5uQ7gXWtAx0/u60=","ak.pv":"14","ak.dpoabenc":""};if(""!==t)i["ak.ruds"]=t;var _={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))i["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(i)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.r","ak.acc","ak.t"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:i,akDNSPreFetchDomain:n,init:function(){if(!_.i){var a=BOOMR.subscribe;a("before_beacon",_.av,null,null),a("onbeacon",_.rv,null,null),_.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M5QQ3JP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
  <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"true","rua.cpush":"true","rua.upre":"true","rua.cpre":"true","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"SJ-036512fe-7f6d-458f-931c-c27068c17863","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"","rua.texp":""}]);</script>
                          <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="QBAR5-VQHA6-B4PB6-4V9XD-XL3U4",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"QBAR5-VQHA6-B4PB6-4V9XD-XL3U4",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e="true"=="true"?1:0,t="",n="eyd7rmcaaegbkjqacqd7qaaaabqk4qvl-f-4e8b48ea8-clienttons-s.akamaihd.net",i={"ak.v":"31","ak.cp":"737547","ak.ai":parseInt("466022",10),"ak.ol":"0","ak.cr":24,"ak.ipv":6,"ak.proto":"http/1.1","ak.rid":"53809a","ak.r":37671,"ak.a2":e,"ak.m":"a","ak.n":"essl","ak.bpcip":"2607:f8b0:4001:c15::","ak.cport":36926,"ak.gh":"23.197.194.118","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1622033067","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==fjMAUOvGkunp2D3ZmkTtG8r4PHIlGhGlIXtaEVlvPhWaMeW1OHyG2t5hzh6UunESOV2edSUtNA4NyOCARqZcrpQxGHotUBR7K4OBIuDKGnsGmQmZPq98KDZLzCGITSU4+MnbYVUDfv08JE1ukjzB1B5Vy/rp1ICK0elkg64V4xYUjmhKeShxwohWH5bjS4IqGD1D13pXiOfEZjcKzBeWHQihqg5JZe7xm6Jqc4XZm2KtJVCsHITnoG1FxtZaYNMWjGUd6RI3fh3tBw2m/wyE2zoA2rNnX+y59guJhH3Ho/osfdqiz76JKXghq2O6VBmF0KsX7iwWy+Q/Pw9xGANg9ci580oCr6LCYlDxYC7F/CF9FijWYVv4jgOKtnN4ZWqPqGQnxk+INu5Oc/Dskk0pqN8GKj7H5uQ7gXWtAx0/u60=","ak.pv":"14","ak.dpoabenc":""};if(""!==t)i["ak.ruds"]=t;var _={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))i["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(i)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.r","ak.acc","ak.t"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:i,akDNSPreFetchDomain:n,init:function(){if(!_.i){var a=BOOMR.subscribe;a("before_beacon",_.av,null,null),a("onbeacon",_.rv,null,null),_.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <div id="pb-root" class=""><div class="background-grey-minimal"> <a class="skip-link" href="#top">Skip to content</a> <section id="app-bar" class="relative zindex-higher width-full"> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-global-sales-nav" id="f0y6rdaTMtKjwr"> <div id="sales-nav" class="background-grey-minimal visible-lg"> <div class="container"> <ul class="list-unstyled flex-container-row padded padded-top padded-bottom padded-xs"> <li class="padded padded-right padded-md flex-shrink"><a href="http://www.wect.com/wect-senior-connect/" class="color-grey-dark">Senior Connect</a></li> <li class="padded padded-right padded-md flex-shrink"><a href="https://www.wect.com/homepros/" class="color-grey-dark">Home Pros</a></li> <li class="padded padded-right padded-md flex-shrink"><a href="http://www.wect.com/contests/" class="color-grey-dark">Contests</a></li> <li class="padded padded-right padded-md flex-shrink"><a href="https://www.wect.com/strong/" class="color-grey-dark">Cape Fear Strong</a></li> <li class="padded padded-right padded-md flex-shrink"><a href="http://www.wect.com/weather/hurricane" class="color-grey-dark">Hurricane Center</a></li> </ul> </div> </div> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-test-html-box" id="f0Qa6xVVMtKjwr"> <style>.pb-f-weather-todays-forecast{position:relative}</style> </div> <div class="pb-container"> </div> </section> <header id="sticky-nav" class="sticky zindex-higher col"> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-global-navigation-bar" id="fENLHi2VMtKjwr"> <div id="app-bar" class="app-bar card padded padded-sm padded-top padded-bottom width-full" role="navigation"> <div class="justify-space-between align-items-center flex-container-row relative app-bar-inner container"> <button id="app-bar-topics-button" name="topicsMenu" class="app-button justify-center flex-container-row no-border" data-role="open-tray" data-tray="topics"> <span class="fa fa-2x fa-bars" aria-hidden="true"></span> </button> <div class="logo-container flex flex-container-row align-items-center justify-left"> <a aria-label="Visit homepage" href="https://www.wect.com"> <div class="logo logo-slim"></div> </a> </div> <div class="app-bar-top-container flex-3 flex-container-row relative spaced spaced-sm spaced-left spaced-right hidden-sm"> <ul id="app-bar-top-menu" class="list-unstyled flex-container-row topics-list uppercase align-items-center flex-shrink"> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="https://www.wect.com/live" class="">Watch Live</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="/news" class="">News</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="/weather" class="">Weather</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="/news/investigate" class="">Investigate</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="/health" class="">Health</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="https://www.capefearweekend.com/" class="">Cape Fear Weekend</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="https://www.wect.com/community/user-content/" class="">Submit Your Pictures</a> </h3> </li> </ul> </div> <div class="search-box-container search-box flex flex-container-row align-items-center justify-end"> <div class="search-box-inner"> <form class="search search-expandable-form small" action="/search/" method="GET"> <input type="checkbox" class="checkbox" name="search-action" id="search-action"/> <label class="magnifying-glass" for="search-action"> <i class="search-button fa fa-search"></i> <i class="close-button fa fa-times"></i> </label> <input type="text" class="search-text-field" id="expandable-search" name="q" placeholder="Search..."/> </form> </div> </div> </div> </div> <div class="app-bar-tray" data-role="tray" data-tray="topics"> <nav [class]="visible == true ? 'tray left-0 hidden width-full zindex-high tray-open visible' : 'tray left-0 hidden width-full zindex-high hidden'" class="tray left-0 hidden width-full zindex-high"> <div class="topics-tray tray-contents card card-dark padded padded-bottom padded-md"> <div class="tray-contents-inner container" tabindex="0"> <div class="five-hundred-screen-height"> <div class="container"> <div class="flex-grid"> <div class="tray-section tray-section-1 tray-section-odd justify-start uppercase links min-width-25 padded padded-md padded-right padded-left spaced spaced-xl spaced-top "> <div class="tray-section spaced spaced-md spaced-left spaced-right li-1"> <h3 class="spaced spaced-xs spaced-bottom padded padded-xs padded-right padded-left"> <a href="/homepage" class="color-white">Home</a> </h3> <div class="tray-section-children flex-grid flex-wrap no-transform padded padded-sm padded-bottom g-ulc-1 "> <div class="tray-section-child padded padded-xs padded-right padded-left li-3"> <a href="/about-us" class="color-white">About Us</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="http://www.wect.com/live" class="color-white">Live Online</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/community/user-content" class="color-white">See it, Snap it, Send it</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="https://www.vuit.com/live/17290/wect/vod" class="color-white">Latest Newscasts</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-7"> <a href="http://www.wect.com/wect-on-roku-and-amazon-echo/" class="color-white">WECT Anywhere</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-8"> <a href="/contests" class="color-white">Contests</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-9"> <a href="https://gray.tv/careers#currentopenings" class="color-white">WECT Jobs</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-10"> <a href="http://www.wect.com/story/37266272/wect-internship-program/" class="color-white">WECT Internship Program</a> </div> </div> </div> </div> <div class="tray-section tray-section-2 tray-section-even justify-start uppercase links min-width-25 padded padded-md padded-right padded-left spaced spaced-xl spaced-top "> <div class="tray-section spaced spaced-md spaced-left spaced-right li-1"> <h3 class="spaced spaced-xs spaced-bottom padded padded-xs padded-right padded-left"> <a href="/news" class="color-white">News</a> </h3> <div class="tray-section-children flex-grid flex-wrap no-transform padded padded-sm padded-bottom g-ulc-1 "> <div class="tray-section-child padded padded-xs padded-right padded-left li-3"> <a href="/news/investigate" class="color-white">Investigate</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/news/crime" class="color-white">Crime</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/news/digital-exclusive" class="color-white">Digital Exclusive</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="/news/education" class="color-white">Back to School</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-7"> <a href="/business/real-estate" class="color-white">Here We Grow</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-8"> <a href="/traffic" class="color-white">Traffic</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-9"> <a href="/news/national" class="color-white">National</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-10"> <a href="/politics" class="color-white">Politics</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-11"> <a href="/news/investigate/genx-water" class="color-white">GenX Water Investigation</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-12"> <a href="/news/editorial" class="color-white">Consider This</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-13"> <a href="/news/interview/jon-evans" class="color-white">1-on-1 with Jon Evans</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-14"> <a href="/news/school-scandal" class="color-white">School Sex Scandal</a> </div> </div> </div> </div> <div class="tray-section tray-section-3 tray-section-odd justify-start uppercase links min-width-25 padded padded-md padded-right padded-left spaced spaced-xl spaced-top "> <div class="tray-section spaced spaced-md spaced-left spaced-right li-1"> <h3 class="spaced spaced-xs spaced-bottom padded padded-xs padded-right padded-left"> <a href="/weather" class="color-white">Weather</a> </h3> <div class="tray-section-children flex-grid flex-wrap no-transform padded padded-sm padded-bottom g-ulc-1 "> <div class="tray-section-child padded padded-xs padded-right padded-left li-3"> <a href="/weather/cams" class="color-white">First Alert Skycams</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/sky-tracker" class="color-white">Sky Tracker</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="https://www.wect.com/weatherpics/" class="color-white">Weather Pics</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="/weather/hurricane" class="color-white">First Alert Hurricane Center</a> </div> </div> </div> </div> <div class="tray-section tray-section-4 tray-section-even justify-start uppercase links min-width-25 padded padded-md padded-right padded-left spaced spaced-xl spaced-top "> <div class="tray-section spaced spaced-md spaced-left spaced-right li-1"> <h3 class="spaced spaced-xs spaced-bottom padded padded-xs padded-right padded-left"> <a href="/health" class="color-white">Health</a> </h3> <div class="tray-section-children flex-grid flex-wrap no-transform padded padded-sm padded-bottom g-ulc-1 "> <div class="tray-section-child padded padded-xs padded-right padded-left li-3"> <a href="/health/coronavirus" class="color-white">Coronavirus</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/health/opioid-epidemic" class="color-white">Opioid Epidemic</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="http://www.wect.com/wect-senior-connect/" class="color-white">Senior Connect</a> </div> </div> </div> </div> <div class="tray-section tray-section-5 tray-section-odd justify-start uppercase links min-width-25 padded padded-md padded-right padded-left spaced spaced-xl spaced-top "> <div class="tray-section spaced spaced-md spaced-left spaced-right li-1"> <h3 class="spaced spaced-xs spaced-bottom padded padded-xs padded-right padded-left"> <a href="/sports" class="color-white">Sports</a> </h3> <div class="tray-section-children flex-grid flex-wrap no-transform padded padded-sm padded-bottom g-ulc-1 "> <div class="tray-section-child padded padded-xs padded-right padded-left li-3"> <a href="/sports/athlete" class="color-white">Athlete of the Week</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/sports/high-school/football" class="color-white">Friday Night Football</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/getfitwith6" class="color-white">Get Fit With 6</a> </div> </div> </div> </div> <div class="tray-section tray-section-6 tray-section-even justify-start uppercase links min-width-25 padded padded-md padded-right padded-left spaced spaced-xl spaced-top "> <div class="tray-section spaced spaced-md spaced-left spaced-right li-1"> <h3 class="spaced spaced-xs spaced-bottom padded padded-xs padded-right padded-left"> <a href="/community" class="color-white">Community</a> </h3> <div class="tray-section-children flex-grid flex-wrap no-transform padded padded-sm padded-bottom g-ulc-1 "> <div class="tray-section-child padded padded-xs padded-right padded-left li-3"> <a href="/community/calendar" class="color-white">Calendar</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="https://www.capefearweekend.com/" class="color-white">Cape Fear Weekend</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="http://www.wect.com/pets/" class="color-white">Pet of the Week</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="https://www.donorschoose.org/wect?active=true" class="color-white">Community Classroom</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-7"> <a href="https://www.wect.com/spotlight/" class="color-white">Community Spotlight</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-8"> <a href="https://www.wect.com/2018/09/20/carolina-morning-birthdays-anniversaries/" class="color-white">Birthdays & Anniversaries</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-9"> <a href="https://www.wect.com/homepros/" class="color-white">Home Pros</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-10"> <a href="https://www.wect.com/strong/" class="color-white">Cape Fear Strong</a> </div> </div> </div> </div> <div class="tray-section tray-section-7 tray-section-odd justify-start uppercase links min-width-25 padded padded-md padded-right padded-left spaced spaced-xl spaced-top "> <div class="tray-section spaced spaced-md spaced-left spaced-right li-1"> <h3 class="spaced spaced-xs spaced-bottom padded padded-xs padded-right padded-left"> <a href="/programming" class="color-white">Programming</a> </h3> <div class="tray-section-children flex-grid flex-wrap no-transform padded padded-sm padded-bottom g-ulc-1 "> <div class="tray-section-child padded padded-xs padded-right padded-left li-3"> <a href="https://www.vuit.com/live/17290/wect/vod" class="color-white">Latest Newscasts</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/programming/schedule" class="color-white">Schedule</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/carolina-in-the-morning" class="color-white">Carolina in the Morning</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="/programming/first-at-four" class="color-white">First at Four</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-7"> <a href="/programming/conserve-cape-fear" class="color-white">Conserve Cape Fear</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-8"> <a href="/programming/side-hustle" class="color-white">Side Hustle</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-9"> <a href="https://www.fullcourtgreta.com/" class="color-white">Full Court Press with Greta Van Susteren</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-10"> <a href="http://www.circleallaccess.com" class="color-white">Circle - Country Music & Lifestyle</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-11"> <a href="https://www.graydc.com/" class="color-white">Gray DC Bureau</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-12"> <a href="https://www.investigatetv.com/" class="color-white">Investigate TV</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </nav> </div> </div> <div class="pb-container"> </div> </header> <section id="top" class="width-full"> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-global-breaking-news" id="f0waX7LVMtKjwr"> <div id="breaking-news-wrapper" class="breaking-news-wrapper" data-feature-name="breaking-news-bar" data-feature-grouping=".pb-f-global-breaking-news" data-page-uri="/fragment-wect-breaking/" data-url="/pb/api/v2/render/feature" data-website="wect" data-view-unpublished="false"> </div> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-weather-weather-alerts" id="fIHGLr1VMtKjwr"> <div id="weather-alerts-wrapper" class="weather-alerts-wrapper" data-feature-name="weather-alerts-bar" data-feature-grouping=".pb-f-weather-weather-alerts" data-page-uri="/wect-weather-alerts/" data-url="/pb/api/v2/render/feature" data-website="wect"> <div data-href="/pb/api/v2/render/feature"> </div> </div> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-ads-arcads" id="fTjV9i1VMtKjwr"> <div id="ad95-sticky" class="flex-container-column visible-lg visible-lg"> <div class=" justify-center flex-column-unrestricted align-items-center no-overflow absolute width-full"> <div id="ad95" class="arcad ad-1900x1200"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad95",slotName:"wect/web/weather",adType:"wallpaper",dimensions:"[[[1900, 1200]], [[1900, 1200]], [[1900, 1200]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"s",cid:""},display:"desktop",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:false,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div> </div> <div class="pb-container"> </div> </section> <div class="container flex-grid"> <section id="top-wrapped" class="col desktop-12 tablet-12 mobile-12"> <div class="pb-container"> <div class="wrapper clearfix col desktop-12 tablet-12 mobile-12 pb-feature pb-layout-item pb-f-ads-arcads" id="fWAKQx1VMtKjwr"> <div id="ad56-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad56" class="arcad ad-728x90 zindex-med"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad56",slotName:"wect/web/weather",adType:"flex-leaderboard",dimensions:"[[[970, 250], [970, 90], [728, 90]], [[728, 90]], [[320, 50]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"s",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:true,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div> </div> <div class="wrapper clearfix col desktop-12 tablet-12 mobile-12 pb-feature pb-layout-item pb-f-global-section-topper" id="f0MaqJtVMtKjwr"> <div class="card"> <div class="card-content flex-container-column hidden-sm"> <div class="section-header font-bold padded padded-bottom padded-sm "> Weather </div> <ul class="list-unstyled flex-container-row align-items-center subsection-links capitalized border border-bottom border-bold"> <a href="/weather/cams" class="nav-link spaced spaced-bottom spaced-sm "> <li class="spaced spaced-right spaced-lg font-bold flex-container-row align-items-center"> First Alert Skycams </li> </a> <a href="/sky-tracker" class="nav-link spaced spaced-bottom spaced-sm "> <li class="spaced spaced-right spaced-lg font-bold flex-container-row align-items-center"> Sky Tracker </li> </a> <a href="https://www.wect.com/weatherpics/" class="nav-link spaced spaced-bottom spaced-sm "> <li class="spaced spaced-right spaced-lg font-bold flex-container-row align-items-center"> Weather Pics </li> </a> <a href="/weather/hurricane" class="nav-link spaced spaced-bottom spaced-sm "> <li class="spaced spaced-right spaced-lg font-bold flex-container-row align-items-center"> First Alert Hurricane Center </li> </a> </ul> </div> <div class="card-content flex-container-column visible-sm"> <div class="section-header flex-container-row font-bold padded padded-bottom padded-sm align-items-center"> Weather <div id="section-menu-btn" class="button submenu-btn button-light flex-container-row justify-center spaced spaced-left spaced-sm relative" data-role="open-tray" data-tray="section-menu"> <button class="button button-expand background-white no-border"><i class="fa fa-plus"></i></button> </div> </div> <div id="section-topper-tray" class="hidden" data-role="tray" data-tray="section-menu"> <ul class="list-unstyled flex-container-row flex-wrap align-items-center subsection-links capitalized border border-bottom border-bold padded padded-bottom padded-top padded-md"> <a href="/weather/cams" class="nav-link"> <li class="spaced spaced-right spaced-sm font-bold flex-container-row align-items-center"> First Alert Skycams <div class="vertical-divider submenu-divider spaced spaced-left spaced-sm font-normal color-grey ">|</div> </li> </a> <a href="/sky-tracker" class="nav-link"> <li class="spaced spaced-right spaced-sm font-bold flex-container-row align-items-center"> Sky Tracker <div class="vertical-divider submenu-divider spaced spaced-left spaced-sm font-normal color-grey ">|</div> </li> </a> <a href="https://www.wect.com/weatherpics/" class="nav-link"> <li class="spaced spaced-right spaced-sm font-bold flex-container-row align-items-center"> Weather Pics <div class="vertical-divider submenu-divider spaced spaced-left spaced-sm font-normal color-grey ">|</div> </li> </a> <a href="/weather/hurricane" class="nav-link"> <li class="spaced spaced-right spaced-sm font-bold flex-container-row align-items-center"> First Alert Hurricane Center <div class="vertical-divider submenu-divider spaced spaced-left spaced-sm font-normal color-grey hidden">|</div> </li> </a> </ul> </div> </div> </div> </div> </div> <div class="wrapper clearfix col full pb-feature pb-layout-item pb-f-weather-todays-forecast" id="fB07ia1VMtKjwr"> <div class="zindex-lowest"> <div class="card skin"> <div class="card-media"> <div class="flex-grid"> <div class="col desktop-8 tablet-8 mobile-12"> <div class="flex-grid"> <div class="col desktop-7 tablet-7 mobile-12 flex-container-column justify-center"> <h2 class="bold color-black promo-header">First Alert Forecast: 90s roar back, big changes for Memorial Day</h2> <div class="hidden-sm spaced spaced-top spaced-xs"> <div class="spaced spaced-top spaced-xs padded padded-bottom padded-xs"> May 26, 2021 at 6:40 AM </div> <div class="spaced spaced-top spaced-xs"> <div data-type="text"> <p>WILMINGTON, N.C. (WECT) - Wilmington pinged a high temperature in the 90s Monday and then the 80s Tuesday. Acknowledging a sunny, summery high pressure ridge, your First Alert Forecast favors a return to the 90s for the Port City and most of the Cape Fear Region Wednesday. The average high for Wilmington for May 26 is 83; the record is a blistering 100 set just two years ago during the epically hot May of 2019.</p> </div> <div id="arc-modal-todays-forecast" class="arc-modal-trigger pointer"> Read More... </div> </div> </div> </div> <div class="col desktop-5 tablet-5 mobile-12"> <div class="flex-grid"> <div class="col mobile-4 visible-sm spaced spaced-top spaced-xs"> <div class="spaced spaced-top spaced-xs padded padded-bottom padded-xs"> May 26, 2021 at 6:40 AM </div> <div class="flex"> <h2 class="small bold align-left">Gannon Medwick</h2> <p class="align-left">Chief Meteorologist</p> <span class="buttonbar app-bar-share align-left"> <a class="button button-icon button-icon-hover-accent button-lg button-dark" href="https://twitter.com/@medwick" role="button" aria-label="Visit Twitter" target="_blank" rel="noopener noreferrer"> <i class="fab fa-twitter "></i> </a> <a class="button button-icon button-icon-hover-accent button-lg button-dark" href="https://www.facebook.com/gannon.medwick.meteorologist" role="button" aria-label="Visit Facebook" target="_blank" rel="noopener noreferrer"> <i class="fab fa-facebook-square "></i> </a> <a class="button button-icon button-icon-hover-accent button-lg button-dark" aria-label="Contact via email" href="mailto:gannon.medwick@wect.com?subject=&body=" role="button" rel="noopener noreferrer" data-arctrack="socialFollowEm"> <i class="far fa-envelope"></i> </a> <a class="button button-icon button-icon-hover-accent button-lg button-dark" href="https://instagram.com/gannonmedwick" target="_blank" role="button" aria-label="Visit Instagram" rel="noopener noreferrer"> <i class="fab fa-instagram "></i> </a> </span></div></div> <div class="col desktop-12 tablet-12 mobile-8"> <img class="width-full" src="https://s3.amazonaws.com/arc-authors/raycom/e0ed2620-ecd4-480d-ab35-23cd7be8e2fe.png" alt="Gannon Medwick"/></div> </div> </div> <div class="col mobile-12 visible-sm spaced spaced-top spaced-xs"> <div data-type="text"> <p>WILMINGTON, N.C. (WECT) - Wilmington pinged a high temperature in the 90s Monday and then the 80s Tuesday. Acknowledging a sunny, summery high pressure ridge, your First Alert Forecast favors a return to the 90s for the Port City and most of the Cape Fear Region Wednesday. The average high for Wilmington for May 26 is 83; the record is a blistering 100 set just two years ago during the epically hot May of 2019.</p> </div> <div id="arc-modal-todays-forecast" class="arc-modal-trigger pointer"> Read More... </div> </div> </div> </div> <div class="col desktop-4 tablet-4 mobile-12 col-no-side-gutter"> <div class="flex spaced spaced-md spaced-top spaced-bottom"> <div class="padded padded-bottom padded-lg"> <div class="wrapper clearfix col pb-feature pb-layout-item pb-f-article-goldfish-video" id=""> <div class="video"> <div class="goldfish-video" data-video-id="powa-1772-364748ee-89ae-4cf1-9b26-a458811c284d" data-script-path="d3mo2m0b34ee8e" data-environment="prod"></div> <div class="goldfish-player" data-page-on="1" data-producer="wect"> <div class="powa" id="powa-1772-364748ee-89ae-4cf1-9b26-a458811c284d" data-ping-rate="15" data-org="raycom" data-uuid="364748ee-89ae-4cf1-9b26-a458811c284d" data-playthrough="true" data-shadow-dom="false" data-sticky="true" data-preroll-ad-path="63316753/wect/web/weather/forecast" data-ads="true"></div> </div> <figcaption class="caption-text spaced spaced-top spaced-xs flex-container-row justify-space-between"> <div>Your First Alert Forecast from Wed. morning, May 26, 2021</div> </figcaption> </div> </div> </div> <div class="hidden-sm"> <div class="flex"> <h2 class="small bold align-left">Gannon Medwick</h2> <p class="align-left">Chief Meteorologist</p> <span class="buttonbar app-bar-share align-left"> <a class="button button-icon button-icon-hover-accent button-lg button-dark" href="https://twitter.com/@medwick" role="button" aria-label="Visit Twitter" target="_blank" rel="noopener noreferrer"> <i class="fab fa-twitter "></i> </a> <a class="button button-icon button-icon-hover-accent button-lg button-dark" href="https://www.facebook.com/gannon.medwick.meteorologist" role="button" aria-label="Visit Facebook" target="_blank" rel="noopener noreferrer"> <i class="fab fa-facebook-square "></i> </a> <a class="button button-icon button-icon-hover-accent button-lg button-dark" aria-label="Contact via email" href="mailto:gannon.medwick@wect.com?subject=&body=" role="button" rel="noopener noreferrer" data-arctrack="socialFollowEm"> <i class="far fa-envelope"></i> </a> <a class="button button-icon button-icon-hover-accent button-lg button-dark" href="https://instagram.com/gannonmedwick" target="_blank" role="button" aria-label="Visit Instagram" rel="noopener noreferrer"> <i class="fab fa-instagram "></i> </a> </span></div></div> </div> </div> </div> </div> <div data-modal-id="arc-modal-todays-forecast" data-event-name="weatherForecastOpen" data-met="Gannon Medwick" data-title="First Alert Forecast: 90s roar back, big changes for Memorial Day" class="arc-modal-content arc-modal-close-trigger modal-container zindex-highest hidden fixed top-0 left-0 height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered"> <div class="pull-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div> <h1 class="padded padded-bottom padded-lg">First Alert Forecast: 90s roar back, big changes for Memorial Day</h1> <div class="flex padded padded-bottom padded-lg"> May 26, 2021 at 6:40 AM </div> <div class="flex-container-row"> <div class="flex"> <img src="https://s3.amazonaws.com/arc-authors/raycom/e0ed2620-ecd4-480d-ab35-23cd7be8e2fe.png" alt="Gannon Medwick" title="Gannon Medwick" class="img-sm circle pull-left"/> <h2 class="small bold align-left">Gannon Medwick</h2> <p>Chief Meteorologist</p> </div> <div class="flex"> <div class="pull-right"> <span class="buttonbar app-bar-share align-left"> <a class="button button-icon button-icon-hover-accent button-lg button-dark" href="https://twitter.com/@medwick" role="button" aria-label="Visit Twitter" target="_blank" rel="noopener noreferrer"> <i class="fab fa-twitter "></i> </a> <a class="button button-icon button-icon-hover-accent button-lg button-dark" href="https://www.facebook.com/gannon.medwick.meteorologist" role="button" aria-label="Visit Facebook" target="_blank" rel="noopener noreferrer"> <i class="fab fa-facebook-square "></i> </a> <a class="button button-icon button-icon-hover-accent button-lg button-dark" aria-label="Contact via email" href="mailto:gannon.medwick@wect.com?subject=&body=" role="button" rel="noopener noreferrer" data-arctrack="socialFollowEm"> <i class="far fa-envelope"></i> </a> <a class="button button-icon button-icon-hover-accent button-lg button-dark" href="https://instagram.com/gannonmedwick" target="_blank" role="button" aria-label="Visit Instagram" rel="noopener noreferrer"> <i class="fab fa-instagram "></i> </a> </span></div> </div> </div> <div class="full-width"> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p>WILMINGTON, N.C. (WECT) - Wilmington pinged a high temperature in the 90s Monday and then the 80s Tuesday. Acknowledging a sunny, summery high pressure ridge, your First Alert Forecast favors a return to the 90s for the Port City and most of the Cape Fear Region Wednesday. The average high for Wilmington for May 26 is 83; the record is a blistering 100 set just two years ago during the epically hot May of 2019.</p> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p>Your First Alert Forecast stays sizzling through Thursday and Friday before a cold front delivers a cooler and wetter change for parts of the holiday weekend. Gauge the temperatures and daily rain odds in your seven-day planning forecast for Wilmington right here. Or, anytime you like and for any location you choose, extend your outlook to ten days with your WECT Weather App!</p> </div> <div data-type="raw_html" class="spaced spaced-bottom spaced-md"> <div class="element element-rawhtml "> <img alt="7-day Forecast" class="b-lazy width-full b-loaded" data-token="src" data-increment="5" data-unit="minute" src="https://webpubcontent.raycommedia.com/wect/MAXSevendayWECT.jpg"></div> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p><i>Copyright 2021 WECT. All rights reserved.</i></p> </div> </div> </div> </div> </div> <div class="pb-container"> </div> </section> </div> <div class="flex-grid container relative"> <section id="featured-story" class="col col-no-gutter desktop-9 tablet-12 mobile-12"> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-weather-current-conditions" id="f0zvWOjVMtKjwr"> <div id="full-weather-wrapper" class="day weather-item weather-gradient flex-grid auto-height color-white pb-weather relative invisible padded padded-bottom padded-xl spaced spaced-bottom spaced-lg" data-location-name="Wilmington, NC" data-lookup-data="true" data-valid-content="true" data-tonight-bg-image="night-partly-cloudy"> <div id="weather-gradient-wrapper" class="day absolute pb-weather day-clear" style="width:100%;height:100%;"></div> <div class="flex-container-column flex-tablet-row col desktop-12 tablet-12 mobile-12 justify-space-between bordered zindex-lower padded padded-left padded-right padded-top padded-md"> <div class="flex-container-column relative"> <div class="text-align-center"> <span class="location location-lg uppercase font-bold"> Wilmington, NC<i data-modal-id="cc-id" class="location-modal-trigger fa fa-pencil color-white spaced spaced-left spaced-sm "></i> </span> <div id="cc-id" class="location-modal absolute color-white flex-container-row hidden"> <div class="flex-container-column modal spaced spaced-right spaced-md"> <div class="flex-container-row"> <button class="cancel-weather-modal button button-text button-light no-border spaced spaced-top spaced-left spaced-md">cancel</button> <button class="location-edit button button-text button-light no-border spaced spaced-top spaced-left spaced-right spaced-md">edit</button> </div> <div class="flex-container-column spaced spaced-top spaced-left spaced-bottom spaced-md text-align-left"> <div class="font-bold">Custom locations</div> <div class="custom-location-list"></div> <div class="font-bold">Station location</div> <div class="station-location"> <div class="custom-location hover-underlined" data-url="/pb/api/v2/render/feature/weather/current-conditions" data-feature-grouping=".pb-f-weather-current-conditions" data-website='wect' data-content-config-keys='Code,Language' data-content-config-values='USNC0760,en'>Wilmington, NC</div> </div> </div> </div> </div> </div> <div class="flex-container-row font-bold"> <div class="hover-underlined spaced spaced-right spaced-sm weather-day-picker underlined" data-class-to-add="day-clear" data-class-to-remove="night-partly-cloudy,day-clear" data-element-to-show="#current-observation">current</div> <div class="hover-underlined spaced spaced-right spaced-bottom spaced-sm weather-day-picker" data-class-to-add="day-clear" data-class-to-remove="night-partly-cloudy,day-clear" data-element-to-show="#today-observation">today</div> <div class="hover-underlined weather-day-picker " data-class-to-add="night-partly-cloudy" data-class-to-remove="day-clear,day-clear" data-element-to-show="#tonight-observation">tonight</div> </div> </div> <div class="flex-container-column"> <input id="zip-code" class="" placeholder="enter zip code" data-url="/pb/api/v2/render/feature/weather/current-conditions" data-feature-grouping=".pb-f-weather-current-conditions" data-website="wect" data-location-code="USNC0760" data-language="en" data-content-config-keys='Code,Language' data-content-config-values='USNC0760,en' data-custom-field-keys='spanish' data-custom-field-values=''></input> <div class="relative"> <div> <div id="api-response-modal" class="absolute color-white flex-container-row width-full hidden"> <div class="flex-container-column modal width-full"> <div id="api-locations-list" class="flex-container-column "> </div> </div> </div> </div> </div> </div> </div> <div id="current-observation" class="flex-container-row col flex-grid desktop-12 conditions-wrapper zindex-lowest padded padded-right padded-md"> <div class="flex-container-column col desktop-7 tablet-7 mobile-12"> <div class="flex-container-row justify-center spaced spaced-left spaced-md"> <div class="icon spaced spaced-right spaced-md flex-container-row align-items-center"> <img width="100" height="100" src="/pb/resources/images/weather/weather-condition-icons/400x400/85_daily_forecast.png" alt="weather-icon"/> </div> <div id="current-main-temp" class="font-bold temp temp-lg weather-temp" data-temp-f="76" data-temp-c="24"> 76</div> <div class="font-bold flex-container-row spaced spaced-top spaced-md"> <div class="hover-underlined temperature-control underlined text-align-center" data-temp="tempF">F&deg;</div> <div class="hover-underlined temperature-control text-align-center" data-temp="tempC">C&deg;</div> </div> </div> <div class="flex-container-column align-self-center spaced spaced-top spaced-md padded padded-top padded-md text-align-center"> <div>Clear</div> </div> </div> <div class="flex-container-column col desktop-4 tablet-5 mobile-12 conditions"> <div class="flex-container-row justify-space-between"> <div class="font-bold">Pressure</div> <div>30.21 in</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Wind</div> <div>SW&nbsp; 9 MPH</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Humidity</div> <div>79%</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">UV Index</div> <div>Very High&nbsp;9</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Heat Index</div> <div id="current-heat-index" class="weather-temp" data-temp-f="76" data-temp-c="24"> 76</div> </div> <div class="flex-container-row justify-space-between bordered"> <div class="font-bold">Wind Chill</div> <div id="current-wind-chill" class="spaced spaced-bottom spaced-md weather-temp" data-temp-f="76" data-temp-c="24"> 76</div> </div> <div class="flex-container-row justify-space-between spaced spaced-top spaced-md"> <div class="font-bold">Sunrise</div> <div> 6:02 AM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Sunset</div> <div> 8:14 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonrise</div> <div> 8:49 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonset</div> <div> 6:06 AM </div> </div> </div> </div> <div id="today-observation" class="flex-container-row col flex-grid desktop-12 hidden conditions-wrapper zindex-lowest padded padded-right padded-md"> <div class="flex-container-column col desktop-7 tablet-7 mobile-12"> <div class="flex-container-row justify-center temp-container spaced spaced-left spaced-md"> <div class="icon spaced spaced-right spaced-md flex-container-row align-items-center"> <img width="100" height="100" src="/pb/resources/images/weather/weather-condition-icons/400x400/65_daily_forecast.png" alt="weather-icon"/> </div> <div id="today-main-temp" class="font-bold temp temp-lg weather-temp" data-temp-f="93" data-temp-c="33"> 93</div> <div class="font-bold flex-container-row spaced spaced-top spaced-md"> <div class="hover-underlined temperature-control underlined text-align-center" data-temp="tempF">F&deg;</div> <div class="hover-underlined temperature-control text-align-center" data-temp="tempC">C&deg;</div> </div> </div> <div class="flex-container-column align-self-center spaced spaced-top spaced-md padded padded-top padded-md text-align-center"> <div>Sunny or partly cloudy. Breezy. Highs mainly in the lower 90s.</div> </div> </div> <div class="flex-container-column col desktop-4 tablet-5 mobile-12 conditions"> <div class="flex-container-row justify-space-between"> <div class="font-bold">Rain</div> <div>0%</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Wind</div> <div>SW&nbsp; 14 MPH</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Humidity</div> <div>48%</div> </div> <div class="flex-container-row justify-space-between bordered"> <div class="font-bold">UV Index</div> <div class="justify-space-between spaced spaced-bottom spaced-md"> Very High&nbsp;9</div> </div> <div class="flex-container-row justify-space-between spaced spaced-top spaced-md"> <div class="font-bold">Sunrise</div> <div> 6:02 AM </div> </div> <div class="flex-container-row justify-space-between "> <div class="font-bold">Sunset</div> <div> 8:14 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonrise</div> <div> 8:49 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonset</div> <div> 6:06 AM </div> </div> </div> </div> <div id="tonight-observation" class="flex-container-row col flex-grid desktop-12 hidden conditions-wrapper zindex-lowest padded padded-right padded-md"> <div class="flex-container-column col desktop-7 tablet-7 mobile-12"> <div class="flex-container-row justify-center spaced spaced-left spaced-md"> <div class="icon spaced spaced-right spaced-md flex-container-row align-items-center"> <img width="100" height="100" src="/pb/resources/images/weather/weather-condition-icons/400x400/98_daily_forecast.png" alt="weather-icon"/> </div> <div id="current-main-temp" class="font-bold temp temp-lg weather-temp" data-temp-f="70" data-temp-c="21"> 70</div> <div class="font-bold flex-container-row spaced spaced-top spaced-md"> <div class="hover-underlined temperature-control underlined text-align-center" data-temp="tempF">F&deg;</div> <div class="hover-underlined temperature-control text-align-center" data-temp="tempC">C&deg;</div> </div> </div> <div class="flex-container-column align-self-center spaced spaced-top spaced-md padded padded-top padded-md text-align-center"> <div>Clear or partly cloudy. Breezy. Lows mainly in the upper 60s and lower 70s.</div> </div> </div> <div class="flex-container-column col desktop-4 tablet-5 mobile-12 conditions"> <div class="flex-container-row justify-space-between"> <div class="font-bold">Rain</div> <div>0%</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Wind</div> <div>SW&nbsp; 9 MPH</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Humidity</div> <div>72%</div> </div> <div class="flex-container-row justify-space-between bordered"> <div class="font-bold">Moon Phase</div> <div class="justify-space-between spaced spaced-bottom spaced-md">Full</div> </div> <div class="flex-container-row justify-space-between spaced spaced-top spaced-md"> <div class="font-bold">Sunrise</div> <div> 6:02 AM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Sunset</div> <div> 8:14 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonrise</div> <div> 8:49 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonset</div> <div> 6:06 AM </div> </div> </div> </div> </div> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-weather-forecast-detailed" id="f0OPoC6VMtKjwr"> <div class="card skin spaced spaced-xl spaced-bottom"> <div id="weather-detailed-forecast" class="invisible weather-item spaced spaced-right spaced-left spaced-sm spaced-top" data-default-location-code="USNC0760" data-valid-content="true"> <input type="hidden" id="forecast-detailed-zip-code" data-url="/pb/api/v2/render/feature/weather/forecast-detailed" data-feature-grouping=".pb-f-weather-forecast-detailed" data-website="wect" data-location-code="USNC0760" data-language="en" data-content-config-keys='Code,Language' data-content-config-values='USNC0760,en' data-custom-field-keys='spanish' data-custom-field-values=''/> <div class="flex-container-row spaced spaced-md spaced-bottom"> <h2 class="view-control underlined font-bold spaced spaced-md spaced-right uppercase hover-underlined font-xl" data-toggle-section="hourly"> Hourly</h2> <h2 class="view-control font-bold spaced spaced-md spaced-right uppercase hover-underlined font-xl" data-toggle-section="3day"> 3 Day</h2> <h2 class="view-control font-bold spaced spaced-md spaced-right uppercase hover-underlined font-xl" data-toggle-section="10day"> 10 Day</h2> <h2 class="view-control font-bold uppercase hover-underlined font-xl" data-toggle-section="weekend"> Weekend</h2> </div> <div id="hourly" class="view"> <div id="weather-hourly"> <div class="flex-container-row justify-center bordered bordered-bottom"> <div class="flex uppercase">Time</div> <div class="flex uppercase">Temp</div> <div class="flex-2 uppercase hidden-sm">Description</div> <div class="flex uppercase visible-sm">Desc</div> <div class="flex uppercase">Precip</div> <div class="flex uppercase">Humid</div> <div class="flex uppercase">Wind</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hours-1"> <div class="flex"> <span class="font-bold">9 AM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="25&deg;" data-temp-f="78&deg;"> 78&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 64%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">8</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hours-1"> <div class="flex"> <span class="font-bold">10 AM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="27&deg;" data-temp-f="82&deg;"> 82&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 54%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">10</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hours-1"> <div class="flex"> <span class="font-bold">11 AM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="29&deg;" data-temp-f="85&deg;"> 85&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 46%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">8</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hours-1"> <div class="flex"> <span class="font-bold">12 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="31&deg;" data-temp-f="88&deg;"> 88&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 41%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">10</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hours-1"> <div class="flex"> <span class="font-bold">1 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="32&deg;" data-temp-f="90&deg;"> 90&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 40%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">11</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hours-1"> <div class="flex"> <span class="font-bold">2 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="32&deg;" data-temp-f="91&deg;"> 91&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 41%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hours-1"> <div class="flex"> <span class="font-bold">3 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="32&deg;" data-temp-f="91&deg;"> 91&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 43%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">13</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hours-1"> <div class="flex"> <span class="font-bold">4 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="32&deg;" data-temp-f="90&deg;"> 90&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 42%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hours-1"> <div class="flex"> <span class="font-bold">5 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="31&deg;" data-temp-f="88&deg;"> 88&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 43%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hours-1"> <div class="flex"> <span class="font-bold">6 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="30&deg;" data-temp-f="86&deg;"> 86&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 45%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">13</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hours-1"> <div class="flex"> <span class="font-bold">7 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="28&deg;" data-temp-f="84&deg;"> 84&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 49%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hours-1"> <div class="flex"> <span class="font-bold">8 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="27&deg;" data-temp-f="82&deg;"> 82&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 58%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">11</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-2"> <div class="flex"> <span class="font-bold">9 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="25&deg;" data-temp-f="78&deg;"> 78&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 65%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">10</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-2"> <div class="flex"> <span class="font-bold">10 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="24&deg;" data-temp-f="76&deg;"> 76&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 70%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">10</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-2"> <div class="flex"> <span class="font-bold">11 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="23&deg;" data-temp-f="74&deg;"> 74&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 72%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">10</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-2"> <div class="flex"> <span class="font-bold">12 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="22&deg;" data-temp-f="73&deg;"> 73&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 74%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">9</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-2"> <div class="flex"> <span class="font-bold">1 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="22&deg;" data-temp-f="73&deg;"> 73&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 75%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">9</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-2"> <div class="flex"> <span class="font-bold">2 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="22&deg;" data-temp-f="72&deg;"> 72&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 76%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">8</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-2"> <div class="flex"> <span class="font-bold">3 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="22&deg;" data-temp-f="72&deg;"> 72&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 78%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">7</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-2"> <div class="flex"> <span class="font-bold">4 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="71&deg;"> 71&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 80%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">7</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-2"> <div class="flex"> <span class="font-bold">5 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="71&deg;"> 71&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 82%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-2"> <div class="flex"> <span class="font-bold">6 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="71&deg;"> 71&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 84%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-2"> <div class="flex"> <span class="font-bold">7 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="71&deg;"> 71&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 81%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">WSW</span> <span class="spaced spaced-xs spaced-right">7</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-2"> <div class="flex"> <span class="font-bold">8 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="24&deg;" data-temp-f="76&deg;"> 76&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 71%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">WSW</span> <span class="spaced spaced-xs spaced-right">8</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-3"> <div class="flex"> <span class="font-bold">9 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="27&deg;" data-temp-f="81&deg;"> 81&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 60%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">WSW</span> <span class="spaced spaced-xs spaced-right">9</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-3"> <div class="flex"> <span class="font-bold">10 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="30&deg;" data-temp-f="86&deg;"> 86&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 52%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">W</span> <span class="spaced spaced-xs spaced-right">8</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-3"> <div class="flex"> <span class="font-bold">11 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="31&deg;" data-temp-f="88&deg;"> 88&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/65_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly Sunny</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/65_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Sunny</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 45%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">W</span> <span class="spaced spaced-xs spaced-right">7</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-3"> <div class="flex"> <span class="font-bold">12 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="32&deg;" data-temp-f="90&deg;"> 90&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/65_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly Sunny</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/65_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Sunny</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 40%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">WSW</span> <span class="spaced spaced-xs spaced-right">9</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-3"> <div class="flex"> <span class="font-bold">1 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="33&deg;" data-temp-f="92&deg;"> 92&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 36%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">10</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-3"> <div class="flex"> <span class="font-bold">2 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="33&deg;" data-temp-f="93&deg;"> 93&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 35%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">10</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-3"> <div class="flex"> <span class="font-bold">3 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="33&deg;" data-temp-f="93&deg;"> 93&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 38%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">13</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-3"> <div class="flex"> <span class="font-bold">4 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="33&deg;" data-temp-f="92&deg;"> 92&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 39%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">13</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-3"> <div class="flex"> <span class="font-bold">5 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="32&deg;" data-temp-f="91&deg;"> 91&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 42%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-3"> <div class="flex"> <span class="font-bold">6 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="31&deg;" data-temp-f="89&deg;"> 89&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 45%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-3"> <div class="flex"> <span class="font-bold">7 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="30&deg;" data-temp-f="87&deg;"> 87&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 48%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-3"> <div class="flex"> <span class="font-bold">8 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="28&deg;" data-temp-f="83&deg;"> 83&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 56%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">10</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-4"> <div class="flex"> <span class="font-bold">9 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="26&deg;" data-temp-f="79&deg;"> 79&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">P. Cloudy, Stray Shwr. or Storm</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 64%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">8</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-4"> <div class="flex"> <span class="font-bold">10 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="25&deg;" data-temp-f="77&deg;"> 77&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 69%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">7</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-4"> <div class="flex"> <span class="font-bold">11 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="23&deg;" data-temp-f="75&deg;"> 75&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 73%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-4"> <div class="flex"> <span class="font-bold">12 AM</span> <br/>5/28</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="23&deg;" data-temp-f="74&deg;"> 74&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 77%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-4"> <div class="flex"> <span class="font-bold">1 AM</span> <br/>5/28</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="23&deg;" data-temp-f="74&deg;"> 74&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly Clear</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Clear</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 79%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-4"> <div class="flex"> <span class="font-bold">2 AM</span> <br/>5/28</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="23&deg;" data-temp-f="74&deg;"> 74&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly Clear</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Clear</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 81%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-4"> <div class="flex"> <span class="font-bold">3 AM</span> <br/>5/28</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="23&deg;" data-temp-f="74&deg;"> 74&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly Clear</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Clear</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 80%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-4"> <div class="flex"> <span class="font-bold">4 AM</span> <br/>5/28</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="22&deg;" data-temp-f="73&deg;"> 73&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 81%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">7</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-4"> <div class="flex"> <span class="font-bold">5 AM</span> <br/>5/28</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="23&deg;" data-temp-f="73&deg;"> 73&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly Clear</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Clear</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 83%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</div> </div> <button id="next12Hours" class="button button-solid button-load button-text button-bordered normal width-full text-align-center button-accent spaced spaced-top spaced-bottom spaced-lg"> Next 12 Hours </button> </div> </div> <div id="3day" class="view hidden"> <div id="weather-3day"> <div class="flex-container-row justify-center bordered bordered-bottom"> <div class="flex uppercase">Date</div> <div class="flex uppercase">Temp</div> <div class="flex-2 uppercase hidden-sm">Description</div> <div class="flex uppercase visible-sm">Desc</div> <div class="flex uppercase">Precip</div> <div class="flex uppercase">Humid</div> <div class="flex uppercase">Wind</div> <div class="flex uppercase hidden-sm"></div> <div class="uppercase visible-sm" style="width: 16px;"></div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="3day-Wednesday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Wednesday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Wed</span> <br/>5/26</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="33&deg;" data-temp-f="93&deg;"> 93&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/65_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> Sunny or Partly Cloudy</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/65_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 48%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="3day-Wednesday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="3day-Wednesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="3day-Wednesday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Wednesday</span> 5/26</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/65_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="33&deg;" data-temp-f="93&deg;"> 93&deg;</span><br/> <span class="uppercase">Sunny or Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="A mix of clouds and sun. Hot. High 33C. Winds SW at 15 to 30 km/h." data-temp-f="Sunny or partly cloudy. Breezy. Highs mainly in the lower 90s."> <span class="font-secondary font-md">Sunny or partly cloudy. Breezy. Highs mainly in the lower 90s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:02:55 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:14:41 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">48%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="3day-Wednesday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">WednesdayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&deg;</span><br/> <span class="uppercase">Clear or Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Partly cloudy. Low 21C. Winds SW at 15 to 30 km/h." data-temp-f="Clear or partly cloudy. Breezy. Lows mainly in the upper 60s and lower 70s."> <span class="font-secondary font-md">Clear or partly cloudy. Breezy. Lows mainly in the upper 60s and lower 70s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:49:57 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:06:22 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Full</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">19</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">72%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="3day-Wednesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="3day-Thursday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Thursday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Thu</span> <br/>5/27</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="35&deg;" data-temp-f="95&deg;"> 95&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="22&deg;" data-temp-f="72&deg;"> 72&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Stray Shwr. or Storm</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 49%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="3day-Thursday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="3day-Thursday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="3day-Thursday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Thursday</span> 5/27</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="35&deg;" data-temp-f="95&deg;"> 95&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Partly cloudy. Hot. High around 35C. Winds SW at 15 to 30 km/h." data-temp-f="Partly cloudy. Stray shower or storm possible. Breezy. Highs mainly in the middle 90s."> <span class="font-secondary font-md">Partly cloudy. Stray shower or storm possible. Breezy. Highs mainly in the middle 90s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:02:29 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:15:20 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">49%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="3day-Thursday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">ThursdayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="22&deg;" data-temp-f="72&deg;"> 72&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="A few clouds from time to time. Low 22C. Winds SW at 15 to 25 km/h." data-temp-f="Partly cloudy. Stray shower or storm possible. Breezy. Lows mainly in the lower 70s."> <span class="font-secondary font-md">Partly cloudy. Stray shower or storm possible. Breezy. Lows mainly in the lower 70s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">10:02:34 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:57:15 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">19</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">73%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="3day-Thursday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="3day-Friday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Friday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Fri</span> <br/>5/28</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="35&deg;" data-temp-f="95&deg;"> 95&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="22&deg;" data-temp-f="72&deg;"> 72&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Stray Shwr. or Storm</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 56%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="3day-Friday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="3day-Friday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="3day-Friday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Friday</span> 5/28</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="35&deg;" data-temp-f="95&deg;"> 95&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Except for a few afternoon clouds, mainly sunny. Hot. High 33C. Winds SSW at 15 to 30 km/h." data-temp-f="Partly cloudy. Stray shower or storm possible. Breezy. Highs mainly in the middle 90s."> <span class="font-secondary font-md">Partly cloudy. Stray shower or storm possible. Breezy. Highs mainly in the middle 90s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:02:05 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:15:59 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">56%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="3day-Friday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">FridayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="22&deg;" data-temp-f="72&deg;"> 72&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly cloudy. Stray shower or storm possible. Breezy. Lows mainly in the lower 70s."> <span class="font-secondary font-md">Partly cloudy. Stray shower or storm possible. Breezy. Lows mainly in the lower 70s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">11:08:10 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">07:55:56 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">19</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">74%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="3day-Friday"></i> </div> </div> </div> </div> <div id="10day" class="view hidden"> <div id="weather-10day"> <div class="flex-container-row justify-center bordered bordered-bottom"> <div class="flex uppercase">Date</div> <div class="flex uppercase">Temp</div> <div class="flex-2 uppercase hidden-sm">Description</div> <div class="flex uppercase visible-sm">Desc</div> <div class="flex uppercase">Precip</div> <div class="flex uppercase">Humid</div> <div class="flex uppercase">Wind</div> <div class="flex uppercase hidden-sm"></div> <div class="uppercase visible-sm" style="width: 16px;"></div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Wednesday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Wednesday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Wed</span> <br/>5/26</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="33&deg;" data-temp-f="93&deg;"> 93&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/65_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> Sunny or Partly Cloudy</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/65_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 48%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Wednesday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Wednesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Wednesday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Wednesday</span> 5/26</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/65_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="33&deg;" data-temp-f="93&deg;"> 93&deg;</span><br/> <span class="uppercase">Sunny or Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="A mix of clouds and sun. Hot. High 33C. Winds SW at 15 to 30 km/h." data-temp-f="Sunny or partly cloudy. Breezy. Highs mainly in the lower 90s."> <span class="font-secondary font-md">Sunny or partly cloudy. Breezy. Highs mainly in the lower 90s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:02:55 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:14:41 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">48%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Wednesday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">WednesdayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&deg;</span><br/> <span class="uppercase">Clear or Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Partly cloudy. Low 21C. Winds SW at 15 to 30 km/h." data-temp-f="Clear or partly cloudy. Breezy. Lows mainly in the upper 60s and lower 70s."> <span class="font-secondary font-md">Clear or partly cloudy. Breezy. Lows mainly in the upper 60s and lower 70s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:49:57 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:06:22 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Full</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">19</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">72%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Wednesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Thursday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Thursday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Thu</span> <br/>5/27</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="35&deg;" data-temp-f="95&deg;"> 95&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="22&deg;" data-temp-f="72&deg;"> 72&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Stray Shwr. or Storm</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 49%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Thursday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Thursday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Thursday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Thursday</span> 5/27</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="35&deg;" data-temp-f="95&deg;"> 95&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Partly cloudy. Hot. High around 35C. Winds SW at 15 to 30 km/h." data-temp-f="Partly cloudy. Stray shower or storm possible. Breezy. Highs mainly in the middle 90s."> <span class="font-secondary font-md">Partly cloudy. Stray shower or storm possible. Breezy. Highs mainly in the middle 90s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:02:29 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:15:20 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">49%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Thursday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">ThursdayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="22&deg;" data-temp-f="72&deg;"> 72&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="A few clouds from time to time. Low 22C. Winds SW at 15 to 25 km/h." data-temp-f="Partly cloudy. Stray shower or storm possible. Breezy. Lows mainly in the lower 70s."> <span class="font-secondary font-md">Partly cloudy. Stray shower or storm possible. Breezy. Lows mainly in the lower 70s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">10:02:34 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:57:15 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">19</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">73%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Thursday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Friday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Friday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Fri</span> <br/>5/28</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="35&deg;" data-temp-f="95&deg;"> 95&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="22&deg;" data-temp-f="72&deg;"> 72&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Stray Shwr. or Storm</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 56%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Friday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Friday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Friday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Friday</span> 5/28</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="35&deg;" data-temp-f="95&deg;"> 95&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Except for a few afternoon clouds, mainly sunny. Hot. High 33C. Winds SSW at 15 to 30 km/h." data-temp-f="Partly cloudy. Stray shower or storm possible. Breezy. Highs mainly in the middle 90s."> <span class="font-secondary font-md">Partly cloudy. Stray shower or storm possible. Breezy. Highs mainly in the middle 90s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:02:05 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:15:59 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">56%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Friday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">FridayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="22&deg;" data-temp-f="72&deg;"> 72&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly cloudy. Stray shower or storm possible. Breezy. Lows mainly in the lower 70s."> <span class="font-secondary font-md">Partly cloudy. Stray shower or storm possible. Breezy. Lows mainly in the lower 70s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">11:08:10 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">07:55:56 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">19</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">74%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Friday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Saturday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Saturday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Sat</span> <br/>5/29</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="32&deg;" data-temp-f="90&deg;"> 90&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="17&deg;" data-temp-f="63&deg;"> 63&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Iso. Storms</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 40%</div> <div class="flex font-lg font-bold align-self-center"> 60%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Saturday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Saturday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Saturday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Saturday</span> 5/29</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="32&deg;" data-temp-f="90&deg;"> 90&deg;</span><br/> <span class="uppercase">P. Cloudy, Iso. Storms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Partial cloudiness early, with scattered showers and thunderstorms in the afternoon. High 31C. Winds SW at 15 to 25 km/h. Chance of rain 50%." data-temp-f="Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy. Highs mainly in the upper 80s and lower 90s."> <span class="font-secondary font-md">Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy. Highs mainly in the upper 80s and lower 90s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:01:42 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:16:37 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">60%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Saturday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">SaturdayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/106_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="17&deg;" data-temp-f="63&deg;"> 63&deg;</span><br/> <span class="uppercase">P. Cloudy, Iso. Storms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy at times. Lows mainly in the lower 60s."> <span class="font-secondary font-md">Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy at times. Lows mainly in the lower 60s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">11:59:00 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">09:00:31 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">E</span> <span class="spaced spaced-xs spaced-right">16</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">90%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Saturday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Sunday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Sunday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Sun</span> <br/>5/30</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="26&deg;" data-temp-f="80&deg;"> 80&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="14&deg;" data-temp-f="58&deg;"> 58&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Stray Shwr. or Storm</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 30%</div> <div class="flex font-lg font-bold align-self-center"> 75%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">NNE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Sunday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Sunday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Sunday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Sunday</span> 5/30</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="26&deg;" data-temp-f="80&deg;"> 80&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Variable clouds with showers and scattered thunderstorms. Storms more numerous in the morning. High 24C. Winds NNE at 15 to 25 km/h. Chance of rain 40%." data-temp-f="Partly cloudy. A few showers or a stray storm possible. Breezy. Highs mainly in the upper 70s and lower 80s."> <span class="font-secondary font-md">Partly cloudy. A few showers or a stray storm possible. Breezy. Highs mainly in the upper 70s and lower 80s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:01:21 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:17:14 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Moderate</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">NNE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">75%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Sunday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">SundayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="14&deg;" data-temp-f="58&deg;"> 58&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly cloudy. A few showers or a stray storm possible. Breezy at times. Lows mainly in the upper 50s."> <span class="font-secondary font-md">Partly cloudy. A few showers or a stray storm possible. Breezy at times. Lows mainly in the upper 50s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">12:03:54 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">10:07:43 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">NNE</span> <span class="spaced spaced-xs spaced-right">16</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">85%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Sunday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Monday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Monday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Mon</span> <br/>5/31</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="25&deg;" data-temp-f="77&deg;"> 77&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="16&deg;" data-temp-f="61&deg;"> 61&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Stray Shwr. or Storm</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 20%</div> <div class="flex font-lg font-bold align-self-center"> 65%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">NE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Monday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Monday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Monday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Monday</span> 5/31</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="25&deg;" data-temp-f="77&deg;"> 77&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="A few showers in the morning, then clouds lingering in the afternoon. High 24C. Winds NE at 15 to 25 km/h. Chance of rain 30%." data-temp-f="Partly cloudy. A few showers or a stray storm possible. Breezy. Highs mainly in the upper 70s."> <span class="font-secondary font-md">Partly cloudy. A few showers or a stray storm possible. Breezy. Highs mainly in the upper 70s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:01:02 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:17:51 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">NE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">65%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Monday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">MondayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="16&deg;" data-temp-f="61&deg;"> 61&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly cloudy. A few showers or a stray storm possible. Lows mainly in the lower 60s."> <span class="font-secondary font-md">Partly cloudy. A few showers or a stray storm possible. Lows mainly in the lower 60s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">12:50:14 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">11:14:40 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">NE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">84%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Monday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Tuesday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Tuesday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Tue</span> <br/>6/1</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="26&deg;" data-temp-f="80&deg;"> 80&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="17&deg;" data-temp-f="64&deg;"> 64&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Stray Shwr. or Storm</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 20%</div> <div class="flex font-lg font-bold align-self-center"> 66%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">ENE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Tuesday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Tuesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Tuesday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Tuesday</span> 6/1</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="26&deg;" data-temp-f="80&deg;"> 80&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Intervals of clouds and sunshine. High 26C. Winds ENE at 15 to 25 km/h." data-temp-f="Partly cloudy. A few showers or a stray storm possible. Breezy. Highs mainly in the upper 70s and lower 80s."> <span class="font-secondary font-md">Partly cloudy. A few showers or a stray storm possible. Breezy. Highs mainly in the upper 70s and lower 80s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:00:44 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:18:27 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">ENE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">66%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Tuesday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">TuesdayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="17&deg;" data-temp-f="64&deg;"> 64&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly cloudy. A few showers or a stray storm possible. Breezy at times. Lows mainly in the middle 60s."> <span class="font-secondary font-md">Partly cloudy. A few showers or a stray storm possible. Breezy at times. Lows mainly in the middle 60s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">01:29:03 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">12:18:16 pm</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">ENE</span> <span class="spaced spaced-xs spaced-right">16</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">84%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Tuesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Wednesday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Wednesday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Wed</span> <br/>6/2</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="28&deg;" data-temp-f="83&deg;"> 83&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="18&deg;" data-temp-f="66&deg;"> 66&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Stray Shwr. or Storm</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 20%</div> <div class="flex font-lg font-bold align-self-center"> 64%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">E</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Wednesday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Wednesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Wednesday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Wednesday</span> 6/2</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="28&deg;" data-temp-f="83&deg;"> 83&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Mainly cloudy. High 28C. Winds E at 15 to 25 km/h." data-temp-f="Partly cloudy. A few showers or a stray storm possible. Breezy. Highs mainly in the lower 80s."> <span class="font-secondary font-md">Partly cloudy. A few showers or a stray storm possible. Breezy. Highs mainly in the lower 80s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:00:28 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:19:02 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">E</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">64%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Wednesday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">WednesdayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="18&deg;" data-temp-f="66&deg;"> 66&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly cloudy. A few showers or a stray storm possible. Breezy at times. Lows mainly in the middle 60s."> <span class="font-secondary font-md">Partly cloudy. A few showers or a stray storm possible. Breezy at times. Lows mainly in the middle 60s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">02:01:29 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">01:19:30 pm</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSE</span> <span class="spaced spaced-xs spaced-right">16</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">86%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Wednesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Thursday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Thursday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Thu</span> <br/>6/3</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="29&deg;" data-temp-f="85&deg;"> 85&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="20&deg;" data-temp-f="68&deg;"> 68&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Iso. Storms</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 30%</div> <div class="flex font-lg font-bold align-self-center"> 66%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Thursday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Thursday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Thursday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Thursday</span> 6/3</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="29&deg;" data-temp-f="85&deg;"> 85&deg;</span><br/> <span class="uppercase">P. Cloudy, Iso. Storms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Variable clouds with thunderstorms, especially in the morning. High 29C. Winds SSE at 15 to 25 km/h. Chance of rain 40%." data-temp-f="Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy. Highs mainly in the middle 80s."> <span class="font-secondary font-md">Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy. Highs mainly in the middle 80s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:00:13 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:19:36 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">66%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Thursday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">ThursdayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/106_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="20&deg;" data-temp-f="68&deg;"> 68&deg;</span><br/> <span class="uppercase">P. Cloudy, Iso. Storms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy at times. Lows mainly in the upper 60s."> <span class="font-secondary font-md">Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy at times. Lows mainly in the upper 60s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">02:30:10 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">02:17:13 pm</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Last Quarter</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">S</span> <span class="spaced spaced-xs spaced-right">16</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">85%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Thursday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Friday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Friday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Fri</span> <br/>6/4</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="30&deg;" data-temp-f="87&deg;"> 87&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Iso. Storms</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 30%</div> <div class="flex font-lg font-bold align-self-center"> 66%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">S</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Friday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Friday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Friday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Friday</span> 6/4</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="30&deg;" data-temp-f="87&deg;"> 87&deg;</span><br/> <span class="uppercase">P. Cloudy, Iso. Storms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Scattered showers and thunderstorms, especially early in the day. High 29C. Winds S at 15 to 25 km/h. Chance of rain 40%." data-temp-f="Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy. Highs mainly in the upper 80s."> <span class="font-secondary font-md">Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy. Highs mainly in the upper 80s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:00:00 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:20:09 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">S</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">66%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Friday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">FridayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/106_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&deg;</span><br/> <span class="uppercase">P. Cloudy, Iso. Storms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy at times. Highs mainly in the upper 60s and lower 70s."> <span class="font-secondary font-md">Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy at times. Highs mainly in the upper 60s and lower 70s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">02:57:02 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">03:13:56 pm</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Crescent</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">16</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">85%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Friday"></i> </div> </div> </div> </div> <div id="weekend" class="view hidden"> <div id="weather-10day"> <div class="flex-container-row justify-center bordered bordered-bottom"> <div class="flex uppercase">Date</div> <div class="flex uppercase">Temp</div> <div class="flex-2 uppercase hidden-sm">Description</div> <div class="flex uppercase visible-sm">Desc</div> <div class="flex uppercase">Precip</div> <div class="flex uppercase">Humid</div> <div class="flex uppercase">Wind</div> <div class="flex uppercase hidden-sm"></div> <div class="uppercase visible-sm" style="width: 16px;"></div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="weekend-Friday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Friday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Fri</span> <br/>5/28</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="35&deg;" data-temp-f="95&deg;"> 95&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="22&deg;" data-temp-f="72&deg;"> 72&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Stray Shwr. or Storm</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 56%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="weekend-Friday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="weekend-Friday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="weekend-Friday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Friday</span> 5/28</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="35&deg;" data-temp-f="95&deg;"> 95&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Except for a few afternoon clouds, mainly sunny. Hot. High 33C. Winds SSW at 15 to 30 km/h." data-temp-f="Partly cloudy. Stray shower or storm possible. Breezy. Highs mainly in the middle 90s."> <span class="font-secondary font-md">Partly cloudy. Stray shower or storm possible. Breezy. Highs mainly in the middle 90s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:02:05 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:15:59 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">14</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">56%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="weekend-Friday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">FridayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="22&deg;" data-temp-f="72&deg;"> 72&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly cloudy. Stray shower or storm possible. Breezy. Lows mainly in the lower 70s."> <span class="font-secondary font-md">Partly cloudy. Stray shower or storm possible. Breezy. Lows mainly in the lower 70s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">11:08:10 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">07:55:56 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">19</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">74%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="weekend-Friday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="weekend-Saturday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Saturday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Sat</span> <br/>5/29</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="32&deg;" data-temp-f="90&deg;"> 90&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="17&deg;" data-temp-f="63&deg;"> 63&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Iso. Storms</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 40%</div> <div class="flex font-lg font-bold align-self-center"> 60%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="weekend-Saturday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="weekend-Saturday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="weekend-Saturday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Saturday</span> 5/29</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="32&deg;" data-temp-f="90&deg;"> 90&deg;</span><br/> <span class="uppercase">P. Cloudy, Iso. Storms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Partial cloudiness early, with scattered showers and thunderstorms in the afternoon. High 31C. Winds SW at 15 to 25 km/h. Chance of rain 50%." data-temp-f="Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy. Highs mainly in the upper 80s and lower 90s."> <span class="font-secondary font-md">Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy. Highs mainly in the upper 80s and lower 90s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:01:42 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:16:37 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">60%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="weekend-Saturday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">SaturdayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/106_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="17&deg;" data-temp-f="63&deg;"> 63&deg;</span><br/> <span class="uppercase">P. Cloudy, Iso. Storms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy at times. Lows mainly in the lower 60s."> <span class="font-secondary font-md">Partly or variably cloudy. Scattered showers and isolated storms possible. Breezy at times. Lows mainly in the lower 60s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">11:59:00 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">09:00:31 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">E</span> <span class="spaced spaced-xs spaced-right">16</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">90%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="weekend-Saturday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="weekend-Sunday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Sunday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Sun</span> <br/>5/30</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="26&deg;" data-temp-f="80&deg;"> 80&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="14&deg;" data-temp-f="58&deg;"> 58&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> P. Cloudy, Stray Shwr. or Storm</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 30%</div> <div class="flex font-lg font-bold align-self-center"> 75%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">NNE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="weekend-Sunday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="weekend-Sunday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="weekend-Sunday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Sunday</span> 5/30</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="26&deg;" data-temp-f="80&deg;"> 80&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Variable clouds with showers and scattered thunderstorms. Storms more numerous in the morning. High 24C. Winds NNE at 15 to 25 km/h. Chance of rain 40%." data-temp-f="Partly cloudy. A few showers or a stray storm possible. Breezy. Highs mainly in the upper 70s and lower 80s."> <span class="font-secondary font-md">Partly cloudy. A few showers or a stray storm possible. Breezy. Highs mainly in the upper 70s and lower 80s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:01:21 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:17:14 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Moderate</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">NNE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">75%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="weekend-Sunday"></i> </div> <div class="col desktop-5 tablet-5 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">SundayNight</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="14&deg;" data-temp-f="58&deg;"> 58&deg;</span><br/> <span class="uppercase">P. Cloudy, Stray Shwr. or Storm</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly cloudy. A few showers or a stray storm possible. Breezy at times. Lows mainly in the upper 50s."> <span class="font-secondary font-md">Partly cloudy. A few showers or a stray storm possible. Breezy at times. Lows mainly in the upper 50s.</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">12:03:54 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">10:07:43 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">NNE</span> <span class="spaced spaced-xs spaced-right">16</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">85%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="weekend-Sunday"></i> </div> </div> </div> </div> </div> </div> </div> <div class="pb-container"> </div> </section> <section id="right-rail" class="col col-no-gutter desktop-3 tablet-12 mobile-12 right-rail"> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-ads-arcads" id="fuEae01VMtKjwr"> <div id="ad765-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad765" class="arcad ad-300x250"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad765",slotName:"wect/web/weather",adType:"flex-cube",dimensions:"[[[300, 600], [300, 250]], [[300, 250]], [[300, 250]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"s",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:true,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-test-html-box" id="f0i2fnnWMtKjwr"> <div class="burst-embed" data-app="bubblePreview" data-env="prod" data-jwt="eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwaWQiOiJZSEdIRjdKODczNEgzS1AwMzdHS19JbnRlcm5hbFB1YmxpYyIsImJpZCI6IjI3NDAzNTEzMzg4NzA4MjAwMCIsImlzcyI6ImJ1cnN0LndpZGdldCIsImlhdCI6MTU2MjE3NDA1NiwiZXhwIjoxNTkzNzEwMDU2fQ.vkd8mtwAqYY6sn3nww47w0u49iHR_pNM8C5yUYrZnEs" data-bt="YnViYmxlLXB1YmxpYzoyNzQwMzUxMzM4ODcwODIwMDA6OTIyMzM3MjAzNjg1NDc3NTgwNzpwdWJsaWM6ZDRjYWI2MDQ3ODRhYWNkNDRkMzI5NTg1ZTdmN2EyNTA6LTgyNTMyMDA1MTI0ODc2NzIxNTE%3D" data-params=""></div><script async src="https://www.burst.com/webapps/embed/framework.js"></script><script>if(window.hasOwnProperty("burstEmbedFrameworkCheck"))window.burstEmbedFrameworkCheck();</script> </div> <div class="pb-container"> <div class="wrapper clearfix col desktop-12 tablet-12 mobile-12 pb-feature pb-layout-item pb-f-homepage-story-feed" id="f0Lyx2kWMtKjwr"> <div class="flex-feature height-full"> <div class="flex-feature height-full flex-grid api-returned-stories" id="load-more-wrapper-18302" data-content-service='content-feed'> <div class="col desktop-12 tablet-12 mobile-12"> <div class="card skin"> <div class="card-media width-full"> <div class="align-items-center flex-container-row justify-space-between flex-mobile-column"> <div class="width-full spaced card-media spaced-right spaced-lg flex"> <figure class=""> <div class="width-full img-container aspect-ratio-2x1"> <a href="/2021/05/21/town-kure-beach-hold-hurricane-information-sessions/"> <img class="width-full " alt="Town of Kure Beach to hold hurricane information sessions" src="https://www.wect.com/resizer/acLqJqd__GCbMgXHc2ii7uaXzo8=/1200x600/cloudfront-us-east-1.images.arcpublishing.com/raycom/MKBYDELJMFFIJDM7WZTUJA7M7Y.jpg"/> </a> </div> </figure> </div> <div class="card card-article-mobile-only width-full flex-container-column flex-2"> <h4 class="promo-header spaced spaced-xs spaced-bottom spaced-top font-normal"><a class="unstyled-link " href="/2021/05/21/town-kure-beach-hold-hurricane-information-sessions/"><i class='far fa-play-circle' title='Has Video'></i>&nbsp; Town of Kure Beach to hold hurricane information sessions</a></h4> <div class="byline-timestamp-container flex-container-column flex-desktop-row spaced spaced-top spaced-xs align-items-start"> <div class="byline-wrapper flex-container-row "> <span class="byline">By&nbsp;</span> <h3 class="byline bold"> <span>Zach Solon</span> </h3> <span class="spaced spaced-right spaced-md"></span> </div> <div class="font-sm color-grey byline-wrapper flex-container-row "> <span class=" visible-sm">May 21</span> <span class=" hidden-sm">May 21</span> </div> </div> </div> </div> </div> </div> </div> <div class="col desktop-12 tablet-12 mobile-12"> <div class="card skin"> <div class="card-media width-full"> <div class="align-items-center flex-container-row justify-space-between flex-mobile-column"> <div class="width-full spaced card-media spaced-right spaced-lg flex"> <figure class=""> <div class="width-full img-container aspect-ratio-2x1"> <a href="/2021/05/20/noaa-predicts-above-average-atlantic-hurricane-season/"> <img class="width-full " alt="NOAA predicts above-average Atlantic Hurricane Season" src="https://www.wect.com/resizer/w0BPK_vFPJMnyNhE2kViH7UdzRs=/1200x600/cloudfront-us-east-1.images.arcpublishing.com/raycom/QT36NORBHZHC5LKDKIP53JAEG4.png"/> </a> </div> </figure> </div> <div class="card card-article-mobile-only width-full flex-container-column flex-2"> <h4 class="promo-header spaced spaced-xs spaced-bottom spaced-top font-normal"><a class="unstyled-link " href="/2021/05/20/noaa-predicts-above-average-atlantic-hurricane-season/"><i class='far fa-play-circle' title='Has Video'></i>&nbsp; NOAA predicts above-average Atlantic Hurricane Season</a></h4> <div class="byline-timestamp-container flex-container-column flex-desktop-row spaced spaced-top spaced-xs align-items-start"> <div class="byline-wrapper flex-container-row "> <span class="byline">By&nbsp;</span> <h3 class="byline bold"> <span>WECT Staff</span> </h3> <span class="spaced spaced-right spaced-md"></span> </div> <div class="font-sm color-grey byline-wrapper flex-container-row "> <span class=" visible-sm">May 20</span> <span class=" hidden-sm">May 20</span> </div> </div> </div> </div> </div> </div> </div> <div class="col desktop-12 tablet-12 mobile-12"> <div class="card skin"> <div class="card-media width-full"> <div class="align-items-center flex-container-row justify-space-between flex-mobile-column"> <div class="width-full spaced card-media spaced-right spaced-lg flex"> <figure class=""> <div class="width-full img-container aspect-ratio-2x1"> <a href="/2021/05/10/hurricane-preparedness-week-make-plan-be-ready-hurricane-season/"> <img class="width-full " alt="Hurricane Preparedness Week: Make a plan and be ready for hurricane season" src="https://www.wect.com/resizer/07047SEwUvpcgkB6mqNeC3wlEtE=/1200x600/cloudfront-us-east-1.images.arcpublishing.com/raycom/YI2LUBT3QVEPBLJXZL2UNHXADU.jpg"/> </a> </div> </figure> </div> <div class="card card-article-mobile-only width-full flex-container-column flex-2"> <h4 class="promo-header spaced spaced-xs spaced-bottom spaced-top font-normal"><a class="unstyled-link " href="/2021/05/10/hurricane-preparedness-week-make-plan-be-ready-hurricane-season/"> Hurricane Preparedness Week: Make a plan and be ready for hurricane season</a></h4> <div class="byline-timestamp-container flex-container-column flex-desktop-row spaced spaced-top spaced-xs align-items-start"> <div class="byline-wrapper flex-container-row "> <span class="byline">By&nbsp;</span> <h3 class="byline bold"> <span>WECT Staff</span> </h3> <span class="spaced spaced-right spaced-md"></span> </div> <div class="font-sm color-grey byline-wrapper flex-container-row "> <span class=" visible-sm">May 10</span> <span class=" hidden-sm">May 10</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-ads-arcads" id="fwkjwi2WMtKjwr"> <div id="ad1515-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1515" class="arcad ad-300x250"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1515",slotName:"wect/web/weather",adType:"cube",dimensions:"[[[300, 250]], [[300, 250]], [[300, 250]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"s",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:true,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div> </div> <div class="pb-container"> </div> </section> <section id="middle-top" class="col col-no-gutter desktop-12 tablet-12 mobile-12"> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-test-html-box" id="f0V80j3WMtKjwr"> <a name="radar"></a> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-test-html-box" id="f0X6pR5WMtKjwr"> <style type="text/css">@media (min-width:768px){.wx-map-container-defaults{height:300px !important;margin-bottom:40px}}@media (min-width:1100px){.wx-map-container-defaults{height:500px !important;margin-bottom:40px}}</style> <script src="https://widgets.media.weather.com/wxwidget.loader.js?cid=802481671"></script> <div> <wx-widget type="map" latitude="34.225726" longitude="-77.94471" menuitems="0001,1102" mapid="0001" memberid="1162" zoomlevel="8" opacity=".5" fullscreen="true" header="false"></wx-widget> </div> </div> <div class="pb-container"> </div> </section> <section id="middle-center" class="col col-no-gutter desktop-12 tablet-12 mobile-12"> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-test-html-box" id="fSy9w72WMtKjwr"> <style>.pb-f-weather-skycam h1.font-normal,.pb-f-weather-maps-radar h1.font-normal{font-size:24px}</style> </div> <div class=" pb-layout-item pb-chain pb-c-double-chain full" id="cWUoxf1WMtKjwr"> <div class="flex-grid"> <section class="col desktop-8 tablet-8 mobile-12"> <div class="flex-grid"> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-weather-maps-radar" id="f0DMmGbWMtKjwr"> <div class="maps-and-radar flex-grid"> <div class="thumbnail col desktop-4 tablet-4 mobile-6"> <div id="arc-modal-1673" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Extended Forecast</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Extended Forecast" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/MAXSevendayWECT.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-1673" data-event-name="map-radar-modal-opened" data-event-type="map-radar-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-highest height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad1817-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1817" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1817",slotName:"wect/web/weather/radar/extended-forecast",adType:"skycam-sponsorship",dimensions:"[[[728, 90]], [[728, 90]], [[320, 50]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:false,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Extended Forecast</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img class="b-lazy img-container width-full" alt="Extended Forecast" data-src="//webpubcontent.raycommedia.com/wect/MAXSevendayWECT.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-4 mobile-6"> <div id="arc-modal-519" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Local Satellite/Radar</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Local Satellite/Radar" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/web_adiradaranim.gif" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-519" data-event-name="map-radar-modal-opened" data-event-type="map-radar-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-highest height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad191-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad191" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad191",slotName:"wect/web/weather/radar/local-radar",adType:"skycam-sponsorship",dimensions:"[[[728, 90]], [[728, 90]], [[320, 50]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:false,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Local Satellite/Radar</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img class="b-lazy img-container width-full" alt="Local Satellite/Radar" data-src="//webpubcontent.raycommedia.com/wect/web_adiradaranim.gif" data-token="src" data-increment="5" data-unit="minute"> <div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-4 mobile-6"> <div id="arc-modal-473" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Local Temperatures</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Local Temperatures" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/MAXTempsADI.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-473" data-event-name="map-radar-modal-opened" data-event-type="map-radar-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-highest height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad1078-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1078" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1078",slotName:"wect/web/weather/radar/local-temperatures",adType:"skycam-sponsorship",dimensions:"[[[728, 90]], [[728, 90]], [[320, 50]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:false,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Local Temperatures</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img class="b-lazy img-container width-full" alt="Local Temperatures" data-src="//webpubcontent.raycommedia.com/wect/MAXTempsADI.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-4 mobile-6"> <div id="arc-modal-862" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Wilmington Almanac</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Wilmington Almanac" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/MAXAlmanac.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-862" data-event-name="map-radar-modal-opened" data-event-type="map-radar-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-highest height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad1490-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1490" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1490",slotName:"wect/web/weather/radar/wilmington-almanac",adType:"skycam-sponsorship",dimensions:"[[[728, 90]], [[728, 90]], [[320, 50]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:false,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Wilmington Almanac</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img class="b-lazy img-container width-full" alt="Wilmington Almanac" data-src="//webpubcontent.raycommedia.com/wect/MAXAlmanac.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-4 mobile-6"> <div id="arc-modal-113" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Carolina Satellite/Radar</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Carolina Satellite/Radar" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/MAXSatRad_Caro.gif" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-113" data-event-name="map-radar-modal-opened" data-event-type="map-radar-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-highest height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad46-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad46" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad46",slotName:"wect/web/weather/radar/carolina-satellite/radar",adType:"skycam-sponsorship",dimensions:"[[[728, 90]], [[728, 90]], [[320, 50]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:false,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Carolina Satellite/Radar</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img class="b-lazy img-container width-full" alt="Carolina Satellite/Radar" data-src="//webpubcontent.raycommedia.com/wect/MAXSatRad_Caro.gif" data-token="src" data-increment="5" data-unit="minute"> <div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-4 mobile-6"> <div id="arc-modal-1995" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Area Beach Forecast</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Area Beach Forecast" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/MAXBeach.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-1995" data-event-name="map-radar-modal-opened" data-event-type="map-radar-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-highest height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad220-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad220" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad220",slotName:"wect/web/weather/radar/area-beach-forecast",adType:"skycam-sponsorship",dimensions:"[[[728, 90]], [[728, 90]], [[320, 50]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:false,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Area Beach Forecast</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img class="b-lazy img-container width-full" alt="Area Beach Forecast" data-src="//webpubcontent.raycommedia.com/wect/MAXBeach.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-4 mobile-6"> <div id="arc-modal-1090" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Local Tide Times</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Local Tide Times" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/MAXTide.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-1090" data-event-name="map-radar-modal-opened" data-event-type="map-radar-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-highest height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad815-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad815" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad815",slotName:"wect/web/weather/radar/local-tide-times",adType:"skycam-sponsorship",dimensions:"[[[728, 90]], [[728, 90]], [[320, 50]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:false,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Local Tide Times</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img class="b-lazy img-container width-full" alt="Local Tide Times" data-src="//webpubcontent.raycommedia.com/wect/MAXTide.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-4 mobile-6"> <div id="arc-modal-1438" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Offshore Forecast</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Offshore Forecast" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/MAXMarineandsurf.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-1438" data-event-name="map-radar-modal-opened" data-event-type="map-radar-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-highest height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad460-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad460" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad460",slotName:"wect/web/weather/radar/offshore-forecast",adType:"skycam-sponsorship",dimensions:"[[[728, 90]], [[728, 90]], [[320, 50]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:false,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Offshore Forecast</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img class="b-lazy img-container width-full" alt="Offshore Forecast" data-src="//webpubcontent.raycommedia.com/wect/MAXMarineandsurf.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-4 mobile-6"> <div id="arc-modal-1009" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Allergy Forecast</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Allergy Forecast" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/PollenForecast.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-1009" data-event-name="map-radar-modal-opened" data-event-type="map-radar-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-highest height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad1202-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1202" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1202",slotName:"wect/web/weather/radar/allergy-forecast",adType:"skycam-sponsorship",dimensions:"[[[728, 90]], [[728, 90]], [[320, 50]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:false,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Allergy Forecast</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img class="b-lazy img-container width-full" alt="Allergy Forecast" data-src="//webpubcontent.raycommedia.com/wect/PollenForecast.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="italicized"></div></div> </div> </div></div> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-weather-skycam" id="f0BKcE4WMtKjwr"> <div class="skycam flex-grid"> <div class="thumbnail col desktop-4 tablet-6 mobile-6"> <div id="arc-modal-333" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Wrightsville Beach Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Wrightsville Beach Live Cam" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/WSI_1Beach.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div></div></div> <div data-modal-id="arc-modal-333" data-video-id="skycam_stream_333" data-event-name="skycam-modal-opened" data-event-type="skycam-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-high height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad731-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad731" class="arcad ad-320x50" data-id="ad731" data-slot-name="wect/web/station42/wrightsville-beach-live-cam" data-ad-type="skycam-sponsorship" data-dimensions="[[[728, 90]], [[728, 90]], [[320, 50]]]" data-position-type="" data-pt="" data-cid="" data-display="all" data-breakpoints="[ [1024, 0], [768, 0], [319, 0] ]"> </div> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Wrightsville Beach Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><div class="video"> <div class="goldfish-player"> <div id="skycam_stream_333" class="goldfish-stream" data-id="skycam_stream_333" data-script-path="d3mo2m0b34ee8e" data-environment="prod" data-shadow-dom="false" data-stream="//wowzaprod180-i.akamaihd.net/hls/live/681979/e7f3a994/playlist.m3u8" data-promo="//webpubcontent.raycommedia.com/wect/WSI_1Beach.jpg" data-org="raycom"></div> </div> </div> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div><div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-6 mobile-6"> <div id="arc-modal-1138" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Downtown Wilmington Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Downtown Wilmington Live Cam" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/WSI_2Battle.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div></div></div> <div data-modal-id="arc-modal-1138" data-video-id="skycam_stream_1138" data-event-name="skycam-modal-opened" data-event-type="skycam-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-high height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad1333-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1333" class="arcad ad-320x50" data-id="ad1333" data-slot-name="wect/web/station42/downtown-wilmington-live-cam" data-ad-type="skycam-sponsorship" data-dimensions="[[[728, 90]], [[728, 90]], [[320, 50]]]" data-position-type="" data-pt="" data-cid="" data-display="all" data-breakpoints="[ [1024, 0], [768, 0], [319, 0] ]"> </div> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Downtown Wilmington Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><div class="video"> <div class="goldfish-player"> <div id="skycam_stream_1138" class="goldfish-stream" data-id="skycam_stream_1138" data-script-path="d3mo2m0b34ee8e" data-environment="prod" data-shadow-dom="false" data-stream="//wowzaprod180-i.akamaihd.net/hls/live/681979/5d163652/playlist.m3u8" data-promo="//webpubcontent.raycommedia.com/wect/WSI_2Battle.jpg" data-org="raycom"></div> </div> </div> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div><div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-6 mobile-6"> <div id="arc-modal-355" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Whiteville Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Whiteville Live Cam" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/WSI_4White.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div></div></div> <div data-modal-id="arc-modal-355" data-video-id="skycam_stream_355" data-event-name="skycam-modal-opened" data-event-type="skycam-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-high height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad1132-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1132" class="arcad ad-320x50" data-id="ad1132" data-slot-name="wect/web/station42/whiteville-live-cam" data-ad-type="skycam-sponsorship" data-dimensions="[[[728, 90]], [[728, 90]], [[320, 50]]]" data-position-type="" data-pt="" data-cid="" data-display="all" data-breakpoints="[ [1024, 0], [768, 0], [319, 0] ]"> </div> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Whiteville Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><div class="video"> <div class="goldfish-player"> <div id="skycam_stream_355" class="goldfish-stream" data-id="skycam_stream_355" data-script-path="d3mo2m0b34ee8e" data-environment="prod" data-shadow-dom="false" data-stream="//wowzaprod180-i.akamaihd.net/hls/live/681979/eeb03ef1/playlist.m3u8" data-promo="//webpubcontent.raycommedia.com/wect/WSI_4White.jpg" data-org="raycom"></div> </div> </div> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div><div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-6 mobile-6"> <div id="arc-modal-786" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Ocean Isle Beach Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Ocean Isle Beach Live Cam" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/WSI_5OIB.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div></div></div> <div data-modal-id="arc-modal-786" data-video-id="skycam_stream_786" data-event-name="skycam-modal-opened" data-event-type="skycam-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-high height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad1478-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1478" class="arcad ad-320x50" data-id="ad1478" data-slot-name="wect/web/station42/ocean-isle-beach-live-cam" data-ad-type="skycam-sponsorship" data-dimensions="[[[728, 90]], [[728, 90]], [[320, 50]]]" data-position-type="" data-pt="" data-cid="" data-display="all" data-breakpoints="[ [1024, 0], [768, 0], [319, 0] ]"> </div> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Ocean Isle Beach Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><div class="video"> <div class="goldfish-player"> <div id="skycam_stream_786" class="goldfish-stream" data-id="skycam_stream_786" data-script-path="d3mo2m0b34ee8e" data-environment="prod" data-shadow-dom="false" data-stream="//wowzaprod180-i.akamaihd.net/hls/live/681979/94cdbf31/playlist.m3u8" data-promo="//webpubcontent.raycommedia.com/wect/WSI_5OIB.jpg" data-org="raycom"></div> </div> </div> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div><div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-6 mobile-6"> <div id="arc-modal-804" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Southport Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Southport Live Cam" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/WSI_6South.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div></div></div> <div data-modal-id="arc-modal-804" data-video-id="skycam_stream_804" data-event-name="skycam-modal-opened" data-event-type="skycam-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-high height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad1360-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1360" class="arcad ad-320x50" data-id="ad1360" data-slot-name="wect/web/station42/southport-live-cam" data-ad-type="skycam-sponsorship" data-dimensions="[[[728, 90]], [[728, 90]], [[320, 50]]]" data-position-type="" data-pt="" data-cid="" data-display="all" data-breakpoints="[ [1024, 0], [768, 0], [319, 0] ]"> </div> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Southport Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><div class="video"> <div class="goldfish-player"> <div id="skycam_stream_804" class="goldfish-stream" data-id="skycam_stream_804" data-script-path="d3mo2m0b34ee8e" data-environment="prod" data-shadow-dom="false" data-stream="//wowzaprod180-i.akamaihd.net/hls/live/681979/c66f774e/playlist.m3u8" data-promo="//webpubcontent.raycommedia.com/wect/WSI_6South.jpg" data-org="raycom"></div> </div> </div> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div><div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-6 mobile-6"> <div id="arc-modal-1701" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Elizabethtown Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Elizabethtown Live Cam" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/WSI_Etown.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div></div></div> <div data-modal-id="arc-modal-1701" data-video-id="skycam_stream_1701" data-event-name="skycam-modal-opened" data-event-type="skycam-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-high height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad1467-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1467" class="arcad ad-320x50" data-id="ad1467" data-slot-name="wect/web/station42/elizabethtown-live-cam" data-ad-type="skycam-sponsorship" data-dimensions="[[[728, 90]], [[728, 90]], [[320, 50]]]" data-position-type="" data-pt="" data-cid="" data-display="all" data-breakpoints="[ [1024, 0], [768, 0], [319, 0] ]"> </div> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Elizabethtown Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><div class="video"> <div class="goldfish-player"> <div id="skycam_stream_1701" class="goldfish-stream" data-id="skycam_stream_1701" data-script-path="d3mo2m0b34ee8e" data-environment="prod" data-shadow-dom="false" data-stream="//wowzaprod180-i.akamaihd.net/hls/live/681979/ee360919/playlist.m3u8" data-promo="//webpubcontent.raycommedia.com/wect/WSI_Etown.jpg" data-org="raycom"></div> </div> </div> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div><div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-6 mobile-6"> <div id="arc-modal-1989" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Surf City Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Surf City Live Cam" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wect/WSI_3Surf.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div></div></div> <div data-modal-id="arc-modal-1989" data-video-id="skycam_stream_1989" data-event-name="skycam-modal-opened" data-event-type="skycam-tracking" class="arc-modal-content arc-modal-close-trigger modal-container hidden fixed top-0 left-0 zindex-high height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered text-align-center"> <div class="modal-content text-align-left"> <div id="ad1903-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1903" class="arcad ad-320x50" data-id="ad1903" data-slot-name="wect/web/station42/surf-city-live-cam" data-ad-type="skycam-sponsorship" data-dimensions="[[[728, 90]], [[728, 90]], [[320, 50]]]" data-position-type="" data-pt="" data-cid="" data-display="all" data-breakpoints="[ [1024, 0], [768, 0], [319, 0] ]"> </div> </div> </div><div class="text-align-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div><h4 class="font-normal promo-header color-black">Surf City Live Cam</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm"></h2><div class="video"> <div class="goldfish-player"> <div id="skycam_stream_1989" class="goldfish-stream" data-id="skycam_stream_1989" data-script-path="d3mo2m0b34ee8e" data-environment="prod" data-shadow-dom="false" data-stream="//wowzaprod180-i.akamaihd.net/hls/live/681979/636f8ecd/playlist.m3u8" data-promo="//webpubcontent.raycommedia.com/wect/WSI_3Surf.jpg" data-org="raycom"></div> </div> </div> <div class="flex-container-row justify-center"> <img alt="sponsor-image" src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/PXPDVIHYRNE27PLQ3JP3WWZPYU.png"> </div><div class="italicized"></div></div> </div> </div></div> </div> </div> </section> <section class="col desktop-4 tablet-4 mobile-12"> <div class="flex-grid justify-center"> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-ads-arcads" id="fgdH9T1WMtKjwr"> <div id="ad596-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad596" class="arcad ad-300x250"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad596",slotName:"wect/web/weather",adType:"cube",dimensions:"[[[300, 250]], [[300, 250]], [[300, 250]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"s",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:true,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-ads-arcads" id="fjgTrS1WMtKjwr"> <div id="ad707-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad707" class="arcad ad-300x250"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad707",slotName:"wect/web/weather",adType:"cube",dimensions:"[[[300, 250]], [[300, 250]], [[300, 250]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"s",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:true,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div> </div> </div> </section> </div> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-ads-arcads" id="f0nUpnnWMtKjwr"> <div id="ad1457-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1457" class="arcad ad-728x90 zindex-med"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1457",slotName:"wect/web/weather",adType:"flex-leaderboard",dimensions:"[[[970, 250], [970, 90], [728, 90]], [[728, 90]], [[320, 50]]]",targeting:{position:{"as":"posn"},position_type:"",pt:"s",cid:""},display:"all",sizemap:{breakpoints:"[ [1024, 0], [768, 0], [319, 0] ]",refresh:true},bidding:{prebid:{enabled:true,timeout:1E3,bids:[{bidder:"appnexus",params:{placementId:14567590}}]}}},{lazyload:true})});</script> </div> </div> </div> <div class="pb-container"> </div> </section> <section id="middle-bottom" class="col col-no-gutter desktop-12 tablet-12 mobile-12"> </section> </div> <section id="footer" class="width-full"> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-global-footer" id="f5hz1c2WMtKjwr"> <footer class="card card-dark padded padded-bottom padded-0"> <div class="container"> <div class="container spaced spaced-sm spaced-left"> <div class="flex flex-container-column flex-tablet-row flex-desktop-row width-full color-white"> <div class="spaced spaced-right spaced-bottom spaced-xl"> <div class="logo-container flex flex-container-row align-items-center justify-left"> <a aria-label="Visit homepage" href="https://www.wect.com"> <div class="logo logo-large logo-footer"></div> </a> </div> </div> <div class="spaced spaced-right spaced-xl footer-mission"> <p class="spaced spaced-bottom spaced-xs"> 322 Shipyard Blvd.<br/>Wilmington, NC 28412<br/>(910) 791-8070 </p> <a class="call-to-action uppercase color-white" href="https://www.wect.com/about-us">Contact Us <i class="fa fa-caret-right" aria-hidden="true"></i></a> <div id="ccpa-link" class="call-to-action ccpa-dynamic-insertion-container uppercase color-white"></div> <div class="spaced spaced-top spaced-xl hidden-lg"> <ul class="list-unstyled call-to-action uppercase"> <li><a href="https://publicfiles.fcc.gov/tv-profile/wect" class="color-white">WECT FCC Public File</a></li> <li><a href="mailto:publicfile@wect.com" class="color-white">publicfile@wect.com<br/>(910) 791-8070</a></li> <li><a href="https://webpubcontent.gray.tv/gdm/fcc/wect-fcc_applications.pdf" class="color-white">FCC Applications</a></li> <li><a href="https://www.scribd.com/document/478323047/WECT-TV-EEO-Public-File-Report-August-1-2019-July-31-2020" class="color-white">WECT EEO Report</a></li> <li><a href="https://www.wect.com/story/12157335/contact-info-for-closed-captioning-concerns/" class="color-white">WECT Closed Captioning</a></li> <li><a href="https://gray.tv/careers#currentopenings" class="color-white"><br/>WECT Careers</a></li> <li><a href="/privacy-policy/" class="color-white">Privacy Policy</a></li> <li><a href="/terms-of-service/" class="color-white">Terms of Service</a></li> <li><a href="/#" class="color-white"><br/></a></li> </ul> </div> <div class="spaced spaced-top spaced-xl hidden-lg"> <span class="buttonbar app-bar-share flex-container-grid width-full text-align-right"> <a class="button button-icon button-icon-hover-accent button-lg footer-social-icon" href="https://twitter.com/wectnews" role="button" aria-label="Visit Twitter" target="_blank" rel="noopener noreferrer"> <i class="fab fa-twitter "></i> </a> <a class="button button-icon button-icon-hover-accent button-lg footer-social-icon" href="https://www.facebook.com/WECTNews" role="button" aria-label="Visit Facebook" target="_blank" rel="noopener noreferrer"> <i class="fab fa-facebook-square "></i> </a> </span> </div> </div> <div class="spaced spaced-right spaced-xl visible-lg"> <ul class="list-unstyled call-to-action uppercase"> <li><a href="https://publicfiles.fcc.gov/tv-profile/wect" class="color-white">WECT FCC Public File</a></li> <li><a href="mailto:publicfile@wect.com" class="color-white">publicfile@wect.com<br/>(910) 791-8070</a></li> <li><a href="https://webpubcontent.gray.tv/gdm/fcc/wect-fcc_applications.pdf" class="color-white">FCC Applications</a></li> <li><a href="https://www.scribd.com/document/478323047/WECT-TV-EEO-Public-File-Report-August-1-2019-July-31-2020" class="color-white">WECT EEO Report</a></li> <li><a href="https://www.wect.com/story/12157335/contact-info-for-closed-captioning-concerns/" class="color-white">WECT Closed Captioning</a></li> <li><a href="https://gray.tv/careers#currentopenings" class="color-white"><br/>WECT Careers</a></li> <li><a href="/privacy-policy/" class="color-white">Privacy Policy</a></li> <li><a href="/terms-of-service/" class="color-white">Terms of Service</a></li> <li><a href="/#" class="color-white"><br/></a></li> </ul> </div> <div class="visible-lg"> <span class="buttonbar app-bar-share flex-container-grid width-full text-align-right"> <a class="button button-icon button-icon-hover-accent button-lg footer-social-icon" href="https://twitter.com/wectnews" role="button" aria-label="Visit Twitter" target="_blank" rel="noopener noreferrer"> <i class="fab fa-twitter "></i> </a> <a class="button button-icon button-icon-hover-accent button-lg footer-social-icon" href="https://www.facebook.com/WECTNews" role="button" aria-label="Visit Facebook" target="_blank" rel="noopener noreferrer"> <i class="fab fa-facebook-square "></i> </a> </span> </div> </div> </div> </div> <div class="footer-copyright width-full bordered bordered-top-darken spaced spaced-top spaced-sm"> <div class="container"> <p class="font-sm color-white text-align-center spaced spaced-sm spaced-top spaced-bottom"> <span>A Gray Media Group, Inc. Station - &copy; 2002-2021 Gray Television, Inc.</span> </p> <div class="footer-corp-logo width-full spaced spaced-sm spaced-top spaced-bottom"></div> </div> </div> </footer> </div> <div class="pb-container"> </div> </section> </div> </div> <script async="async" src="https://widgets.outbrain.com/outbrain.js"></script> <script async src='/pb/gr/p/default/rNhEKc1RMtKjwr/render.js?v=103'></script> <script>(function(){window.pageBuilder=window.pageBuilder||{};var testIdToFeatureId={};var status={};var TIMEOUT=1500;var TIME_NOW=Date.now();var BANDITO_IS_ADMIN=null;var BANDITO_PERF_API=null;var BANDITO_TESTS_API=null;var BANDITO_EVENTS_API=null;var supportsPassive=false;try{var opts=Object.defineProperty({},"passive",{get:function(){supportsPassive=true}});window.addEventListener("test",null,opts)}catch(e){}var visibilityCallbacks={};function visibilityCallback(){var config=null;var element=null;var callback=
null;var body=document.body;var html=document.documentElement;var height=html.clientHeight||body.clientHeight;for(var key in visibilityCallbacks)if(visibilityCallbacks.hasOwnProperty(key)){config=visibilityCallbacks[key];if(config){element=config[0];callback=config[1];var boundaries=element.getBoundingClientRect();if(boundaries.top>0&&boundaries.top<height){callback();visibilityCallbacks[key]=null}}}}window.addEventListener("resize",visibilityCallback,supportsPassive?{passive:true}:false);document.addEventListener("scroll",
visibilityCallback,supportsPassive?{passive:true}:false);function ajax(url,success,failure,timeout){var xhr=new XMLHttpRequest;xhr.open("GET",url);xhr.onreadystatechange=function(){if(xhr.readyState==4)if(xhr.status===200)try{var response=JSON.parse(xhr.responseText);success(response)}catch(e){failure()}else failure()};if(timeout){xhr.ontimeout=failure;xhr.timeout=timeout}xhr.send()}function perf(status){var elapsed=Date.now()-TIME_NOW;var url=BANDITO_PERF_API+"?status\x3d"+status+"\x26time\x3d"+
elapsed;ajax(url,function(){},function(){})}function showDefaultVariants(){for(var id in window._variantFeatureIds)if(window._variantFeatureIds.hasOwnProperty(id)){perf("failure");showDefaultVariant(window._variantFeatureIds[id],false)}}function iterateFeatures(testId,callback){var id,feature;for(id in window._variantFeatureIds)if(window._variantFeatureIds.hasOwnProperty(id))if(window._variantFeatureIds[id]==testId){feature=document.getElementById(id);if(feature)callback(feature)}}function showDefaultVariant(testId,
success){iterateFeatures(testId,function(feature){variantLoaded(testId,testId,feature,success)})}function showOtherVariant(testId,winner,timeLeft){var uri=window._context+"/api/v2/render/feature/variant/"+winner+"?rid\x3d"+window._rid+"\x26uri\x3d"+window._uri+"\x26outputType\x3d"+window._outputType;ajax(uri,function(response){iterateFeatures(testId,function(feature){var resources=response.pageResources||{};var parent=feature.parentNode;var div=document.createElement("div");div.innerHTML=response.rendering.trim();
var newFeature=div.childNodes[0];parent.replaceChild(newFeature,feature);var scripts=Array.prototype.slice.call(newFeature.getElementsByTagName("script"));for(var i=0;i<scripts.length;i++)if(scripts[i]["type"]==""||scripts[i]["type"]=="text/javascript")if(scripts[i].src!=""){var s=document.createElement("script");s.setAttribute("src",scripts[i].src);document.body.appendChild(s)}else eval(scripts[i].innerHTML);for(var file in resources)if(resources.hasOwnProperty(file)&&file.endsWith(".js")){var script=
document.createElement("script");script.setAttribute("src",resources[file]);document.body.appendChild(script)}perf("success-variant");variantLoaded(testId,winner,newFeature,true)})},function(){iterateFeatures(testId,function(feature){perf("failure-step2");variantLoaded(testId,testId,feature,false)})},timeLeft)}function variantLoaded(testId,variantId,feature,success){var tag=testId+"-"+feature.id;if(!status[tag]){status[tag]=true;feature.style.visibility="visible";if(success){feature.addEventListener("click",
function(event){var url=null;var target=event.target;while(target&&!(target.tagName.toUpperCase()=="A")&&!(target==feature))target=target.parentNode;if(target.tagName.toUpperCase()=="A"){url=target.href;if(url){var request=new XMLHttpRequest;request.open("POST",BANDITO_EVENTS_API,true);request.setRequestHeader("Content-Type","application/json");request.send(JSON.stringify({event:"clicked",test_id:testId,variant_id:variantId}));if(event.button>0||event.ctrlKey||event.metaKey||event.shiftKey);else{event.preventDefault();
setTimeout(function(){document.location=url},250)}}}});visibilityCallbacks[tag]=[feature,function(){var request=new XMLHttpRequest;request.open("POST",BANDITO_EVENTS_API,true);request.setRequestHeader("Content-Type","application/json");request.send(JSON.stringify({event:"served",test_id:testId,variant_id:variantId}))}];visibilityCallback()}}}function loadVariants(tests){var testsFound={},testId,winner,timeLeft;if(tests&&tests["length"]){for(var i=0;i<tests.length;i++){winner=tests[i]["winner"];testId=
tests[i]["_id"];testsFound[testId]=true;if(testId==winner){perf("success-default");showDefaultVariant(testId,true)}else{timeLeft=TIMEOUT-(Date.now()-TIME_NOW);if(timeLeft>50)showOtherVariant(testId,winner,timeLeft);else{perf("timeout-step1");showDefaultVariant(testId,false)}}}for(var id in window._variantFeatureIds)if(window._variantFeatureIds.hasOwnProperty(id)){testId=window._variantFeatureIds[id];if(!testsFound[testId]){perf("not-found");showDefaultVariant(testId,false)}}}else showDefaultVariants()}
window.pageBuilder.initVariants=function(opts){opts=opts||{};TIMEOUT=opts["TIMEOUT"];BANDITO_IS_ADMIN=opts["IS_ADMIN"];BANDITO_PERF_API=opts["PERF_API"];BANDITO_TESTS_API=opts["TESTS_API"];BANDITO_EVENTS_API=opts["EVENTS_API"]};window.pageBuilder.showVariants=function(){if(BANDITO_IS_ADMIN)return;var tests=[];for(var id in window._variantFeatureIds)if(window._variantFeatureIds.hasOwnProperty(id)){var testId=window._variantFeatureIds[id];testIdToFeatureId[testId]=id;tests.push(testId)}if(tests.length>
0){var url=BANDITO_TESTS_API+"?ids\x3d"+tests.join(",");ajax(url,loadVariants,showDefaultVariants)}}})();</script> <script>window.banditoEnv={TIMEOUT:1500,PERF_API:"https://bandito-events.perso.aws.arc.pub/api/save-perf",TESTS_API:"https://bandito.perso.aws.arc.pub/api/variants",EVENTS_API:"https://bandito-events.perso.aws.arc.pub/api/save-event"};if(window["pageBuilder"]&&window["pageBuilder"]["initVariants"])window.pageBuilder.initVariants({IS_ADMIN:false,TIMEOUT:window.banditoEnv.TIMEOUT,PERF_API:window.banditoEnv.PERF_API,TESTS_API:window.banditoEnv.TESTS_API,EVENTS_API:window.banditoEnv.EVENTS_API});</script> <script async src="/pb/resources/dist/3dcab09d681bdf5abc69/rm/rm-index3dcab09d681bdf5abc69.js"></script>