/*
Theme Name: Garden Landscaping
Theme URI: https://www.vwthemes.com/products/free-landscaping-wordpress-theme
Author: VWthemes
Author URI: https://www.vwthemes.com
Description: VW Gardening Landscaping is a versatile and innovative WordPress theme specifically designed for professionals in the gardening and landscaping industry. Ideal for lawn service providers, gardeners, florists, organic farmers, landscape architects, and eco-friendly businesses, it offers features that cater to various gardening-related fields, including vegetable farming, community gardens, outdoor design, and environmental organizations. With its fresh look, clean layouts, and robust functionalities, this theme suits lawn decorators, botanical gardens, and even real estate agencies focused on home improvement. Customizable options enable unique designs for websites dedicated to flower shops, greenhouse nurseries, or landscape construction companies. The responsive design and cross-browser compatibility ensure a seamless user experience with many pre-designed inner pages. You can effortlessly create an attractive site to promote your gardening blog, share agricultural tips, or review landscaping products. Built-in WooCommerce support transforms your website into a hub for selling gardening tools and organic produce. With unlimited color choices and over 100 Google fonts, your site will not only function well but also have a stunning appearance. The theme is translation-ready, accommodating right-to-left writing, allowing for a broader audience reach. The efficient theme customizer simplifies site adjustments without hassle. Whether you’re a conservationist, an eco-tourism advocate, or a nature lover eager to showcase your gardening projects, VW Gardening Landscaping is expertly tailored to meet your needs, making it an excellent choice for those committed to sustainability and promoting natural practices online.
Demo: https://www.vwthemes.net/vw-gardening-landscaping/
Template: vw-gardening-landscaping
Requires at least: 5.0
Tested up to: 7.0
Requires PHP: 7.2
Version: 2.8.6
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: garden-landscaping
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, flexible-header, block-patterns, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, translation-ready, threaded-comments, post-formats, rtl-language-support, blog, portfolio, e-commerce
*/

/*------- DEFAULT CSS --------*/

body{
	font-family: 'Source Sans Pro', sans-serif;
	color: #898989;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Marcellus', serif;
    font-weight: normal;
}
a{
    color: #00917c;
    text-decoration: none;
}
select{
    outline: none;
    border-bottom: none;
}

