:root{--base-text-size: 6px;--strapline-text-size: 6rem;--benchart-strapline-text-size: 4rem}@media(min-width: 768px){:root{--base-text-size: 8px;--strapline-text-size: 7.5rem;--benchart-strapline-text-size: 4.8rem}}@media(min-width: 1024px){:root{--base-text-size: 10px}}:root{--section-height: 54rem;--section-hpad: 7rem;--section-vpad: 5rem}@media(min-width: 768px){:root{--section-hpad: 10rem}}@media(min-width: 1024px){:root{--section-vpad: 8rem;--section-hpad: 16rem}}@media(min-width: 2074px){:root{--section-vpad: 10rem;--section-hpad: 30rem}}:root{--h1-text-size: 3.4rem;--h1-underpadding: 5.5rem;--p-text-size: 2.2rem;--p-underpadding: 3rem;--map-feature-text-size: 1.5rem;--weight-normal: 300;--weight-bold: 500;--weight-bolder: 800;--base-fonts: "Raleway", sans-serif;--base-text-colour: black;--alt-text-colour: white;--yellow-bright: rgb(254, 199, 46);--yellow-dull: rgb(232, 171, 0);--turquoise: rgb(0, 219, 185);--pink-bright: rgb(255, 0, 177);--pink-dull: rgb(186, 0, 129);--blue: rgb(31, 174, 229);--dark-blue: #003c88;--grey: rgb(87, 87, 87);--green: rgb(65, 173, 115);--green-dark: rgb(50, 129, 86)}html,body,div,header,footer,main,section,article,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,code,img,blockquote,q,canvas,form,label,fieldset{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:top;font-family:var(--base-fonts);font-size:var(--base-text-size);font-weight:var(--weight-normal);color:--base-text-colour}html{background-color:var(--yellow-dull)}h1{padding:0 0 var(--h1-underpadding);font-size:var(--h1-text-size);text-transform:uppercase;font-weight:var(--weight-bolder)}p{padding:0 0 var(--p-underpadding);font-size:var(--p-text-size);letter-spacing:.02rem;line-height:130%;font-weight:var(--weight-bold)}em{font-style:normal;font-weight:var(--weight-bolder)}a{color:var(--alt-text-colour);text-decoration:none}a:hover{text-decoration:underline}nav .menuX,header .hamburger{top:4rem;right:5rem;width:10rem;height:6rem;fill:var(--alt-text-colour);cursor:pointer;transition:fill .5s ease}nav .menuX:hover,header .hamburger:hover{fill:var(--yellow-dull)}header{z-index:20;position:absolute;width:100%;top:0;left:0}header .logo{height:25rem}header .hamburger{position:fixed}nav{position:fixed;z-index:100;top:0;bottom:0;right:0;width:0%;background-color:var(--grey);color:var(--alt-text-colour);opacity:0%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .5s ease}nav .menuX{display:none;position:absolute}nav.open{width:40%;opacity:90%}nav.open .menuX{display:block}nav ul{list-style:none}nav ul li{font-size:3.5rem;font-weight:var(--weight-bold);line-height:3em;color:var(--alt-text-colour);text-transform:uppercase}main section.team div,main>section{position:relative;min-height:var(--section-height);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--section-vpad) var(--section-hpad)}main>section{clear:both;background-repeat:no-repeat;background-size:cover;background-position:center center;text-align:center}main>section.just-image{position:relative;overflow:hidden}main>section.just-image::before{content:"";width:100%;height:100%;top:0;left:0;position:fixed;background-repeat:no-repeat;background-position:center top;background-size:cover;will-change:transform;z-index:-1}footer{clear:both;padding:var(--section-vpad) var(--section-hpad);background-color:var(--yellow-dull);color:var(--alt-text-colour)}footer p{padding-bottom:0;font-size:1.8rem;text-align:center;text-transform:uppercase}footer a{font-weight:var(--weight-bolder)}.picture-list{list-style:none;margin:0;padding:0 3rem}@media(min-width: 768px){.picture-list{padding:0 6rem}}.picture-list{display:grid;grid:"image1 text1" "arrow1 arrow1" "image2 text2" "arrow2 arrow2" "image3 text3" "arrow3 arrow3" "image4 text4"/1fr 1fr;grid-auto-flow:row;gap:2rem 2rem}@media(min-width: 768px){.picture-list{grid:"image1 arrow1 image2 arrow2 image3 arrow3 image4" "text1  arrow1 text2  arrow2 text3  arrow3 text4"/5fr 1fr 5fr 1fr 5fr 1fr 5fr;grid-auto-flow:column;gap:2rem 0}}.picture-list img{width:100%}.picture-list li{display:flex;align-items:center;justify-content:center}@media(min-width: 768px){.picture-list li{display:block}}.picture-list li p{padding:0 1rem;font-size:1.7rem;text-align:left;font-weight:var(--weight-normal)}.picture-list .textimage{min-height:120px;background-color:var(--green-dark);text-transform:uppercase;font-size:5rem;font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center}.picture-list .arrow1{display:none}@media(min-width: 768px){.picture-list .arrow1{display:block}}.picture-list .arrow1{overflow:visible;z-index:10;width:300%;grid-area:arrow1}.picture-list .arrow1 img{transform:translate(-30%, 100%)}.picture-list .arrow2{display:none}@media(min-width: 768px){.picture-list .arrow2{display:block}}.picture-list .arrow2{overflow:visible;z-index:10;width:300%;grid-area:arrow2}.picture-list .arrow2 img{transform:translate(-30%, -20%)}.picture-list .arrow3{display:none}@media(min-width: 768px){.picture-list .arrow3{display:block}}.picture-list .arrow3{overflow:visible;z-index:10;width:300%;grid-area:arrow3}.picture-list .arrow3 img{transform:translate(-30%, 100%)}.scribble-list{list-style:none;display:flex;flex-flow:column nowrap}@media(min-width: 768px){.scribble-list{flex-flow:row nowrap}}.scribble-list{margin:0;padding:0}.scribble-list li{flex:1 1 0;padding:5rem;font-size:2.3rem;line-height:3rem;background-image:url("../img/gfx/scribble-grey.png");background-repeat:no-repeat;background-size:contain;background-position:center center}main section.mission{height:auto;padding:27rem var(--section-hpad) 10rem;background-image:url("../img/bg/header-home.jpg")}main section.mission p{padding:0;color:var(--alt-text-colour);font-size:var(--strapline-text-size);letter-spacing:.25rem;line-height:105%}main section.vision{background-color:var(--yellow-bright)}main section.vision-image::before{background-image:url("../img/bg/vision.jpg")}main section.approach{background-color:var(--turquoise)}main section.projects{background-image:url("../img/bg/projects-bench.jpg")}main section.projects h1,main section.projects p{padding:0;color:var(--alt-text-colour);text-transform:uppercase}main section.projects h1 a,main section.projects p a{text-decoration:underline}main section.projects .arrow{padding-top:2rem;font-size:3rem}main section.team{display:block;padding:0;color:var(--alt-text-colour)}main section.team img,main section.team h1{position:absolute;left:0;width:100%;z-index:10}main section.team h1{top:var(--section-vpad)}main section.team div{padding-top:calc(var(--section-vpad) + var(--h1-text-size) + var(--h1-underpadding));background-color:var(--pink-bright)}main section.team img{transform:translate(0, -50%)}main section.team div:nth-of-type(2){background-color:var(--pink-dull)}main section.projects.page-header{padding-top:19rem}main section.project-intro{background-color:var(--blue);color:#fff}main section.project-intro p{font-size:var(--benchart-strapline-text-size);font-weight:var(--weight-normal);letter-spacing:.05rem;line-height:110%}main section.bench-image{display:block;margin:0;padding:0;font-size:0;min-height:0}main section.bench-image img.bench{width:50%;display:inline-block}main section.bench-image img.bench.before{float:left}main section.bench-image img.bench-arrow{position:absolute;width:25%;left:50%;top:50%;transform:translate(-50%, -50%)}main section.impact{background-color:var(--yellow-bright)}main section.locations{background-color:#fff;color:var(--grey)}main section.map{margin:0;padding:0;background-color:#fff}main section.map .map{width:100%;height:var(--section-height)}main section.map .popup-container{position:relative;background:#fff;border:2px solid var(--dark-blue);border-radius:5px;padding:5px;font-size:var(--map-feature-text-size)}main section.map .popup-container:after,main section.map .popup-container:before{border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;top:100%;left:50%;pointer-events:none}main section.map .popup-container:before{border-top-color:var(--dark-blue);border-width:12px;margin-left:-12px}main section.map .popup-container:after{border-top-color:#fff;border-width:10px;margin-left:-10px}main section.map .popup-container img{width:20rem}main section.process{padding:var(--section-vpad) 2rem;background-color:var(--green);color:#fff}main section.theart{background-color:var(--grey);color:#fff}main section.theart-image::before{background-image:url("../img/bg/art-building.jpg")}main section.makeithappen{padding:var(--section-vpad) 2rem;background-color:var(--pink-bright);color:#fff}main section.makeithappen .scribble-list li{background-image:url("../img/gfx/scribble-pink.png")}main section.contact_head{padding-top:27rem;color:#fff;background-image:url("../img/bg/orange-door.jpg");background-position:top}main section.contact_head h1{padding:0}main section.contact_head a.fab{width:3rem;margin:.2rem;padding:1rem;border-radius:3rem;font-size:3rem;color:var(--yellow-dull);background:#fff}main section.contact_head a.fab:hover{text-decoration:none}main section.contact{background-color:var(--yellow-bright)}main section.contact form{width:100%}main section.contact form>div{position:relative;margin:1rem auto;text-align:left;font-size:1.5rem}@media(min-width: 768px){main section.contact form>div{width:80%;max-width:600px}}@media(min-width: 1024px){main section.contact form>div{max-width:800px}}main section.contact form>div p{text-align:left;padding:0;margin:0;font-size:1.5rem}main section.contact form>div p.error{color:red}main section.contact form>div p.success{color:green}main section.contact form>div input,main section.contact form>div textarea{position:relative;box-sizing:border-box;width:100%;height:4.5rem;background:var(--yellow-dull);border:1px solid var(--yellow-dull);padding:2rem 1.5rem 1rem}main section.contact form>div input:focus,main section.contact form>div textarea:focus{outline-style:none;border-color:#000}main section.contact form>div input:focus+label,main section.contact form>div input.hascontent+label,main section.contact form>div textarea:focus+label,main section.contact form>div textarea.hascontent+label{font-size:1rem;top:4px;color:var(--highlight-colour)}main section.contact form>div textarea{height:15rem}main section.contact form>div label{position:absolute;top:1rem;left:1.5rem;text-align:left;font-size:1.5rem;pointer-events:none;transition:all .2s ease-in-out}main section.contact form>div button{display:block;width:100%;background:none;border:2px solid #000;padding:1rem 1.7rem 1rem 2rem;font-size:1.2rem;font-weight:500;letter-spacing:.3rem;text-transform:uppercase;cursor:pointer}main section.contact form>div button:hover{background-color:var(--yellow-dull);transition:all .4s ease-in-out}/*# sourceMappingURL=main.css.map */