<!DOCTYPE html> <html lang="en-US"> <head> <script>var pb_global={pageName:"pHdg311fhGpotr",pageId:"r0paOWO6ESJjwr",contextPath:"/pb",isAdmin:false,layoutEngineName:"",environment:"prod",resourceToken:"",_website:"wafb"};</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 ? "wafb/web/weather" : null,
    "canonicalUrl": canonicalUrl ? canonicalUrl : null,
    "contentName": contentName ? contentName : null,
    "contentOwner": "wafb",
    "contentType": "page",
    "platformName": "Arc Feature Pack",
    "metaDescription": description ? description : null,
    "stationName": "wafb",
    "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="Cv57GIIPSYxvcGtpP7lYKjsgzehmCPjuPrvIt2PzbwQ"/> <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="@WAFB"/> <meta name="twitter:creator" content="@WAFB"> <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.wafb.com"/> <meta property="og:type" content="WebPage"/> <meta property="fb:app_id" content="818561641490966"/> <meta property="fb:pages" content="92786858822"/> <meta property="fb:admins" content="644426401"/> <meta name="burst" content="wafb"/> <meta property="article:publisher" content="https://www.facebook.com/Channel9BatonRouge"> <meta name="author" content=""> <script data-schema="WebPage" type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "WebPage",
        "description": "",
        "url": "",
        "publisher": {
          "@type": "Organization",
          "name": "WAFB",
          "logo": "https://www.wafb.com/pb/resources/images/rm_icons/wafb-icon.png?token=123"
        },
        "name": "Weather"
      }
    </script> <script data-schema="Organization" type="application/ld+json">
      {
        "name": "WAFB",
        "url": "https://www.wafb.com",
        "logo": "https://www.wafb.com/pb/resources/images/rm_icons/wafb-icon.png?token=123",
        "@type": "Organization",
        
          "sameAs": [ "https://www.facebook.com/Channel9BatonRouge" ],
        
        "@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/wafb-logo.svg?v=103)}.logo.logo-footer{background-image:url(/pb/resources/images/footer_icons/wafb-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/v2plx-Hf5SLokj_VmfuaTPwJB67tR8fq1_i5weZPXAIz6akTXDSXb9AtP",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/v2onkm4muCb54DO7MUZQ09tfY4_Z65wPrUKfzTrEhMQuTAzsQaCDNMTUTwXpUnMwrQ1kymmOyIQ",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":"false","rua.cpush":"true","rua.upre":"false","rua.cpre":"true","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"SJ-2d39e38a-6856-41fa-94f3-75d7ed88ed37","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"","rua.texp":""}]);</script>
                          <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="MPNN5-PZAFU-H3552-T839S-2A8WW",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+"MPNN5-PZAFU-H3552-T839S-2A8WW",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="eyd7rmcaaegbujqacqdtyaaaavqk3c2k-f-22e95b64e-clienttons-s.akamaihd.net",i={"ak.v":"31","ak.cp":"737540","ak.ai":parseInt("465994",10),"ak.ol":"0","ak.cr":18,"ak.ipv":6,"ak.proto":"http/1.1","ak.rid":"5b45e82","ak.r":42310,"ak.a2":e,"ak.m":"a","ak.n":"essl","ak.bpcip":"2607:f8b0:4001:c1a::","ak.cport":51900,"ak.gh":"23.213.52.34","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1621986122","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==l07cM4EolQ54kJ/j68A5olDZcMt+AU1/p059UKn8nzzlZKyG738d2XMU0fis1WIEhPnjKBX1kq5ZnuNF38YUVjGhyPk9PlZX1+FmRPW0ehGLB/jLxKzFaUG301KwuF3E73A/6sBpksQUsvS+0PABV4Ev7YcqBhjCUM5/H7kFjauueecCmjbI4atKOo7OJgj9hw+TeQYhEbLLUzyQl23MCEy+M3KhdE5b4n6AnzNN7iZqi27Dgx+CSaRGyROGMHsAGkkDQRUuHpSvqhEVuEfu6Zb+Tf4akipxhqWVIJGEW1NtAHfJm4gOisVlOGql8OajBaWOHUFqsGirZ6Pnlum/Bn1T7LgQ+iDECyS3wRMwBnvvAOKw2j/q3NquWhtyM3yv0bwBeL5XGemUZJYwKFlMRchwdL8dJlZ8QFz2gIQxndM=","ak.pv":"16","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":"false","rua.cpush":"true","rua.upre":"false","rua.cpre":"true","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"SJ-2d39e38a-6856-41fa-94f3-75d7ed88ed37","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"","rua.texp":""}]);</script>
                          <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="MPNN5-PZAFU-H3552-T839S-2A8WW",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+"MPNN5-PZAFU-H3552-T839S-2A8WW",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="eyd7rmcaaegbujqacqdtyaaaavqk3c2k-f-22e95b64e-clienttons-s.akamaihd.net",i={"ak.v":"31","ak.cp":"737540","ak.ai":parseInt("465994",10),"ak.ol":"0","ak.cr":18,"ak.ipv":6,"ak.proto":"http/1.1","ak.rid":"5b45e82","ak.r":42310,"ak.a2":e,"ak.m":"a","ak.n":"essl","ak.bpcip":"2607:f8b0:4001:c1a::","ak.cport":51900,"ak.gh":"23.213.52.34","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1621986122","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==l07cM4EolQ54kJ/j68A5olDZcMt+AU1/p059UKn8nzzlZKyG738d2XMU0fis1WIEhPnjKBX1kq5ZnuNF38YUVjGhyPk9PlZX1+FmRPW0ehGLB/jLxKzFaUG301KwuF3E73A/6sBpksQUsvS+0PABV4Ev7YcqBhjCUM5/H7kFjauueecCmjbI4atKOo7OJgj9hw+TeQYhEbLLUzyQl23MCEy+M3KhdE5b4n6AnzNN7iZqi27Dgx+CSaRGyROGMHsAGkkDQRUuHpSvqhEVuEfu6Zb+Tf4akipxhqWVIJGEW1NtAHfJm4gOisVlOGql8OajBaWOHUFqsGirZ6Pnlum/Bn1T7LgQ+iDECyS3wRMwBnvvAOKw2j/q3NquWhtyM3yv0bwBeL5XGemUZJYwKFlMRchwdL8dJlZ8QFz2gIQxndM=","ak.pv":"16","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="http://www.wafb.com/ask-the-expert/" class="color-grey-dark">Ask the Expert</a></li> <li class="padded padded-right padded-md flex-shrink"><a href="http://www.wafb.com/ask-the-attorney" class="color-grey-dark">Ask the Attorney</a></li> <li class="padded padded-right padded-md flex-shrink"><a href="https://www.wafb.com/contests/" class="color-grey-dark">Contests and Deals</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.wafb.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.wafb.com/live/" class="">Live</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="https://www.vuit.com/live/15980/wafb/vod" class="">On Demand</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="/news" class="">News</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="/weather" class="">Weather</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="https://www.wafb.com/traffic/" class="">Traffic</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="/health" class="">Health</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="/news/investigate" class="">Investigators</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="https://www.thelouisianaweekend.com" class="">La. Weekend</a> </h3> </li> <li class="spaced spaced-right spaced-lg li-1"> <h3> <a href="https://www.wafb.com/2021/01/27/links-mentioned-livestream-schedule/" class="">Links</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">WAFB Channel 9</a> </h3> <div class="tray-section-children flex-grid flex-wrap no-transform padded padded-sm padded-bottom g-ulc-1 "> <div class="tray-section-child padded padded-xs padded-right padded-left li-3"> <a href="/about-us" class="color-white">About/Contact Us</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="https://www.wafb.com/wearehere/" class="color-white">How to Watch</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 at WAFB</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="https://www.wafb.com/2019/10/22/advertise-with-wafb/" class="color-white">Advertise With Us</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-7"> <a href="/contests" class="color-white">Contests and Deals</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-8"> <a href="https://www.wafb.com/donna/" class="color-white">Donna</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-9"> <a href="https://www.wafb.com/2018/10/09/wafbs-social-media-commenting-policy/" class="color-white">Social Media Policy</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="/programming" class="color-white">Programming</a> </h3> <div class="tray-section-children flex-grid flex-wrap no-transform padded padded-sm padded-bottom g-ulc-1 "> <div class="tray-section-child padded padded-xs padded-right padded-left li-3"> <a href="https://www.vuit.com/live/15979/wafb/vod" class="color-white">Latest Newscast</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="http://www.circleallaccess.com" class="color-white">Circle - Country Music & Lifestyle</a> </div> </div> </div> </div> <div class="tray-section tray-section-3 tray-section-odd justify-start uppercase links min-width-25 padded padded-md padded-right padded-left spaced spaced-xl spaced-top "> <div class="tray-section spaced spaced-md spaced-left spaced-right li-1"> <h3 class="spaced spaced-xs spaced-bottom padded padded-xs padded-right padded-left"> <a href="/weather" class="color-white">Weather</a> </h3> <div class="tray-section-children flex-grid flex-wrap no-transform padded padded-sm padded-bottom g-ulc-1 "> <div class="tray-section-child padded padded-xs padded-right padded-left li-3"> <a href="https://www.wafb.com/weatherapp/" class="color-white">Download Our Weather App</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/weather/river-stages" class="color-white">River Stages</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="https://www.wafb.com/sky9/" class="color-white">Sky9</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="http://www.wafb.com/weather/#radar" class="color-white">Radar</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="/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="http://www.wafb.com/newsapp" class="color-white">Download our News App</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/traffic" class="color-white">Traffic</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/news/crime" class="color-white">Crime</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="/money" class="color-white">It's Your Money</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-7"> <a href="https://www.wafb.com/2021/01/27/links-mentioned-livestream-schedule/" class="color-white">Links</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/investigate" class="color-white">Investigators</a> </h3> <div class="tray-section-children flex-grid flex-wrap no-transform padded padded-sm padded-bottom g-ulc-1 "> <div class="tray-section-child padded padded-xs padded-right padded-left li-3"> <a href="/news/investigate/alert-team" class="color-white">9News Alert Team</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <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-5"> <a href="https://www.investigatetv.com/" class="color-white">Investigate TV</a> </div> </div> </div> </div> <div class="tray-section tray-section-6 tray-section-even justify-start uppercase links min-width-25 padded padded-md padded-right padded-left spaced spaced-xl spaced-top "> <div class="tray-section spaced spaced-md spaced-left spaced-right li-1"> <h3 class="spaced spaced-xs spaced-bottom padded padded-xs padded-right padded-left"> <a href="/politics" class="color-white">Politics</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.wafb.com/politics/election-results/" class="color-white">Election Results</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/politics/vote-louisiana" class="color-white">Vote Louisiana</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="https://www.graydc.com/" class="color-white">Gray DC Bureau</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">COVID-19</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/faq" class="color-white">Frequently Asked Questions</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="/news/video" class="color-white">Watch</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="http://www.wafb.com/live" class="color-white">WAFB 9News Live</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/news/press-conferences" class="color-white">Full Press Conferences</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/community/morning-show-guests" class="color-white">Morning Show Guests</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="/community/get-it-growing" class="color-white">Get It Growing</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="http://www.thelouisianaweekend.com/" class="color-white">Louisiana Weekend</a> </h3> </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="https://www.wafb.com/uniforms/" class="color-white">Uniforms for Kids</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="https://www.wafb.com/calendar/" class="color-white">Calendar</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/community/showcasing-louisiana" class="color-white">Showcasing Louisiana</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="https://www.wafb.com/ask-the-attorney/" class="color-white">Ask the Attorney</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-7"> <a href="https://www.wafb.com/ask-the-expert/" class="color-white">Ask The Expert</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="/community/user-content" class="color-white">9Reports: Submit Photos/Video</a> </h3> </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="/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="https://www.wafb.com/divide/" class="color-white">Bridging the Great Health Divide</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="/health/environment" class="color-white">Environment</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="/checkup" class="color-white">Check Up</a> </div> </div> </div> </div> <div class="tray-section tray-section-13 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="https://www.wafb.com/sportslineawards/" class="color-white">Sportsline Awards</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-4"> <a href="https://www.wafb.com/jacquestalk/" class="color-white">Jacques Talk Podcast</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-5"> <a href="https://www.wafb.com/throwback/" class="color-white">Throwback</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-6"> <a href="/sports/high-school" class="color-white">High School</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-7"> <a href="/sports/ncaa/football/lsu" class="color-white">LSU</a> </div> <div class="tray-section-child padded padded-xs padded-right padded-left li-8"> <a href="/sports/ncaa/southern-university" class="color-white">Southern University</a> </div> </div> </div> </div> <div class="tray-section tray-section-14 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.wafb.com/stirrin/" class="color-white">Stirrin' It Up</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-wafb-breaking/" data-url="/pb/api/v2/render/feature" data-website="wafb" 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="/wafb-weather-alerts/" data-url="/pb/api/v2/render/feature" data-website="wafb"> <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="ad366-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad366" class="arcad ad-728x90 zindex-med"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad366",slotName:"wafb/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.wafb.com/weatherapp/" class="nav-link spaced spaced-bottom spaced-sm "> <li class="spaced spaced-right spaced-lg font-bold flex-container-row align-items-center"> Download Our Weather App </li> </a> <a href="/weather/river-stages" class="nav-link spaced spaced-bottom spaced-sm "> <li class="spaced spaced-right spaced-lg font-bold flex-container-row align-items-center"> River Stages </li> </a> <a href="https://www.wafb.com/sky9/" class="nav-link spaced spaced-bottom spaced-sm "> <li class="spaced spaced-right spaced-lg font-bold flex-container-row align-items-center"> Sky9 </li> </a> <a href="http://www.wafb.com/weather/#radar" class="nav-link spaced spaced-bottom spaced-sm "> <li class="spaced spaced-right spaced-lg font-bold flex-container-row align-items-center"> Radar </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.wafb.com/weatherapp/" class="nav-link"> <li class="spaced spaced-right spaced-sm font-bold flex-container-row align-items-center"> Download Our Weather App <div class="vertical-divider submenu-divider spaced spaced-left spaced-sm font-normal color-grey ">|</div> </li> </a> <a href="/weather/river-stages" class="nav-link"> <li class="spaced spaced-right spaced-sm font-bold flex-container-row align-items-center"> River Stages <div class="vertical-divider submenu-divider spaced spaced-left spaced-sm font-normal color-grey ">|</div> </li> </a> <a href="https://www.wafb.com/sky9/" class="nav-link"> <li class="spaced spaced-right spaced-sm font-bold flex-container-row align-items-center"> Sky9 <div class="vertical-divider submenu-divider spaced spaced-left spaced-sm font-normal color-grey ">|</div> </li> </a> <a href="http://www.wafb.com/weather/#radar" class="nav-link"> <li class="spaced spaced-right spaced-sm font-bold flex-container-row align-items-center"> Radar <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">FIRST ALERT FORECAST: Warmer weather continues this week </h2> <div class="hidden-sm spaced spaced-top spaced-xs"> <div class="spaced spaced-top spaced-xs padded padded-bottom padded-xs"> May 25, 2021 at 6:24 AM </div> <div class="spaced spaced-top spaced-xs"> <div data-type="text"> <p>BATON ROUGE, La. (WAFB) - We’ll start today with areas of patchy fog and lower visibility, due to increased moisture and humidity. Not everyone will have reduced visibility, and those that do, will clear it out quickly.</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 25, 2021 at 6:24 AM </div> <div class="flex"> <h2 class="small bold align-left">Jared Silverman</h2> <p class="align-left">WAFB Meteorologist</p> <span class="buttonbar app-bar-share align-left"> <a class="button button-icon button-icon-hover-accent button-lg button-dark" aria-label="Contact via email" href="mailto:jared.silverman@wafb.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/3594eb41-b17b-4589-be6f-732a2604e6f4.png" alt="Jared Silverman"/></div> </div> </div> <div class="col mobile-12 visible-sm spaced spaced-top spaced-xs"> <div data-type="text"> <p>BATON ROUGE, La. (WAFB) - We’ll start today with areas of patchy fog and lower visibility, due to increased moisture and humidity. Not everyone will have reduced visibility, and those that do, will clear it out quickly.</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-21-9f657453-73f2-4f5a-98d5-a8265475bb8e" data-script-path="d3mo2m0b34ee8e" data-environment="prod"></div> <div class="goldfish-player" data-page-on="1" data-producer=""> <div class="powa" id="powa-21-9f657453-73f2-4f5a-98d5-a8265475bb8e" data-ping-rate="15" data-org="raycom" data-uuid="9f657453-73f2-4f5a-98d5-a8265475bb8e" data-playthrough="true" data-shadow-dom="false" data-sticky="true" data-preroll-ad-path="63316753/wafb/web/weather/forecast" data-ads="true"></div> </div> <figcaption class="caption-text spaced spaced-top spaced-xs flex-container-row justify-space-between"> <div>FIRST ALERT FORECAST: Tuesday, May 25 - Warmer weather continues this week</div> </figcaption> </div> </div> </div> <div class="hidden-sm"> <div class="flex"> <h2 class="small bold align-left">Jared Silverman</h2> <p class="align-left">WAFB Meteorologist</p> <span class="buttonbar app-bar-share align-left"> <a class="button button-icon button-icon-hover-accent button-lg button-dark" aria-label="Contact via email" href="mailto:jared.silverman@wafb.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="Jared Silverman" data-title="FIRST ALERT FORECAST: Warmer weather continues this week " class="arc-modal-content arc-modal-close-trigger modal-container zindex-highest hidden fixed top-0 left-0 height-full width-full padding padding-left padding-right padding-lg flex-container-column align-items-center"> <div class="modal modal-centered"> <div class="pull-right"> <i class="fa fa-close text-align-right arc-modal-close-trigger"></i> </div> <h1 class="padded padded-bottom padded-lg">FIRST ALERT FORECAST: Warmer weather continues this week </h1> <div class="flex padded padded-bottom padded-lg"> May 25, 2021 at 6:24 AM </div> <div class="flex-container-row"> <div class="flex"> <img src="https://s3.amazonaws.com/arc-authors/raycom/3594eb41-b17b-4589-be6f-732a2604e6f4.png" alt="Jared Silverman" title="Jared Silverman" class="img-sm circle pull-left"/> <h2 class="small bold align-left">Jared Silverman</h2> <p>WAFB Meteorologist</p> </div> <div class="flex"> <div class="pull-right"> <span class="buttonbar app-bar-share align-left"> <a class="button button-icon button-icon-hover-accent button-lg button-dark" aria-label="Contact via email" href="mailto:jared.silverman@wafb.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>BATON ROUGE, La. (WAFB) - We’ll start today with areas of patchy fog and lower visibility, due to increased moisture and humidity. Not everyone will have reduced visibility, and those that do, will clear it out quickly.</p> </div> <div data-type="image" class="spaced spaced-bottom spaced-md"> <figure class=""> <div class="width-full img-container "> <img class="b-lazy width-full " alt="Pinpoint forecast for Tuesday, May 25." data-src="https://www.wafb.com/resizer/jCFXasPfG0k3IPgmNdKx6rp1Hsw=/1400x0/cloudfront-us-east-1.images.arcpublishing.com/raycom/42TWBNPYKBBMTIVUTEBR5J62MQ.jpg" src="https://www.wafb.com/resizer/ymtMnVoZslf0yVXrWGsdCGzLoQo=/0x10/cloudfront-us-east-1.images.arcpublishing.com/raycom/42TWBNPYKBBMTIVUTEBR5J62MQ.jpg"/> </div> <div> <figcaption class="caption-text spaced flex-container-row justify-space-between "> Pinpoint forecast for Tuesday, May 25. (Source: WAFB) </figcaption> </div> </figure> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p>For the most part, the dry weather regime will dominate under a ridge of high pressure the next few days. However, it can’t be ruled out that an isolated shower or two will sneak in under the ridge this afternoon.</p> </div> <div data-type="image" class="spaced spaced-bottom spaced-md"> <figure class=""> <div class="width-full img-container "> <img class="b-lazy width-full " alt="Evening outlook for Tuesday, May 25." data-src="https://www.wafb.com/resizer/0XghM_dfWKdTBVcPJOzvo_VHPDU=/1400x0/cloudfront-us-east-1.images.arcpublishing.com/raycom/J6J2W7F2MJCTNCA7K3XXAIPFNE.jpg" src="https://www.wafb.com/resizer/xw6CDVFvQWB1LPf-QU00ELnJZq4=/0x10/cloudfront-us-east-1.images.arcpublishing.com/raycom/J6J2W7F2MJCTNCA7K3XXAIPFNE.jpg"/> </div> <div> <figcaption class="caption-text spaced flex-container-row justify-space-between "> Evening outlook for Tuesday, May 25. (Source: WAFB) </figcaption> </div> </figure> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p>Highs will be in the mid 80s the next few days under a mix of sun and clouds. We will be even warmer in the upper 80s by the end of the week. Night lows will be in the upper 60s to low 70s this week.</p> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p>As for rain chances, we’re looking at around 10% this afternoon, then mainly dry Wednesday through Friday. There’s a lot of uncertainty this weekend as models differ on rain rates.</p> </div> <div data-type="image" class="spaced spaced-bottom spaced-md"> <figure class=""> <div class="width-full img-container "> <img class="b-lazy width-full " alt="10 day forecast as of Tuesday, May 25." data-src="https://www.wafb.com/resizer/p3TABj2lQjCSYcMbJlP12sKH3Ec=/1400x0/cloudfront-us-east-1.images.arcpublishing.com/raycom/5V66B5JVYFDRLCKXISCLE4A5ZY.jpg" src="https://www.wafb.com/resizer/li_Spz-Dlwp307QB6eCURvGt6cA=/0x10/cloudfront-us-east-1.images.arcpublishing.com/raycom/5V66B5JVYFDRLCKXISCLE4A5ZY.jpg"/> </div> <div> <figcaption class="caption-text spaced flex-container-row justify-space-between "> 10 day forecast as of Tuesday, May 25. (Source: WAFB) </figcaption> </div> </figure> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p>For now, the rain chance appears low both days, but stay tuned. Also noteworthy, there’ll be the Super Flower Bloodmoon Eclipse Wednesday morning, but we will miss some, if not all of it.</p> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p><a href="mailto:typo@wafb.com">Click here</a> to report a typo.</p> </div> <div data-type="text" class="spaced spaced-bottom spaced-md"> <p><i>Copyright 2021 WAFB. 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="Baton Rouge, LA" 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-partly-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"> Baton Rouge, LA<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='wafb' data-content-config-keys='Code,Language' data-content-config-values='USLA0033,en'>Baton Rouge, LA</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-partly-cloudy" data-class-to-remove="night-partly-cloudy,day-partly-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-partly-cloudy" data-class-to-remove="night-partly-cloudy,day-partly-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-partly-cloudy,day-partly-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="wafb" data-location-code="USLA0033" data-language="en" data-content-config-keys='Code,Language' data-content-config-values='USLA0033,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/66_daily_forecast.png" alt="weather-icon"/> </div> <div id="current-main-temp" class="font-bold temp temp-lg weather-temp" data-temp-f="84" data-temp-c="29"> 84</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>Broken Clouds</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.08 in</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Wind</div> <div>S&nbsp; 14 MPH</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Humidity</div> <div>53%</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">UV Index</div> <div>Low&nbsp;0</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="86" data-temp-c="30"> 86</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="84" data-temp-c="29"> 84</div> </div> <div class="flex-container-row justify-space-between spaced spaced-top spaced-md"> <div class="font-bold">Sunrise</div> <div> 6:05 AM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Sunset</div> <div> 7:58 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonrise</div> <div> 7:22 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonset</div> <div> 5:23 AM </div> </div> </div> </div> <div id="today-observation" class="flex-container-row col flex-grid desktop-12 hidden conditions-wrapper zindex-lowest padded padded-right padded-md"> <div class="flex-container-column col desktop-7 tablet-7 mobile-12"> <div class="flex-container-row justify-center temp-container spaced spaced-left spaced-md"> <div class="icon spaced spaced-right spaced-md flex-container-row align-items-center"> <img width="100" height="100" src="/pb/resources/images/weather/weather-condition-icons/400x400/66_daily_forecast.png" alt="weather-icon"/> </div> <div id="today-main-temp" class="font-bold temp temp-lg weather-temp" data-temp-f="87" data-temp-c="31"> 87</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></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>%</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Wind</div> <div>SSE&nbsp; 12 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">UV Index</div> <div class="justify-space-between spaced spaced-bottom spaced-md"> Low&nbsp;0</div> </div> <div class="flex-container-row justify-space-between spaced spaced-top spaced-md"> <div class="font-bold">Sunrise</div> <div> 6:05 AM </div> </div> <div class="flex-container-row justify-space-between "> <div class="font-bold">Sunset</div> <div> 7:58 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonrise</div> <div> 7:22 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonset</div> <div> 5:23 AM </div> </div> </div> </div> <div id="tonight-observation" class="flex-container-row col flex-grid desktop-12 hidden conditions-wrapper zindex-lowest padded padded-right padded-md"> <div class="flex-container-column col desktop-7 tablet-7 mobile-12"> <div class="flex-container-row justify-center spaced spaced-left spaced-md"> <div class="icon spaced spaced-right spaced-md flex-container-row align-items-center"> <img width="100" height="100" src="/pb/resources/images/weather/weather-condition-icons/400x400/98_daily_forecast.png" alt="weather-icon"/> </div> <div id="current-main-temp" class="font-bold temp temp-lg weather-temp" data-temp-f="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>Partly cloudy; patchy AM fog</div> </div> </div> <div class="flex-container-column col desktop-4 tablet-5 mobile-12 conditions"> <div class="flex-container-row justify-space-between"> <div class="font-bold">Rain</div> <div>0%</div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Wind</div> <div>S&nbsp; 14 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">Waxing Gibbous</div> </div> <div class="flex-container-row justify-space-between spaced spaced-top spaced-md"> <div class="font-bold">Sunrise</div> <div> 6:05 AM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Sunset</div> <div> 7:58 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonrise</div> <div> 7:22 PM </div> </div> <div class="flex-container-row justify-space-between"> <div class="font-bold">Moonset</div> <div> 5:23 AM </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="USLA0033" 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="wafb" data-location-code="USLA0033" data-language="en" data-content-config-keys='Code,Language' data-content-config-values='USLA0033,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">7 PM</span> <br/>5/25</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="27&deg;" data-temp-f="81&deg;"> 81&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/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> 10%</div> <div class="flex font-lg font-bold align-self-center"> 65%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">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">8 PM</span> <br/>5/25</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="25&deg;" data-temp-f="78&deg;"> 78&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/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> 10%</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">SSE</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 hours-1"> <div class="flex"> <span class="font-bold">9 PM</span> <br/>5/25</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="23&deg;" data-temp-f="75&deg;"> 75&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 79%</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">5</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 PM</span> <br/>5/25</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="23&deg;" data-temp-f="74&deg;"> 74&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly Clear</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Clear</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 82%</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">6</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 PM</span> <br/>5/25</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/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly Clear</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Clear</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 85%</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">6</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 AM</span> <br/>5/26</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/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly Clear</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Clear</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 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">5</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 AM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="71&deg;"> 71&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 90%</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">5</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 AM</span> <br/>5/26</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/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 94%</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 hours-1"> <div class="flex"> <span class="font-bold">3 AM</span> <br/>5/26</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/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 95%</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 hours-1"> <div class="flex"> <span class="font-bold">4 AM</span> <br/>5/26</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/104_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Foggy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/104_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Foggy</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"> 98%</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">2</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 AM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="20&deg;" data-temp-f="68&deg;"> 68&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/104_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Foggy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/104_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Foggy</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"> 100%</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">3</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 AM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="20&deg;" data-temp-f="68&deg;"> 68&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/104_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Foggy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/104_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Foggy</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"> 100%</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">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/>5/26</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/70_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Foggy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/70_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Foggy</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"> 99%</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">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">8 AM</span> <br/>5/26</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/70_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Foggy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/70_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Foggy</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"> 94%</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">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">9 AM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="23&deg;" data-temp-f="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/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 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">10 AM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="25&deg;" data-temp-f="78&deg;"> 78&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 73%</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 AM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="27&deg;" data-temp-f="81&deg;"> 81&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 66%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSE</span> <span class="spaced spaced-xs spaced-right">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 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="28&deg;" data-temp-f="83&deg;"> 83&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</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">SE</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">1 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="29&deg;" data-temp-f="85&deg;"> 85&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/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> 10%</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">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">2 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="30&deg;" data-temp-f="86&deg;"> 86&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/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> 10%</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">SE</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 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="30&deg;" data-temp-f="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> 20%</div> <div class="flex font-lg font-bold align-self-center"> 60%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">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-2"> <div class="flex"> <span class="font-bold">4 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="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> 20%</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">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">5 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="28&deg;" data-temp-f="84&deg;"> 84&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/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> 20%</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">SSE</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">6 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="28&deg;" data-temp-f="83&deg;"> 83&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/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> 20%</div> <div class="flex font-lg font-bold align-self-center"> 60%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSE</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">7 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="27&deg;" data-temp-f="82&deg;"> 82&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/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> 10%</div> <div class="flex font-lg font-bold align-self-center"> 63%</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">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">8 PM</span> <br/>5/26</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/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> 10%</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">3</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 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="25&deg;" data-temp-f="77&deg;"> 77&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 78%</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">4</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 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="23&deg;" data-temp-f="75&deg;"> 75&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 83%</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">4</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 PM</span> <br/>5/26</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="23&deg;" data-temp-f="74&deg;"> 74&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly Clear</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Clear</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 84%</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">3</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 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="22&deg;" data-temp-f="73&deg;"> 73&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly Clear</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Clear</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 87%</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">4</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 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="22&deg;" data-temp-f="72&deg;"> 72&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Mostly Clear</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Mostly Clear</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 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">4</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 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="71&deg;"> 71&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 91%</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">3</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 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="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/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/98_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 93%</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-3"> <div class="flex"> <span class="font-bold">4 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="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/104_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Foggy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/104_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Foggy</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"> 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-3"> <div class="flex"> <span class="font-bold">5 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="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/104_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Foggy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/104_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Foggy</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">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-3"> <div class="flex"> <span class="font-bold">6 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="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/104_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Foggy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/104_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Foggy</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"> 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">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/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="21&deg;" data-temp-f="71&deg;"> 71&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/70_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Foggy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/70_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Foggy</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">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">8 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="23&deg;" data-temp-f="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/70_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Foggy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/70_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Foggy</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"> 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">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">9 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="25&deg;" data-temp-f="77&deg;"> 77&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 81%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">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-4"> <div class="flex"> <span class="font-bold">10 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="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/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 72%</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-4"> <div class="flex"> <span class="font-bold">11 AM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="27&deg;" data-temp-f="82&deg;"> 82&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 0%</div> <div class="flex font-lg font-bold align-self-center"> 65%</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">5</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 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="28&deg;" data-temp-f="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> 10%</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">SSE</span> <span class="spaced spaced-xs spaced-right">6</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-4"> <div class="flex"> <span class="font-bold">1 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="30&deg;" data-temp-f="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> 10%</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">6</span> MPH</div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom hidden hours-4"> <div class="flex"> <span class="font-bold">2 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="30&deg;" data-temp-f="87&deg;"> 87&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/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> 20%</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">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-4"> <div class="flex"> <span class="font-bold">3 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="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> 20%</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">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-4"> <div class="flex"> <span class="font-bold">4 PM</span> <br/>5/27</div> <div class="flex font-xl font-bold align-self-center weather-temp" data-temp-c="30&deg;" data-temp-f="86&deg;"> 86&deg;</div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span>Partly Cloudy</span> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> <span class="hidden-sm">Partly Cloudy</span> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 20%</div> <div class="flex font-lg font-bold align-self-center"> 58%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">7</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/>5/25</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="31&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/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 85%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="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> 5/25</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/86_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="87&deg;"> 87&deg;</span><br/> <span class="uppercase"></span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Cloudy. A stray shower or thunderstorm is possible. High 31C. Winds SSE at 10 to 15 km/h." data-temp-f=""> <span class="font-secondary font-md"></span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:05:25 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:43 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Low</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">85%</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="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="Partly cloudy skies. Low near 20C. Winds SSE at 10 to 15 km/h." data-temp-f="Partly cloudy; patchy AM fog"> <span class="font-secondary font-md">Partly cloudy; patchy AM fog</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">07:22:26 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:23:54 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waxing Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSE</span> <span class="spaced spaced-xs spaced-right">19</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/>5/26</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="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 PM 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> 20%</div> <div class="flex font-lg font-bold align-self-center"> 71%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSE</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-Wednesday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="3day-Wednesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="3day-Wednesday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Wednesday</span> 5/26</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/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 PM Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Intervals of clouds and sunshine. A stray shower or thunderstorm is possible. High near 30C. Winds light and variable." data-temp-f="Hot and humid; iso'd PM t-showers"> <span class="font-secondary font-md">Hot and humid; iso'd PM t-showers</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:05:02 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">07:59:19 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">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">71%</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="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="Partly cloudy. Low 21C. Winds light and variable." data-temp-f="Partly cloudy; patchy AM fog"> <span class="font-secondary font-md">Partly cloudy; patchy AM fog</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:36:25 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:10:11 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Full</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSW</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">86%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="3day-Wednesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="3day-Thursday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Thursday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Thu</span> <br/>5/27</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="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="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 PM 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> 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">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-Thursday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="3day-Thursday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="3day-Thursday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Thursday</span> 5/27</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/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 PM Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Sunshine and clouds mixed. High 31C. Winds S at 10 to 15 km/h." data-temp-f="Hot and humid; iso'd PM t-showers"> <span class="font-secondary font-md">Hot and humid; iso'd PM t-showers</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:04:41 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:54 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">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">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="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="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; patchy AM fog"> <span class="font-secondary font-md">Partly cloudy; patchy AM fog</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">09:47:13 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">07:02:53 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">11</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">86%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="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/>5/25</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="31&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/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex align-self-center visible-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 10%</div> <div class="flex font-lg font-bold align-self-center"> 85%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</div> <div class="flex uppercase toggle-display spaced spaced-sm spaced-left align-self-center hidden-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-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> 5/25</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/86_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="87&deg;"> 87&deg;</span><br/> <span class="uppercase"></span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Cloudy. A stray shower or thunderstorm is possible. High 31C. Winds SSE at 10 to 15 km/h." data-temp-f=""> <span class="font-secondary font-md"></span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:05:25 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:43 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Low</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSE</span> <span class="spaced spaced-xs spaced-right">12</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">85%</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="Partly cloudy skies. Low near 20C. Winds SSE at 10 to 15 km/h." data-temp-f="Partly cloudy; patchy AM fog"> <span class="font-secondary font-md">Partly cloudy; patchy AM fog</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">07:22:26 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">05:23:54 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waxing Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSE</span> <span class="spaced spaced-xs spaced-right">19</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/>5/26</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="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 PM 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> 20%</div> <div class="flex font-lg font-bold align-self-center"> 71%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SSE</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-Wednesday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Wednesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Wednesday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Wednesday</span> 5/26</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/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 PM Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Intervals of clouds and sunshine. A stray shower or thunderstorm is possible. High near 30C. Winds light and variable." data-temp-f="Hot and humid; iso'd PM t-showers"> <span class="font-secondary font-md">Hot and humid; iso'd PM t-showers</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:05:02 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">07:59:19 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">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">71%</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="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="Partly cloudy. Low 21C. Winds light and variable." data-temp-f="Partly cloudy; patchy AM fog"> <span class="font-secondary font-md">Partly cloudy; patchy AM fog</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:36:25 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:10:11 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Full</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSW</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">86%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Wednesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Thursday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Thursday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Thu</span> <br/>5/27</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="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 PM 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> 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">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-Thursday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Thursday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Thursday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Thursday</span> 5/27</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/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 PM Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Sunshine and clouds mixed. High 31C. Winds S at 10 to 15 km/h." data-temp-f="Hot and humid; iso'd PM t-showers"> <span class="font-secondary font-md">Hot and humid; iso'd PM t-showers</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:04:41 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:54 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">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">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; patchy AM fog"> <span class="font-secondary font-md">Partly cloudy; patchy AM fog</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">09:47:13 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">07:02:53 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SSW</span> <span class="spaced spaced-xs spaced-right">11</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">86%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Thursday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Friday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Friday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Fri</span> <br/>5/28</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="31&deg;" data-temp-f="88&deg;"> 88&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/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> 10%</div> <div class="flex font-lg font-bold align-self-center"> 70%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">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-Friday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Friday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Friday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Friday</span> 5/28</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="31&deg;" data-temp-f="88&deg;"> 88&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="Some clouds and possibly an isolated thunderstorm in the afternoon. High around 30C. Winds SW at 10 to 15 km/h. Chance of rain 30%." data-temp-f="Sun / cloud mix, hot and muggy; spotty PM shower or two possible"> <span class="font-secondary font-md">Sun / cloud mix, hot and muggy; spotty PM shower or two possible</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:04:21 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:00:29 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">7</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">70%</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="21&deg;" data-temp-f="70&deg;"> 70&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; patchy AM fog"> <span class="font-secondary font-md">Partly cloudy; patchy AM fog</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">10:52:29 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:02:41 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">WSW</span> <span class="spaced spaced-xs spaced-right">11</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">85%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Friday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Saturday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Saturday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Sat</span> <br/>5/29</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="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"> 79%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">NNW</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-Saturday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Saturday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Saturday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Saturday</span> 5/29</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/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="Mixed clouds and sun with scattered thunderstorms. High 27C. Winds N at 10 to 15 km/h. Chance of rain 50%." data-temp-f="Mostly cloudy, sct'd showers and t-storms mainly during the PM"> <span class="font-secondary font-md">Mostly cloudy, sct'd showers and t-storms mainly during the PM</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:04:02 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:01:03 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">NNW</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-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/101_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">Scattered Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Mostly cloudy, sct'd t-showers"> <span class="font-secondary font-md">Mostly cloudy, sct'd t-showers</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">11:48:40 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">09:07:07 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">N</span> <span class="spaced spaced-xs spaced-right">11</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">84%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Saturday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Sunday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Sunday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Sun</span> <br/>5/30</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="29&deg;" data-temp-f="85&deg;"> 85&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="18&deg;" data-temp-f="66&deg;"> 66&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/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> 20%</div> <div class="flex font-lg font-bold align-self-center"> 64%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">NE</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-Sunday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Sunday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Sunday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Sunday</span> 5/30</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/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="Partly cloudy skies. A stray shower or thunderstorm is possible. High 28C. Winds NE at 10 to 15 km/h." data-temp-f="Iso'd t-showers; slightly less humid"> <span class="font-secondary font-md">Iso'd t-showers; slightly less humid</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:03:45 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:37 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">NE</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">64%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-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/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="18&deg;" data-temp-f="66&deg;"> 66&deg;</span><br/> <span class="uppercase">Mostly Clear</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Mostly clear, less humid"> <span class="font-secondary font-md">Mostly clear, less humid</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">11:59:00 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">10:13:34 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">ENE</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">77%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Sunday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Monday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Monday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Mon</span> <br/>5/31</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="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> 20%</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">E</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-Monday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Monday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Monday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Monday</span> 5/31</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/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="Partly cloudy. A stray shower or thunderstorm is possible. High near 30C. Winds E at 10 to 15 km/h." data-temp-f="Hot and humid; iso'd PM t-showers"> <span class="font-secondary font-md">Hot and humid; iso'd PM t-showers</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:03:29 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:02:10 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">E</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">61%</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="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, warm and steamy"> <span class="font-secondary font-md">Partly cloudy, warm and steamy</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">12:36:39 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">11:18:00 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">E</span> <span class="spaced spaced-xs spaced-right">11</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="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Monday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Tuesday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Tuesday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Tue</span> <br/>6/1</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="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="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"/> 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/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"> 64%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">E</span> <span class="spaced spaced-xs spaced-right">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-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="88&deg;"> 88&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="Scattered clouds with the possibility of an isolated thunderstorm developing during the afternoon. High around 30C. Winds E at 10 to 15 km/h. Chance of rain 30%." data-temp-f="Hot and muggy; sct'd PM t-showers"> <span class="font-secondary font-md">Hot and muggy; sct'd PM t-showers</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:03: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:02:42 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">E</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">64%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-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="" data-temp-f="Spotty early evening shower; then partly cloudy"> <span class="font-secondary font-md">Spotty early evening shower; then partly cloudy</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:16:21 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:20:14 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">ESE</span> <span class="spaced spaced-xs spaced-right">11</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">84%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-Tuesday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="10day-Wednesday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Wednesday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Wed</span> <br/>6/2</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="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="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"/> 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/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="flex font-lg font-bold align-self-center"> <i class="fa fa-tint color-blue"></i> 30%</div> <div class="flex font-lg font-bold align-self-center"> 66%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">ESE</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/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">Scattered Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="Sun and clouds mixed with a slight chance of thunderstorms during the afternoon. High around 30C. Winds ESE at 10 to 15 km/h. Chance of rain 30%." data-temp-f="Hot and humid; sct'd PM t-showers"> <span class="font-secondary font-md">Hot and humid; sct'd PM t-showers</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:03:02 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:03:14 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">8</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">66%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-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="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="Stray early evening shower; then partly cloudy"> <span class="font-secondary font-md">Stray early evening shower; then partly cloudy</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:51:03 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">01:18:22 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">ESE</span> <span class="spaced spaced-xs spaced-right">11</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">82%</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="30&deg;" data-temp-f="87&deg;"> 87&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="21&deg;" data-temp-f="70&deg;"> 70&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> 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/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"> 72%</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">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-Thursday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="10day-Thursday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="10day-Thursday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Thursday</span> 6/3</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/95_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="30&deg;" data-temp-f="87&deg;"> 87&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 to mostly cloudy with a chance of thunderstorms. High near 30C. Winds ESE at 10 to 15 km/h. Chance of rain 40%." data-temp-f="Hot and humid; sct'd PM t-showers"> <span class="font-secondary font-md">Hot and humid; sct'd PM t-showers</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:02:50 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:03: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">ESE</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">72%</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="21&deg;" data-temp-f="70&deg;"> 70&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="Stray early evening shower; then partly cloudy, warm and steamy"> <span class="font-secondary font-md">Stray early evening shower; then partly cloudy, warm and steamy</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:22:11 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:14:39 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">ESE</span> <span class="spaced spaced-xs spaced-right">13</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">86%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="10day-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/>5/28</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="21&deg;" data-temp-f="70&deg;"> 70&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/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> 10%</div> <div class="flex font-lg font-bold align-self-center"> 70%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">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-Friday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="weekend-Friday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="weekend-Friday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Friday</span> 5/28</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/66_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="31&deg;" data-temp-f="88&deg;"> 88&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="Some clouds and possibly an isolated thunderstorm in the afternoon. High around 30C. Winds SW at 10 to 15 km/h. Chance of rain 30%." data-temp-f="Sun / cloud mix, hot and muggy; spotty PM shower or two possible"> <span class="font-secondary font-md">Sun / cloud mix, hot and muggy; spotty PM shower or two possible</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:04:21 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:00:29 pm</span> </div> <div class="flex"> <span class="uppercase">UV Index</span><br/> <span class="font-secondary font-md">Very High</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">SW</span> <span class="spaced spaced-xs spaced-right">7</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">70%</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="21&deg;" data-temp-f="70&deg;"> 70&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; patchy AM fog"> <span class="font-secondary font-md">Partly cloudy; patchy AM fog</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">10:52:29 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:02:41 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">WSW</span> <span class="spaced spaced-xs spaced-right">11</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">85%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="weekend-Friday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="weekend-Saturday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Saturday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Sat</span> <br/>5/29</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="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"> 79%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">NNW</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-Saturday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="weekend-Saturday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="weekend-Saturday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Saturday</span> 5/29</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/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="Mixed clouds and sun with scattered thunderstorms. High 27C. Winds N at 10 to 15 km/h. Chance of rain 50%." data-temp-f="Mostly cloudy, sct'd showers and t-storms mainly during the PM"> <span class="font-secondary font-md">Mostly cloudy, sct'd showers and t-storms mainly during the PM</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:04:02 am</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunset</span><br/> <div class="pb-weather icon sunset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">08:01:03 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">NNW</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-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/101_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">Scattered Thunderstorms</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Mostly cloudy, sct'd t-showers"> <span class="font-secondary font-md">Mostly cloudy, sct'd t-showers</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">11:48:40 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">09:07:07 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">N</span> <span class="spaced spaced-xs spaced-right">11</span> MPH</span> </div> <div class="flex"> <span class="uppercase">Humidity</span><br/> <span class="font-secondary font-md">84%</span> </div> <div class="flex"></div> </div> </div> <div class="col desktop-1 tablet-1 mobile-1 flex uppercase toggle-display spaced spaced-xs hidden-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="weekend-Saturday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom " id="weekend-Sunday-collapse"> <div class="flex"> <span class="font-bold uppercase hidden-sm" style="overflow: hidden">Sunday</span> <span class="font-bold uppercase visible-sm" style="overflow: hidden">Sun</span> <br/>5/30</div> <div class="flex align-self-center"> <span class="font-xl font-bold weather-temp" data-temp-c="29&deg;" data-temp-f="85&deg;"> 85&deg;</span> <span class="font-xl"> / </span> <span class="font-lg weather-temp" data-temp-c="18&deg;" data-temp-f="66&deg;"> 66&deg;</span> </div> <div class="flex-2 align-self-center hidden-sm"> <img width="30" height="30" src="/pb/resources/images/weather/weather-condition-icons/48x48/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> 20%</div> <div class="flex font-lg font-bold align-self-center"> 64%</div> <div class="flex font-lg align-self-center"><span class="spaced spaced-xs spaced-right">NE</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-Sunday"></i> </div> <div class="uppercase toggle-display spaced spaced-xs spaced-left align-self-center visible-sm"> <i class="fa fa-caret-down" alt="Expand" data-expand="weekend-Sunday"></i> </div> </div> <div class="flex-container-row padded padded-md padded-top padded-bottom bordered bordered-bottom flex-grid hidden" id="weekend-Sunday-expand"> <div class="col desktop-5 tablet-6 mobile-11 spaced spaced-lg spaced-bottom"> <div class="flex-container-row spaced spaced-md spaced-bottom"> <span class="font-bold uppercase spaced spaced-sm spaced-right">Sunday</span> 5/30</div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="spaced spaced-md spaced-right"> <img width="48" height="48" src="/pb/resources/images/weather/weather-condition-icons/48x48/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="Partly cloudy skies. A stray shower or thunderstorm is possible. High 28C. Winds NE at 10 to 15 km/h." data-temp-f="Iso'd t-showers; slightly less humid"> <span class="font-secondary font-md">Iso'd t-showers; slightly less humid</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Sunrise</span><br/> <div class="pb-weather icon sunrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">06:03:45 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:37 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">NE</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">64%</span> </div> <div class="flex"></div> </div> </div> <div class="desktop-1 tablet-1 mobile-1 uppercase toggle-display spaced spaced-xs visible-sm"> <i class="fa fa-times icon-area" alt="Collapse" data-collapse="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/102_daily_forecast.png" alt="weather icon" align="center" class="spaced spaced-xs spaced-right"/> </div> <div class="justify-center"> <span class="font-xl font-bold weather-temp" data-temp-c="18&deg;" data-temp-f="66&deg;"> 66&deg;</span><br/> <span class="uppercase">Mostly Clear</span> </div> </div> <div class="flex-container-row spaced spaced-md spaced-bottom weather-temp" data-temp-c="" data-temp-f="Mostly clear, less humid"> <span class="font-secondary font-md">Mostly clear, less humid</span> </div> <div class="flex-container-row spaced spaced-md spaced-bottom"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonrise</span><br/> <div class="pb-weather icon moonrise spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">11:59:00 pm</span> </div> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Moonset</span><br/> <div class="pb-weather icon moonset spaced spaced-xs spaced-right"></div> <span class="font-secondary font-md">10:13:34 am</span> </div> <div class="flex"> <span class="uppercase">Moon Phase</span><br/> <span class="font-secondary font-md">Waning Gibbous</span> </div> </div> <div class="flex-container-row"> <div class="flex spaced spaced-sm spaced-right"> <span class="uppercase">Wind</span><br/> <span class="font-secondary font-md"><span class="spaced spaced-xs spaced-right">ENE</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">77%</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="ad1060-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1060" class="arcad ad-300x250"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1060",slotName:"wafb/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.eyJwaWQiOiJZSEdIRjdKODczNEgzS1AwMzdHS19JbnRlcm5hbFB1YmxpYyIsImJpZCI6IjczMjgyMzQ2ODI3OTA5NDAwMCIsImlzcyI6ImJ1cnN0LndpZGdldCIsImlhdCI6MTU2MjE3MzgyOCwiZXhwIjoxNTkzNzA5ODI4fQ.ZGfnF9RjLvoMvUisz4tORxYP8DcXbdWrHDXYjFnnNDc" data-bt="YnViYmxlLXB1YmxpYzo3MzI4MjM0NjgyNzkwOTQwMDA6OTIyMzM3MjAzNjg1NDc3NTgwNzpwdWJsaWM6Njk4NmNjNzkwMWUyYmZlZjAzY2MzMzRiMzNkZjc4OWQ6LTkxNzUxMjI0OTcxNDU2NjY5Njg%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-6410" 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/24/residents-bayou-pigeon-are-desperate-flood-relief/"> <img class="width-full " alt="Residents in Bayou Pigeon are desperate for flood relief" src="https://www.wafb.com/resizer/XEpjs5UfAFoDQOEdPhrHYwUzv2w=/1200x600/cloudfront-us-east-1.images.arcpublishing.com/raycom/MEP4LSXMYZDB7DTHIDTEF5SOJQ.jpeg"/> </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/24/residents-bayou-pigeon-are-desperate-flood-relief/"><i class='far fa-play-circle' title='Has Video'></i>&nbsp; Residents in Bayou Pigeon are desperate for flood relief</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>Chris Rosato</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 24</span> <span class=" hidden-sm">May 24</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/22/livingston-parish-residents-forced-out-their-homes-after-intense-flash-flooding/"> <img class="width-full " alt="Livingston Parish residents forced out of their homes after intense flash flooding" src="https://www.wafb.com/resizer/0hGiT1gRPJ9XdWe1HhPm7b6RaYQ=/1200x600/cloudfront-us-east-1.images.arcpublishing.com/raycom/Z6CIY3SNWZETZONWRU2ODZQVK4.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/22/livingston-parish-residents-forced-out-their-homes-after-intense-flash-flooding/"><i class='far fa-play-circle' title='Has Video'></i>&nbsp; Livingston Parish residents forced out of their homes after intense flash flooding</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>Perry Robinson</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 22</span> <span class=" hidden-sm">May 22</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/21/assumption-parish-residents-discuss-how-they-handle-flooding/"> <img class="width-full " alt="Assumption Parish residents discuss how they handle flooding" src="https://www.wafb.com/resizer/tOU17H-w15JS984_bjEPjXkEZqo=/1200x600/cloudfront-us-east-1.images.arcpublishing.com/raycom/TN34ZJJ6UNCDHDIOGRDS532C2Q.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/21/assumption-parish-residents-discuss-how-they-handle-flooding/"><i class='far fa-play-circle' title='Has Video'></i>&nbsp; Assumption Parish residents discuss how they handle flooding</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>Breanne Bizette</span> </h3> <span class="spaced spaced-right spaced-md"></span> </div> <div class="font-sm color-grey byline-wrapper flex-container-row "> <span class=" visible-sm">May 21</span> <span class=" hidden-sm">May 21</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="wrapper clearfix full pb-feature pb-layout-item pb-f-ads-arcads" id="f0lQNc88ESJjwr"> <div id="ad405-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad405" class="arcad ad-300x250"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad405",slotName:"wafb/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="30.458283" longitude="-91.14032" 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-1900" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">First Alert Radar</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="First Alert Radar" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wafb/Radar_Web.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-1900" 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="ad809-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad809" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad809",slotName:"wafb/web/weather/radar/first-alert-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">First Alert 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="First Alert Radar" data-src="//webpubcontent.raycommedia.com/wafb/Radar_Web.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-712" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Current Temps</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Current Temps" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wafb/So_LA_Temps_Web.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-712" 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="ad1625-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1625" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1625",slotName:"wafb/web/weather/radar/current-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">Current 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="Current Temps" data-src="//webpubcontent.raycommedia.com/wafb/So_LA_Temps_Web.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-188" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">10 Day Forecast</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="10 Day Forecast" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wafb/10day.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-188" 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="ad68-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad68" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad68",slotName:"wafb/web/weather/radar/10-day",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">10 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="10 Day Forecast" data-src="//webpubcontent.raycommedia.com/wafb/10day.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-1423" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">River Stages</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="River Stages" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wafb/Rivers1.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-1423" 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="ad915-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad915" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad915",slotName:"wafb/web/weather/radar/rivers1",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">River Stages</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img class="b-lazy img-container width-full" alt="River Stages" data-src="//webpubcontent.raycommedia.com/wafb/Rivers1.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-488" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">River Stages</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="River Stages" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wafb/Rivers2.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-488" 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="ad138-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad138" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad138",slotName:"wafb/web/weather/radar/rivers2",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">River Stages</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img class="b-lazy img-container width-full" alt="River Stages" data-src="//webpubcontent.raycommedia.com/wafb/Rivers2.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-1638" class="arc-modal-trigger"> <h4 class="font-normal promo-header color-black">Boating Forecast</h4> <h2 class="italicized font-xs text-align-right spaced spaced-bottom spaced-sm"></h2><img alt="Boating Forecast" class="b-lazy width-full" data-src="//webpubcontent.raycommedia.com/wafb/Boaters.jpg" data-token="src" data-increment="5" data-unit="minute"> </div></div> <div data-modal-id="arc-modal-1638" 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="ad1414-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1414" class="arcad ad-320x50"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1414",slotName:"wafb/web/weather/radar/boating-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">Boating 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="Boating Forecast" data-src="//webpubcontent.raycommedia.com/wafb/Boaters.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> </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="ad1852-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1852" class="arcad ad-300x250"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1852",slotName:"wafb/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="ad1648-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1648" class="arcad ad-300x250"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1648",slotName:"wafb/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="ad1652-sticky" class="flex-container-column "> <div class="flex-container-row justify-center "> <div id="ad1652" class="arcad ad-728x90 zindex-med"></div> <script>window.serviceCallbacks.push(function(){window.helpers.includeAd(arcAds,{id:"ad1652",slotName:"wafb/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.wafb.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"> 844 Government Street<br/>Baton Rouge, LA 70802<br/>(225) 383-9999 </p> <a class="call-to-action uppercase color-white" href="https://www.wafb.com/2019/05/09/contact-wafb/">Contact Us <i class="fa fa-caret-right" aria-hidden="true"></i></a> <div id="ccpa-link" class="call-to-action ccpa-dynamic-insertion-container uppercase color-white"></div> <div class="spaced spaced-top spaced-xl hidden-lg"> <ul class="list-unstyled call-to-action uppercase"> <li><a href="http://publicfiles.fcc.gov/tv-profile/wafb" class="color-white">WAFB FCC Public File</a></li> <li><a href="mailto:publicfile@wafb.com" class="color-white">publicfile@wafb.com<br/>(225) 215-4703</a></li> <li><a href="https://webpubcontent.gray.tv/gdm/fcc/wafb-fcc_applications.pdf" class="color-white">FCC Applications</a></li> <li><a href="http://webpubcontent.raycommedia.com/wafb/EEO/EEO-12921.pdf" class="color-white">EEO Report</a></li> <li><a href="http://www.wafb.com/story/12183706/closed-captioning-concerns/" class="color-white">Closed Captioning</a></li> <li><a href="https://gray.tv/careers#currentopenings" class="color-white">WAFB Careers</a></li> <li><a href="/privacy-policy/" class="color-white">Privacy Policy</a></li> <li><a href="/terms-of-service/" class="color-white">Terms of Service</a></li> </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/WAFB" 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/Channel9BatonRouge" 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://publicfiles.fcc.gov/tv-profile/wafb" class="color-white">WAFB FCC Public File</a></li> <li><a href="mailto:publicfile@wafb.com" class="color-white">publicfile@wafb.com<br/>(225) 215-4703</a></li> <li><a href="https://webpubcontent.gray.tv/gdm/fcc/wafb-fcc_applications.pdf" class="color-white">FCC Applications</a></li> <li><a href="http://webpubcontent.raycommedia.com/wafb/EEO/EEO-12921.pdf" class="color-white">EEO Report</a></li> <li><a href="http://www.wafb.com/story/12183706/closed-captioning-concerns/" class="color-white">Closed Captioning</a></li> <li><a href="https://gray.tv/careers#currentopenings" class="color-white">WAFB Careers</a></li> <li><a href="/privacy-policy/" class="color-white">Privacy Policy</a></li> <li><a href="/terms-of-service/" class="color-white">Terms of Service</a></li> </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/WAFB" 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/Channel9BatonRouge" 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>