#cyan-info{padding:50px 120px 50px 120px;text-align:center;color:#427491;visibility:hidden;opacity:0}.cyan-display-main{position:relative;width:100%;height:660px;background-size:1200px 675px}.cyan-display-main.landing-image{position:relative;height:600px}.cyan-display-main.landing-image:hover{cursor:pointer}.cyan-display-main.landing-image:hover .time{text-shadow:-1px 1px 20px #fff,1px -1px 20px #fff;-webkit-transition:text-shadow 250ms linear 0s;-moz-transition:text-shadow 250ms linear 0s;-o-transition:text-shadow 250ms linear 0s;transition:text-shadow 250ms linear 0s}.cyan-display-main.landing-image{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out}.cyan-display-main.landing-image:hover{-webkit-transform:scale(1.02);transform:scale(1.02);z-index:99}.cyan-display-main .time{position:absolute;top:7%;left:4%;font-size:21pt;line-height:24pt;color:#fff;text-align:left;text-transform:uppercase}.cyan-display-main .archive{position:absolute;bottom:7%;left:4%;font-size:21pt;line-height:24pt;color:#fff;text-align:left}.cyan-display-main .archive a,.cyan-display-main .archive a:visited{color:#fff;font-weight:normal}.cyan-display-main.landing-image .time{left:10%}.cyan-display-main .blueness{position:absolute;top:7%;right:4%;font-size:21pt;line-height:24pt;color:#fff;text-align:right}.debug ul{list-style:none;padding-left:0;margin-left:0}.debug.meta{visibility:hidden;position:absolute;width:20%;font-size:12px;margin-left:0;background-color:#fff;top:0;left:0}.debug.colour{position:absolute;width:12%;top:0;right:0;font-size:12px;z-index:100}.debug.colour .blueness-swatch{font-size:12px;color:#000}.debug.meta img{margin:auto;width:50px;height:28px}#thumbnails-wrapper{padding:40px 0 40px 0;border:0 solid #f00}.thumbnail{position:relative;height:100px;background-repeat:no-repeat;background-size:178px 100px;padding:0;margin:0}.thumbnail .time{position:absolute;bottom:0;left:0;padding-bottom:10px;text-align:center;width:100%}.thumbnail:hover{cursor:pointer;opacity:.7}.margin-top{margin-top:20px}section.about{padding-top:0;padding-bottom:0}section.about p{padding:80px;padding-top:0;padding-bottom:0}section.about .more{padding-top:30px;padding-bottom:30px}section.about-image{background-color:#d5d5d5}section.about-image p{padding:80px;padding-top:68px}#cyan-environmental-data{background-color:#d5d5d5;margin-top:0;padding-top:10px;padding-bottom:0}#cyan-environmental-data svg{padding-top:0;margin-top:-80px}#cyan-environmental-data circle{stroke-width:10px}#air-pollution-index{background-color:#d5d5d5;padding-top:0;padding-bottom:0}#air-pollution-index .section-title{padding-bottom:0}#air-pollution-index .ap-caveat{margin-top:50px;font-size:14pt;line-height:28pt;text-transform:uppercase;text-align:right}#ap-index-wrapper{padding-left:25%;padding-right:25%}#air-pollution-index .ap-index-colour{min-height:30px;border:0 solid #f00}.green{background-color:#72b22f}.yellow{background-color:#fef10d}.orange{background-color:#f17e19}.red{background-color:#e4001c}#cyan-measurements-wrapper{background-color:#d5d5d5;padding-top:0;padding-bottom:0}#cyan-measurements-wrapper p{padding-top:30px}.measurements-link{text-transform:uppercase}table{text-transform:uppercase;font-size:16pt;line-height:28pt}tr{background-color:#dfdfdf}tr.spacer{background-color:#d5d5d5;height:20px}td.table-icon{text-align:center}td.table-icon img{margin:0 auto;width:160px}td.concentration{text-transform:lowercase}.measurements-caveat{font-size:smaller;text-align:left}.right-border{border-right:2px solid #000;padding:10px;padding-right:20px;padding-left:20px}#credits{padding-top:20px;padding-bottom:0;font-size:13pt;line-height:23pt}#credits .section-title{font-size:smaller;padding-bottom:10px;font-size:15pt;line-height:25pt}#credits .section-title{text-align:center}#credits .contributor{font-weight:bold;text-transform:uppercase}#credits ul{width:50%;margin:auto;list-style:none}#partners{padding-top:0;padding-bottom:0}.menu-wrapper{position:relative;height:0;width:100%;padding-top:100%}#menu{visibility:hidden;display:block;margin:0 auto;width:40%;transform-origin:50% 50% 0;transform:translate3d(0,0,0);touch-action:none;-webkit-user-select:none;padding-top:100px}a{cursor:pointer;outline:none}.item .sector{transition:all .1s linear;stroke:white;stroke-width:1}.item:hover .sector{fill:#eee}.menu-trigger{pointer-events:auto;text-align:center;font-size:20px}.menu-trigger text{font-size:100px}.menu-trigger text#blueness-label{font-size:85px}.menu-trigger text#blueness-label-suffix{font-size:22px}.menu-trigger:hover,.menu-trigger:focus{cursor:pointer}.menu-trigger #label{font-size:60px}.blueness-swatch .border{border:2px solid #f00}.border{border:2px solid #102339}symbol{overflow:visible}.calendar .react-date-field--theme-default{font-size:smaller}.calendar .react-date-field--theme-default.react-date-field{background-color:#fff}.calendar .react-date-field--theme-default .react-date-field__input{padding-left:30px;width:150px;margin-right:5px;border-right:1px solid #ccc}.calendar .react-date-field--theme-default .react-date-field__clear-icon{margin:0}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#ccc solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:hover:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:active:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}body,hr{position:relative}figure,p{padding-bottom:2.4rem}*{border:0;font:inherit;margin:0;padding:0;text-rendering:geometricPrecision}code,kbd,pre,samp{border-radius:2px;overflow-y:hidden;overflow-x:auto}body,h1,h2,h3,h4,h5,h6{font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Verdana,sans-serif}html{box-sizing:border-box;font-size:62.5%;height:100%}@media screen and (min-width:960px){html{font-size:78.125%}}body{box-sizing:border-box;color:#3c3c3d;font-size:1.6rem;line-height:2.4rem;min-height:100%}h1,h2,h3,h4,h5,h6{font-weight:500}h1,h2,h3{line-height:4.8rem;padding:.8rem 0 1.6rem}form,h4,h5,h6{padding:2.4rem 0}h1{font-size:3.6rem}h2{font-size:3.2rem}h3{font-size:2.8rem}h4{font-size:2rem}h5{font-size:1.8rem}h6{font-size:1.6rem}.fs-small,code,kbd,pre,samp,small,sub,sup{font-size:1.2rem}code,kbd,pre,samp{background-color:#efeff0;color:#e528b0;font-family:Consolas,Monaco,"Courier New",monospace;line-height:1}code,kbd,samp{padding:.4rem .4rem .2rem}pre{line-height:2.4rem;padding:1.2rem 1rem;margin:0 0 2.4rem}pre code,pre kbd,pre samp{background-color:transparent;border:none;border-radius:0;padding:0}a:link{color:#4076d4}a:visited{color:#9140d4}a:focus,a:hover{color:#2e68cc}a:active{color:#d44076}img,video{max-width:100%;display:table}hr{height:4.8rem;margin-bottom:2.4rem}hr:before{background-color:#cdcdce;content:'';height:1px;position:absolute;top:50%;width:100%}ol,ul{margin-left:2rem;padding:0 0 2.4rem}ol{list-style-type:decimal}blockquote p:last-child,ol ol,ul ul{padding-bottom:0}ul{list-style-type:disc}cite,dt,em,i,q>q{font-style:italic}dd{text-indent:2rem}blockquote{margin:0 0 2.4rem 1.2rem;border-left:.3rem solid #cdcdce;padding:2.4rem 1.2rem}figure{margin:0 auto}figure img{display:table;margin:0 auto}small,sub,sup{line-height:1}caption,figcaption{font-size:1.2rem;font-style:italic;text-align:center}.ta-left,table th{text-align:left}b,strong,var{font-weight:700}q:after,q:before{content:"'"}.checkbox:before,.checkbox__label:after,.radio:before,.radio__label:after{content:'';margin-top:-10px;position:absolute}abbr,dfn{border-bottom:.1rem dotted #5a5a5b;cursor:default}table{border-radius:2px;border-collapse:separate;border-spacing:0;margin-bottom:2.4rem;width:100%}table th{font-weight:500}table td,table th{padding:0 .6rem}label{color:#7d7d7e}button,input,label,textarea{display:block;resize:none;-webkit-appearance:none;-moz-appearance:none}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{color:#3c3c3d;-webkit-text-fill-color:#3c3c3d;-webkit-box-shadow:0 0 0 1000px #fff inset!important}.checkbox [disabled],.checkbox [disabled]+*,.disabled,.radio [disabled],.radio [disabled]+*,.select [disabled],.select [disabled]+*,.textfield [disabled],.textfield [disabled]+*,[type=button][disabled],[type=submit][disabled],button[disabled]{cursor:default;opacity:.5;pointer-events:none}.smooth{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.f-none{float:none}.f-left{float:left}.f-right{float:right}.clearfix{clear:both;overflow:hidden}.ta-center{text-align:center}.ta-right{text-align:right}.fs-base{font-size:1.6rem}.fs-large{font-size:2rem}.fw-light{font-weight:300}.fw-normal{font-weight:400}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.btn,[type=button],[type=submit],button{background-color:#e83fb8;border:none;border-radius:.2rem;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;height:4.8rem;line-height:4.8rem;max-width:100%;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:.2s;transition-duration:.2s;margin:0 auto;padding:0 3rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:auto}.btn:link,.btn:visited,[type=button]:link,[type=button]:visited,[type=submit]:link,[type=submit]:visited,button:link,button:visited{color:#fff;text-decoration:none}.btn:focus,.btn:hover,[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#e528b0;color:#fff}.btn:focus,[type=button]:focus,[type=submit]:focus,button:focus{outline:#7d7d7e dotted .1rem}.btn:active,[type=button]:active,[type=submit]:active,button:active{background-color:#e83fb8}.btn--secondary{background-color:#efeff0;color:#3c3c3d}.btn--secondary:link,.btn--secondary:visited{color:#3c3c3d}.btn--secondary:focus,.btn--secondary:hover{background-color:#dededf;color:#3c3c3d}.btn--link,.btn--link:active{background-color:transparent}.btn--secondary:active{color:#7d7d7e}.btn--link,.btn--link:link{color:#4076d4}.btn--link{text-decoration:underline}.btn--link:visited{color:#9140d4}.btn--link:focus,.btn--link:hover{color:#2e68cc;background-color:transparent}.btn--link:active{color:#d44076}.checkbox,.radio{cursor:pointer;display:inline-block;margin-bottom:2.4rem;padding:0 1rem 0 3rem;position:relative}.checkbox:before,.radio:before{background-color:#fff;border:2px solid #7d7d7e;height:16px;left:0;top:50%;width:16px}.checkbox input[type=checkbox],.radio input[type=radio]{opacity:0;position:absolute;z-index:-1}.checkbox__label,.radio__label{color:#7d7d7e;font-size:1.2rem;line-height:1}.checkbox__label:after,.radio__label:after{border:1px solid transparent;height:18px;left:0;top:50%;width:18px}.checkbox input[type=checkbox]:focus+.checkbox__label:after,.radio input[type=radio]:focus+.radio__label:after{border-color:#e83fb8;box-shadow:0 1px 2px 1px #dededf inset}.select,.textfield{background-color:#fff;display:block;margin-top:-2px;margin-bottom:2.4rem;position:relative}.select__label,.textfield__label{background-color:#fff;font-size:1.2rem;position:absolute;left:1px;line-height:1;padding:.5rem;right:1px;top:1px}.select select,.textfield input,.textfield textarea{background-color:transparent;border:1px solid #7d7d7e;border-radius:2px;box-sizing:border-box;padding:1.8rem .5rem .6rem;position:relative;width:100%}.select select:focus,.textfield :focus{border-color:#e83fb8;box-shadow:0 1px 2px 0 #dededf inset;outline:0}.radio:before,.radio__label:after{border-radius:20px}.radio input[type=radio]:checked+.radio__label:before{background-color:#e528b0;border-radius:20px;content:'';height:10px;left:5px;margin-top:-5px;position:absolute;top:50%;width:10px}.checkbox:before,.checkbox__label:after{border-radius:2px}.checkbox input[type=checkbox]:checked+.checkbox__label:after{color:#e528b0;content:'✔';font-size:14px;line-height:18px;text-align:center}.select:after{content:'';border-left:.6rem solid transparent;border-right:.6rem solid transparent;border-top:.6rem solid #7d7d7e;height:0;margin-top:-.5rem;position:absolute;right:1rem;bottom:1.3rem;width:0}.select select{z-index:100}.select option[disabled]{background-color:#efeff0;color:#5a5a5b}.grid{display:-ms-flexbox;display:-webkit-box;display:flex}.grid>*{-ms-flex:1;flex:1;-webkit-box-flex:4;-ms-flex-positive:4;flex-grow:4;padding-left:1rem;padding-right:1rem}.grid>:first-child{margin-left:-1rem}.grid>:last-child{margin-right:-1rem}.grid>.column--light{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.grid>.column--heavy{-webkit-box-flex:8;-ms-flex-positive:8;flex-grow:8}@media(max-width:599px){.grid--medium{display:block}.grid--medium>*{padding-left:0;padding-right:0}.grid--medium>:first-child{margin-left:0}.grid--medium>:last-child{margin-right:0}}@media(max-width:959px){.grid--large{display:block}.grid--large>*{padding-left:0;padding-right:0}.grid--large>:first-child{margin-left:0}.grid--large>:last-child{margin-right:0}}.wrapper{margin:0 auto;max-width:960px;padding:4.8rem 2rem}.wrapper-large{margin:0 auto;max-width:1200px;padding:7.2rem 2rem}.wrapper-small{margin:0 auto;max-width:640px;padding:2.4rem 2rem}body.cyanometer{font-family:'Roboto Condensed',sans-serif;font-size:18pt;line-height:26pt}h4{font-size:16pt;line-height:28pt;font-weight:bold}a,a:link,a:visited{color:#313131;text-decoration:none;font-weight:bold}a:hover{text-decoration:underline}.cyanometer a:hover{text-decoration:underline}header.wrapper-large{padding-top:0;padding-bottom:0;text-transform:uppercase}nav{padding-top:0;padding-bottom:0}.logo{margin:0 auto;padding:0;display:block}.logo img{width:400px;margin:0 auto;padding:0}.wrapper,.wrapper-large{border:0 solid #ccc}.section-title{padding-top:0;text-transform:uppercase;text-align:left}main.wrapper-large{padding-top:0;border:0}hr{margin-top:0;height:2px;color:#515151;background-color:#515151}section.hr{background-color:#d5d5d5;padding-top:0;padding-bottom:0}hr.grey-hr{margin-bottom:0;text-align:left}@media screen and (min-width:375px) and (max-width:667px){.wrapper,.wrapper-large{padding:10px}.logo{width:70%}.logo img{width:100%}body.cyanometer{font-size:15pt;line-height:22pt}.section-title{font-size:15pt;padding-bottom:0}.cyan-display-main{width:100%;height:201px}.cyan-display-main.landing-image{width:100%;height:201px}.cyan-display-main .time{font-size:10pt;line-height:12pt;top:3%;left:3%}.cyan-display-main.landing-image .time{top:15%;left:10%}#cyan-info{padding:50px}.cyan-display-main .browse{font-size:10pt;line-height:12pt;text-align:left;padding-left:3%}.cyan-display-main .archive{font-size:10pt;line-height:12pt;text-align:left;left:3%}.cyan-display-main .blueness{font-size:10pt;line-height:12pt;top:3%;right:3%}#thumbnails-wrapper{padding-top:20px}.thumbnail{border:0 solid #f00;background-repeat:no-repeat;background-size:100%;height:200px}#menu{padding-top:15px;border:1px solid transparent}section.about p{padding:20px}section.about-image p{padding:20px}section.about-image img{width:360px;height:270px}.environmental-data{border:0 solid #f00}.environmental-data svg{width:90%}#ap-index-wrapper{padding-left:30px;padding-right:30px;padding-top:10px}table,thead,tbody,th,td,tr{display:block;font-size:13pt}tr{border:0 solid #ccc}td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%}td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}td.table-icon img{display:none}.right-border{border:0}.calendar .react-date-field--theme-default .react-date-field__input{width:309px;border-right:1px solid #ccc}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape){.cyan-display-main{width:100%;height:340px;border:0 solid #00f}#thumbnails-wrapper{padding-top:40px}.thumbnail{height:400px}section.about-image img{width:650px;height:400px}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.wrapper,.wrapper-large{padding:10px}.logo{width:70%}.logo img{width:100%}body.cyanometer{font-size:15pt;line-height:22pt;border:0 solid #f00}.section-title{font-size:15pt;padding-bottom:0}.cyan-display-main{width:100%;height:201px}.cyan-display-main.landing-image{width:100%;height:201px}.cyan-display-main .time{font-size:10pt;line-height:12pt;top:3%;left:3%}.cyan-display-main.landing-image .time{top:15%;left:10%}#cyan-info{padding:50px}.cyan-display-main .archive{font-size:10pt;line-height:12pt;text-align:left;left:3%}.cyan-display-main .blueness{font-size:10pt;line-height:12pt;top:3%;right:3%}#thumbnails-wrapper{padding-top:20px}.thumbnail{border:0 solid #f00;background-repeat:no-repeat;background-size:100%;height:175px}#menu{padding-top:15px;border:1px solid transparent}section.about p{padding:20px}section.about-image p{padding:20px}section.about-image img{height:240px}.environmental-data{border:0 solid #f00}.environmental-data svg{width:90%}#ap-index-wrapper{padding-left:30px;padding-right:30px;padding-top:10px}table,thead,tbody,th,td,tr{display:block;font-size:13pt}tr{border:0 solid #ccc}td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%}td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}td.table-icon img{display:none}.right-border{border:0}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.cyan-display-main{width:100%;height:340px;border:0 solid #00f}#thumbnails-wrapper{padding-top:40px}.thumbnail{height:300px}section.about-image img{width:650px;height:300px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.cyan-display-main{border:0 solid #00f}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.cyan-display-main{border:0 solid #008000}#menu{padding-top:125px;border:1px solid transparent;width:60%}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){#menu{padding-top:105px;width:50%}}