.content h3 a{border-bottom:1px solid #8db87c;padding-bottom:0.5em}body{background-color:#f5f5f5;margin:0;font-weight:16px}p a,li a{border-bottom:1px solid #171717;color:#171717;text-decoration:none;transition-duration:500ms}p a:hover,p a:active,li a:hover,li a:active{border-color:#8db87c}p{font-family:"Raleway",Arial,sans-serif;font-size:1em;line-height:1.4;letter-spacing:0.01em}h1,h2,h3{font-family:"Roboto Slab",Times,serif}.container{background-color:#f5f5f5;display:grid;grid-template-columns:repeat(12, [col-start] 1fr);gap:1em;margin:0 auto;max-width:1080px;width:100%}header{grid-column:1/13}nav{display:flex;flex-flow:column wrap;padding:0 8%}@media screen and (min-width: 768px){nav{flex-flow:row nowrap}}nav .logo{align-items:center;display:flex;flex-grow:1;flex-direction:column;order:1}@media screen and (min-width: 768px){nav .logo{order:2;flex-grow:1}}nav .logo a img{border-bottom:1px solid #171717;margin-bottom:1em;object-fit:scale-down;max-width:165px;height:88px}nav .nav1,nav .nav2{align-items:center;display:flex;flex-grow:2;flex-direction:column;padding-left:0;justify-content:space-evenly}@media screen and (min-width: 768px){nav .nav1,nav .nav2{flex-basis:25%;flex-flow:row wrap;justify-content:space-evenly;order:unset}}nav .nav1 a,nav .nav2 a{color:#171717;font-family:"Roboto Slab",Times,serif;font-size:110%;margin:5px;text-decoration:none;text-transform:uppercase}@media screen and (min-width: 768px){nav .nav1 a,nav .nav2 a{border-bottom:1px solid #171717;padding-bottom:0.75em;text-align:left;font-size:110%;transition-duration:500ms;transition-timing-function:ease}}nav .nav1 a:hover,nav .nav1 a:active,nav .nav2 a:hover,nav .nav2 a:active{border-color:#8db87c}nav .nav1 a.current-page,nav .nav2 a.current-page{color:#8db87c;border-bottom:2px solid #8db87c}nav .nav1{order:2}@media screen and (min-width: 768px){nav .nav1{order:1;justify-content:space-evenly}}nav .nav2{order:3}.splash{align-items:center;background:url(../images/fence-panel.jpg) no-repeat 0 0;background-attachment:fixed;background-size:cover;display:none;grid-column:1/13;height:50vh;text-align:center}@media screen and (min-width: 768px){.splash{display:flex;height:70vh}}@media screen and (min-width: 320px) and (max-width: 1080px) and (orientation: landscape){.splash{height:400px}}.splash.content-page{height:50vh}.splash.fencing{background:url(../images/fence-and-gate.jpg) no-repeat 0 50%;background-size:cover}.splash.decking{background:url(../images/decking.jpg) no-repeat 0 0;background-size:cover}.splash.gates{background:url(../images/gate-with-wall.jpg) no-repeat 0 0;background-size:cover;height:50vh}.splash.post-and-rail{background:url(../images/post-and-rail.jpg) no-repeat 0 0;background-size:cover}.splash .splash-content{flex-grow:1;padding:0.5em;padding-top:0;text-align:center}.splash .splash-content h1{margin:0 0 0.5em;font-family:"Roboto Slab",Times,serif;font-weight:800;font-size:calc(38px + 6 * ((100vw - 320px) / 680));text-shadow:0px 0px 0px rgba(0,0,0,0.2)}.splash .splash-content p{font-family:"Raleway",Arial,sans-serif;font-weight:600;font-size:calc(16px + 6 * ((100vw - 320px) / 680));margin:0 0 0.5em}.splash .splash-content .more{backdrop-filter:blur(2px);background:transparent;border:2px solid #333;color:#171717;cursor:pointer;display:inline-block;font-family:"Roboto Slab",Times,serif;font-size:120%;margin-top:2em;padding:0.5vw 2em;transition-duration:200ms}.splash .splash-content .more:hover,.splash .splash-content .more:active{backdrop-filter:blur(8px)}.banner{background-color:#8db87c;display:flex;flex-wrap:wrap;grid-column:1/13;padding:0.5em 0;row-gap:0}.banner p.banner-item{color:#f5f5f5;display:inline-block;flex-grow:1;font-family:"Roboto Slab",Times,serif;font-size:100%;margin:0.5em;text-align:center}@media screen and (min-width: 768px){.banner p.banner-item{margin:0.75em 0 1em}}.banner p.banner-item:before{content:"";display:inline-block;height:20px;margin-right:7px;position:relative;top:5px;width:20px}.banner p.banner-item.tick:before{background:url(../images/icon-tick.svg) no-repeat 0 0;background-size:20px}.banner p.banner-item.smile:before{background:url(../images/icon-smiley.svg) no-repeat 0 0;background-size:20px}.banner p.banner-item.phone:before{background:url(../images/icon-phone.svg) no-repeat 0 0;background-size:20px}.banner p.banner-item a{border-bottom:#8db87c 1px solid;color:#fff;text-decoration:none}.banner p.banner-item a:hover,.banner p.banner-item a:active{border-bottom-color:#fff}.content{grid-column:1/13;display:flex;flex-flow:column wrap;font-family:"Raleway",Arial,sans-serif}@media screen and (min-width: 768px){.content{flex-flow:row nowrap}}@media screen and (max-width: 960px){.content{margin-left:0.5em;margin-right:0.5em}}.content>div{padding:1em;background-color:#eee;align-items:stretch}.content h1,.content h2,.content h3{display:block;letter-spacing:0.02em;margin-bottom:0.5em;margin-top:0.5em}.content h1{font-size:calc(18px + 6 * ((100vw - 320px) / 680))}@media screen and (min-width: 1080px){.content h1{font-size:21px}}.content h2{font-size:calc(16px + 6 * ((100vw - 320px) / 680))}@media screen and (min-width: 1080px){.content h2{font-size:19px}}.content h3{font-size:calc(16px + 6 * ((100vw - 320px) / 680))}@media screen and (min-width: 1080px){.content h3{font-size:18px}}.content h3 a{color:#171717;text-decoration:none;transition-duration:750ms}.content h3 a:hover,.content h3 a:active{color:#8db87c}.content .content-50{flex-flow:column nowrap;display:flex;justify-content:flex-start;vertical-align:top;align-items:flex-start}@media screen and (min-width: 768px){.content .content-50{flex-flow:row wrap;width:50%}}.content .content-50 img{width:100%;object-fit:contain}.content .content-50:first-of-type{margin-left:0.5em;margin-right:0.5em}@media screen and (min-width: 425px){.content .content-50:first-of-type{margin-right:0;margin-left:0}}@media screen and (min-width: 768px){.content .content-50:first-of-type{margin-right:0.5em;margin-left:0}}.content .content-50:last-of-type{margin-left:0.5em;margin-right:0.5em}@media screen and (min-width: 425px){.content .content-50:last-of-type{margin-left:0;margin-right:0}}@media screen and (min-width: 768px){.content .content-50:last-of-type{margin-right:0.5em;margin-left:0}}.content .content-100{flex-grow:1}.content .callouts iframe{height:200px;width:100%}.content figcaption{font-family:"Raleway",Arial,sans-serif;font-size:14px;padding-top:0.25em}.button,form input[type="submit"]{border:1px solid #171717;color:#171717;display:block;font-family:"Raleway",Arial,sans-serif;font-size:1.1em;padding:5px 10px;text-align:center;text-decoration:none;transition:all 0.75s ease-in-out;margin-top:auto}@media screen and (min-width: 768px){.button,form input[type="submit"]{align-self:flex-end;width:50%}}.button:hover,.button:active,form input[type="submit"]:hover,form input[type="submit"]:active{border-color:#f5f5f5;background-color:#d4e8c1;color:#333}.call-to-action{font-size:1em}.call-to-action a{border:none}form{align-items:left;display:grid;grid-column:1/13;grid-template-columns:repeat(12, [col-start] 1fr);gap:1vw;justify-content:left;padding-top:2em}form label{align-self:top;grid-column:1/13;font-family:"Raleway",Arial,sans-serif}@media screen and (min-width: 768px){form label{grid-column:1/4}}form input[type="tel"],form input[type="text"],form input[type="email"],form textarea{align-self:top;border:none;border-radius:0.5em;font-family:"Raleway",Arial,sans-serif;grid-column:1/13;font-size:110%;margin-bottom:1em;margin-top:0.5em;padding:0.5em 1em}@media screen and (min-width: 768px){form input[type="tel"],form input[type="text"],form input[type="email"],form textarea{grid-column:4/13}}@media screen and (min-width: 768px){form input[type="tel"],form input[type="text"],form input[type="email"],form textarea{margin-top:unset}}@media screen and (min-width: 768px){form input[type="text"],form input[type="tel"],form input[type="email"]{grid-column:4/9}}form input[type="submit"]{grid-column:1/13}@media screen and (min-width: 768px){form input[type="submit"]{grid-column:9/13;width:unset}}form input[type="text"].field-error,form input[type="tel"].field-error,form input[type="email"].field-error,form textarea.field-error{background-color:#ffb3b3;border:2px solid red}form input[type="text"].field-pass,form input[type="tel"].field-pass,form input[type="email"].field-pass,form textarea.field-pass{background-color:#fff;border:2px solid #8db87c}.form-status{background-color:#d4e8c1;border:1px solid #8db87c;border-left-width:10px;margin-bottom:3em;padding:1em;grid-column:1/13}footer{background-color:#f5f5f5;border-top:1px solid #171717;font-size:1em;font-family:"Roboto Slab",Times,serif;font-weight:300;grid-column:1/13;display:flex;flex-flow:column wrap;margin-top:5vh;text-align:center}footer .wrap{display:flex;flex-flow:column wrap;text-align:center}@media screen and (min-width: 768px){footer .wrap{flex-flow:row nowrap;align-content:space-between;padding:1em;text-align:left}}@media screen and (min-width: 1080px){footer .wrap{padding-left:0;padding-right:0}}footer .address{word-wrap:break-word;flex-grow:1;padding-top:1em}@media screen and (min-width: 768px){footer .address{word-wrap:break-word}}footer .address .company-name{font-size:110%;font-weight:400}footer .contact{border-bottom:none;flex-grow:1;font-size:90%;padding-top:1em}@media screen and (min-width: 768px){footer .contact{margin-top:1.25em}}footer .contact p{margin:0}footer .contact a.gf{color:#171717;font-weight:400;letter-spacing:0.05em;text-decoration:none}footer .contact a.gf:hover{border-bottom:1px solid #1b71b8}footer .contact a.gf span{color:#1b71b8;font-weight:800}footer .social{align-items:center;align-self:stretch;display:flex;justify-content:center;list-style-type:none;margin-top:2em;padding:0;width:100%}footer .social li a{border:none;display:block;margin:10px 5px;width:30px}.privacy h3{font-size:1.25em}.cookie{align-items:flex-start;background-color:#171717;bottom:110px;color:#fff;flex-flow:column;position:fixed;max-width:60%;min-width:40%;left:0;right:0;margin-left:auto;margin-right:auto;padding:1em;display:flex;display:none;text-align:center;transition:transform 0.3s ease;transform:translate(0, 230px)}@media screen and (min-width: 980px){.cookie{flex-flow:wrap}}@media screen and (min-width: 768px){.cookie{text-align:left}}.cookie .content{flex:0 1 calc(80%)}.cookie .content p{padding:0 0.5em}.cookie .content a{text-decoration:underline;color:white}.cookie .content h4{align-self:center;margin:0}.cookie .agreement{align-self:center;flex:1 1 calc(15%);display:flex;align-items:center;justify-content:center}.cookie button{background-color:#8db87c;border:none;color:#fff;cursor:pointer;font-family:"Raleway",Arial,sans-serif;font-size:1.1em;padding:0.5em 1em;transition:all 0.75s ease-in-out;width:auto}.cookie button:hover{background-color:#fff;color:#171717}.show{transform:translate(0, 110px)}
/*# sourceMappingURL=styles.css.map */