/*
Theme Name: Elevate Construction
Theme URI: https://www.templatehouse.net/themes/constructo-construction-wordpress-theme/
Author: ElemeTheme
Author URI: 
Description: Elevate Construction is a modern Full Site Editing (FSE) WordPress theme designed for web developers, designers, and digital creators who want to present their work with clarity and impact. Built entirely with Gutenberg blocks, the theme provides complete control over layouts, templates, and global styles—without requiring a single line of code. Featuring a clean, minimal, and performance-focused design, Elevate Construction puts your projects, skills, and experience front and center while maintaining a polished, professional look. With customizable block patterns, fully responsive layouts, and seamless block-based editing, it makes creating stunning portfolio websites, personal brands, and developer showcases effortless. Fully compatible with the latest WordPress Full Site Editing capabilities, Elevate Construction delivers flexibility, scalability, and a future-ready design—making it the perfect choice for creators who value both aesthetics and functionality. More Details: https://www.templatehouse.net/themes/constructo-construction-wordpress-theme/
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
Version: 1.0.4
Requires at least: 5.9
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elevate-construction
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.entry-content.wp-block-post-content a,
.wp-block-comment-content a,
p a {
  text-decoration: underline;
}
/* WooCommerce Product Archive */
.elevate-construction-product-image-overlay {
  & span.wp-block-cover__background {
    visibility: hidden;
  }
  & div.wp-block-cover__inner-container {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.3s ease-in-out;
  }
}
.elevate-construction-product-image-overlay:hover {
  & span.wp-block-cover__background {
    visibility: visible;
  }
  & div.wp-block-cover__inner-container {
    opacity: 1;
    transform: translateY(0px);
    transition: all 0.3s ease-in-out;
  }
}
/* ***** NEWSLETTER ***** */
.elevate-construction-newsletter-form {
  margin: 0;
  & .wpcf7-form {
    width: 100%;
  }
  & p {
    display: flex;
    border-bottom: 1px solid var(--wp--preset--color--border-color);
    padding-bottom: 12px;
    & .wpcf7-form-control-wrap {
      max-width: 100%;
    }
    & .wpcf7-email {
      height: 100%;
      width: 100%;
      font-size: 18px;
      background-color: transparent;
      border: none;
      outline: none;
      color: var(--wp--preset--color--meta-color);
    }
    & .wpcf7-submit {
      border: none;
      font-size: 18px;
      padding: 12px 15px;
      border-radius: 100%;
      font-weight: 600;
      opacity: 1;
      background-color: #f8fc26;
      transition: all 0.2s ease-in-out;
    }
    & .wpcf7-submit:hover {
      opacity: 0.8;
      transition: all 0.2s ease-in-out;
    }
    & .wpcf7-spinner {
      width: 0px;
      margin: 0;
      right: 0;
    }
  }
}

/* Accessibility */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: var(--wp--preset--color--primary);
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: var(--wp--preset--color--black-color);
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
