@import url(../fonts/font.css);*,*:before,*:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}img{display:block;max-width:100%}a{color:#000;text-decoration:none;transition:color .3s, background .3s, border .3s}a:hover{color:#7AB55C}.cf:after{content:"";display:table;clear:both}html{height:101%;font-family:'Reader', sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0 auto;font-size:1em;line-height:1.5em;padding:1.5em;max-width:100%;background:#fff;color:#222}body.page-home,body.page-sites{background:#E3E3E8}body.page-home:before,body.page-sites:before{content:'';position:absolute;top:0;left:0;width:100%;height:460px;background-color:#fff;z-index:-1}.header{margin-bottom:2.5em}.logo{display:block;position:relative;top:-1px;margin-bottom:8px;background:url(../images/logo.png) no-repeat left 0px;background-size:32px;padding:10px 0 10px 50px}.logo img{width:2em}.menu a{display:block;color:#222}.menu a:hover{color:#7AB55C;text-decoration:none}.menu .active{color:#7AB55C}.menu li{list-style:none}.menu>li{position:relative}.menu>li>a{padding:.35em 0;border-top:1px solid #ddd;font-weight:600}.submenu{position:absolute;z-index:1;display:none;left:1em}.submenu:before{position:absolute;z-index:-1;content:'';top:-.5em;left:0;border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-left:.5em solid #222}.submenu li{border-bottom:1px solid #444}.submenu a{padding:.5em 1.5em;font-size:.9em;font-weight:300;color:#fff;background:#222;white-space:nowrap}.submenu a:hover{background:#333;color:#fff}@media screen and (min-width: 40em){body{padding:3em}.logo{float:left}.menu{float:right;margin-right:-1em;margin-top:-0.2rem}.menu>li{float:left}.menu>li>a{padding:10px 1em 0px;border:0}.menu a span,.menu a.active span{position:relative;top:2px;display:block;padding-bottom:1em;border-bottom:2px solid transparent}.menu a.active span{border-bottom:2px solid #7AB55C}.menu>li:hover .submenu{display:block}}h1{font-size:2em;line-height:1.25em;font-weight:400;margin-bottom:.5em}h2{font-size:2em;line-height:1.25em;font-weight:300;margin-bottom:.5em;color:#7AB55C}h3{font-size:1.2em;line-height:1.5em;font-weight:500;margin:0 0 .5em 0}h4{font-size:1.125em;font-weight:600;line-height:1.5em;margin-bottom:.5em;color:#7AB55C}h1 a,h2 a,h3 a,h4 a{color:inherit;border:0 !important}.main{padding-bottom:1.5em}.main hr{margin:3em 0;height:2px;background:#ddd}.main p,.main figure,.main ul,.main ol{margin-bottom:1.5em}.main a{border-bottom:2px solid #ddd}.main a:hover{border-color:#222}.text ul,.text ol{margin-left:1em}.btn,.main .btn{padding:10px 14px;text-decoration:none;border:2px solid #7AB55C;border-radius:3px}.btn.fill{background:#7AB55C}.tagline{margin-bottom:0em;color:#777}@media screen and (min-width: 50em){.tagline{width:33%}}.meta{margin-bottom:1.5em}.meta li{display:block;list-style:none;margin-right:2em;margin-bottom:1em;color:#7AB55C}.meta li b{font-weight:400;color:#000;padding-right:.25em}.visit{float:right}.platform,.site-by{display:flex;margin-bottom:1.5em;align-content:flex-start;font-size:.8rem}.platform span,.site-by span{padding:.5em .8em;border:1px solid #000;border-radius:5px;flex:0 auto}.platform span:first-child,.site-by span:first-child{color:#777;border-right:none;border-radius:5px 0 0 5px}.platform span:last-child,.site-by span:last-child{border-radius:0 5px 5px 0}.platform span a,.site-by span a{display:block;text-decoration:none;border:none;height:100%}.platform{margin-top:3em}.meta .tags{display:flex;align-content:flex-start;margin-bottom:1.5em}.tags span{margin-right:1em;padding:.5em 1em;text-transform:capitalize;background:#E3E3E8;color:#777;border-radius:4px;font-size:.85rem}.meta .url{display:none}.page-about .text h1,.page-submit .text h1{margin-bottom:30px}@media screen and (min-width: 40em){.platform span,.site-by span{font-size:1rem}}.teaser{list-style:none;margin-top:5em}.teaser li{margin-bottom:3em;list-style:none;position:relative}.teaser img{border:1px solid rgba(0,0,0,0.15);display:block;width:100%;height:auto}.teaser .outbound{height:50px;width:50px;line-height:52px;display:block;cursor:pointer;background:#fff;position:absolute;bottom:20px;text-align:center;right:20px;border:none;opacity:0;cursor:pointer;transition:.3s ease;box-shadow:4px 4px 0 rgba(0,0,0,0.3)}.teaser li:hover .outbound{opacity:1;transition:.15s ease}.teaser a.img{position:relative;display:block}.main .teaser a.img{border-bottom:none}.teaser a.img:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background:rgba(0,0,0,0.5);transition:.1s ease}.teaser li:hover a.img:after{opacity:1}@media screen and (min-width: 50em){.teaser li{float:left;width:49%;margin-left:2%}.teaser li:nth-child(2n+1){margin-left:0}}.project-single h1{margin-top:2em;margin-bottom:2em}.project-single .text img{display:block;border:6px solid rgba(0,0,0,0.04)}@media screen and (min-width: 50em){.project-single figure:nth-child(2){width:70%}.project-single figure:nth-child(2) img{width:100%;height:auto}.project-single figure:nth-child(3){width:70%;float:right;position:relative;z-index:9}.project-single figure:nth-child(3) img{width:100%;height:auto}}.table{width:100%;margin-bottom:3rem}.table a{transition-duration:.05s}.table td{border-bottom:1px solid #eee;padding:.5rem 0 .5rem 0;width:30%;color:#777}.table td a{border:none;color:#777}.table td a:hover{color:#7AB55C}.table td:first-child{width:30%}.table td:first-child a{display:block;color:#000}.table td:first-child a:hover{color:#7AB55C}.table td:last-child{width:10%;text-align:right}.table td:last-child a{border:none;color:#000}.table td:last-child a:hover{color:#7AB55C}.table .tags div{display:flex;flex-wrap:wrap}.table .tags span{margin:.125em .3em;padding:.175em .75em;text-transform:capitalize;background:rgba(227,227,232,0.5);color:#777;border-radius:3px;font-size:.75rem}.table h3,.table p{margin:0}.table thead td{color:#aaa;padding:0 0 1rem 0}@media screen and (max-width: 50em){.table td:nth-child(2),.table td:nth-child(3){display:none}}.nextprev{padding:1em 0}.nextprev a{border:0;padding:10px 15px;border:2px solid #ddd;border-radius:4px}.nextprev .prev{float:left}.nextprev .next{float:right}.pagination{margin-bottom:45px}.pagination a{background:#fff;color:#7AB55C;padding:10px 15px;border:2px solid #ddd;border-radius:4px}.pagination a:hover{color:#000}.pagination .next{text-align:right}.similar{margin-top:3em;padding-top:3em;border-top:2px solid #7AB55C}form{margin:3em 0;display:block;width:100%}form input{display:block;border:1px solid #ccc;padding:12px;margin-bottom:.5em}form input.input{width:100%;font-size:1.6em;font-weight:300}form label span{color:#7AB55C;display:block;margin-bottom:.25em}form .btn{margin-top:1em;cursor:pointer;font-size:1.4em;background:none;color:#000;text-decoration:none;transition:color .3s, background .3s, border .3s;font-weight:600}.uniform__potty{position:absolute;left:-9999px}@media screen and (min-width: 50em){.page-submit .text{margin:100px auto;margin-left:50%}.page-about .text{margin:100px auto;margin-left:50%}}.footer{padding:1em 0 6em;font-size:.8em}.copyright{float:left;color:#999}.colophon{float:right}.colophon a{color:#7AB55C}.colophon a:hover{color:#000}.colophon a b{color:#7AB55C;padding-left:.25em}