:root{--light-grey:#efefef;--secondary-grey:#bcbcbc;--second-brand-grey:#6e6e6e;--brand-green:#63da4c;--dark-grey:#424242;--page-bg:#fff;--footer-bg:#424242;--footer-bg:var(--dark-grey);--footer-text-color:#fff;--button-text-color:#000;--button-bg:#63da4c;--button-bg:var(--brand-green);--button-bg-hover:#36c824}.carousel{width:100%;height:400px;max-height:80vh;background-color:#bcbcbc;background-color:var(--secondary-grey);background-position:50%;background-size:cover}@media (min-width:1000px){.carousel{height:500px;max-height:unset}}:root{--padding:16px;--gallery-img-size:160px;--nav-mobile-height:50px;--nav-menu-height:20px;--nav-drawer-horizontal-padding:24px;--nav-drawer-vertical-padding:22px}nav{width:100%;height:50px;height:var(--nav-mobile-height);background-color:#fff;background-color:var(--page-bg);position:relative}.nav-menu-icon svg{width:20px;width:var(--nav-menu-height);height:20px;height:var(--nav-menu-height);padding:15px;padding:calc((var(--nav-mobile-height) - var(--nav-menu-height)) / 2);fill:#242120}.nav-logo{width:100%;height:50px;height:var(--nav-mobile-height);position:absolute;left:0;top:0;text-align:center}.nav-logo svg{height:42px;height:calc(var(--nav-mobile-height) - 8px);margin:4px 0}.nav-content{width:100%;height:100%;position:fixed;top:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .4s ease-in;transition:-webkit-transform .4s ease-in;transition:transform .4s ease-in;transition:transform .4s ease-in,-webkit-transform .4s ease-in;background-color:#efefef;background-color:var(--light-grey);margin:0;padding:0;list-style:none}.nav-content.show{-webkit-transform:translateX(0);transform:translateX(0)}.nav-content li .nav-content__title,.nav-content li a{display:block;padding:22px 24px;padding:var(--nav-drawer-vertical-padding) var(--nav-drawer-horizontal-padding);text-decoration:none}.nav-content li:after{content:"";display:block;height:1px;background-color:#bcbcbc;background-color:var(--secondary-grey);margin:0 24px;margin:0 var(--nav-drawer-horizontal-padding)}.nav-content__title{text-transform:uppercase;font-size:22.4px;font-size:1.4rem}@media (min-width:1000px){nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto}.nav-menu-icon{display:none}.nav-logo{padding:0 24px;padding:0 var(--nav-drawer-horizontal-padding)}.nav-content,.nav-logo{width:unset;position:relative}.nav-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transform:none;transform:none;-webkit-transition:none;transition:none;background:none}.nav-content li:after{content:none}.nav-content .nav-content__title{display:none}}footer{padding:8px 0;padding:calc(var(--padding) / 2) 0;background-color:#424242;background-color:var(--footer-bg);color:#fff;color:var(--footer-text-color);text-align:center}.footer__facebook a{display:block;width:100%;padding:16px;padding:var(--padding);-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none}.footer__facebook .fb-icon{display:inline-block;vertical-align:middle;width:24px;width:calc(var(--padding) * 1.5);height:24px;height:calc(var(--padding) * 1.5)}.footer__facebook:after{content:"";display:block;height:2px;background:gray;margin:8px 0;margin:calc(var(--padding) / 2) 0}.footer__logo{max-width:280px;margin:0 auto}@media (min-width:1000px){.footer__facebook:after{content:none}}.album ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style:none;margin:0;padding:0}.album ul li{width:160px;width:var(--gallery-img-size);height:160px;height:var(--gallery-img-size);margin:4px;border-color:#6e6e6e;border:4px solid var(--second-brand-grey)}.album ul li:hover{border-color:#63da4c;border-color:var(--brand-green)}.album ul li img{width:160px;width:var(--gallery-img-size);height:160px;height:var(--gallery-img-size);-o-object-fit:cover;object-fit:cover}.gallery__view-more{display:none}.gallery__view-more:nth-child(8){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;text-align:center;font-size:1.2em;border-color:transparent;background-color:#6e6e6e;background-color:var(--second-brand-grey);color:#fff;color:var(--page-bg)}.gallery__view-more a{text-decoration:none}@media (max-width:384px){.album ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.services-list{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;grid-gap:var(--padding);list-style:none;text-align:center}.service-icon:hover{cursor:pointer}.service-icon:before{content:"";width:100px;height:100px;display:block;background-repeat:no-repeat;background-position:50%;background-color:#63da4c;background-color:var(--button-bg);border-radius:100%;margin:0 auto;margin-bottom:8px;margin-bottom:calc(var(--padding) / 2)}.service-icon:before:hover{background-color:#36c824;background-color:var(--button-bg-hover)}.service-icon.extensions:before{background-image:url(/images/services/extensions.png)}.service-icon.renovations:before{background-image:url(/images/services/house-renovations.png)}.service-icon.driveways:before{background-image:url(/images/services/driveways.png)}.service-icon.fencing:before{background-image:url(/images/services/fencing.png)}.service-icon.loft-conversions:before{background-image:url(/images/services/loft-conversions.png)}.service-icon.patios:before{background-image:url(/images/services/patios.png)}.service-icon.landscaping:before{background-image:url(/images/services/landscaping.png)}.service-icon.bathrooms:before{background-image:url(/images/services/bathrooms.png)}@media (min-width:1000px){.services-list{margin:32px 0;margin:calc(var(--padding) * 2) 0;grid-template-columns:1fr 1fr 1fr 1fr}}body,html{padding:0;margin:0;font-family:sans-serif}body{background-color:#fff;background-color:var(--page-bg)}a{color:inherit}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif;font-weight:500}h2{font-size:38.4px;font-size:2.4rem;text-transform:uppercase}h2:after{content:"";display:block;width:55%;height:3px;background-color:#63da4c;background-color:var(--brand-green);margin-top:16px;margin-top:1rem}img{max-width:100%;height:auto}.inner-content{max-width:840px;padding:0 16px;margin:0 auto}main>section{padding-top:32px;padding-bottom:32px}#projects h2{margin-bottom:0}.u-flex-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#contact{background-color:#efefef;background-color:var(--light-grey)}#contact a{text-decoration:none}.contact__form-container p{margin-top:0}.contact__img{display:none}.contact-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contact-form textarea{height:120px}input,textarea{margin:8px 0;padding:16px;font-family:inherit}.button,button,input[type=submit]{display:inline-block;background-color:#63da4c;background-color:var(--button-bg);color:#000;color:var(--button-text-color);text-decoration:none;border:none;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;margin-bottom:0;padding:16px;text-transform:uppercase}.button:hover,button:hover,input[type=submit]:hover{background-color:#36c824;background-color:var(--button-bg-hover)}.services__img{display:block;-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out;width:100%;height:300px;margin-top:16px;margin-top:var(--padding);background-position-x:center;background-position-y:bottom;background-size:cover}@media (max-width:260px){body{font-size:14px}h2{font-size:1.4rem;text-transform:uppercase}}@media (min-width:760px){.contact__form-container{max-width:360px}.u-flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.contact__img,.services__img{margin-left:32px}.contact__img{background-image:url(/images/contact-image.jpg)}.contact__img,.services__img{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto;height:auto;margin-top:0;background-position-x:center;background-position-y:bottom;background-size:cover}}
/*# sourceMappingURL=main.css.map */