.up-hp-container{background-position:50%;background-repeat:no-repeat;background-size:cover;padding-left:calc(50% - 555px);padding-right:calc(50% - 555px);font-family:Rustica,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;top:-55px}.up-swim-header{font-size:34px}.hp-tile-container{flex-wrap:wrap;max-width:1150px;display:flex}.hp-tile-top-left{color:#fff;text-align:center;background-color:#dc45bc;border:1px solid #dc45bc;min-width:100px;height:30px;padding:4px 10px 5px;position:absolute;top:8px;left:0}.hp-single-tile{text-align:left;background:#f2f2f2;width:32.4%;margin:5px 5px 20px;position:relative}.hp-single-tile-map{width:350px!important}.hp-display-flex{display:flex}.hp-water-qlty-text{color:#0000b3;flex-direction:row;justify-content:space-between;padding:10px 15px 5px;font-size:16px;font-weight:700;display:flex}.hp-pollution-img{width:35px;height:35px}.hp-txt-14{color:#00006e;padding-top:10px;font-size:14px;font-weight:500;line-height:14px}.hp-txt-bottom{color:#000000de;padding-top:10px;font-family:Rustica,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500;line-height:14px}.hp-txt-undrln{text-decoration:underline}.hp-site-name-text{color:#00006e;padding-top:10px;font-family:Rustica,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:600;line-height:14px}.hp-location{flex-direction:row;padding:2px 15px 5px;display:flex}.location-img{width:20px;height:20px}.hp-location-pad{color:#000000de;padding-top:2px;padding-left:5px;font-family:Rustica,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px}.hp-site-details{flex-direction:row;justify-content:space-between;padding:2px 15px 5px;display:flex}.hp-site-details-subcontainer{flex-direction:row;padding-bottom:20px;padding-left:10px;display:flex}.hp-site-details-img{width:20px;height:15px;padding-right:2px}.hp-tile-img{border-bottom:10px solid #00ebbf;width:100%;height:185px;margin:0 auto;overflow:hidden}.hp-tile-img img{width:100%;transition:all .7s ease-in-out}.hp-tile-img:hover img{cursor:pointer;transform:scale(1.2)}.hp-sw-button{text-align:center;padding-top:20px;padding-bottom:50px}.hp-title-container{text-align:center;color:#00006e;padding:40px 0 20px;font-size:24px;font-weight:600}.wave-short{position:relative;top:-17px}.pollution-link{font-family:Rustica,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:14px}.react-app-container{padding-left:0;padding-right:0}.hide-pollution-info{display:none!important}@media (max-width:960px){.up-hp-container{width:100%;padding-left:15px;padding-right:15px;position:relative;top:0;background-color:#ff6d78!important;background-image:none!important}.hp-tile-container{width:100%;max-width:none}.hp-single-tile{width:100%;margin-left:0;margin-right:0}.hp-single-tile-map{width:100%!important}.hp-tile-img-mp-mob{border-bottom:5px solid #00ebbf!important;height:125px!important}.hp-water-qlty-text-mp{flex-direction:column!important;padding-left:5px!important}.hp-site-name-mob{padding-bottom:5px!important;padding-left:5px!important}.hp-water-system-mob{flex-direction:column!important;padding-top:3px!important}.site-desc-mob{padding-top:10px!important;padding-left:2px!important}.hp-tile-img img{height:125px}}@media (min-width:767px) and (max-width:990px){.hp-single-tile{width:47%!important;margin-left:15px!important;margin-right:0!important}}.sw-category-container .sw-category-item .category-item .sw-image-container img{background-color:#fff}.water-quality-info-container{color:#00259b;padding:0 20px 0 25px}.wq-item-container{flex-direction:row;display:flex}.wq-font-bold{font-size:16px;font-weight:700}.wq-font-normal p{color:#555!important;font-size:16px!important;font-weight:500!important;line-height:normal!important}.wq-img{width:65px;height:65px}.wq-img-cs{width:58px;height:58px;padding:5px 0 0 10px}.unlikey-txt{color:#009445}.possible-txt{color:#ff9438}.likely-txt{color:#ff787c}.coming-soon-txt{color:#00aed0}.wq-item-info{text-align:left;flex-direction:column;justify-content:center;padding-left:25px;display:flex}.wq-cs-txt{margin-left:5px}.wq-bot-border{border-bottom:1px solid #e8e8e8}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.lnk-color{color:#555}.lnk-color:hover{cursor:pointer}.pt-15{padding-top:15px}@media (max-width:960px){.water-quality-info-container{height:500px;overflow:scroll}}.modalContainer{z-index:999;background-color:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modalContainer .modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff;border-radius:10px;width:800px;height:auto;padding:2rem;box-shadow:0 0 1rem #0003}.modalContainer .modal_header{position:relative}.modalContainer .modal_header-title{text-align:center}.modalContainer .modal_header .close{box-sizing:border-box;background-color:#f2f0f0;border-radius:50%;padding:7px 7px 5px;position:absolute;top:0;right:0;border:none!important}.modalContainer .modal_header .close:hover{cursor:pointer}.modalContainer .modal_header .close img{width:13px;height:13px;transition:all .3s}.modalContainer .modal_header .close:hover img{transform:scale(1.1)}.modalContainer .modal_content{padding:2rem 0}.modalContainer .modal_footer{padding:5px 0}.modalContainer .modal_footer button{float:left;border-radius:8px;margin-left:25px;padding:.5rem}.modalContainer .modal_footer .modal-close{color:#fff;background-color:#00259b;border-radius:5px;width:150px;height:50px;font-size:16px;font-weight:600;border:1px solid #00259b!important}.modalContainer .modal_footer .modal-close:hover{cursor:pointer;background-color:#00006e}.modalContainer .modal_footer .modal-swim-spot{float:right;width:200px}.modalContainer .modal_footer .modal-clear{color:#00259b;padding-left:8px;font-family:Rustica,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500;text-decoration:underline;position:relative;top:15px}.modalContainer .modal_footer .modal-clear:hover{cursor:pointer}@media (max-width:768px){.modalContainer .modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff;border-radius:10px;width:350px;height:auto;padding:1rem;box-shadow:0 0 1rem #0003}.modalContainer .modal_footer{padding-left:0}}