.up-hp-container{padding-left:calc(50% - 555px);padding-right:calc(50% - 555px);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Mont,Helvetica,Arial,sans-serif;position:relative;top:-55px}.up-swim-header{font-size:34px}.hp-tile-container{max-width:1150px;display:flex;flex-wrap:wrap}.hp-tile-top-left{position:absolute;top:8px;left:0;background-color:#dc45bc;color:#fff;border:1px solid #dc45bc;min-width:100px;height:30px;text-align:center;padding:4px 10px 5px}.hp-single-tile{width:32.4%;background:#f2f2f2;margin:5px 5px 20px;position:relative;text-align:left}.hp-single-tile-map{width:350px!important}.hp-display-flex{display:flex}.hp-water-qlty-text{display:flex;flex-direction:row;justify-content:space-between;font-size:16px;color:#0000b3;font-weight:700;padding:10px 15px 5px}.hp-pollution-img{height:35px;width:35px}.hp-txt-14{color:#00006e}.hp-txt-14,.hp-txt-bottom{padding-top:10px;font-size:14px;font-weight:500;line-height:14px}.hp-txt-bottom{font-family:Mont,Helvetica,Arial,sans-serif;color:rgba(0,0,0,.8705882352941177)}.hp-txt-undrln{text-decoration:underline}.hp-site-name-text{font-family:Mont,Helvetica,Arial,sans-serif;color:#00006e;padding-top:10px;font-size:16px;font-weight:600;line-height:14px}.hp-location{display:flex;flex-direction:row;padding:2px 15px 5px}.location-img{width:20px;height:20px}.hp-location-pad{color:rgba(0,0,0,.8705882352941177);font-size:16px;padding-left:5px;padding-top:2px;font-family:Mont,Helvetica,Arial,sans-serif}.hp-site-details{display:flex;flex-direction:row;justify-content:space-between;padding:2px 15px 5px}.hp-site-details-subcontainer{display:flex;flex-direction:row;padding-left:10px;padding-bottom:20px}.hp-site-details-img{width:20px;height:15px;padding-right:2px}.hp-tile-img{overflow:hidden;margin:0 auto;width:100%;height:185px;border-bottom:10px solid #00ebbf}.hp-tile-img img{width:100%;transition:all .7s ease-in-out}.hp-tile-img:hover img{transform:scale(1.2);cursor:pointer}.hp-sw-button{text-align:center;padding-bottom:50px;padding-top:20px}.hp-title-container{text-align:center;font-weight:600;color:#00006e;font-size:24px;padding:40px 0 20px}.wave-short{position:relative;top:-17px}.pollution-link{font-size:14px;line-height:14px;font-family:Mont,Helvetica,Arial,sans-serif}.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;background-image:none!important;background-color:#ff6d78!important;position:relative;top:0}.hp-tile-container{max-width:none;width:100%}.hp-single-tile{width:100%;margin-left:0;margin-right:0}.hp-single-tile-map{width:100%!important}.hp-tile-img-mp-mob{height:125px!important;border-bottom:5px solid #00ebbf!important}.hp-water-qlty-text-mp{flex-direction:column!important;padding-left:5px!important}.hp-site-name-mob{padding-left:5px!important;padding-bottom:5px!important}.hp-water-system-mob{flex-direction:column!important;padding-top:3px!important}.site-desc-mob{padding-left:2px!important;padding-top:10px!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{padding:0 20px 0 25px;color:#00259b}.wq-item-container{display:flex;flex-direction:row}.wq-font-bold{font-weight:700;font-size:16px}.wq-font-normal p{font-weight:500!important;font-size:16px!important;line-height:normal!important;color:#555!important}.wq-img{height:65px;width:65px}.wq-img-cs{height:58px;width: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{justify-content:center;display:flex;flex-direction:column;text-align:left;padding-left:25px}.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{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.35);display:flex;justify-content:center;align-items:center;z-index:999}.modalContainer .modal{width:800px;height:auto;background-color:#fff;padding:2rem;border-radius:10px;backdrop-filter:blur(5px);box-shadow:0 0 1rem 0 rgba(0,0,0,.2)}.modalContainer .modal_header{position:relative}.modalContainer .modal_header-title{text-align:center}.modalContainer .modal_header .close{position:absolute;top:0;right:0;padding:7px 7px 5px;border:none!important;border-radius:50%;background-color:#f2f0f0;box-sizing:border-box}.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;padding:.5rem;border-radius:8px;margin-left:25px}.modalContainer .modal_footer .modal-close{border-radius:5px;background-color:#00259b;border:1px solid #00259b!important;font-weight:600;font-size:16px;color:#fff;height:50px;width:150px}.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{position:relative;top:15px;padding-left:8px;font-family:Mont,Helvetica,Arial,sans-serif;font-weight:500;text-decoration:underline;color:#00259b;font-size:14px}.modalContainer .modal_footer .modal-clear:hover{cursor:pointer}@media (max-width:768px){.modalContainer .modal{width:350px;height:auto;background-color:#fff;padding:1rem;border-radius:10px;backdrop-filter:blur(5px);box-shadow:0 0 1rem 0 rgba(0,0,0,.2)}.modalContainer .modal_footer{padding-left:0}}