.green-box p{margin:20px;line-height:1.25em;text-align:left}#page-1 .green-box,#page-2 .green-box{left:8.9%;top:2.3%;width:82.3%}.light-green-box{left:8.9%;top:17.5%;width:82.3%;height:79%}.top-right-image{position:absolute;width:39%;left:51.5%;top:20%}.top-right-image img{width:100%}.solid-light-purple-box{top:31%;left:11%;position:fixed;width:76%}.graph-question.solid-light-purple-box{top:56.5%;left:50.7%;height:38.2%;position:absolute;width:40%;font-size:1.5em;display:flex;flex-direction:column}#oystersreefQuestion p{text-align:left}.talk-button.floater{margin-top:-.55em}#biodiversity-question,#floods-question{top:55.7%}#turbidity-question{top:48.6%}#seals-question{top:46.3%}#which-solutions-question.solid-light-purple-box{top:21.6%;left:51%;width:38%;font-size:1.75em}#which-solutions-question .click-button{width:88%}.button-holder{display:flex;flex-direction:column;justify-content:space-around;flex:1}.click-button{width:95%;height:fit-content;display:flex;align-items:center;margin:0;padding:0}#outfall{display:none!important}.click-button input{width:15%;height:100%}.answer-marker{width:35px;margin:0 10px}.selector-holder>.answer-marker{position:absolute;left:16px;top:12px;height:35px;margin:0}.wavy-bay-maps{position:absolute;top:6.5%;height:91.3%}.wavy-bay-title{position:absolute;font-weight:700;margin:0!important;top:2%}.wavy-bay-maps,.wavy-bay-title{left:1.5%}.less-flood-map,.more-shore-map,.shore-map{display:none}#map-key{background-color:#fff;border-radius:.25em;position:absolute;bottom:5%;width:28%;height:21%;left:3%;color:var(--violet-color);border:5px solid #fff}#map-key .title{position:relative;width:100%;margin:auto;font-size:.6em}.key{width:48%;font-size:.5em;text-align:left;margin:0;display:inline-block}#building-key{margin-top:9px}#building-key p{line-height:1.15em}.key img{width:32px;margin:1px 0 0 6px;padding:0}.key p{font-size:.8em;width:90px;line-height:1.1em;float:right;margin:0;margin-bottom:0!important;line-height:2.5em}.marker,.star{height:40px;position:absolute}.seal-marker{height:30px}.oyster-marker{height:25px}.fish-marker{height:17px}.crab-marker{height:25px}.living-shore,.restore-reef,.stop-cso{display:none}.fish-01{left:283px;top:294px}.fish-02{left:63px;top:417px}.fish-03{left:30px;top:372px}.fish-04{left:270px;top:455px}.fish-05{left:309px;top:513px}.crab-01{left:241px;top:325px}.crab-02{left:329px;top:440px}.crab-03{left:180px;top:291px}.crab-04{left:442px;top:473px}.crab-05{left:219px;top:398px}.seal-01{left:144px;top:306px}.seal-02{left:391px;top:383px}.seal-03{left:134px;top:390px}.seal-04{left:362px;top:342px}.seal-05{left:362px;top:490px}.seal-06{left:245px;top:517px}.seal-07{left:174px;top:191px}.seal-08{left:172px;top:313px}.seal-09{left:159px;top:340px}.seal-10{left:160px;top:369px}.seal-11{left:78px;top:383px}.seal-12{left:347px;top:387px}.seal-13{left:380px;top:450px}.seal-14{left:184px;top:511px}#oyster-01{left:41px;top:395px}#oyster-02{left:208px;top:316px}#oyster-03{left:263px;top:304px}#oyster-04{left:292px;top:428px}#oyster-05{left:85px;top:327px}#oyster-06{left:68px;top:358px}#oyster-07{left:34px;top:426px}#oyster-08{left:61px;top:440px}#oyster-09{left:29px;top:454px}#oyster-10{left:243px;top:247px}#oyster-11{left:207px;top:269px}#oyster-12{left:232px;top:299px}#oyster-13{left:312px;top:271px}#oyster-14{left:222px;top:342px}#oyster-15{left:297px;top:318px}#oyster-16{left:296px;top:350px}#oyster-17{left:267px;top:373px}#oyster-18{left:286px;top:400px}#oyster-19{left:253px;top:415px}#oyster-20{left:318px;top:457px}#oyster-21{left:291px;top:474px}#oyster-22{left:328px;top:485px}#oyster-23{left:352px;top:513px}#oyster-24{left:385px;top:504px}#oyster-25{left:436px;top:494px}#oyster-26{left:480px;top:482px}#oyster-27{left:412px;top:523px}#oyster-28{left:380px;top:537px}#oyster-29{left:470px;top:510px}#oyster-30{left:444px;top:532px}#oyster-31{left:412px;top:550px}.turbidity{left:38px;top:300px}.marker-1{left:12%;top:42%}.marker-2{left:21.5%;top:23%}.marker-3{left:69%;top:40%}.marker-4{left:53%;top:39%}.marker-5{left:87%;top:18.7%}.underlined-input{text-align:center;margin-bottom:.125em;width:20%;font-size:2em;background-image:repeating-linear-gradient(transparent,transparent 53px,#fff 54px,#fff 56px,transparent 57px);background-position-y:0}.underlined-input-area{font-size:2.2em;width:20%}.underlined-input-area .underline{position:absolute;top:.3em;left:.125em}.underlined-input-area input{position:absolute;left:.15em;border:none;background-color:transparent;font-size:1em;letter-spacing:-.01em;font-family:Raleway}.underlined-input-area input:disabled{color:#000;-webkit-text-fill-color:#000;opacity:1}.underlined-input-area .underlines{position:absolute;top:.25em;left:.1em;letter-spacing:.04em}#graph-holder{position:absolute;top:18%;left:51.3%;height:77%;width:39%}.graph-after-label,.graph-before-label{position:absolute;color:#fff;font-size:1.25em;font-weight:700;top:-7%}.graph-before-label{left:12%}.graph-after-label{left:58.4%;display:none}#graph-1,#graph-2,#graph-3,#graph-4{display:none;position:absolute;width:87%;height:27.5%;top:2.6%}.show-graph-at-top{top:2.6%!important}.graph-line{height:10%;margin-left:8.4%;border-bottom:2px solid #fffFFF80}.graph-line.thick{margin-left:7%;border-bottom:4px solid #fff}.graph-label{font-size:1.25em;font-weight:600;color:#fff;position:relative;top:.15em;left:-1.1em}.graph-vert{width:1%;height:100%;position:absolute;left:8.6%;top:8%;border-left:4px solid #fff}.graph-title-box{transform:rotate(90deg);transform-origin:top left;top:8%;position:absolute;left:113%;height:57px;display:inline;width:208px}.graph-title-box p{line-height:1.2em;margin:.5em;font-size:1.1em;color:#fff;font-weight:600;text-transform:uppercase;text-align:center}.graph-bar-after,.graph-bar-before{position:absolute;height:98.9%;width:32%;top:10%}.graph-bar-before{left:15%}.graph-bar-after{left:60%}.filler{position:absolute;top:100%;bottom:1%;width:100%;transition:.2s linear}.count{font-weight:400;text-transform:none}.before{transition:.5s linear}#graph-1 .graph-bar{background-color:var(--yellow-color)}#graph-2 .graph-bar{background-color:var(--green-color)}#graph-3 .graph-bar{background-color:var(--blue-color-hover)}#graph-4 .graph-bar{background-color:var(--purple-color)}#graph-2 .graph-label{left:-1.7em}#graph-2 .graph-line:not(.top){height:16.66%}#graph-2 .graph-line:not(.top) .graph-label{top:.85em;left:-1.4em}#seal-key{position:absolute;top:20px}#species-key{position:relative;top:10px}#button-holder{position:absolute;top:88.4%;left:35.1%;width:12.6%}.small-ui-button{position:unset;width:100%;font-size:1.2em;margin:6px 4px;outline:0!important}.selector-holder{width:625px}.light-green-box{background-color:transparent}.solid-light-purple-box{background-color:rgb(101,165,192,.4)}