/*
Theme Name:     The Landscaper Child Theme
Theme URI: 		https://demo.qreativethemes.com/thelandscaper/
Description:    Child theme for The Landscaper
Author:         QreativeThemes
Author URI:   	https://themeforest.net/user/QreativeThemes/portfolio
Template:       the-landscaper
Version:        1.2
*/


/* add your custom CSS code below */
.top-head-btn a {
  background-color: #a1c13b;
  display: inline-block;
  padding: 3px 14px;
  border-radius: 100px;
}
.top-head-btn a, .top-head-btn a i {
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
}
.topbar .widget::before {
  display: none;
}
.topbar .widget {
  display: inline-block;
  padding: 0 7px 0 0;
  margin: 0 5px 0 0;
  border-top: none;
}
.main-navigation > li > a::before {
  background-color: transparent !important;
}
.main-navigation > li.menu-item-has-children::after {
  right: calc(50% - 51px);
  bottom: 42px;
  border-width: 7px 6px 0 6px;
}
#pg-7437-5, #pg-7437-6 {
  margin-bottom: 0px !important;
}
.areas-cont {
  padding: 75px 30px;
}
.areas-cont li {
  color: #464646;
  font-size: 18px;
  line-height: 26px;
}
.post-item .title {
  font-size: 17px !important;
}
#cta-mill .cta-banner-title {
  color: #fff;
  font-family: 'Roboto Slab';
  font-size: 36px;
  line-height: 43px;
  margin-bottom: 20px;
}
#pg-7437-4 .cta-banner-text {
  display: none;
}
#cta-mill p {
  color: #fff;
  font-size: 20px;
  line-height: 26px;
}
#pg-7437-4 .btn.btn-outline:first-child {
  color: #ffffff;
  background-color: #a2c046;
  border-color: #a2c046;
}
#pg-7437-4 .btn.btn-outline {
  border-color: #fff;
  font-size: 15px;
}
.eg-the-landscaper-home-element-0 {
  color: #fff !important;
}
.the-landscaper-home .esg-entry-media-wrapper {
  border-radius: 100% !important;
}
.esg-entry-cover .esg-overlay {
  border-radius: 100%;
}
#sec-testimonial .btn.btn-primary {
  background-color: transparent;
  color: #a2c23c;
  font-size: 14px;
}
#sec-testimonial #panel-7437-5-0-1 {
  text-align: right;
}
#sec-testimonial .btn.btn-primary {
  background-color: transparent;
  color: #a2c23c;
  font-size: 14px;
  text-shadow: none;
}
#pgc-7437-5-0 {
  position: relative;
}
#sec-testimonial #panel-7437-5-0-1 {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: -5px;
}
.home .carousel .btn.btn-primary {
  position: relative;
}
.esg-grid .mainul li:hover .esg-media-poster {
  transform: scale(1.2) !important;
}
.esg-grid .mainul li.eg-the-landscaper-home-wrapper .esg-media-poster {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.esg-entry-content.eg-the-landscaper-home-content.esg-notalone a {
  pointer-events: none !important;
}
.esg-grid .mainul li.eg-the-landscaper-lightbox-wrapper .esg-media-poster {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#esg-grid-7-1-wrap .esg-filters.esg-singlefilters {
  display: none;
}
#esg-grid-7-1-wrap .esg-overlay.esg-transition.eg-the-landscaper-lightbox-container {
  border-radius: 0 !important;
}
#Snavigation.sticky {
  position: fixed;
  left: 0;
  top: 0;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 4; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
  top: 10%;
  z-index: 999999;
}
/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  pointer-events: none;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#modal-sec {
  background-image: url('/wp-content/uploads/2022/12/lenk-tree-modal.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  padding: 80px 0px;
}
#modal-sec h3, #modal-sec h2 {
  color: #fff;
}
#modal-sec #myBtn {
  background-color: transparent;
  margin-top: 30px;
}
.navigation .navbar-brand {
  padding: 0 0 0 15px;
  max-width: 203px;
}
.home .request-form {
  padding: 50px 0;
}
.home .request-form div label {
  text-align: left;
}
h1.carousel-heading-tag:after {
  display: none !important;
  content: url('./img/mobile-badge.png');
  display: block; 
  margin-top: 20px;
}
#sidebar-request-form .request-form div {
  display: block !important;
  width: 100% !important;
  padding-right: 0 !important;
}
#sidebar-request-form .wpcf7-text, #sidebar-request-form .wpcf7-textarea, #sidebar-request-form .wpcf7-select, #sidebar-request-form .wpcf7-email {
  margin-bottom: 0 !important;
}
#sidebar-request-form .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 5px !important;
}
/*Media Queries*/
@media screen and (max-width: 1600px) {
	.home .carousel-content::after {
  width: 150px;
  bottom: -235px;
}
.areas-cont {
  padding: 55px 20px 0px 20px !important;
}
.widget-title {
  font-size: 36px !important;
}
	.footer .widget-title {
  font-size: 19px !important;
}
}
@media screen and (max-width: 1500px) {
	.home .carousel-content::after {
  width: 137px;
  bottom: -235px;
}
	.areas-cont li {
  color: #464646;
  font-size: 16px;
  line-height: 24px;
}
.areas-cont {
  padding: 35px 15px 0px 15px !important;
}
#pg-7437-6 img.size-full.wp-image-7558.alignleft {
  width: auto;
  margin-right: 40px !important;
  margin-bottom: 20px !important;
}
}
@media screen and (max-width: 1400px) {
	.jumbotron.carousel .carousel-topheading {
  margin-bottom: 8px;
  font-size: 14px;
}
.jumbotron.carousel .carousel-text .carousel-heading-tag {
  font-size: 40px;
  margin-bottom: 20px;
}
.home .carousel-content::after {
  width: 135px;
  bottom: -205px;
}
.widget-title {
  font-size: 33px !important;
}
#cta-mill .cta-banner-title {
  font-size: 33px;
  line-height: 40px;
  margin-bottom: 15px;
}
#pg-7437-4 .btn.btn-outline {
  font-size: 14px;
}
#cta-mill p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0px;
}
}
@media screen and (max-width: 1366px) {
  /* #navbar {
    display: none !important
  } */
  header#Snavigation {
    position: unset !important; 
  }
  header#Snavigation .container {
    width: 100% !important;
    padding: 0;
  }
  .widget-title {
    font-size: 31px !important;
    margin-bottom: 20px !important;
  }
  #areas .widget-title {
    padding-bottom: 0px !important;
  }
  #areas .alignnone.size-full.wp-image-7559 {
    margin-bottom: 0px !important;
    margin-right: 0px !important;
  }
  .areas-cont ul {
    margin-bottom: 20px;
  }
  #pg-7437-6 img.size-full.wp-image-7558.alignleft {
    width: auto;
    margin-right: 40px !important;
    margin-bottom: 20px !important;
    max-width: 330px;
  }
  .experience-medallion {
    display: none !important;
  }
  h1.carousel-heading-tag:after {
    display: block !important;
  }
}
@media screen and (max-width: 1280px) {
	.jumbotron.carousel .carousel-text .carousel-heading-tag {
  font-size: 37px;
  margin-bottom: 17px;
}
.home .carousel.slide .carousel-content a {
  padding: 10px 15px !important;
}
.home .carousel-content::after {
  width: 134px;
  bottom: -180px;
}
.widget-title {
  font-size: 30px !important;
  margin-bottom: 19px !important;
}
.eg-the-landscaper-home-element-0 {
  font-size: 17px;
  line-height: 24px;
}
}
@media screen and (max-width: 1100px) {
	.navigation .navbar-brand {
  padding: 0px 0px 0px 8px !important;
}
.header .navbar-brand img {
  margin-top: 20px;
  width: 250px;
}
.jumbotron.carousel .carousel-text .carousel-heading-tag {
  font-size: 33px;
  margin-bottom: 14px;
}
.jumbotron.carousel .carousel-text {
  top: 45% !important;
}
.home .carousel-content::after {
  width: 120px;
  bottom: -170px;
}
.widget-title {
  font-size: 28px !important;
  margin-bottom: 17px !important;
}
.eg-the-landscaper-home-element-0 {
  font-size: 16px !important;
  line-height: 23px !important;
}
.content .icon-box .title {
  font-size: 17px !important;
}
.testimonials .testimonial-quote {
  font-size: 15px !important;
  line-height: 1.5 !important;
}
#areas {
  display: block !important;
}
#pgc-7437-6-0 {
  width: 100% !important;
  text-align: center;
  margin: 0 auto;
}
#pg-7437-6 img.size-full.wp-image-7558.alignleft {
  width: auto;
  margin-right: 0px !important;
  margin-bottom: 20px !important;
  max-width: 100%;
  float: none;
}
#pgc-7437-6-1 {
  width: 100% !important;
  margin: 0 auto;
    margin-top: 0px;
  text-align: center;
  margin-top: 20px;
}
#areas #mep_0 {
  width: 100% !important;
  min-width: unset !important;
}
}
@media screen and (max-width: 991px) {
	.home .carousel-heading {
  position: absolute;
  top: 25%;
  left: 0px;
  right: 0;
  text-align: center;
}
.home .jumbotron.carousel .carousel-topheading {
  margin-bottom: 8px;
  font-size: 14px;
  position: absolute;
  top: 0 !important;
  margin-top: 40px !important;
  left: 0;
  right: 0;
  text-align: center;
  letter-spacing: 3px;
}
.jumbotron.carousel .carousel-text .carousel-heading-tag {
  font-size: 33px;
  margin-bottom: 14px;
  margin-top: -35px;
}
.home .jumbotron .slide-image img {
  width: 100%;
  height: 250px;
}
.home .jumbotron .carousel-control {
  top: 100px;
}
.home .carousel-content {
  margin: 0 auto;
  text-align: center;
}
.home .jumbotron .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.home .carousel.slide .carousel-content a {
  padding: 10px 15px !important;
  margin: 0px 90px !important;
}
.home .carousel-content::after {
  width: 120px;
  bottom: -270px;
}
	.navigation .navbar-toggle-text {
  display: none;
}
.navbar-toggle {
  background-color: transparent !important;
}
.navbar-toggle .icon-bar {
  background-color: #000 !important;
}
.areas-cont li {
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
.areas-cont ul {
  margin-bottom: 20px !important;
  margin: 0 auto;
    margin-bottom: 0px;
  width: 17%;
  text-align: center;
}
	.header .topbar {
  display: none;
}
.top-bar-mob {
  display: block !important;
  background-color: #3d3d3d;
  padding: 10px 0px;
}
.top-bar-mob .left i {
  color: #868877;
  font-size: 22px;
  margin-right: 4px;
}
.top-bar-mob .right a {
  font-size: 16px;
  font-weight: 600;
}
.top-bar-mob .left {
  float: left;
}
.top-bar-mob .right {
  text-align: right;
}
.header .navbar-brand img {
  margin-top: 0px;
  width: auto;
  padding: 20px 0px;
}
.navigation .navbar-brand {
  padding: 0px 0px 0px 0px !important;
}
	.bottom-footer .row {
  display: flex;
  flex-direction: column;
}
.bottom-footer .col-xs-12.col-md-4:first-child {
  order: 2;
}
.bottom-footer .col-xs-12.col-md-4 {
  order: 1;
}
#Snavigation.sticky {
  position: relative;
  left: 0;
  top: 0;
}
}
@media screen and (max-width: 980px) {
.header .navbar-brand img {
  margin-top: 0px;
  width: auto;
  padding: 20px 10px !important;
}
}
@media screen and (max-width: 768px) {
	.jumbotron.carousel .carousel-text .carousel-heading-tag {
    font-size: 28px;
    margin-bottom: 0px;
    margin-top:0;
  }
.home .jumbotron.carousel .carousel-topheading {
  margin-bottom: 8px;
  font-size: 14px;
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  text-align: center;
}
.home .carousel-heading {
  position: absolute;
  top: 28%;
  left: 0px;
  right: 0;
  text-align: center;
}
.widget-title {
  font-size: 26px !important;
  margin-bottom: 15px !important;
}
#pg-7437-4 .panel-row-style-for-7437-4 {
  padding: 40px 0px 25px 0px !important;
}
#pg-7437-4 .btn.btn-outline {
  font-size: 14px;
  padding: 10px 15px !important;
  margin-top: 0px !important;
}
#sec-testimonial {
  padding: 40px 30px !important;
}
.home .carousel-heading {
  top: 20% !important;
}
}
@media screen and (max-width: 660px) {
	.home .jumbotron {
  margin-bottom: 0px;
}
	.home .carousel-inner .container {
  display: none;
}
.home .carousel-inner .item .container {
  display: block !important;
}
.content .content-box, .content .border-box {
  padding: 20px 20px;
}
#pg-7437-0 {
  padding-top: 30px;
}
.areas-cont ul {
  margin-bottom: 20px !important;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
  width: 30%;
  text-align: center;
}
	#pg-7437-1 {
  margin-bottom: 30px;
}
	.main-footer {
  padding: 40px 0 20px 0;
}
}
@media screen and (max-width: 620px) {
	.home .carousel.slide .carousel-content a {
  padding: 10px 15px !important;
  margin: 0px !important;
}
.home .carousel.slide .carousel-content a.btn.btn-primary {
  margin-right: 80px !important;
}
.home .carousel.slide .carousel-content a.btn.btn-outline {
  margin-left: 80px !important;
}
	.home .carousel-content::after {
  width: 115px;
  bottom: -270px;
}
	.home .jumbotron.carousel .carousel-topheading, .home .carousel-heading {
  padding: 0px 10px;
}
#jumbotron-fullwidth .carousel-topheading {
  letter-spacing: 1px;
  font-size: 13px;
  top: 0 !important;
  margin: 20px auto 0 !important;
  max-width: 350px;
}
}
@media screen and (max-width: 490px) {
	.home .jumbotron.carousel .carousel-topheading {
  letter-spacing: 2px;
}
.jumbotron.carousel .carousel-text .carousel-heading-tag {
  font-size: 25px;
  margin-bottom: 0px;
}
.home .carousel-content::after {
  width: 110px;
  bottom: -270px;
}
.home .jumbotron .container {
  padding-top: 25px;
  padding-bottom: 25px;
}
.widget-title {
  font-size: 22px !important;
  margin-bottom: 15px !important;
}
#cta-mill .cta-banner-title {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 10px;
}
#cta-mill p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0px;
}
}
@media screen and (max-width: 480px) {
  .testimonials h3 {
    padding-left: 15px;
  }
  cite.testimonial-author {
    padding-left: 15px;
  }
  .block-posts h3 {
    padding-left: 15px;
  }
  div#testimonial-btn {
    padding-left: 15px;
  }
  #jumbotron-fullwidth .carousel-topheading {
    letter-spacing: 1px;
    font-size: 13px;
    top: 0 !important;
    margin: 15px auto 0 !important;
    max-width: 350px;
  }
}
@media screen and (max-width: 440px) {
	.home .jumbotron.carousel .carousel-topheading {
  letter-spacing: 2px;
  font-size: 13px;
}
.jumbotron.carousel .carousel-text .carousel-heading-tag {
  font-size: 23px;
  margin-bottom: 0px;
}
.home .carousel-content::after {
  width: 80px;
  bottom: -220px;
}
.jumbotron.carousel .carousel-text {
  padding: 0 0 10px 0;
}
.home .carousel.slide .carousel-content a.btn.btn-primary {
  margin-right: 55px !important;
}
.home .carousel.slide .carousel-content a.btn.btn-outline {
  margin-left: 55px !important;
}
.areas-cont ul {
  margin-bottom: 20px !important;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 0px;
  width: 40%;
  text-align: center;
}
.areas-cont li {
  font-size: 15px;
  line-height: 23px;
  text-align: left;
}
.carousel-heading {
  padding: 0px 10px !important;
  top: 30% !important;
}
#jumbotron-fullwidth .carousel-topheading {
  letter-spacing: 1px;
  font-size: 13px;
  top: 0 !important;
  margin-top: 15px !important;
}
.home .jumbotron .carousel-control {
  top: 95px;
  width: 30px !important;
  height: 30px !important;
  line-height: 32px;
}
	.home .jumbotron .slide-image img {
  width: 100%;
  height: 210px;
}
.home .jumbotron .slide-image img {
  width: 100%;
  height: 250px !important;
}
}
@media screen and (max-width: 400px) {
	.home .carousel.slide .carousel-content a.btn.btn-primary {
  margin-right: 55px !important;
  padding: 6px 7px !important;
}
.home .carousel.slide .carousel-content a.btn.btn-outline {
  margin-left: 35px !important;
  padding: 6px 7px !important;
}
.home .carousel-content::after {
  width: 70px;
  bottom: -220px;
  left: 24px;
}
}
@media screen and (max-width: 380px) {
	.jumbotron.carousel .carousel-text .carousel-heading-tag {
  font-size: 21px;
  margin-bottom: 0px;
}
.home .carousel.slide .carousel-content a.btn.btn-primary {
  margin-right: 50px !important;
}
.home .carousel.slide .carousel-content a.btn.btn-outline {
  margin-left: 50px !important;
}
.home .carousel-content::after {
  width: 70px;
  bottom: -225px;
}
.home .jumbotron .container {
  padding-top: 24px;
  padding-bottom: 24px;
}
.testimonials .testimonial-control {
  width: 40px;
}
.areas-cont ul {
  margin-bottom: 20px !important;
  width: 50%;
}
.footer .widget-title {
  font-size: 17px !important;
}
}
@media screen and (max-width: 360px) {
	.jumbotron.carousel .carousel-text .carousel-heading-tag {
  font-size: 20px;
  margin-bottom: 0px;
}
.home .carousel.slide .carousel-content a.btn.btn-primary {
  margin-right: 35px !important;
}
.home .carousel.slide .carousel-content a.btn.btn-outline {
  margin-left: 35px !important;
}
.home .carousel-content::after {
  width: 60px;
  bottom: -210px;
}
.home .jumbotron .container {
  padding-top: 20px;
  padding-bottom: 19px;
}
.home .jumbotron .slide-image img {
  width: 100%;
  height: 195px;
}
.home .jumbotron .carousel-control {
  top: 81px;
  width: 30px !important;
  height: 30px !important;
  line-height: 32px;
}
.carousel-heading {
  padding: 0px 10px !important;
  top: 34% !important;
}
.home .jumbotron.carousel .carousel-topheading {
  letter-spacing: 2px;
  font-size: 13px;
  top: 15% !important;
}
}
@media screen and (max-width: 340px) {
	.jumbotron.carousel .carousel-text .carousel-heading-tag {
  font-size: 19px;
  margin-bottom: 0px;
}
.carousel-heading {
  padding: 0px 10px !important;
  top: 28% !important;
}
.home .jumbotron.carousel .carousel-topheading {
  letter-spacing: 2px;
  font-size: 13px;
  top: 13% !important;
}
.home .jumbotron .container {
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 10px;
  padding-right: 10px;
}
}
@media screen and (max-width: 320px) {
	.home .carousel.slide .carousel-content a.btn.btn-outline {
  margin-left: 35px !important;
  padding: 5px 5px !important;
}
.home .carousel.slide .carousel-content a.btn.btn-primary {
  margin-right: 35px !important;
  padding: 5px 5px !important;
}
.home .carousel-content::after {
  width: 55px;
  bottom: -204px;
}
}