<!DOCTYPE html> <html lang="en-US"> <head> <script>var pb_global={pageName:"pHdg311fhGpotr",pageId:"r0paOWO6ESJjwr",contextPath:"/pb",isAdmin:false,layoutEngineName:"",environment:"prod",resourceToken:"",_website:"wdam"};</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 ? "wdam/web/weather" : null,
    "canonicalUrl": canonicalUrl ? canonicalUrl : null,
    "contentName": contentName ? contentName : null,
    "contentOwner": "wdam",
    "contentType": "page",
    "platformName": "Arc Feature Pack",
    "metaDescription": description ? description : null,
    "stationName": "wdam",
    "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="j2iZbWtEmTC6vBfysxmXYIUAUgYhycgCO2zd0UYM2Ok"/> <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="@wdam"/> <meta name="twitter:creator" content="@wdam"> <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.wdam.com"/> <meta property="og:type" content="WebPage"/> <meta property="fb:app_id" content="155680781241664"/> <meta property="fb:pages" content="43954319874"/> <meta property="fb:admins" content="644426401"/> <meta name="burst" content="wdam"/> <meta property="article:publisher" content="https://www.facebook.com/WDAMTV"> <meta name="author" content=""> <script data-schema="WebPage" type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "WebPage",
        "description": "",
        "url": "",
        "publisher": {
          "@type": "Organization",
          "name": "WDAM",
          "logo": "https://www.wdam.com/pb/resources/images/rm_icons/wdam-icon.png?token=123"
        },
        "name": "Weather"
      }
    </script> <script data-schema="Organization" type="application/ld+json">
      {
        "name": "WDAM",
        "url": "https://www.wdam.com",
        "logo": "https://www.wdam.com/pb/resources/images/rm_icons/wdam-icon.png?token=123",
        "@type": "Organization",
        
          "sameAs": [ "https://www.facebook.com/WDAMTV" ],
        
        "@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/wdam-logo.svg?v=103)}.logo.logo-footer{background-image:url(/pb/resources/images/footer_icons/wdam-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/v2wsn4n9GC9Es46KqWymOC5OGrHD005IlitcgVAIonwy6NKG-B84vqbB7",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/v2pyq2cz2-B_jhjo0yCQGO0L-DBfV4xkCLwIBA0l4d5ttSzIUxnuLj8v_lui6uc5cFna9eCKbwg",t.parentNode.insertBefore(o,t)}(document,window,"__uspapi","__uspapiLocator","script");</script> <script src="/pb/gr/c/default/r0paOWO6ESJjwr/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-e4ed642b-5a76-4ff5-aa50-aae4aba7a45c","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch"}]);</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="RNC9G-AD4SQ-XN59U-G67U6-G2G8C",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+"RNC9G-AD4SQ-XN59U-G67U6-G2G8C",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="eyd7rmcaaegb4jqacqdtyaaaavqlmo42-f-87f9ef606-clienttons-s.akamaihd.net",i={"ak.v":"31","ak.cp":"737794","ak.ai":parseInt("466000",10),"ak.ol":"0","ak.cr":18,"ak.ipv":6,"ak.proto":"http/1.1","ak.rid":"2235fde4","ak.r":42310,"ak.a2":e,"ak.m":"a","ak.n":"essl","ak.bpcip":"2607:f8b0:4001:c1e::","ak.cport":33824,"ak.gh":"23.213.52.28","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1622555546","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==nIkyo0i7H+mRZe8Q7o92ZzASup8Ae8rNxOQdaDuibx/G7991DYf3yma2qfG+plU9pMq/MLgzXqd2l7PXHDnswaOnPA2LClgxNzXkhbw7oaUjLJPRGjgrj/r5zy16XKixUIXYEpWDRBrasHqCOBSrrP7uVbw3bn1KNxapxaegsKKhY9mWr8EbZ4S/2IRV0A58Zg+zHR2wtI+Jo7p2syEVNCMxgu34jVk5POCXDSGqNPeXnGpCwF49RiSGqBn981gKsAsw9xhfjAvQf5PT6suxR4WGLHl00nVlluQw0M6vtJPZIVNNHrY1QKvxs2Sma5T6HB3t3J4uMgR4G6vBLvq9BK3gvMkCo+g8YTDRlKH3chZZjO6OMp5GCZ4ThBDxLYCAR4/Yg4CukbeA2YN+RRLEpHTflFv0vHciqDe7LgaA/J8=","ak.pv":"17","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-e4ed642b-5a76-4ff5-aa50-aae4aba7a45c","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch"}]);</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="RNC9G-AD4SQ-XN59U-G67U6-G2G8C",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+"RNC9G-AD4SQ-XN59U-G67U6-G2G8C",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="eyd7rmcaaegb4jqacqdtyaaaavqlmo42-f-87f9ef606-clienttons-s.akamaihd.net",i={"ak.v":"31","ak.cp":"737794","ak.ai":parseInt("466000",10),"ak.ol":"0","ak.cr":18,"ak.ipv":6,"ak.proto":"http/1.1","ak.rid":"2235fde4","ak.r":42310,"ak.a2":e,"ak.m":"a","ak.n":"essl","ak.bpcip":"2607:f8b0:4001:c1e::","ak.cport":33824,"ak.gh":"23.213.52.28","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1622555546","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==nIkyo0i7H+mRZe8Q7o92ZzASup8Ae8rNxOQdaDuibx/G7991DYf3yma2qfG+plU9pMq/MLgzXqd2l7PXHDnswaOnPA2LClgxNzXkhbw7oaUjLJPRGjgrj/r5zy16XKixUIXYEpWDRBrasHqCOBSrrP7uVbw3bn1KNxapxaegsKKhY9mWr8EbZ4S/2IRV0A58Zg+zHR2wtI+Jo7p2syEVNCMxgu34jVk5POCXDSGqNPeXnGpCwF49RiSGqBn981gKsAsw9xhfjAvQf5PT6suxR4WGLHl00nVlluQw0M6vtJPZIVNNHrY1QKvxs2Sma5T6HB3t3J4uMgR4G6vBLvq9BK3gvMkCo+g8YTDRlKH3chZZjO6OMp5GCZ4ThBDxLYCAR4/Yg4CukbeA2YN+RRLEpHTflFv0vHciqDe7LgaA/J8=","ak.pv":"17","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="f0cZtnF7ESJjwr"> <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="https://www.wdam.com/contests/" class="color-grey-dark">Win Stuff</a></li> <li class="padded padded-right padded-md flex-shrink"><a href="https://www.wdam.com/2018/10/05/wdam-birthday-club/" class="color-grey-dark">Birthday Club</a></li> <li class="padded padded-right padded-md flex-shrink"><a href="https://gray.tv/careers#currentopenings" class="color-grey-dark">Jobs</a></li> <li class="padded padded-right padded-md flex-shrink"><a href="https://pinebeltmarketplace.revrocket.us/index.php/n/#!/home" class="color-grey-dark">Pine Belt Deals</a></li> <li class="padded padded-right padded-md flex-shrink"><a href="https://www.graytvlocal.com/market/hattiesburg-laurel-ms" class="color-grey-dark">Pine Belt Connect</a></li> <li class="padded padded-right padded-md flex-shrink"><a href="https://www.wdam.com/business/legal/lawcall/" class="color-grey-dark">LawCall</a></li> </ul> </div> </div> </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="f41jfu18ESJjwr"> <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.wdam.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.wdam.com/" class="">Home</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="https://www.wdam.com/live/" class="">Watch Live</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="https://www.wdam.com/video-gallery/" class="">VIDEO</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="/sports" class="">Sports</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="/community" class="">Community</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="/health/coronavirus" class="">Coronavirus</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="/sports/national" class="">National</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="https://www.wdam.com/programming/schedule/" class="">TV</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="/about-us" class="">About Us</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="https://www.wdam.com/live" class="color-white">Watch Live</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="https://www.wdam.com/video-gallery/" class="color-white">Video</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/technology/skyview" class="color-white">SkyView</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="http://www.wdam.com/apps" class="color-white">Download Our Apps</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-7"> <a href="https://www.wdam.com/community/user-content/" class="color-white">Send us your photo/video</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-8"> <a href="https://www.wdam.com/smile/" class="color-white">Share a Smile</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-9"> <a href="/traffic/gas-prices" class="color-white">Gas Prices</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/state" class="color-white">State</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/news/good-news" class="color-white">Good News</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/news/editorial" class="color-white">Editorial</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="/news/crime" class="color-white">Crime</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-7"> <a href="/news/investigate" class="color-white">Investigate</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="/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/scores" class="color-white">Scores</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/sports/athlete" class="color-white">Player of the Week</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/sports/high-school/football/highlights" class="color-white">HS Highlights</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="/sports/ncaa/southern-miss" class="color-white">Southern Miss</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-7"> <a href="/sports/ncaa/ole-miss" class="color-white">Ole Miss</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-8"> <a href="/sports/ncaa/mississippi-state" class="color-white">Mississippi State</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-9"> <a href="https://www.wdam.com/sports/podcast/" class="color-white">Tim's Two Cents Podcast</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="/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="https://www.wdam.com/weather/cams/" class="color-white">Weather Cameras</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="https://www.wdam.com/2019/02/08/what-is-first-alert-weather-day/" class="color-white">First Alert Weather Days</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/weather/hurricane" class="color-white">Hurricane</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="https://www.wdam.com/skywatchers/#/rounds/1/gallery" class="color-white">Sky Watchers Photo Contest</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-7"> <a href="https://www.wdam.com/dogwalking/#/rounds/1/gallery" class="color-white">Dog Walking Pics</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="/news/education" class="color-white">Education</a> </h3> </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="/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/stop-suicide" class="color-white">Stop Suicide</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="https://www.wdam.com/health/breast-cancer/" class="color-white">Pink Up for Breast Cancer</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="/health/coronavirus" class="color-white">Coronavirus</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.nbcnews.com/specials/plan-your-vaccine/" class="color-white">Plan Your Vaccine</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="https://covidvaccine.umc.edu/" class="color-white">Schedule a vaccination appointment</a> </div> </div> </div> </div> <div class="tray-section tray-section-8 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="/business" class="color-white">Business</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/consumer" class="color-white">Consumer</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/business/national" class="color-white">National</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/business/money" class="color-white">Money</a> </div> </div> </div> </div> <div class="tray-section tray-section-9 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="/programming/sunrise" class="color-white">Sunrise</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/programming/midday" class="color-white">Midday</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/programming/schedule" class="color-white">Schedule</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <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-7"> <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-8"> <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-9"> <a href="https://www.investigatetv.com/" class="color-white">Investigate TV</a> </div> </div> </div> </div> <div class="tray-section tray-section-10 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/7-on-the-road" class="color-white">7 on the Road</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/community/one-tank-trips" class="color-white">One Tank Trips</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/community/calendar" class="color-white">Calendar</a> </div> </div> </div> </div> <div class="tray-section tray-section-11 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="/about-us" class="color-white">About Us</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://a.pgtb.me/pm7HRT" class="color-white">Submit a News Tip</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="https://www.wdam.com/about-us/contact-us/" class="color-white">Contact Us</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="https://gray.tv/careers#currentopenings" class="color-white">Jobs</a> </div> </div> </div> </div> <div class="tray-section tray-section-12 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="https://www.vuit.com/live/17162/wdam/vod" class="color-white">Latest Newscasts</a> </h3> </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="f0ajdiK8ESJjwr"> <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-wdam-breaking/" data-url="/pb/api/v2/render/feature" data-website="wdam" data-view-unpublished="false"> </div> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-weather-weather-alerts" id="f0l5J3o8ESJjwr"> <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="/wdam-weather-alerts/" data-url="/pb/api/v2/render/feature" data-website="wdam"> <div data-href="/pb/api/v2/render/feature"> </div> </div> </div> <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="f0nigYi8ESJjwr"> <div id="ad1928-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1928" class="arcad ad-728x90 zindex-med"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1928",slotName:"wdam/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> </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-global-section-topper" id="fXS2r828ESJjwr"> <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="https://www.wdam.com/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"> Weather Cameras </li> </a> <a href="https://www.wdam.com/2019/02/08/what-is-first-alert-weather-day/" 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 Weather Days </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"> Hurricane </li> </a> <a href="https://www.wdam.com/skywatchers/#/rounds/1/gallery" class="nav-link spaced spaced-bottom spaced-sm "> <li class="spaced spaced-right spaced-lg font-bold flex-container-row align-items-center"> Sky Watchers Photo Contest </li> </a> <a href="https://www.wdam.com/dogwalking/#/rounds/1/gallery" class="nav-link spaced spaced-bottom spaced-sm "> <li class="spaced spaced-right spaced-lg font-bold flex-container-row align-items-center"> Dog Walking Pics </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="https://www.wdam.com/weather/cams/" class="nav-link"> <li class="spaced spaced-right spaced-sm font-bold flex-container-row align-items-center"> Weather Cameras <div class="vertical-divider submenu-divider spaced spaced-left spaced-sm font-normal color-grey ">|</div> </li> </a> <a href="https://www.wdam.com/2019/02/08/what-is-first-alert-weather-day/" class="nav-link"> <li class="spaced spaced-right spaced-sm font-bold flex-container-row align-items-center"> First Alert Weather Days <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"> Hurricane <div class="vertical-divider submenu-divider spaced spaced-left spaced-sm font-normal color-grey ">|</div> </li> </a> <a href="https://www.wdam.com/skywatchers/#/rounds/1/gallery" class="nav-link"> <li class="spaced spaced-right spaced-sm font-bold flex-container-row align-items-center"> Sky Watchers Photo Contest <div class="vertical-divider submenu-divider spaced spaced-left spaced-sm font-normal color-grey ">|</div> </li> </a> <a href="https://www.wdam.com/dogwalking/#/rounds/1/gallery" class="nav-link"> <li class="spaced spaced-right spaced-sm font-bold flex-container-row align-items-center"> Dog Walking Pics <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 class="wrapper clearfix col desktop-12 tablet-12 mobile-12 pb-feature pb-layout-item pb-f-weather-todays-forecast" id="fhnCw618ESJjwr"> <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">Partly cloudy, warm on Tuesday</h2> <div class="hidden-sm spaced spaced-top spaced-xs"> <div class="spaced spaced-top spaced-xs padded padded-bottom padded-xs"> May 31, 2021 at 10:26 PM </div> <div class="spaced spaced-top spaced-xs"> <div data-type="text"> <p>PINE BELT, Miss. (WDAM) - It is going to be partly cloudy overnight in the area with lows in the upper 50s to lower 60s.</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 31, 2021 at 10:26 PM </div> <div class="flex"> <h2 class="small bold align-left">Rex Thompson</h2> <p class="align-left">Weather Forecaster</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/wdamrex " 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" aria-label="Contact via email" href="mailto:rex.thompson@wdam.com?subject=&body=" role="button" rel="noopener noreferrer" data-arctrack="socialFollowEm"> <i class="far fa-envelope"></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/b3a3b94c-c203-48d3-b554-e5501fc96ec4.png" alt="Rex Thompson"/></div> </div> </div> <div class="col mobile-12 visible-sm spaced spaced-top spaced-xs"> <div data-type="text"> <p>PINE BELT, Miss. (WDAM) - It is going to be partly cloudy overnight in the area with lows in the upper 50s to lower 60s.</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-151-3d858846-a713-4800-acda-2b98f89b5faf" data-script-path="d3mo2m0b34ee8e" data-environment="prod"></div> <div class="goldfish-player" data-page-on="1" data-producer="wdam"> <div class="powa" id="powa-151-3d858846-a713-4800-acda-2b98f89b5faf" data-ping-rate="15" data-org="raycom" data-uuid="3d858846-a713-4800-acda-2b98f89b5faf" data-playthrough="true" data-shadow-dom="false" data-sticky="true" data-preroll-ad-path="63316753/wdam/web/weather/forecast" data-ads="true"></div> </div> <figcaption class="caption-text spaced spaced-top spaced-xs flex-container-row justify-space-between"> <div>Partly cloudy, warm on Tuesday</div> </figcaption> </div> </div> </div> <div class="hidden-sm"> <div class="flex"> <h2 class="small bold align-left">Rex Thompson</h2> <p class="align-left">Weather Forecaster</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/wdamrex " 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" aria-label="Contact via email" href="mailto:rex.thompson@wdam.com?subject=&body=" role="button" rel="noopener noreferrer" data-arctrack="socialFollowEm"> <i class="far fa-envelope"></i> </a> </span></div></div> </div> </div> </div> </div> <div data-modal-id="arc-modal-todays-forecast" data-event-name="weatherForecastOpen" data-met="Rex Thompson" data-title="Partly cloudy, warm on Tuesday" 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">Partly cloudy, warm on Tuesday</h1> <div class="flex padded padded-bottom padded-lg"> May 31, 2021 at 10:26 PM </div> <div class="flex-container-row"> <div class="flex"> <img src="https://s3.amazonaws.com/arc-authors/raycom/b3a3b94c-c203-48d3-b554-e5501fc96ec4.png" alt="Rex Thompson" title="Rex Thompson" class="img-sm circle pull-left"/> <h2 class="small bold align-left">Rex Thompson</h2> <p>Weather Forecaster</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/wdamrex " 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" aria-label="Contact via email" href="mailto:rex.thompson@wdam.com?subject=&body=" role="button" rel="noopener noreferrer" data-arctrack="socialFollowEm"> <i class="far fa-envelope"></i> </a> </span></div> </div> </div> <div class="full-width"> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p>PINE BELT, Miss. (WDAM) - It is going to be partly cloudy overnight in the area with lows in the upper 50s to lower 60s.</p> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p>Tuesday looks partly cloudy and warm with highs in the upper 80s to around 90. Partly cloudy and warmer temperatures are forecast for Tuesday night with lows in the mid to upper 60s.</p> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p>As we head into the middle of the week, rain is expected to increase. There is a 40% chance for showers and thunderstorms on Wednesday with highs in the upper 80s.</p> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p>On Thursday, we have a 50% chance for showers and thunderstorms with highs in the mid 80s and lows in the upper 60s.</p> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p>Look for cloudy skies on Friday with a 60% chance for showers and thunderstorms with highs in the mid 80s and lows in the upper 60s.</p> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p>Look for more showers and thunderstorms on Saturday and Sunday with highs in the mid 80s and lows in the upper 60s.</p> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p><i>Copyright 2021 WDAM. All rights reserved.</i></p> </div> </div> </div> </div> </div> </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="fNtULm18ESJjwr"> <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="Hattiesburg, MS" 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-cloudy" 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"> Hattiesburg, MS<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='wdam' data-content-config-keys='Code,Language' data-content-config-values='USMS0152,en'>Hattiesburg, MS</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-cloudy" data-class-to-remove="night-partly-cloudy,day-cloudy" 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-cloudy" data-class-to-remove="night-partly-cloudy,day-cloudy" 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-cloudy,day-cloudy" 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="wdam" data-location-code="USMS0152" data-language="en" data-content-config-keys='Code,Language' data-content-config-values='USMS0152,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/67_daily_forecast.png" alt="weather-icon"/> </div> <div id="current-main-temp" class="font-bold temp temp-lg weather-temp" data-temp-f="68" data-temp-c="20"> 68</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>Overcast</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.16 in</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Wind</div> <div>SE&nbsp; 5 MPH</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Humidity</div> <div>93%</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="68" data-temp-c="20"> 68</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="68" data-temp-c="20"> 68</div> </div> <div class="flex-container-row justify-space-between spaced spaced-top spaced-md"> <div class="font-bold">Sunrise</div> <div> 5:53 AM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Sunset</div> <div> 7:56 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonrise</div> <div> 1:09 AM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonset</div> <div> 12:10 PM </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/95_daily_forecast.png" alt="weather-icon"/> </div> <div id="today-main-temp" class="font-bold temp temp-lg weather-temp" data-temp-f="89" data-temp-c="31"> 89</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>Mostly Cloudy with Hit-or-Miss T-Storms in the evening. Highs in the upper 80s with lows in the upper 60s.</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>30%</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Wind</div> <div>SE&nbsp; 10 MPH</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Humidity</div> <div>59%</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> 5:53 AM </div> </div> <div class="flex-container-row justify-space-between "> <div class="font-bold">Sunset</div> <div> 7:56 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonrise</div> <div> 1:09 AM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonset</div> <div> 12:10 PM </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="69" data-temp-c="20"> 69</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>Partly Cloudy. Lows in the upper 60s.</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>30%</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Wind</div> <div>SE&nbsp; 5 MPH</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Humidity</div> <div>85%</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">Waning Gibbous</div> </div> <div class="flex-container-row justify-space-between spaced spaced-top spaced-md"> <div class="font-bold">Sunrise</div> <div> 5:53 AM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Sunset</div> <div> 7:56 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonrise</div> <div> 1:09 AM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonset</div> <div> 12:10 PM </div> </div> </div> </div> </div> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-weather-forecast-detailed" id="fE5Uca28ESJjwr"> <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="USMS0152" 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="wdam" data-location-code="USMS0152" data-language="en" data-content-config-keys='Code,Language' data-content-config-values='USMS0152,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/>6/1</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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly 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">ESE</span> <span class="spaced spaced-xs spaced-right">4</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/>6/1</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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly 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"> 68%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SE</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 hours-1"> <div class="flex"> <span class="font-bold">11 AM</span> <br/>6/1</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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly 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"> 62%</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">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/>6/1</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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly 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"> 55%</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">9</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/>6/1</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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly 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"> 56%</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">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">2 PM</span> <br/>6/1</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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly 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"> 50%</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">9</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/>6/1</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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly 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"> 47%</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">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">4 PM</span> <br/>6/1</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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Cloudy</span> </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"> 49%</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">9</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/>6/1</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/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Isolated Thunderstorms</span> </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"/> <span class="hidden-sm">Isolated Thunderstorms</span> </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"> 52%</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">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">6 PM</span> <br/>6/1</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/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Isolated Thunderstorms</span> </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"/> <span class="hidden-sm">Isolated Thunderstorms</span> </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"> 57%</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">9</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/>6/1</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/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Isolated Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Isolated Thunderstorms</span> </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"> 61%</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">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">8 PM</span> <br/>6/1</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/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </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"> 72%</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">5</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/>6/1</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/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </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"> 81%</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">5</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/>6/1</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/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </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"> 84%</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">4</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/>6/1</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/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </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"> 88%</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">4</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/>6/2</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/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </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"> 91%</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">4</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/>6/2</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/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/101_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </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"> 93%</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">3</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/>6/2</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/99_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/99_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Cloudy</span> </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"> 93%</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">4</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/>6/2</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&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/99_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/99_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Cloudy</span> </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"> 94%</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">4</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/>6/2</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="20&deg;" data-temp-f="69&deg;"> 69&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/99_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/99_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly 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"> 96%</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">4</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/>6/2</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="20&deg;" data-temp-f="69&deg;"> 69&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/99_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/99_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly 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"> 95%</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">3</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/>6/2</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="20&deg;" data-temp-f="69&deg;"> 69&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/99_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/99_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly 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"> 96%</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">2</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/>6/2</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="20&deg;" data-temp-f="69&deg;"> 69&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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly 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"> 95%</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">4</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/>6/2</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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly 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"> 95%</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">5</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/>6/2</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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Cloudy</span> </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"> 89%</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">6</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/>6/2</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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/69_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Cloudy</span> </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"> 86%</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">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">11 AM</span> <br/>6/2</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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </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"> 80%</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">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">12 PM</span> <br/>6/2</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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </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"> 75%</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">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">1 PM</span> <br/>6/2</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="26&deg;" data-temp-f="80&deg;"> 80&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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 50%</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">S</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">2 PM</span> <br/>6/2</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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 50%</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">S</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">3 PM</span> <br/>6/2</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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 50%</div> <div class="flex font-lg font-bold align-self-center"> 67%</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">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">4 PM</span> <br/>6/2</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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 50%</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">S</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">5 PM</span> <br/>6/2</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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 50%</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">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-3"> <div class="flex"> <span class="font-bold">6 PM</span> <br/>6/2</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="26&deg;" data-temp-f="80&deg;"> 80&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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </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"> 73%</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-3"> <div class="flex"> <span class="font-bold">7 PM</span> <br/>6/2</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/106_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Showers</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/106_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Showers</span> </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"> 75%</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">6</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/>6/2</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/106_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Showers</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/106_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Showers</span> </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"> 84%</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">4</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/>6/2</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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Cloudy</span> </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"> 89%</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">4</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/>6/2</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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Cloudy</span> </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"> 92%</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">3</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/>6/2</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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Cloudy</span> </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"> 94%</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">3</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/>6/3</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&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/99_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly 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/99_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Cloudy</span> </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"> 97%</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">3</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/>6/3</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Cloudy</span> </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"> 98%</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">2</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/>6/3</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Cloudy</span> </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"> 97%</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">2</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/>6/3</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Cloudy</span> </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"> 96%</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">2</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/>6/3</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="20&deg;" data-temp-f="69&deg;"> 69&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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Cloudy</span> </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"> 96%</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">2</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/>6/3</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="20&deg;" data-temp-f="69&deg;"> 69&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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>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/103_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Cloudy</span> </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"> 98%</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">2</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">6 AM</span> <br/>6/3</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="69&deg;"> 69&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/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Isolated Thunderstorms</span> </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"/> <span class="hidden-sm">Isolated Thunderstorms</span> </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"> 96%</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">1</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">7 AM</span> <br/>6/3</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </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"> 94%</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">1</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">8 AM</span> <br/>6/3</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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Scattered Thunderstorms</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Scattered Thunderstorms</span> </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"> 93%</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">3</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-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="31&deg;" data-temp-f="89&deg;"> 89&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="20&deg;" data-temp-f="69&deg;"> 69&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"/> Hit-or-Miss PM T-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"> 59%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SE</span> <span class="spaced spaced-xs spaced-right">10</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-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="3day-Tuesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="3day-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/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="31&deg;" data-temp-f="89&deg;"> 89&deg;</span><br/> <span class="uppercase">Hit-or-Miss PM T-Storms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Partly to mostly cloudy. A stray shower or thunderstorm is possible. High 31C. Winds SSE at 10 to 15 km/h." data-temp-f="Mostly Cloudy with Hit-or-Miss T-Storms in the evening. Highs in the upper 80s with lows in the upper 60s."> <span class="font-secondary font-md">Mostly Cloudy with Hit-or-Miss T-Storms in the evening. Highs in the upper 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:53:24 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">07:56:42 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">SE</span> <span class="spaced spaced-xs spaced-right">10</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">59%</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-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="20&deg;" data-temp-f="69&deg;"> 69&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Scattered thunderstorms early, then mainly cloudy overnight with thunderstorms likely. Low near 20C. Winds SSE at 10 to 15 km/h. Chance of rain 70%." data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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">01:09:45 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:10:45 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">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">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="3day-Tuesday"></i> </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/>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="84&deg;"> 84&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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> Scattered Thunderstorms</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_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> 50%</div> <div class="flex font-lg font-bold align-self-center"> 68%</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">8</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> 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/96_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="84&deg;"> 84&deg;</span><br/> <span class="uppercase">Scattered Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Mixed clouds and sun with scattered thunderstorms. High 29C. Winds S at 10 to 15 km/h. Chance of rain 60%." data-temp-f="Scattered T-Storms. Highs in the mid 80s with lows in the upper 60s."> <span class="font-secondary font-md">Scattered T-Storms. Highs in the mid 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:53:11 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">07:57:14 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">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">8</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">68%</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="20&deg;" data-temp-f="68&deg;"> 68&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Cloudy skies early followed by scattered showers and thunderstorms later during the night. Low near 20C. Winds SSW at 10 to 15 km/h. Chance of rain 40%." data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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">01:43:57 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:09: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">S</span> <span class="spaced spaced-xs spaced-right">9</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="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/>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="19&deg;" data-temp-f="67&deg;"> 67&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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> Scattered Thunderstorms</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_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"> 80%</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">6</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> 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/96_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">Scattered Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Variable clouds with scattered thunderstorms. High 28C. Winds light and variable. Chance of rain 50%." data-temp-f="Scattered T-Storms. Highs in the mid 80s with lows in the upper 60s."> <span class="font-secondary font-md">Scattered T-Storms. Highs in the mid 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:52:58 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">07:57:46 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">SSW</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">80%</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="19&deg;" data-temp-f="67&deg;"> 67&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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:14:41 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:06:05 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">SSW</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">94%</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> </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-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="31&deg;" data-temp-f="89&deg;"> 89&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="20&deg;" data-temp-f="69&deg;"> 69&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"/> Hit-or-Miss PM T-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"> 59%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SE</span> <span class="spaced spaced-xs spaced-right">10</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/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="31&deg;" data-temp-f="89&deg;"> 89&deg;</span><br/> <span class="uppercase">Hit-or-Miss PM T-Storms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Partly to mostly cloudy. A stray shower or thunderstorm is possible. High 31C. Winds SSE at 10 to 15 km/h." data-temp-f="Mostly Cloudy with Hit-or-Miss T-Storms in the evening. Highs in the upper 80s with lows in the upper 60s."> <span class="font-secondary font-md">Mostly Cloudy with Hit-or-Miss T-Storms in the evening. Highs in the upper 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:53:24 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">07:56:42 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">SE</span> <span class="spaced spaced-xs spaced-right">10</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">59%</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="20&deg;" data-temp-f="69&deg;"> 69&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Scattered thunderstorms early, then mainly cloudy overnight with thunderstorms likely. Low near 20C. Winds SSE at 10 to 15 km/h. Chance of rain 70%." data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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">01:09:45 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:10:45 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">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">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-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="84&deg;"> 84&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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> Scattered Thunderstorms</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_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> 50%</div> <div class="flex font-lg font-bold align-self-center"> 68%</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">8</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/96_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="84&deg;"> 84&deg;</span><br/> <span class="uppercase">Scattered Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Mixed clouds and sun with scattered thunderstorms. High 29C. Winds S at 10 to 15 km/h. Chance of rain 60%." data-temp-f="Scattered T-Storms. Highs in the mid 80s with lows in the upper 60s."> <span class="font-secondary font-md">Scattered T-Storms. Highs in the mid 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:53:11 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">07:57:14 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">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">8</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">68%</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="20&deg;" data-temp-f="68&deg;"> 68&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Cloudy skies early followed by scattered showers and thunderstorms later during the night. Low near 20C. Winds SSW at 10 to 15 km/h. Chance of rain 40%." data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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">01:43:57 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:09: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">S</span> <span class="spaced spaced-xs spaced-right">9</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-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="19&deg;" data-temp-f="67&deg;"> 67&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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> Scattered Thunderstorms</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_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"> 80%</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">6</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/96_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">Scattered Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Variable clouds with scattered thunderstorms. High 28C. Winds light and variable. Chance of rain 50%." data-temp-f="Scattered T-Storms. Highs in the mid 80s with lows in the upper 60s."> <span class="font-secondary font-md">Scattered T-Storms. Highs in the mid 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:52:58 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">07:57:46 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">SSW</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">80%</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="19&deg;" data-temp-f="67&deg;"> 67&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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:14:41 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:06:05 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">SSW</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">94%</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="28&deg;" data-temp-f="84&deg;"> 84&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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> Scattered Thunderstorms</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_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"> 76%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SE</span> <span class="spaced spaced-xs spaced-right">5</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/96_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="84&deg;"> 84&deg;</span><br/> <span class="uppercase">Scattered Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Partly cloudy with isolated thunderstorms possible. High 27C. Winds light and variable. Chance of rain 40%." data-temp-f="Scattered T-Storms. Highs in the mid 80s with lows in the upper 60s."> <span class="font-secondary font-md">Scattered T-Storms. Highs in the mid 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:52:48 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">07:58:17 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">SE</span> <span class="spaced spaced-xs spaced-right">5</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">76%</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="20&deg;" data-temp-f="68&deg;"> 68&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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:43:01 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:00:37 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">SSE</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">93%</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/>6/5</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="28&deg;" data-temp-f="84&deg;"> 84&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"/> Isolated Thunderstorms</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"> 75%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SE</span> <span class="spaced spaced-xs spaced-right">7</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> 6/5</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="28&deg;" data-temp-f="84&deg;"> 84&deg;</span><br/> <span class="uppercase">Isolated Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="A few isolated thunderstorms developing during the afternoon. High 29C. Winds E at 10 to 15 km/h. Chance of rain 30%." data-temp-f="Partly Cloudy with Hit-or-Miss T-Storms. Highs in the mid 80s with lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy with Hit-or-Miss T-Storms. Highs in the mid 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:52:38 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">07:58:47 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">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">SE</span> <span class="spaced spaced-xs spaced-right">7</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-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/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="20&deg;" data-temp-f="68&deg;"> 68&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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">03:10: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:54:27 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">SE</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">95%</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/>6/6</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="69&deg;"> 69&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"/> Isolated Thunderstorms</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"> 79%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SE</span> <span class="spaced spaced-xs spaced-right">8</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> 6/6</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">Isolated Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Scattered thunderstorms. High 27C. Winds SE at 10 to 15 km/h. Chance of rain 40%." data-temp-f="Partly Cloudy with Hit-or-Miss T-Storms. Highs in the mid 80s with lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy with Hit-or-Miss T-Storms. Highs in the mid 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:52:31 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">07:59:16 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">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">SE</span> <span class="spaced spaced-xs spaced-right">8</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">79%</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="20&deg;" data-temp-f="69&deg;"> 69&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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">03:37:44 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">04:48:39 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">SE</span> <span class="spaced spaced-xs spaced-right">8</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">95%</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/>6/7</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="30&deg;" data-temp-f="86&deg;"> 86&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="20&deg;" data-temp-f="69&deg;"> 69&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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> Scattered Thunderstorms</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_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"> 79%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SE</span> <span class="spaced spaced-xs spaced-right">9</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> 6/7</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/96_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="86&deg;"> 86&deg;</span><br/> <span class="uppercase">Scattered Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Variable clouds with scattered thunderstorms. High 28C. Winds SE at 10 to 15 km/h. Chance of rain 50%." data-temp-f="Scattered T-Storms. Highs in the mid 80s with lows in the upper 60s."> <span class="font-secondary font-md">Scattered T-Storms. Highs in the mid 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:52:24 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">07:59:45 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">SE</span> <span class="spaced spaced-xs spaced-right">9</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">79%</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="20&deg;" data-temp-f="69&deg;"> 69&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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">04:07:13 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">05:42:57 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">SE</span> <span class="spaced spaced-xs spaced-right">9</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">93%</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/8</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="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"/> Isolated Thunderstorms</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"> 74%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SE</span> <span class="spaced spaced-xs spaced-right">7</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/8</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">Isolated Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Scattered showers and thunderstorms. High 28C. Winds SE at 10 to 15 km/h. Chance of rain 50%." data-temp-f="Partly Cloudy with a few Stray T-Storms. Highs in the upper 80s with lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy with a few Stray T-Storms. Highs in the upper 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:52:20 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:00:12 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">SE</span> <span class="spaced spaced-xs spaced-right">7</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="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="20&deg;" data-temp-f="68&deg;"> 68&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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">04:39: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">06:38:54 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">ESE</span> <span class="spaced spaced-xs spaced-right">8</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">93%</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/9</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="31&deg;" data-temp-f="88&deg;"> 88&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"/> Isolated Thunderstorms</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"> 73%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">ESE</span> <span class="spaced spaced-xs spaced-right">7</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/9</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="31&deg;" data-temp-f="88&deg;"> 88&deg;</span><br/> <span class="uppercase">Isolated Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Partly cloudy early. Scattered thunderstorms developing in the afternoon. High 31C. Winds ESE at 10 to 15 km/h. Chance of rain 40%." data-temp-f="Partly Cloudy with a few Stray T-Storms. Highs in the upper 80s with lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy with a few Stray T-Storms. Highs in the upper 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:52:16 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:00:39 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">ESE</span> <span class="spaced spaced-xs spaced-right">7</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="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="20&deg;" data-temp-f="68&deg;"> 68&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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">05:14:12 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">07:34:27 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">ESE</span> <span class="spaced spaced-xs spaced-right">8</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">92%</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/10</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="31&deg;" data-temp-f="89&deg;"> 89&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="20&deg;" data-temp-f="69&deg;"> 69&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"/> 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/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"> 69%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">ESE</span> <span class="spaced spaced-xs spaced-right">7</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/10</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="31&deg;" data-temp-f="89&deg;"> 89&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Scattered clouds with the possibility of an isolated thunderstorm developing during the afternoon. High around 30C. Winds ESE at 10 to 15 km/h. Chance of rain 40%." data-temp-f="Partly Cloudy with a few Stray T-Storms. Highs in the upper 80s with lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy with a few Stray T-Storms. Highs in the upper 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:52:14 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:01:04 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Extreme</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">ESE</span> <span class="spaced spaced-xs spaced-right">7</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">69%</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="20&deg;" data-temp-f="69&deg;"> 69&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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">05:54:33 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">08:30:26 pm</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">New</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">ESE</span> <span class="spaced spaced-xs spaced-right">8</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">88%</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> </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/>6/4</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="28&deg;" data-temp-f="84&deg;"> 84&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/96_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> Scattered Thunderstorms</div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/96_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"> 76%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SE</span> <span class="spaced spaced-xs spaced-right">5</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> 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/96_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="84&deg;"> 84&deg;</span><br/> <span class="uppercase">Scattered Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Partly cloudy with isolated thunderstorms possible. High 27C. Winds light and variable. Chance of rain 40%." data-temp-f="Scattered T-Storms. Highs in the mid 80s with lows in the upper 60s."> <span class="font-secondary font-md">Scattered T-Storms. Highs in the mid 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:52:48 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">07:58:17 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">SE</span> <span class="spaced spaced-xs spaced-right">5</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">76%</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="20&deg;" data-temp-f="68&deg;"> 68&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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:43:01 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:00:37 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">SSE</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">93%</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/>6/5</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="28&deg;" data-temp-f="84&deg;"> 84&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"/> Isolated Thunderstorms</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"> 75%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SE</span> <span class="spaced spaced-xs spaced-right">7</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> 6/5</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="28&deg;" data-temp-f="84&deg;"> 84&deg;</span><br/> <span class="uppercase">Isolated Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="A few isolated thunderstorms developing during the afternoon. High 29C. Winds E at 10 to 15 km/h. Chance of rain 30%." data-temp-f="Partly Cloudy with Hit-or-Miss T-Storms. Highs in the mid 80s with lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy with Hit-or-Miss T-Storms. Highs in the mid 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:52:38 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">07:58:47 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">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">SE</span> <span class="spaced spaced-xs spaced-right">7</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-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/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="20&deg;" data-temp-f="68&deg;"> 68&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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">03:10: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:54:27 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">SE</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">95%</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/>6/6</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="69&deg;"> 69&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"/> Isolated Thunderstorms</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"> 79%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SE</span> <span class="spaced spaced-xs spaced-right">8</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> 6/6</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">Isolated Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Scattered thunderstorms. High 27C. Winds SE at 10 to 15 km/h. Chance of rain 40%." data-temp-f="Partly Cloudy with Hit-or-Miss T-Storms. Highs in the mid 80s with lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy with Hit-or-Miss T-Storms. Highs in the mid 80s with lows 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">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:52:31 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">07:59:16 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">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">SE</span> <span class="spaced spaced-xs spaced-right">8</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">79%</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="20&deg;" data-temp-f="69&deg;"> 69&deg;</span><br/> <span class="uppercase">Partly Cloudy</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Partly Cloudy. Lows in the upper 60s."> <span class="font-secondary font-md">Partly Cloudy. Lows 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">03:37:44 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">04:48:39 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">SE</span> <span class="spaced spaced-xs spaced-right">8</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">95%</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="fZQoH728ESJjwr"> <div id="ad764-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad764" class="arcad ad-300x250"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad764",slotName:"wdam/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="f0h8kyT8ESJjwr"> <div class="burst-embed" data-app="bubblePreview" data-env="prod" data-jwt="eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwaWQiOiJZSEdIRjdKODczNEgzS1AwMzdHS19JbnRlcm5hbFB1YmxpYyIsImJpZCI6IjQ5Mzc3OTY5OTMxODExMTAwIiwiaXNzIjoiYnVyc3Qud2lkZ2V0IiwiaWF0IjoxNTYyMTc0MDE5LCJleHAiOjE1OTM3MTAwMTl9.cAxbu6N5lKzqyvvWKCHXM_NveTwcnqS9u2EMIwFoBsM" data-bt="YnViYmxlLXB1YmxpYzo0OTM3Nzk2OTkzMTgxMTEwMDo5MjIzMzcyMDM2ODU0Nzc1ODA3OnB1YmxpYzo3M2I4NmU5YzNhMGNmNGFmOGNjZTljZGQ3ZWIxNTI2MDotNTIwNTg3MjQzNzQwNTg5ODEyOA%3D%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="fuXrRj28ESJjwr"> <div class="flex-feature height-full"> <div class="flex-feature height-full flex-grid api-returned-stories" id="load-more-wrapper-107729" 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/27/deadline-apply-winter-storm-assistance-approaching/"> <img class="width-full " alt="Deadline to apply for winter storm assistance approaching" src="https://www.wdam.com/resizer/loaYR3mjdOhXbukk_d2KZWmFOzc=/1200x600/cloudfront-us-east-1.images.arcpublishing.com/raycom/NG4H4DTGF5CYJHJW25WZJW2DBU.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/27/deadline-apply-winter-storm-assistance-approaching/"> Deadline to apply for winter storm assistance approaching</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>WDAM 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 27</span> <span class=" hidden-sm">May 27</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/25/partial-lunar-eclipse-will-be-visible-pine-belt-wednesday-morning/"> <img class="width-full " alt="Partial lunar eclipse will be visible in Pine Belt Wednesday morning " src="https://www.wdam.com/resizer/PMIGV3cjBFxK2s0r9dq_5MZ2MBw=/1200x600/cloudfront-us-east-1.images.arcpublishing.com/raycom/WEEPLCCZCFH4DEXNJ2ID2B623A.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/25/partial-lunar-eclipse-will-be-visible-pine-belt-wednesday-morning/"><i class='far fa-play-circle' title='Has Video'></i>&nbsp; Partial lunar eclipse will be visible in Pine Belt Wednesday morning </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><span>Patrick Bigbie</span></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 25</span> <span class=" hidden-sm">May 25</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-hurricane-season/"> <img class="width-full " alt="NOAA predicts above average hurricane season for 2021" src="https://www.wdam.com/resizer/-4HvJLTGuCoZ7flsXS6XBekaN28=/1200x600/cloudfront-us-east-1.images.arcpublishing.com/raycom/YSBQ47AUIBAOPH5FJ34BGCROQ4.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-hurricane-season/"> NOAA predicts above average hurricane season for 2021</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>WLOX 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> </div> </div> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-ads-arcads" id="f0lQNc88ESJjwr"> <div id="ad824-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad824" class="arcad ad-300x250"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad824",slotName:"wdam/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="fx3rDM18ESJjwr"> <a name="radar"></a> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-test-html-box" id="fYDNHZ19ESJjwr"> <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="31.327119" longitude="-89.290339" 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="f0uDHk69ESJjwr"> <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="cQw48x19ESJjwr"> <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="fm20wS19ESJjwr"> <div class="maps-and-radar flex-grid"> <div class="thumbnail col desktop-4 tablet-4 mobile-6"> <div id="arc-modal-1012" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Tri-State Radar</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Tri-State Radar" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wdam/weather/ONLINE_PB_RADAR.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-1012" 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="ad1888-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1888" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1888",slotName:"wdam/web/weather/radar/tri-state-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">Tri-State 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="Tri-State Radar" data-src="//webpubcontent.raycommedia.com/wdam/weather/ONLINE_PB_RADAR.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-19" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Tri-State Temps</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Tri-State Temps" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wdam/weather/08_ONLINE_CURRENT_TEMPS_TRI.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-19" 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="ad1124-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1124" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1124",slotName:"wdam/web/weather/radar/tri-state-temps",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">Tri-State Temps</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img class="b-lazy img-container width-full" alt="Tri-State Temps" data-src="//webpubcontent.raycommedia.com/wdam/weather/08_ONLINE_CURRENT_TEMPS_TRI.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-456" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Local Temps</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Local Temps" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wdam/weather/PBTemps.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-456" 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="ad1800-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1800" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1800",slotName:"wdam/web/weather/radar/local-temps",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 Temps</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 Temps" data-src="//webpubcontent.raycommedia.com/wdam/weather/PBTemps.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-1219" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Daypart</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Daypart" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wdam/weather/ONLINE_DAYPART.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-1219" 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="ad228-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad228" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad228",slotName:"wdam/web/weather/radar/daypart",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">Daypart</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img class="b-lazy img-container width-full" alt="Daypart" data-src="//webpubcontent.raycommedia.com/wdam/weather/ONLINE_DAYPART.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-909" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">7-Day Forecast</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="7-Day Forecast" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wdam/weather/ONLINE_7DAY.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-909" 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="ad328-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad328" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad328",slotName:"wdam/web/weather/radar/7-day-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">7-Day 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="7-Day Forecast" data-src="//webpubcontent.raycommedia.com/wdam/weather/ONLINE_7DAY.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-1316" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Coastal Forecast</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Coastal Forecast" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wdam/weather/AirWindWave.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-1316" 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="ad574-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad574" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad574",slotName:"wdam/web/weather/radar/coastal-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">Coastal 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="Coastal Forecast" data-src="//webpubcontent.raycommedia.com/wdam/weather/AirWindWave.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="fsuGo219ESJjwr"> <div class="skycam flex-grid"> <div class="thumbnail col desktop-4 tablet-6 mobile-6"> <a href="//www.weatherbug.com/weather-camera/?cam=HTTSB" target="_blank"> <div id="arc-modal-815" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Forrest General</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm">Alfa</h2><img alt="Forrest General" class="b-lazy width-full" data-src="//arc-anglerfish-arc2-prod-raycom.s3.amazonaws.com/public/UTVYWNCSFBEYXA5LYIPQXF2T6I.jpg" data-token="src" data-increment="5" data-unit="minute"> </div> </a></div> <div class="thumbnail col desktop-4 tablet-6 mobile-6"> <a href="//weather.weatherbug.com/weather-camera/?cam=ELLSV" target="_blank"> <div id="arc-modal-1192" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Jones College</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm">Alfa</h2><img alt="Jones College" class="b-lazy width-full" data-src="//arc-anglerfish-arc2-prod-raycom.s3.amazonaws.com/public/LBY43DP5LRA2HNFTWFISOFDQPY.jpg" data-token="src" data-increment="5" data-unit="minute"> </div> </a></div> <div class="thumbnail col desktop-4 tablet-6 mobile-6"> <a href="//weather.weatherbug.com/weather-camera/?cam=PTRON" target="_blank"> <div id="arc-modal-1309" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Petro Nissan</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm">Alfa</h2><img alt="Petro Nissan" class="b-lazy width-full" data-src="//arc-anglerfish-arc2-prod-raycom.s3.amazonaws.com/public/M2F3EDL4IRGZTGDB6CE7SMDRQY.jpg" data-token="src" data-increment="5" data-unit="minute"> </div> </a></div> <div class="thumbnail col desktop-4 tablet-6 mobile-6"> <div id="arc-modal-1169" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">University of Southern Mississippi</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm">Mississippi Power</h2><img alt="University of Southern Mississippi" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wdam/USM_SKYCAM01.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-1169" 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="ad1810-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1810" class="arcad ad-320x50" data-id="ad1810" data-slot-name="wdam/web/weather/cams/university-of-southern-mississippi" 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">University of Southern Mississippi</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm">Mississippi Power</h2><img class="b-lazy width-full" alt="University of Southern Mississippi" data-src="//webpubcontent.raycommedia.com/wdam/USM_SKYCAM01.jpg" data-token="src" data-increment="5" data-unit="minute"> <div class="italicized"></div></div> </div> </div><div class="thumbnail col desktop-4 tablet-6 mobile-6"> <a href="//www.weatherbug.com/weather-camera/?cam=LRLFD" target="_blank"> <div id="arc-modal-1299" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Laurel Ford</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm">Alfa</h2><img alt="Laurel Ford" class="b-lazy width-full" data-src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/KOK2RL5O3RFMBPAW4III4F3FL4.png" data-token="src" data-increment="5" data-unit="minute"> </div> </a></div> <div class="thumbnail col desktop-4 tablet-6 mobile-6"> <a href="//www.weatherbug.com/weather-camera/?cam=CCTMS" target="_blank"> <div id="arc-modal-1127" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Circle-C Tractor</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm">Alfa</h2><img alt="Circle-C Tractor" class="b-lazy width-full" data-src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/WTG53DPOZRAKNPKAJ2F7JRW3H4.png" data-token="src" data-increment="5" data-unit="minute"> </div> </a></div> <div class="thumbnail col desktop-4 tablet-6 mobile-6"> <a href="//www.weatherbug.com/weather-camera/?cam=CLMBM" target="_blank"> <div id="arc-modal-1948" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Walt Massey Ford</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm">Alfa</h2><img alt="Walt Massey Ford" class="b-lazy width-full" data-src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/7CIOHH3LKFD5VHEG4USAG7YSJA.png" data-token="src" data-increment="5" data-unit="minute"> </div> </a></div> <div class="thumbnail col desktop-4 tablet-6 mobile-6"> <a href="//www.weatherbug.com/weather-camera/?cam=MSBPL" target="_blank"> <div id="arc-modal-1087" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Magnolia State Bank - Petal</h4> <h2 class="italicized font-sm text-align-right spaced spaced-bottom spaced-sm">Alfa</h2><img alt="Magnolia State Bank - Petal" class="b-lazy width-full" data-src="//cloudfront-us-east-1.images.arcpublishing.com/raycom/YAUDQL7ZLRA37A7LWT5AOZLQ2E.png" data-token="src" data-increment="5" data-unit="minute"> </div> </a></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="fnFtkg19ESJjwr"> <div id="ad602-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad602" class="arcad ad-300x250"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad602",slotName:"wdam/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="fxCzMc19ESJjwr"> <div id="ad1194-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1194" class="arcad ad-300x250"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1194",slotName:"wdam/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="f3Blb929ESJjwr"> <div id="ad80-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad80" class="arcad ad-728x90 zindex-med"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad80",slotName:"wdam/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="fgXUdK19ESJjwr"> <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.wdam.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"> 2362 U.S. Hwy 11 Moselle<br/>Moselle, MS 39459<br/>(800) 844-9326 </p> <a class="call-to-action uppercase color-white" href="https://publicfiles.fcc.gov/tv-profile/wdam-tv/equal-employment-opportunity-records/additional-documents/eeo-public-file-reports/2020-eeo-report/396ec359-e1af-8fd2-9b4a-fde3a85316d6/">EEO Report <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="http://www.wdam.com/story/12032376/closed-captioning-information/" class="color-white">Closed Captioning</a></li> <li><a href="https://gray.tv/careers#currentopenings" class="color-white">WDAM Careers</a></li> <li><a href="https://webpubcontent.gray.tv/gdm/fcc/wdam-fcc_applications.pdf" class="color-white">FCC Applications</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="https://www.wdam.com/about-us/contact-us/" class="color-white">Contact Us</a></li> <li><a href="http://publicfiles.fcc.gov/tv-profile/wdam-tv" class="color-white">FCC Public File</a></li> <li><a href="mailto:publicfile@wdam.com" class="color-white">publicfile@wdam.com<br/>(601) 544-4730</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/wdam" 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/WDAMTV" 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="http://www.wdam.com/story/12032376/closed-captioning-information/" class="color-white">Closed Captioning</a></li> <li><a href="https://gray.tv/careers#currentopenings" class="color-white">WDAM Careers</a></li> <li><a href="https://webpubcontent.gray.tv/gdm/fcc/wdam-fcc_applications.pdf" class="color-white">FCC Applications</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="https://www.wdam.com/about-us/contact-us/" class="color-white">Contact Us</a></li> <li><a href="http://publicfiles.fcc.gov/tv-profile/wdam-tv" class="color-white">FCC Public File</a></li> <li><a href="mailto:publicfile@wdam.com" class="color-white">publicfile@wdam.com<br/>(601) 544-4730</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/wdam" 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/WDAMTV" 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/r0paOWO6ESJjwr/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>