@font-face{font-family:'lawa-icon-set';src:url('/fonts/lawa-icon-set.ttf?uf0550') format('truetype'),url('/fonts/lawa-icon-set.woff?uf0550') format('woff'),url('/fonts/lawa-icon-set.svg?uf0550#lawa-icon-set') format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'lawa-icon-set';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-changing-room:before{content:""}.icon-round:before{content:""}.icon-triangle-down:before{content:""}.icon-triangle-up:before{content:""}.icon-boat:before{content:""}.icon-ramp:before{content:""}.icon-tent:before{content:""}.icon-other-dots:before{content:""}.icon-surfer:before{content:""}.icon-square:before{content:""}.icon-conditions:before{content:""}.icon-triangle:before{content:""}.icon-submerged-object:before{content:""}.icon-beaker:before{content:""}.icon-clean-clear:before{content:""}.icon-bbq:before{content:""}.icon-food:before{content:""}.icon-windsurfing:before{content:""}.icon-bathroom:before{content:""}.icon-public-transport:before{content:""}.icon-toilet:before{content:""}.icon-snorkelling:before{content:""}.icon-playground:before{content:""}.icon-parking:before{content:""}.icon-swimming-alt:before{content:""}.icon-up-arrow:before{content:""}.icon-youtube:before{content:""}.icon-left-arrow:before{content:""}.icon-hazard:before{content:""}.icon-walking:before{content:""}.icon-picnicing:before{content:""}.icon-play-arrow:before{content:""}.icon-plus:before{content:""}.icon-square-bullet:before{content:""}.icon-back-arrow:before{content:""}.icon-twitter:before{content:""}.icon-no-access:before{content:""}.icon-minus:before{content:""}.icon-swimming:before{content:""}.icon-story:before{content:""}.icon-kayaking:before{content:""}.icon-fishing:before{content:""}.icon-factsheet:before{content:""}.icon-facebook:before{content:""}.icon-external-link:before{content:""}.icon-search:before{content:""}.icon-right-arrow:before{content:""}.icon-download:before{content:""}.icon-question-mark:before{content:""}.icon-down-arrow:before{content:""}.icon-dog-walking:before{content:""}.icon-quartile-4:before{content:""}.icon-quartile-3:before{content:""}.icon-quartile-na:before{content:""}.icon-close-cross:before{content:""}.icon-circle:before{content:""}.icon-quartile-2:before{content:""}.icon-quartile-1:before{content:""}.icon-calendar:before{content:""}.icon-right-indicator:before{content:""}.icon-new-zealand:before{content:""}.icon-filter-rainfallgroundwater:before{content:""}.icon-filter-flow:before{content:""}.icon-filter-groundwater:before{content:""}.icon-filter-rainfall:before{content:""}.icon-filter-rainfall-flow:before{content:""}.icon-thumb-down:before{content:""}.icon-patrolled-beach:before{content:""}.icon-thumb-right:before{content:""}.icon-thumb-up:before{content:""}.icon-big-waves:before{content:""}.icon-vehicle-access:before{content:""}.icon-bars:before{content:""}.icon-stats:before{content:""}.icon-wave2:before{content:""}.icon-image:before{content:""}.icon-barchart:before{content:""}.icon-analytics3:before{content:""}.icon-menu:before{content:""}.icon-menu2:before{content:""}.icon-upland:before{content:""}.icon-lowland:before{content:""}.icon-cawthrontick:before{content:""}.icon-no-trend:before{content:""}.icon-indeterminate:before{content:""}.icon-degradation:before{content:""}.icon-improvement:before{content:""}.icon-empty-trend:before{content:""}.icon-meaningful-degradation:before{content:""}.icon-meaningful-improvement:before{content:""}.icon-empty-state:before{content:""}@font-face{font-family:'source_sans_pro';src:url('fonts/SourceSansPro-Regular.woff2') format('woff2'),url('fonts/SourceSansPro-Regular.woff?v1') format('woff');font-weight:normal;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:'source_sans_pro';src:url('fonts/SourceSansPro-Bold.woff2?v1') format('woff2'),url('fonts/SourceSansPro-Bold.woff?v1') format('woff');font-weight:700;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{box-sizing:border-box;font-family:'source_sans_pro',Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;color:#505050;background-color:#fff}*,*:before,*:after{box-sizing:inherit}.h1,h1{font-size:34px;font-weight:800;display:block;padding-bottom:8px;color:#fff;margin:0}h2{font-size:21px}h2,strong{margin:0}a{text-decoration:none}p{margin:0}.iframe-body{max-width:700px;margin:0 auto}ul{list-style:none;margin:0;padding:0}ul>li{background-color:#20a7ad;color:#fff;height:70px;width:100%;margin:0 0 5px}.text-center{text-align:center}@media only screen and (min-width:600px){.mt-25-lg{margin-top:25px}}.mb-5{margin-bottom:5px}.ml-5{margin-left:5px}.p-15{padding:15px}.pt-10{padding-top:10px}.float{float:left;width:100%}a{color:#fff;text-decoration:underline}a:hover{color:#00bdfd}.dark{background-color:#007197}.medium{background-color:#95d3db}.medium a:hover{color:#0084b1}.light{background-color:#f6f6f6}.light .header .banner .h1,.light .header .banner h1{color:#007197}.light .header .banner span{color:#007197}.light .footer p{color:#007197}.light a{color:#007197;text-decoration:underline}.light a:hover{color:#0097ca}.header{position:relative;margin-top:18px;margin-bottom:18px}@media only screen and (min-width:480px){.header{margin-bottom:18px}}.header .logo{background-color:#fff;width:130px;text-align:center;margin-top:-33px;padding:5px}.header .logo img{width:100px}@media only screen and (min-width:620px){.header .logo{position:absolute;width:55px;height:130px;margin-top:3px;right:-15px}.header .logo img{width:100px;transform:rotate(270deg);position:absolute;bottom:34%;left:-40%}}@media only screen and (min-width:480px){.header .banner img{padding-right:10px}}.header .banner img.swimmer{height:90px;float:right}@media only screen and (min-width:480px){.header .banner img.swimmer{float:left;width:180px;height:140px}}@media only screen and (min-width:600px){.header .banner img.swimmer{width:255px;height:190px}}.header .banner img.covid-icon{height:65px;width:80px}.header-text{width:100%}.header-text p{color:#fff}.sites .site{float:left;width:100%}@media only screen and (min-width:480px){.sites .site{display:flex}}.sites .site .left-side{height:180px;background-position:center center;background-size:cover}@media only screen and (min-width:480px){.sites .site .left-side{width:60%;height:auto}}@media only screen and (min-width:600px){.sites .site .left-side{width:90%;height:auto}}.sites .site .right-side{background-color:#fff;width:100%;float:left}.sites .site .right-side .header{display:flex;justify-content:space-between;margin-bottom:5px;color:#8d8d8d;border-bottom:1px solid #8d8d8d}.sites .site .right-side h2{display:inline;text-transform:uppercase}.sites .site .right-side strong{color:#8d8d8d;font-size:14px;display:block;line-height:14px}.sites .site .right-side small{color:#8d8d8d;font-size:80%;font-style:italic}.sites .site .right-side .grades{float:left;width:100%}.sites .site .right-side .grades #first-icon{z-index:4}.sites .site .right-side .grades .grade-icon-caption{position:relative;float:left;width:100%}.sites .site .right-side .grades .grade-icon-caption.open .grade-icon--label,.sites .site .right-side .grades .grade-icon-caption:hover .grade-icon--label{width:90%}.sites .site .right-side .grades .grade-icon-caption div[class^='risk-vlow'] .grade-icon--bg,.sites .site .right-side .grades .grade-icon-caption div[class*=' risk-vlow'] .grade-icon--bg{color:#007197}.sites .site .right-side .grades .grade-icon-caption div[class^='risk-vlow']+.grade-icon--label::after,.sites .site .right-side .grades .grade-icon-caption div[class*=' risk-vlow']+.grade-icon--label::after{background-color:#3288ae}.sites .site .right-side .grades .grade-icon-caption div[class^='risk-low'] .grade-icon--bg,.sites .site .right-side .grades .grade-icon-caption div[class*=' risk-low'] .grade-icon--bg{color:#85bb5b}.sites .site .right-side .grades .grade-icon-caption div[class^='risk-low']+.grade-icon--label::after,.sites .site .right-side .grades .grade-icon-caption div[class*=' risk-low']+.grade-icon--label::after{background-color:#9ace6b}.sites .site .right-side .grades .grade-icon-caption div[class^='risk-medium'] .grade-icon--bg,.sites .site .right-side .grades .grade-icon-caption div[class*=' risk-medium'] .grade-icon--bg{color:#f8a81c}.sites .site .right-side .grades .grade-icon-caption div[class^='risk-medium']+.grade-icon--label::after,.sites .site .right-side .grades .grade-icon-caption div[class*=' risk-medium']+.grade-icon--label::after{background-color:#ffc446}.sites .site .right-side .grades .grade-icon-caption div[class^='risk-high'] .grade-icon--bg,.sites .site .right-side .grades .grade-icon-caption div[class*=' risk-high'] .grade-icon--bg{color:#e85129}.sites .site .right-side .grades .grade-icon-caption div[class^='risk-high']+.grade-icon--label::after,.sites .site .right-side .grades .grade-icon-caption div[class*=' risk-high']+.grade-icon--label::after{background-color:#ff682f}.sites .site .right-side .grades .grade-icon-caption div[class$='special'].grade-icon .grade-icon--fg,.sites .site .right-side .grades .grade-icon-caption div[class$=' special'].grade-icon .grade-icon--fg{line-height:70px}.sites .site .right-side .grades .grade-icon-caption div[class$='special']+.grade-icon--label::after,.sites .site .right-side .grades .grade-icon-caption div[class$=' special']+.grade-icon--label::after{-webkit-transform:skewX(31deg);transform:skewX(31deg);-webkit-transform-origin:100% 90%;transform-origin:100% 90%;border-top-right-radius:8px;border-bottom-right-radius:8px}.sites .site .right-side .grades .grade-icon-caption div[class^='nodata'] .grade-icon--bg,.sites .site .right-side .grades .grade-icon-caption div[class*=' nodata'] .grade-icon--bg{color:#505050}.sites .site .right-side .grades .grade-icon-caption div[class^='nodata']+.grade-icon--label::after,.sites .site .right-side .grades .grade-icon-caption div[class*=' nodata']+.grade-icon--label::after{background-color:#6e6e6e}.sites .site .right-side .grades .grade-icon-caption div[class$='overall'].grade-icon+.grade-icon--label::after,.sites .site .right-side .grades .grade-icon-caption div[class$=' overall'].grade-icon+.grade-icon--label::after{border-top-right-radius:8px;border-bottom-right-radius:8px}.sites .site .right-side .grades .grade-icon-caption .risk-conditions .grade-icon--bg{color:#005278}.sites .site .right-side .grades .grade-icon-caption .risk-conditions+.grade-icon--label::after{background-color:#006391}.sites .site .right-side .grades .grade-icon-caption .grade-icon{position:relative;z-index:3}.sites .site .right-side .grades .grade-icon-caption .grade-icon .grade-icon--bg{font-size:60px}.sites .site .right-side .grades .grade-icon-caption .grade-icon .grade-icon--fg{position:absolute;color:#fff;font-size:30px;line-height:65px;left:0;width:100%;top:0}.sites .site .right-side .grades .grade-icon-caption .grade-icon--label{position:absolute;top:0;left:0;width:0;height:100%;margin-left:35px;display:flex;justify-content:center;align-items:center;overflow:hidden;-webkit-transition:all .2s linear;transition:all .2s linear}.sites .site .right-side .grades .grade-icon-caption .grade-icon--label::after{content:"";position:absolute;top:1px;left:0;width:100%;height:60px;border-top-right-radius:35px;border-bottom-right-radius:35px}.sites .site .right-side .grades .grade-icon-caption .grade-icon--label span{color:#fff;font-size:14px;position:absolute;z-index:2;left:0;width:250px;text-align:center}.footer{margin-top:15px}.footer p{color:#fff;margin-bottom:0}.grade-icon--fg{margin-left:14px}.icon-triangle+.grade-icon--fg{margin-left:19px}.alert-mode .header-image{display:none}@media only screen and (min-width:480px){.alert-mode .header-image{display:block}}.alert-mode .header-text{width:100%}@media only screen and (min-width:620px){.alert-mode .header-text{width:50%}}@media only screen and (min-width:700px){.alert-mode .header-text{width:56%}}.flex{display:flex}.flex.flex-column-sm{flex-direction:column}@media only screen and (min-width:620px){.flex.flex-column-sm{flex-direction:row}}