/*------- COLOR CSS --------*/

 .post-nav-links a:hover,.sidenav .closebtn, span.post-page-numbers.current , #topbar,.more-btn a, .error-btn a,span.carousel-control-prev-icon i, span.carousel-control-next-icon i,.scrollup i,input[type="submit"], input.button,#footer .tagcloud a:hover,#footer-2,.post-main-box:hover .content-bttn a,#sidebar .woocommerce-product-search button,.pagination .current,.pagination a:hover,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,#comments input[type="submit"],nav.woocommerce-MyAccount-navigation ul li,#footer a.custom_read_more:hover, #footer input[type="submit"]:hover,.top-btn a,.top-btn a:hover,.main-header i.fas.fa-phone,.tab button:hover, button.tablinks.active,#services-sec h6:after, #services-sec h6:before,#serv-section h6:after, #serv-section h6:before,.serv-box:hover a,.toggle-nav i,#comments a.comment-reply-link,.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover,#footer a.custom_read_more, #sidebar a.custom_read_more,#sidebar .custom-social-icons i, #footer .custom-social-icons i {
    background: #00917c;
}
#footer .wp-block-search .wp-block-search__label, .more-btn, .error-btn,#footer h3:after,.post-main-box:hover, .post-main-box:hover .content-bttn,.main-navigation ul ul, .top-btn:hover,.top-btn,.serv-box:hover, .serv-box:hover .expertise-btn,#footer .more-button, #sidebar .more-button{
    border-color: #00917c;
}
.more-btn:hover a, .top-btn:hover a,.logo .site-title a:hover,.post-main-box:hover h2 a, .post-main-box:hover .post-info a, .single-post .post-info:hover a,.entry-content a, .sidebar .textwidget p a, .textwidget p a, #comments p a, .slider .inner_carousel p a,#sidebar ul li a:hover,.main-navigation a:hover,.main-navigation ul.sub-menu a:hover,a,#footer li a:hover,.logo h1 a, .logo p.site-title a,.call-info,#footer .custom-social-icons i:hover{
    color: #00917c;
}
.content-bttn a,.pagination a:hover,.top-btn a:hover,.box-content p,.sidenav .closebtn{
    color: #ffffff !important;
}
.entry-content a, .sidebar .textwidget p a, .textwidget p a, #comments p a, .slider .inner_carousel p a{
    text-decoration: underline;
}
.logo h1 a:focus, .logo p.site-title a:focus,a:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="phno"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, textarea:focus, input[type="submit"]:focus, #comments:focus, select:focus, a:focus span, .top-btn a:focus,.main-navigation a:focus,.search-box a:focus,.tab button:focus,.toggle-nav button:focus{
    outline: 2px solid #000;
}
.entry-date a, .entry-author a,#sidebar ul li a{
    color: #898989;
}
.more-btn{
    border-color: #fff;
}
.content-bttn a,.woocommerce ul.products li.product .button{
    background: #00917c;
    padding: 12px 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 25px;
    font-family: 'Krub', sans-serif;
}
.woocommerce ul.products li.product .button:hover{
    background: #000;
}
.woocommerce ul.products li.product .button:hover{
    background: #00917c !important;
}
.content-btt{
    border-color: #898989;
}
#slider .inner_carousel h1 a:hover{
    color: #00917c;
}
#sidebar .wp-block-search .wp-block-search__label, #footer .wp-block-search .wp-block-search__label{
    font-family: 'Marcellus', serif;
    font-weight: normal;
}
#footer .wp-block-search .wp-block-search__label:after{
    border-color: #00917c;
}
#footer .wp-block-search .wp-block-search__button, #sidebar .wp-block-search .wp-block-search__button{
    background: #00917c;
}
#sidebar ul li a{
    font-size: 15px;
}
a.added_to_cart.wc-forward{
    border-radius: 25px !important;
}
/*------- HEADER CSS --------*/
.header-fixed{
    border-bottom: solid 3px #00917c;
}
.logo h1 a, .logo p.site-title a{
    font-family: 'Marcellus', serif;
    font-weight: normal;
}
.main-header,.page-template-custom-home-page .main-header, .page-template-ibtana-page-template .main-header{ 
    background: transparent;
    border: none;
    position: static;
}
.main-header i.fas.fa-phone {
    padding: 10px 26px 10px 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 25px;
}
.main-header span.call {
    display: inline-block;
    border-radius: 28px;
    border: 2px dashed #00917c;
    padding: 5px;
}
.call-info {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
}
.call-info a:hover{
    color: #222;
}
.top-btn {
    display: grid;
    padding: 5px;
}
.top-btn a{
    text-align: center;
}
.menu-bg {
    background: rgba(0, 0, 0, 0) linear-gradient(120deg, #b8e0db 82%, #00917c 12%) repeat scroll 0 0;
    outline: solid 2px #fff;
    outline-offset: -8px;
    box-shadow: 0 0 10px 2px #b3b3b3;
}
.main-navigation a{
    color: #000 !important;
    padding: 12px 15px;
    font-weight: 600;
}
.search-box,.cart_no {
    margin: 13px 0;
}
.search-box i, .cart_no i {
    border: solid 2px #fff;
    padding: 10px 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
}
.page-template-custom-home-page .menu-bg, .page-template-ibtana-page-template .menu-bg{
    margin-bottom: -35px;
    position: relative;
    z-index: 999;
}
.main-navigation ul{
    padding: 0 0 0 10px;
}
.page-template-ibtana-page-template .middle-align{
  padding: 0em 0 0;
}
/* --------- PROJECTS --------- */

#services-sec {
    background: #f1f1f1;
}
.tab {
    overflow: hidden;
    display: inline-block;
}
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    padding: 5px 20px;
    font-size: 18px;    
    border-radius: 30px;
    font-weight: 600;
    margin-right: 10px;
    color: #898989;
}
.tab button:hover,button.tablinks.active  {
    color: #fff;
}
.box{
    background: #000;
    font-family: 'Raleway', sans-serif;
    overflow: hidden;
    position: relative;
}
.box img{
    width: 100%;
    height: auto;
    transform: scale(1.5);
    transform-origin: right center;
    transition: all 0.7s ease 0s;
}
.box:hover img{
    opacity: 0.7;
    transform: translateX(50px) scale(1.2);
}
.box .box-content {
    background: hsl(171deg 100% 28% / 80%);
    text-align: center;
    width: 75%;
    padding: 20px;
    opacity: 0;
    transform-origin: left center;
    transform: translateX(-100%) translateY(-50%) scale(0);
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.7s ease 0s;
    outline: dashed 2px #fff;
    outline-offset: 10px;
}
.box:hover .box-content{
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}
h4.title a{
    color: #fff;
    font-size: 20px;
}
#services-sec h3{
  font-size: 35px;
}
#services-sec h6:after,
#services-sec h6:before {
  content: "";
  width: 50px;
  height: 3px;
  display: inline-block;
  margin: 0 15px;
}
.copyright p {
    font-size: 16px;
    font-weight: 600;
}
/*--------------------------------------------------------------
4.0 Blocks - Layout Elements
--------------------------------------------------------------*/

