@charset "utf-8";
/* CSS Document

colours:
Emerald Green: #135C2F / 19,92,47
Complimentary Purple: #5C1340 / 92,19,64
Monochromatic Green: #1C8645 / 28,134,69

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

:root {
    --bs-primary:#135C2F;
    --bs-primary-rgb:19,92,47;
    --bs-secondary:#5C1340;
    --bs-secondary-rgb:92,19,64;
    --bs-tertiary:#1C8645;
    --bs-tertiary-rgb:28,134,69;
}
/* -- standard colours --*/
body { /*background-color:#f6f9fc*/background-color:#FDFDFD;padding-top:95px; }
a { color: var(--bs-primary); }
.btn { text-transform:uppercase; font-weight:500; }
.btn-primary { background-color:var(--bs-primary); min-width:150px; border: 0px; padding: 12px 30px; margin-top: 20px; border-radius: 5px; }

.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color: var(--bs-primary); color:#fff; }
.btn-primary.disabled, .btn-primary:disabled { background-color:#1C8645; box-shadow:inset 0 0 0 1000px rgba(255,255,255,.4);}
.btn-secondary { background-color:var(--bs-secondary); border-color:var(--bs-secondary);  min-width:150px;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { background-color:#13405c; border-color:#13405c; box-shadow:inset 0 0 0 1000px rgba(0,0,0,.1);}
.gradient-bg { background: rgb(19,92,47); background: linear-gradient(90deg, rgba(19,92,47,1) 0%, rgba(19,92,47,1) 60%, rgba(32,155,79,1) 100%); }
.deleteRowBtn { background:none;border:none;color:var(--bs-primary) }
.btn-dashboard { height:125px;width:150px;display:flex;margin:auto; }
.btn-dashboard span { margin:auto; }

.navbar { background: #fff; border-bottom: 1px solid #dbdbdb; padding-top:0.7rem; padding-bottom:1.2rem; height:95px;}
.navbar .nav-item { padding-left:1.5rem;font-size:14px; margin-top:auto;margin-bottom:auto; text-transform: uppercase}
.navbar .nav-link:hover { border-bottom: 1px solid var(--bs-primary); }
.navbar .nav-link:hover { color:var(--bs-primary) !important;}
.navbar-light .navbar-nav .nav-link { color:rgba(0,0,0,.65);  }
.nav-link.active { border-bottom: 1px solid var(--bs-primary); }
.nav-link.active { font-weight:700;color:var(--bs-primary)!important; }
.dropdown-item:hover, .dropdown-item.active { background:none;color:var(--bs-primary)!important; }

footer { background-color:#eeeeee; }
.mainlogo { width:auto; max-width: 90%; text-align: center; }
/*.homebg { background: url(../images/Clouds1.png) no-repeat center; background-size:cover; background-position:bottom; min-height:calc(100vh - 90px); }*/
.homebg { background: url(../images/green-clouds-1.png) no-repeat center; background-size:cover; background-position:bottom; min-height:calc(100vh - 90px); }
.homebg { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url(../images/green-clouds-1.png); }
.homebg .btn-primary, .promotion .btn-primary { padding: 20px 30px; background-color: #fff; color: var(--bs-primary);  }
.homebg .btn-primary:hover, .promotion .btn-primary:hover {  background-color: var(--bs-primary); color:#fff; /*border:1px solid #ffffff;*/  }
.homebg i { margin-left: 10px; }
.homebg img { margin-bottom: 50px; }
.homebgtextcontainer { padding:1rem 0; }
.cloud-bg {background: url(../images/cloud.png) no-repeat; background-position:left top; height:150px; text-align:center; display:flex; justify-content: start}
.book-bg { background: url(../images/servicesbg2.jpg) no-repeat; background-position:right; background-size:cover; }
.contact-bg { min-height:300px; background: url(../images/contactus2.jpg) no-repeat; background-position:center; background-size:cover; }
/*.contactform-bg { background-image: linear-gradient(to right, rgba(33,45,69,0.8), rgba(33,45,69,0.8)), url(/images/contactformbg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; }*/
.contactform-bg { background-image: linear-gradient(to right, rgba(33,45,69,0.8), rgba(33,45,69,0.8)), url(/images/green-building-1.png); background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff;}
.contactform-bg .form-label { color:#fff; }
.contactform { margin-top:-150px }
.radial-bg { background: rgb(19,92,47); background: radial-gradient(circle, rgba(19,92,47,1) 0%, rgba(32,155,79,1) 100%); }

h1, h2 { font-family: 'Metrophobic', sans-serif; color:var(--bs-primary); text-transform:uppercase}
h1 { font-weight:700;font-size:3.2rem; }
h2 { font-weight:700;font-size:2.0rem; }

.service-item ul { text-align: center; list-style-position: inside; list-style: none; padding-left: 0px; line-height: 2.2; }
.service-item i { line-height: 1.4;vertical-align: -0.1em !important; font-size: 20px; margin-right: 3px !important; }

.vertical-divider { border-right:1px solid var(--bs-primary); }

.homepageblurb { font-weight:400;margin-bottom:1rem; }
.howtocard { border:5px solid var(--bs-primary);border-radius:15px; height:100%; }
.howtocardbadge { position:absolute;color:var(--bs-primary);background-color:#fff;display:flex;top:50%;transform:translateY(-50%);width:95px;height:95px;right:15px;border:5px solid var(--bs-primary);border-radius:50%; }
.howtocard .card-header { color:#fff;/*background-color:#C6DAD5;*/ padding:0px; border-bottom:2px solid rgba(var(--bs-primary-rgb),0.525);border-top-right-radius:10px;border-top-left-radius:10px;background: linear-gradient(90deg, rgba(116,159,132,1) 0%, rgba(78,133,99,1) 100%); }
.howtocardarrow { text-align:center;color:var(--bs-primary);position:absolute;top:50%;height:70px;width:70px;z-index:9999;font-size:46px; }

.promotion { background-color:var(--bs-primary); color:#fff;}

.blog-content h1 { font-size:3.2rem;text-align:center;padding-bottom:2rem; }
.blog-content h2, .dropdown-style h2, .note-editable h2 { font-size:2.7rem;text-transform: uppercase }
.blog-content h3, .dropdown-style h3, .note-editable h3 { font-size:2rem;text-transform: uppercase }

.blog-thumbcards img { height:222px;width:336px; }
.blog-thumbcards a { text-decoration:none; }
.blog-card a:hover { background-color:#ededed; }

.link-padding { scroll-margin-top: 50px; position:relative; padding-top:100px; margin-top: -100px; }
.servicesubheader { border-bottom:1px solid rgba(33,33,33,0.25); }
.service-item {  }
.service-item .btn { margin-top:1rem;margin-bottom:1rem; }
.service-item-title { height:100px;display:inline-flex;width:100%;background-color:#fff; }
.service-item span { background-color:#fff; }
.service-item img { width:100%; height:auto; margin-bottom:20px; }
.service-item h4 { color: var(--bs-primary);font-size:25px; display:inline-block; margin-bottom: 30px; margin-top: 10px; }
.service-item .text-center { border:1px solid #dddddd ;margin:0.5rem;padding:0px;border-radius:0px;display:flex;flex-direction:column;}

.service-item p { margin-bottom:0.5rem;margin-top:0.5rem;font-weight:500; }
.service-item-btn { background-color:#fff; }

.service-cards .card { margin-bottom:calc(var(--bs-gutter-x) * 1); perspective: 1000px; height:200px; border:none; background-color:inherit;}
.service-cards .card-content { box-shadow: 0 2rem 2rem rgba(0, 0, 0, .5);transition: all 1s;position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility: hidden;background-color:#fff;border-radius:20px;display:flex;}
.service-cards .card-body { display:flex;flex-direction: column }
.service-cards .card-text { display:flex;-webkit-line-clamp: 3;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; width:100%;}
.service-cards .btn { position:absolute;bottom:10px;right:15px;width:150px; }

.service-cards .card-front { box-shadow:inset 0 0 0 1000px rgba(0,0,0,.4); background-size:cover; }
.service-cards .card-front .card-title { /*color:var(--bs-tertiary);*/color:#fff;font-weight:700;font-size:2.2rem;margin:auto;text-align:center; }

.service-cards .card-back{ transform:rotateX(180deg);}
.service-cards .card-back .card-title { color:var(--bs-tertiary);font-weight:700; }

.service-cards .card:hover .card-content { transform: rotateX(180deg); }
.service-cards .card:hover .card-front { transform: rotateX(-180deg);}
.service-cards .card:hover .card-back { transform: rotateX(0); }
.service { padding-bottom:20px; }
.service h4 { color:var(--bs-primary);text-decoration: underline }

.popover-header { color:#fff;background-color:var(--bs-primary); }
.popover-body {  }

.personalTaxRow { display:none; }
.price-box { right:0px; top:100px; border-radius:10px; padding:15px;  }
.price-box .h5 { font-size:1.25rem; }
.price-box .price-box-price { font-size:1.25rem; }
.price-box-subtotal { border-radius:10px; padding:15px; background: rgb(19,92,47);
    background: radial-gradient(circle, rgba(19,92,47,1) 0%, rgba(32,155,79,1) 100%); color:#fff;font-weight:700; }
.accordion-button { /*background-color:var(--bs-primary);*/ color:#fff;background: url(../images/emeralds-cropped2.jpg) no-repeat center; background-size:cover; background-position:center; border:1px solid var(--bs-primary) }
.accordion-button:not(.collapsed) { background-color:rgba(var(--bs-primary-rgb),0.75);color:#fff }
.accordion-button:focus { border-color:var(--bs-primary); box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb),0.25) }
.accordion-button::after { background-image:none; font-family: "Font Awesome 5 Free"; font-size:20px; font-weight:900; content: "\f107"; color:#fff; }
.accordion-button:not(.collapsed)::after { background-image:none; }

.form-label { color:var(--bs-primary);font-weight:600; }

#proposal table { border-spacing:7px;border-collapse: separate; }
#proposal th { background-color:#135C2F; color:#ffffff; }
#proposal .total { background-color:#209B4F;color:#ffffff; }
#proposal td { background-color:#F6F6F6;border-bottom:none!important; }

/*-- policies --*/
#policycontainer { background-color:#fff;counter-reset:section!important; }
#policycontainer .list-group-item { border:none; }
#policycontainer .list-group-item::before { margin-left:-1.5rem;; }
#policycontainer .list-group-numbered{ counter-reset:none!important; }
#policycontainer p, #policycontainer span { color:#212529; }

/* summertone fixes */
.note-dropdown-menu { text-wrap:nowrap; }
.note-modal-footer { height:50px!important; }
.note-editable { background-color:#fff; }
.note-btn.dropdown-toggle:after { content: none!important; }

.about-me-photo { width:100%;height:auto;border-radius:15px; }
.trustpilot-widget { padding: 30px; background-color: var(--bs-primary); }

#navbarToggler { background: #fff; }
.logobanner { background-color: #fff; padding: 20px; width: 100%; text-align: center; }
.logobanner img { max-width: 100%; }

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .howtocardbadge{ right:-15px; }
    .blog-thumbcards img { height:184px;width:276px; }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .homebgtextcontainer { padding:1rem 0; }
    .service-item-title { height:100px; }
    .blog-thumbcards img { height:144px;width:215px; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .btn { font-size: 0.8rem; }
    .homebgtextcontainer { padding:1rem 0; }
    .homebgimgcontainer { padding:3rem 0;}
    /*.homebg { height:calc(100vh - 90px); }*/
    .service-cards .card-front .card-title { font-size:1.7rem; }
    .service-item-title { height:100px; }
    .howtocardarrow { font-size:36px; }
    .vertical-divider { border-right:none; }
    .contact-bg { min-height:150px; }
    .contactform { margin-top:-50px }
    .price-box .h5 { font-size:18px; }
    .price-box .price-box-price { font-size:16px; }
    .blog-thumbcards img { height:172px;width:260px;/*height:auto;width:100%;*/ }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    h1 { font-size:40px; }
    .blog-content h1 { font-size:32px; }
    .blog-content h2, .dropdown-style h2, .note-editable h2, h2 { font-size:24px; }
    .homebgtextcontainer { padding:1rem 0; }
    .homebgimgcontainer { padding:2rem 0;}
    .price-box { position:fixed; top:auto; bottom:50px; right:0px; margin-left:5px; margin-right:5px; width:auto; height:auto; }
    .price-box .h5 { font-size:14px; }
    .price-box .price-box-price { font-size:12px; }
    .howtocardarrow { display:none; }
    .homepageblurb { font-size:0.75rem }
    .book-bg { background-position: top 0px right -175px;box-shadow:inset 0 0 0 1000px rgba(255,255,255,.4); }
    .about-me-photo { width:50%; }
    .blog-thumbcards img { height:auto;width:100%; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .homebgtextcontainer { padding:0rem 0; }
    .homebgimgcontainer { padding:2rem 0; }
    .price-box { max-width:50vw;  }
    h1 { font-size:25px; }
}