/*
Theme Name: The Construction
Theme URI: https://www.templatehouse.net/themes/construction-build-wordpress-theme/
Author: TemplateHouse.net
Description: The Construction is a modern, fully responsive, and feature-rich free WordPress theme crafted specifically for construction companies, contractors, builders, architects, and infrastructure businesses. This theme is designed to help construction businesses establish a professional online presence while showcasing projects, services, and company information effectively. With a clean, organized layout, The Construction allows you to highlight your key services, ongoing projects, client testimonials, and team members, making it easy for potential clients to explore your offerings. The homepage is fully customizable and comes with multiple sections to present services, portfolios, project galleries, and call-to-action areas for lead generation. The theme is optimized for SEO and fast loading, ensuring your website ranks higher in search engines and provides an excellent browsing experience on desktops, tablets, and mobile devices. The Construction is also translation-ready, making it suitable for global audiences. Built for ease of use, this theme works seamlessly with Elementor and Gutenberg page builders, allowing you to create and customize pages without coding knowledge. It also supports WooCommerce, making it possible to sell construction materials, equipment, or service packages directly from your website. Whether you run a construction company, building agency, renovation service, or architectural consultancy, The Construction WordPress Theme provides a professional, flexible, and modern platform to grow your business online. Check theme details at https://www.templatehouse.net/themes/construction-build-wordpress-theme/
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 5.7
Version: 1.1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-construction
Tags: block-patterns, full-site-editing, wide-blocks, custom-colors, one-column, two-columns, grid-layout
*/

/*woocommerce*/
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    background: var(--wp--preset--color--secondary);
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--secondary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}

/* ========== Project Section ========== */

.project-card{
  position: relative;
  overflow: hidden;
  }
  .project-card:hover .project-card-cta{
  opacity:1;
  transition: all 0.8s ease-in;
  }
  .project-card-cta{
  position: absolute;
  bottom: 5%;
  left:0;
  width: 90%;
  margin: 0 5% !important;
  opacity: 0;
  }

/* ========== Services Section ========== */


  .service-box-content{
    max-width: 86%;
  }
  @media only screen and (max-width: 769px){
    .service-box-content{
      max-width: 100%;
    }
  }


  /* ========== Project Section ========== */

.project-card{
  position: relative;
  overflow: hidden;
  }
  .project-card:hover .project-card-cta{
  opacity:1;
  transition: all 0.8s ease-in;
  }
  .project-card-cta{
  position: absolute;
  bottom: 5%;
  left:0;
  width: 90%;
  margin: 0 5% !important;
  opacity: 0;
  }

/* ========== Services Section ========== */


  .service-box-content{
    max-width: 86%;
  }
  @media only screen and (max-width: 769px){
    .service-box-content{
      max-width: 100%;
    }
  }