/* Buttons */
.wp-block-button {
  margin: 10px 0;
  padding: 5px;
  display: inline-block;
  border: 2px dashed #00917c !important;
  border-radius: 28px;
}
.wp-block-button__link {
  padding: 12px 25px;
  color: #222 !important;
  font-size: 14px;
  font-weight: 600;
  background: #00917c !important;
  border-radius: 25px;
  font-family: 'Krub', sans-serif;
  text-transform: uppercase;
}
.wp-block-button.is-style-squared a{
  border-radius: 0 !important; 
}
.wp-block-button.is-style-outline {
  margin: 10px 0;
}
.wp-block-button.is-style-outline a{
  color: #000 !important;
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
  color: #000 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.wp-block-buttons .wp-block-button {
    display: inline-block;
    margin: 0 0 15px;
}
.entry-content .blocks-gallery-grid{
  margin-right: 10px;
}
/*without classic widgets*/
.wp-block-tag-cloud a{
  border: solid 1px #000;
  color: #000;
  font-size: 14px !important;
  padding: 10px 18px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
.wp-block-tag-cloud a:hover,#sidebar a.custom_read_more:hover, #sidebar input[type="submit"]:hover{
  background-color: #00917c !important;
  color: #fff;
}
.widget .custom-about-us p, .widget .custom-contact-us p{
  margin-top: 10px;
  margin-bottom: 20px;
}
#footer .wp-block-button.aligncenter, .wp-block-calendar{
  text-align: start;
}
#footer .wp-block-button.aligncenter, .wp-block-calendar  a, #footer .wp-block-button.aligncenter, .wp-block-calendar  a:hover{
  color:#00917c !important;
}
/*----------- Woocommerce CSS ----------*/
.bradcrumbs{
  padding:10px 0 30px 0px;
}
.bradcrumbs a{
  background:#f1f1f1; 
  color:#000;
  padding:8px 15px;
  margin-right:5px;
}
.bradcrumbs a:hover, .bradcrumbs span{
  background:#00917c;
  color: #fff;
}
.bradcrumbs span{
  padding:8px 15px;
  font-weight: 700;
}
.post-categories li a{
    background: #00917c !important;
}
/*----------- Woocommerce CSS ----------*/
h2.woocommerce-loop-product__title{
    padding: 10px 0 5px 0 !important;
}
.woocommerce .entry-content a{
    text-decoration: none !important;
}
.woocommerce ul.products li.product .button, a.checkout-button.button.alt.wc-forward{
    margin-top: 5PX;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{
    margin-bottom: 5px;
}
.woocommerce-product-details__short-description p{
    font-size: 16px;
}
.woocommerce span.posted_in {
    font-size: 16px;
}
h3#order_review_heading{
    padding: 5px 0 5px 0;
}
.woocommerce ul.products li.product .button{
    text-decoration: none !important;
}
section.related.products h2{
    margin-bottom: 20px;
}
a.compare.button {
    margin: 5px 0px 5px 0px;
}
/*----------- PRELOADER ----------*/
#preloader {
  background-color: #00917c;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999;
  height: 100%;
}
.loader-inner {
  bottom: 0;
  height: 60px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.loader-line-wrap {
  animation: spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite;
  box-sizing: border-box;
  height: 50px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: 50% 100%;
  width: 100px;
}
.loader-line {
  border: 4px solid #ffffff;
  border-radius: 100%;
  box-sizing: border-box;
  height: 100px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.loader-line-wrap:nth-child(1) { animation-delay: -50ms; }
.loader-line-wrap:nth-child(2) { animation-delay: -100ms; }
.loader-line-wrap:nth-child(3) { animation-delay: -150ms; }
.loader-line-wrap:nth-child(4) { animation-delay: -200ms; }
.loader-line-wrap:nth-child(5) { animation-delay: -250ms; }

.loader-line-wrap:nth-child(1) .loader-line {
  height: 90px;
  width: 90px;
  top: 7px;
}
.loader-line-wrap:nth-child(2) .loader-line {
  height: 76px;
  width: 76px;
  top: 14px;
}
.loader-line-wrap:nth-child(3) .loader-line {
  height: 62px;
  width: 62px;
  top: 21px;
}
.loader-line-wrap:nth-child(4) .loader-line {
  height: 48px;
  width: 48px;
  top: 28px;
}
.loader-line-wrap:nth-child(5) .loader-line {
  height: 34px;
  width: 34px;
  top: 35px;
}
@keyframes spin {
  0%, 15% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.elementor-page #preloader{
  display: none;
}
.woocommerce span.onsale{
    background: #00917c;
}
.post-main-box:hover, .post-main-box:hover .content-bttn, .grid-post-main-box:hover, .grid-post-main-box:hover .content-bttn {
    border-color: #00917c;
}
.post-main-box:hover h2 a, .post-main-box:hover .post-info a, .single-post .post-info:hover a, .grid-post-main-box:hover h2 a, .grid-post-main-box:hover .post-info a{
    color: #00917c;
}
.post-main-box:hover .content-bttn a, .grid-post-main-box:hover .content-bttn a{
    background: #00917c;
}
a.wc-block-components-product-name, .wc-block-components-product-name{
    color: #00917c !important;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button,a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
    background: #00917c !important;
    color: #fff !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale{
    background:#00917c !important ;
    border-color: #00917c !important;
}
a.added_to_cart.wc-forward{
    background: #00917c;
}
/*my account address button css*/
header.woocommerce-Address-title.title a{
  background-color: #00917c;
  border-radius: 0px !important;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
}
#tag-cloud-sec .tag-cloud-link {
  font-size: 16px !important;
  color: #fff !important;
  padding: 10px;
  margin: 10px;
  display: inline-block;
  text-transform: capitalize;
  background-color: #00917c;
  border-radius: 0px !important;
  color: #ffffff;
}
header.woocommerce-Address-title.title a:hover,#tag-cloud-sec .tag-cloud-link:hover{
  background: #000;
  color:#fff !important;
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .page-template-custom-home-page .menu-bg,
    .page-template-ibtana-page-template .menu-bg{
        margin-bottom: 0;
        position: static;
    }
    #slider .inner_carousel h1 {
        font-size: 16px;
    }
    .more-btn, .content-bttn, .error-btn{
        padding: 10px 5px 15px;
    }
    .more-btn {
        margin: 10px 0 !important;
    }
    #services-sec h3 {
        font-size: 20px;
    }
    #services-sec h6:after, #services-sec h6:before {
        width: 40px;
        margin: 0 12px;
    }
}
@media screen and (min-width: 320px) and (max-width: 425px){
    #slider .inner_carousel h1{
        text-align: center;
    }
    .middle-align {
        padding: 20px 10px 20px !important;
    }
}
@media screen and (min-width: 721px) and (max-width: 767px){
    #slider .carousel-control-prev{
        right: 20%;
    }
}
@media screen and (min-width: 768px) and (max-width: 999px){
    .menu-bg {
        background: rgba(0, 0, 0, 0) linear-gradient(120deg, #b8e0db 67%, #00917c 12%) repeat scroll 0 0;
    }
    #slider .carousel-caption {
        top: 50%;
    }
    #slider .carousel-caption, #slider .inner_carousel, #slider .inner_carousel h1 {
        right: 30% !important;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1199px){
    #slider .carousel-caption, #slider .inner_carousel, #slider .inner_carousel h1 {
        right: 30% !important;;
    }

}
input#url{
  width: 100%;
  padding: 12px 10px;
  font-size: 18px;
  margin: 20px 0 0 0;
  border: 1px solid #bcbcbc;
}

/* Progress Bar */
#vw_gardening_landscaping_elemento_progress_bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    width: 0;
    background-color:#00917c;
    z-index: 99999;
}