*{
margin:0px;
padding:0px;
box-sizing:border-box;
list-style: none;
text-decoration: none;
}
.get-a-quote{
margin-left: 30px !important;
}
.get-a-quote a{
background: #4F8B2F;
color: #fff !important;
border-radius: 12px !important;
padding: 15px 25px !important;
font-weight: 700 !important;
font-size: 18px !important;
}
.get-a-quote a:hover{
background: #F08A24;
}
.hfe-nav-menu{
align-items: center;
}
.current-menu-item a{
border-bottom:1px solid #CF4C35;
}
.sub-menu li a{
padding: 15px !important;
}
.bdt-ep-static-carousel-content{
gap:8px !important
}
.bdt-button-icon-align-right{
font-size: 12px !important;
line-height:0px !important;
}
.bdt-ep-static-carousel-text{
padding-bottom:0px !important;
}
.review-section-home .bdt-ep-review-card-carousel-item {
background: url(//www.shadetreelandscaping.ca/wp-content/uploads/2026/07/comma.webp), #FDFAF3 !important;
background-repeat: no-repeat !important;
background-position: 91% 86% !important;
background-size: 75px !important;
}
.review-section-home .swiper-wrapper{
margin-left: -17.5% !important;
}
.bdt-ep-review-card-carousel-content .bdt-ep-img-inline{
order:3 !important;
}
.bdt-ep-review-card-carousel-content .bdt-ep-review-card-carousel-text{
order:2 !important;
}
.bdt-ep-review-card-carousel-content {
display: flex;
flex-direction: column !important;
width: 100%;
height: 100%;
gap: 11px;
} .main-form-field {
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
}
.main-form-field .form-inner-field{
width: 50%;
}  .form-inner-field input, .textarea textarea , .form-inner-field select{
padding: 16px 25px;
border-radius: 30px;
margin-bottom: 25px;
width: 100%;
border:none;
outline: none;;
font-size: 16px;
font-family: 'manrope';
color:#fff !important;
background:#356A18;
}
.form-inner-field select{
color:#ffff !important
}
.form-inner-field input::placeholder, .textarea textarea::placeholder{
color:#fff !important;
}
.textarea textarea {
resize: none;
height: 150px;
}
.submit-btn p{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.submit-btn input[type="submit"]{
background-color: #F08A24;
font-family: "Manrope", Manrope;
font-size: 18px;
font-weight: 400;
line-height: 24px;
letter-spacing: 1px;
color: #FFFFFF;
border-style: none;
border-radius: 12px 12px 12px 12px;
padding: 015px 025px 015px 025px;
}
.submit-btn input[type="submit"]:hover{
background: transparent;
color:#fff;
border:1px solid #F08A24;
}
.wpcf7-not-valid-tip{
color: #f2bc63 !important;
font-size: 15px !important;
font-weight: normal;
display: block;
margin-bottom: 10px !important;
margin-top: -20px !important;
}
.wpcf7-response-output{
padding: 10px;
font-size: 15px !important;
text-align: center !important;
color: #fff !important;
margin-top: 10px !important;
}
select { -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 15px center !important;
background-size: 20px !important;
padding-right: 40px !important;
cursor: pointer !important;
}
.footer-cta-map iframe{
border-radius: 25px !important;
} .bdt-slide-desc{
margin: auto;
width: 1300px;
left: 50%;
height: 100%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
}
.banner-content {
width: 510px;
margin-top:0px
}
span.titlebtn {
border: 1px solid #FFFFFF33;
background: #FFFFFF1A;
font-size: 14px;
line-height: 20px;
padding: 8px 15px;
border-radius: 10px;
box-shadow: 0px 0px 12px rgba(0, 0, 0, .1);
}   
.banner-title{
color: #fff;
margin-top: 20px;
margin-bottom: 20px;
font-family: "DM Serif Display", Manrope;
font-size: 62px;
font-weight: 400;
line-height: 70px;
}
.banner-title h1 {
color: #fff;
margin-bottom: 20px;
}
.banner-button {
display: flex;
align-items: center;
gap: 30px;
margin-top: 20px;
}
a.primary-banner-btn {
background-color: #F08A24;
font-family: "Manrope", Manrope;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 1px;
color: #FFFFFF;
border: 3px solid #F08A24;
box-shadow: 0px 20px 25px -5px rgba(0,0,0,.10);
border-radius: 12px 12px 12px 12px;
text-wrap: nowrap;
padding: 015px 025px 015px 025px;
}
.secondary-banner-btn{
background-color: transparent;
font-family: "Manrope", Manrope;
font-size: 16px !important;
font-weight: 400;
line-height: 24px;
letter-spacing: 1px;
color: #FFFFFF !important;
border-radius: 12px 12px 12px 12px;
padding: 015px 025px 015px 025px;
border: 3px solid #fff;
text-wrap: nowrap;
}
.primary-banner-btn:hover, .secondary-banner-btn:hover{
background: #356A18;
border: 3px solid #356A18;
}
.slider-counter-banner{
display: flex;
gap: 100px;
margin-top: 100px;
position:relative;
font-family:'manrope';
}
.description-banner{
color:#F8F9F8CC;
}
.slider-counter-banner:after {
position: absolute;
left: 25px;
background: #fff;
height: 1px;
width: 82px;
content: '';
top: 50%;
}
.titlebtn{
text-wrap: nowrap !important;
}
.banner-content br{
display: none !important;
}
.slider-counter-banner p{
display: flex !important;
gap: 100px !important;
}
.static-grid-service-home-page .elementor-icon-box-wrapper {
justify-content: start;
}
.static-grid-service-home-page .elementor-icon-box-wrapper .elementor-icon-box-content {
flex-grow: inherit !important;
width: auto !important;
}
.review-section-home .bdt-ep-review-card-carousel-image {
overflow: hidden !important;
border-radius: 50%;
}
.review-section-home .bdt-ep-review-card-carousel-image img{
transform: scale(1.4) !important;
}     .ymc-grid-review-container{
column-count: 3;
column-gap: 20px !important;
display: inline !important;
}
.ymc-grid-review-card{
display: inline-block !important;
width: 100% !important;
break-inside: avoid;
-webkit-column-break-inside: avoid;
transition: .3s;
margin-bottom: 20px !important;
}
.ymc-grid-review-card p{
margin-bottom:20px !important;
} .hero-container-fluide {
background: #4F8B2F;
padding:80px 0px !important;
margin-bottom:80px;
}
.pg-hero{
max-width: 1300px !important;
margin: auto !important;
}
.hero-container-fluide  .banner-content{
margin: 0px !important;
width: 700px;
}
.hero-container-fluide .banner-content .titlebtn{
font-size: 16px;
color: #fff;
letter-spacing: 1.4px;
line-height: 24px;
text-transform: uppercase;
padding-block-start: 0px;
padding-block-end: 0px;
padding-inline-start: 7px;
padding-inline-end: 7px;
margin-block-end: 0px;
border-radius: 5px;
border-color: #FFFFFF33;
border-style: solid;
background-color: #F08A24;
box-shadow: 0px 10px 10px -4px rgba(0, 0, 0, .10);
display: inline-flex;
}
.pg-card{ background-color: #fff;
border-style: solid;
border-width: 1px 1px 1px 1px; border-color: #ddd;
border-radius: 030px 030px 030px 030px;
padding: 25px 25px 25px 25px;
transition: .5s all;
width: 32%;
}
.pg-card:hover{
border-color: #F08A24;
transform: translatey(-5px);
}
.pg-card-title{
margin-top:20px;
}
.pg-wrap{
max-width: 1300px !important;
padding:0px !important;
margin: auto;
}
.pg-view-gallery:hover{
color:#F08A24 !important;
}
.pg-card-image img{
height: 260px !important;
object-fit: cover !important;
border-radius: 20px 20px 20px 20px !important;
width: 100%;
}
.pg-card-desc{
color: #000000 ;
font-family: "Manrope", Manrope ;
font-size: 17px ;
font-weight: 300 ;
line-height: 25px ;
margin-top: 8px;
}
.pg-view-gallery{
gap: 10px;
color: #000000 !important;
font-family: "Manrope", Manrope;
font-size: 17px !important;
font-weight: 700 !important;
background: none !important;
padding: 0px !important;
letter-spacing: normal !important;
margin-top:10px !important;
cursor: pointer;
}
section.pg-wrap{
margin-bottom:80px;
}
.pg-heading{
text-align: center;
margin-bottom: 20px;
}
.pg-subheading{
max-width: 700px;
text-align: center;
margin: auto;
margin-bottom: 20px;
}
.pg-divider {
border: none;
border-top: 1px solid #e3e0d4;
margin-top:30px;
margin-bottom:40px;
}
.pg-grid {
display: flex;
gap: 25px;
text-align: left;
flex-wrap: wrap;
}
.pg-load-more-wrap {
display: flex;
justify-content: center;
margin-top: 36px;
}
.pg-load-more {
position: relative;
background: var(--pg-green);
color: #fff;
border: none;
border-radius: 6px;
padding: 12px 28px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
font-family: inherit;
}
.pg-load-more:hover {
opacity: 0.9;
}
.pg-load-more:disabled {
cursor: default;
}
.pg-load-more.pg-loading .pg-load-more-text {
visibility: hidden;
}
.pg-load-more-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
border: 2px solid rgba(255, 255, 255, 0.4);
border-top-color: #fff;
border-radius: 50%;
animation: pg-spin 0.6s linear infinite;
}
.pg-load-more.pg-loading .pg-load-more-spinner {
display: block;
}
@keyframes pg-spin {
to { transform: rotate(360deg); }
}
.pg-no-projects {
text-align: center;
padding: 40px;
color: #666;
}   .pg-lightbox {
position: fixed;
inset: 0;
background: rgba(20, 20, 20, 0.85);
display: none;
align-items: center;
justify-content: center;
z-index: 99999;
padding: 40px 60px;
}
.pg-lightbox button{
font-size: 40px;
background: none !important;
}
.pg-lightbox.pg-active {
display: flex;
}
.pg-lb-content {
max-width: 90vw;
max-height: 85vh;
display: flex;
flex-direction: column;
align-items: center;
}
.pg-lb-image {
max-width: 90vw;
max-height: 75vh;
border-radius: 8px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
display: block;
}
.pg-lb-meta {
margin-top: 14px;
color: #fff;
text-align: center;
display: none !important;
}
.pg-lb-title {
display: block;
font-size: 16px;
font-weight: 600;
}
.pg-lb-counter {
display: block;
font-size: 13px;
opacity: 0.75;
margin-top: 4px;
}
.pg-lb-close,
.pg-lb-prev,
.pg-lb-next {
position: absolute;
background: none;
border: none;
color: #fff;
cursor: pointer;
line-height: 1;
}
.pg-lb-close {
top: 20px;
right: 24px;
font-size: 34px;
font-weight: 300;
}
.pg-lb-prev,
.pg-lb-next {
top: 50%;
transform: translateY(-50%);
font-size: 22px;
padding: 12px;
}
.pg-lb-prev { left: 12px; }
.pg-lb-next { right: 12px; }
.pg-lb-close:hover,
.pg-lb-prev:hover,
.pg-lb-next:hover {
opacity: 0.7;
}
body.pg-lb-open {
overflow: hidden;
} .reivewed-on .elementor-icon-box-wrapper{
height: 20px !important;
padding-left: 15px;
gap:15px !important;
flex-direction: row !important;
} .rmp-trigger-icon {
width: 30px !important;
height: 30px !important;
}
@media(min-width:1024px){
nav.hfe-nav-menu__layout-horizontal{
justify-content: end !important; 
width: 100% !important;
}
.service-listing-slider .bdt-arrows-container{
display:none !important;
}
}
@media(max-width:1024px){
.ymc-grid-review-container{
column-count: 2;
}
.get-a-quote{
display: none !important;
}
.pg-wrap{
max-width: 700px !important;
}
section.pg-wrap{
padding:0px 15px !important;
}
.hero-container-fluide .banner-content{
width:100%;
}
.hero-container-fluide{
padding:50px 0px !important;
margin-bottom: 50px !important;
}
.pg-hero{
max-width: 700px !important;
padding:0px 15px !important
}
.review-section-home .swiper-wrapper{
margin-left: -32.5% !important;
gap:20px;
} }
@media(min-width:768px) and (max-width:1024px){
review-section-home .swiper-wrapper {
margin-left: -25.5% !important;
}
.pg-card{
width: 48%;
padding:20px;
}
}
@media(max-width:767px){
.ymc-grid-review-container{
column-count: 1;
}
.pg-card{
width: 100%;
padding:20px;
}
.review-section-home .swiper-wrapper{
gap:0px !important;
}
.main-form-field{
flex-wrap: wrap;
gap:0px;
}
.form-inner-field{
width:100% !important;
}
.bdt-slide-desc{
width: 100%;
}
.bdt-slide-text, .banner-content{
width: 100%;
}
.banner-button{
flex-wrap: wrap;
gap:15px;
}
.primary-banner-btn, .secondary-banner-btn{
font-size: 16px !important;
line-height: 16px !important;
border-width: 1px !important;
}
.banner-content{
margin-top:40px;
}
.bdt-slide-desc{
left:15px !important;
transform: translate(0px, -50%) !important;
}
.banner-title{
font-size: 42px;
line-height: 50px;
}
.review-section-home .swiper-wrapper {
margin-left: 0% !important;
}
.review-section-home .bdt-ep-review-card-carousel-item{
background-size: 35px !important;
} .slider-counter-banner{
margin-top:50px;
}
.bdt-slider .bdt-slide-item .bdt-slider-image-wrapper:before{
background: rgba(0, 0, 0, .5);
}
.rmp_menu_trigger{
top:11px !important;
right:3% !important;
}
} .page-id-34 #footer-form {
display: none;
}
.bdt-ep-static-carousel-image img{
height:260px !important;
object-fit:cover !important;
}
.contact-timing-list ul li .elementor-icon-list-text {
width: 100%;
display: flex;
justify-content: space-between;
}
.contact-page-form input, .contact-page-form select {
background-color: #ffffff;
color: #000 !important;
}
.contact-page-form textarea {
background-color: #ffffff;
color: #000 !important;
}
.submit-btn input {
transition: 0.3s;
cursor: pointer;
}
.contact-page-form .submit-btn input {
color: #ffffff !important;
}
.contact-page-form input::-webkit-input-placeholder,
.contact-page-form textarea::-webkit-input-placeholder {
color: #000 !important;
}
.contact-page-form input::-moz-placeholder,
.contact-page-form textarea::-moz-placeholder {
color: #000 !important;
opacity: 1;
}
.contact-page-form input:-ms-input-placeholder,
.contact-page-form textarea:-ms-input-placeholder {
color: #000 !important;
}
.contact-page-form input::placeholder,
.contact-page-form textarea::placeholder {
color: #000 !important;
opacity: 1;
}
.contact-page-form .submit-btn input:hover{
background:#4F8B2F !important;
border:none !important;
} .service-item-cards .bdt-ep-static-carousel-item{
transition:.5s all;
}
.service-item-cards  .swiper-wrapper{
padding-top:10px;
}
.service-item-cards .bdt-ep-static-carousel-item:hover{
transform:translatey(-5px)
}
.wpcf7-form.invalid .wpcf7-response-output{
color:#000 !important;
}
header.site-header{
position: sticky;
top: 0px;
background: #fff;
z-index: 99;
} .error404 .site-inner{
padding: 120px 0px;
max-width: 1300px;
margin: auto;
}
.error404 .search-form{
display: none !important;
}
.error404  h1{
text-align: center;
}
.error404 .entry-content p{
max-width: 700px;
margin: auto;
text-align: center;
line-height: 31px;
}
@media(max-width:1024px){
.rmp-menu-subarrow{
line-height: 0px !important;
right: 10px !important;
top: 10px  !important;
}
.dashicons, .dashicons-before:before{
line-height: 0px !important;
}
}
@media(max-width:768px){
.error404 .site-inner {
padding: 80px 20px;
}
.error404 h1{
font-size:34px !important
}
}