@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;800&display=swap');


:root {
    --bs-primary:#173928;
    --bs-primary-rgb:23,57,40;
    --bs-secondary:#b4a363;
    --bs-secondary-rgb:180,163,99;
}

body {
    padding-top:128px;
}
.anchor-offset { scroll-margin-top: 128px; }

/* -- standard colours --*/
.btn-primary { background-color:var(--bs-primary); border-color:var(--bs-primary);}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color:var(--bs-primary); border-color:var(--bs-primary); box-shadow:inset 0 0 0 1000px rgba(0,0,0,.1);}
.btn-secondary { background-color:var(--bs-secondary); border-color:var(--bs-secondary); text-transform:uppercase; color:#fff;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { background-color:var(--bs-secondary); border-color:var(--bs-secondary); box-shadow:inset 0 0 0 1000px rgba(0,0,0,.1);}
.btn-white { color:#fff; border-color:var(--bs-secondary); background-color:var(--bs-secondary); font-weight:400; padding:0.45rem 0.85rem; }
.btn-white:hover { color:#fff; border-color:#fff; background-color:var(--bs-primary); }
.border-primary { border-color:var(--bs-primary)!important; }
.btn-submit { min-width:150px; }

/* -- navbar --*/
/*.navbar { background-color:var(--bs-primary); font-weight:600; min-height:10vh;}*/
.navbar { padding-top:0; padding-bottom:0; font-weight:600; transition: all 0.5s linear;}
.navbar img { height:80px; width:auto; transition: all 0.5s linear; }
.offcanvas { background-color:rgba(0,0,0,0);}
.navbar-toggler {color:#fff; border-color:rgba(23,57,40,.65)!important;border-width:medium;}
.navbar-toggler-icon {background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(23,57,40, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")!important; }
.nav-link, .dropdown-item { color:#fff; transition: all 0.5s ease; text-transform: uppercase;}
.nav-link:hover, .nav-link:focus, .scrolled .nav-link:hover, .scrolled .nav-link:focus, .nav-link.active { color:var(--bs-secondary)!important; }
.dropdown-item:hover, .dropdown-item.active { background:none;color:var(--bs-secondary)!important; }
.navbar-brand { }
.info-navbar { height:35px; padding-right:3rem; background-color:var(--bs-primary);  }
.info-navbar i { color:var(--bs-secondary); }
.info-navbar a { color:#fff;text-decoration:none; font-size:14px; }
.navbar.scrolled { background-color:rgba(231,235,233,1); border-bottom:rgba(var(--bs-primary-rgb),.75) 2px solid; }
.scrolled .nav-link { color:var(--bs-primary); transition: color 0.5s ease; }
.scrolled img { height:55px; width:auto; }

/* -- backgrounds -- */
.green-textured-bg { background: url("../images/green-textured-bg.png") no-repeat center center; background-size:cover; }
.splash-bg { background: linear-gradient(rgba(var(--bs-primary-rgb), 0.35), rgba(var(--bs-primary-rgb), 0.15)), url("../images/1000027016-straight.png") no-repeat top 40% center; background-size:cover; }
.steps-bg { background: linear-gradient(rgba(var(--bs-primary-rgb), 0.75), rgba(var(--bs-primary-rgb), 0.65)), url("../images/steps.jpg") no-repeat center center; background-size:cover; }
.decking-bg { background: linear-gradient(rgba(var(--bs-primary-rgb), 0.75), rgba(var(--bs-primary-rgb), 0.65)), url("../images/decking.jpg") no-repeat center center; background-size:cover; }


/* -- typography -- */
h1, .h1, h2, .h2, h3, .h3 { text-transform:uppercase; }

/* -- services --*/
.service-wrapper { padding:1.5rem; display:flex; flex-direction: column; height:100%; }
.service-description { min-height:80px; flex-grow:1; }

/* -- testimonials -- */
.testimonial-wrapper { margin:1rem; background-color:#fff; padding:2rem; box-shadow: 0px 0px 10px #aaa; }
.testimonial-wrapper p { color:#000; font-size:14px; }
.testimonial-wrapper h3 { color:var(--bs-primary); }
.testimonial-wrapper .quote-icon i { font-size:36px; z-index:999; color:var(--bs-secondary) }
#carouselContactUsTestimonials { position:relative; /*background-color:#f9f9f9;*/ }
#carouselContactUsTestimonials .owl-dots { display:flex; justify-content: center; padding:10px 0px 10px 0px; }
#carouselContactUsTestimonials .owl-dot { background-color:rgba(var(--bs-primary-rgb),0.5);padding:5px; width:10px;height:10px; margin:5px; border-radius:50%; }
#carouselContactUsTestimonials .owl-dot.active { background-color:var(--bs-primary); }
#carouselContactUsTestimonials .quote-icon i { color:var(--bs-primary)!important }
#carouselContactUsTestimonials .owl-stage { display:flex; }
#carouselContactUsTestimonials .owl-item { margin-top:auto;margin-bottom:auto; }

.social-icons img { height:50px; width:auto; }

.hr-wording { display:flex;flex-direction:row; }
.hr-wording span { padding-left:15px; padding-right:15px; }
.hr-wording:before, .hr-wording:after { content:""; flex:1 1; border-bottom:2px solid var(--bs-primary); margin:auto; }
.hr-wording-white:before, .hr-wording-white:after { border-bottom:2px solid #fff!important; }

footer { background-color:#444; min-height: 10vh;  }
footer a { color:var(--bs-secondary); text-decoration: none; }
footer a:hover { color: var(--bs-primary); text-decoration:underline; }
footer h4 { padding-bottom:1rem; border-bottom:1px solid #fff; color:#fff; }
.copyright-banner { color:#fff;border-top:1px solid #fff; }

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .info-navbar { padding-right:0; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .navbar { background-color:rgba(231,235,233,1); }
    .nav-link, .dropdown-item { color:var(--bs-primary); }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}