/*
Theme Name: Relyo
Theme URI:
Author: CozyThemes
Author URI: https://cozythemes.com/
Description: Relyo is a modern Full Site Editing (FSE) WordPress theme crafted for construction companies, contractors, builders, and engineering firms who want to present their work with strength, clarity, and professionalism. Built entirely with Gutenberg blocks, Relyo gives you complete control over layouts, templates, and global styles—without writing a single line of code. The theme features a bold yet clean, performance-focused design that highlights projects, services, expertise, and client trust while maintaining a professional construction aesthetic. With customizable patterns, responsive layouts, and seamless block-based editing, Relyo makes it easy to create impactful construction websites, company profiles, and project showcases. Fully compatible with WordPress’s latest FSE capabilities, Relyo ensures flexibility, scalability, and a future-ready foundation—perfect for construction businesses that value reliability, performance, and strong visual presentation.
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: relyo
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 */
.relyo-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;
  }
}
.relyo-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 ***** */
.wp-block-contact-form-7-contact-form-selector {
  & form.wpcf7-form {
    & p {
      position: relative;
      & .wpcf7-form-control-wrap {
        display: inline-flex;
        width: 100%;
      }
      & .wpcf7-form-control-wrap:nth-of-type(even) {
        margin: 12px 0px;
      }
      & .wpcf7-form-control {
        width: 100%;
        padding: 12px 16px;
        border: 1px solid var(--wp--preset--color--border-color);
      }
    }
  }
}
/* ***** Variant: Form 1 ***** */
.wp-block-contact-form-7-contact-form-selector.relyo-contact-form-1 {
  & form.wpcf7-form {
    & p {
      & .wpcf7-form-control {
        border-radius: 8px;
        padding: 18px 28px;
        font-size: inherit;
      }
      & .wpcf7-form-control.wpcf7-submit {
        margin-top: 24px;
        background-color: var(--wp--preset--color--primary);
        color: currentColor;
        text-transform: uppercase;
        cursor: pointer;
        transition: background-color 0.2s ease-in-out;
        &:hover {
          background-color: var(--wp--preset--color--secondary);
        }
      }
    }
  }
}
/* ***** Variant: Form 2 ***** */
.wp-block-contact-form-7-contact-form-selector.relyo-contact-form-2 {
  & form.wpcf7-form {
    & p {
      & .wpcf7-form-control {
        border-radius: 8px;
        padding: 18px 28px;
        font-size: inherit;
      }
      & .wpcf7-form-control.wpcf7-submit {
        margin-top: 24px;
        background-color: var(--wp--preset--color--secondary);
        color: currentColor;
        text-transform: uppercase;
        cursor: pointer;
        transition: background-color 0.2s ease-in-out;
        &:hover {
          background-color: var(--wp--preset--color--primary);
        }
      }
    }
  }
}
