/*
Theme Name:   HolaGrower (Divi child)
Theme URI:    https://holagrower.com/
Description:  Divi child theme for HolaGrower. Adds the "HolaGrower Landing" page template: the full landing page with its own header, stacked card sections, live app demo and footer. Every other page keeps using Divi as normal.
Author:       HolaGrower
Template:     Divi
Version:      1.7.0
Requires at least: 6.0
Requires PHP: 7.4
License:      GPL-2.0-or-later
Text Domain:  holagrower
*/

/* Styles for the rest of the site (normal Divi pages) go here.
   The landing page's own styles are in assets/css/landing.css. */

/* ── Contact Form 7 (Contact page): [contact-form-7 ... html_class="hg-cf7"] ── */
.hg-cf7 { max-width: none; width: 100%; font-family: "Poppins", sans-serif; color: #343a3f; }
.hg-cf7 p { padding: 0; margin: 0 0 18px; }
.hg-cf7 label { display: block; font: 700 14px/1.4 "Nunito", sans-serif; color: #144a34; }
.hg-cf7 .hg-row { display: block; }                      /* every field full width */
.hg-cf7 .wpcf7-form-control-wrap { display: block; width: 100%; }
.hg-cf7 input[type="text"], .hg-cf7 input[type="email"], .hg-cf7 select, .hg-cf7 textarea {
	display: block; width: 100% !important; max-width: none; margin-top: 6px; padding: 13px 16px; font: 400 15px/1.5 "Poppins", sans-serif; color: #343a3f;
	background: #fff; border: 1px solid rgba(158, 162, 170, .45); border-radius: 12px; box-sizing: border-box;
	transition: border-color .2s, box-shadow .2s;
}
.hg-cf7 textarea { min-height: 150px; resize: vertical; }
.hg-cf7 input:focus, .hg-cf7 select:focus, .hg-cf7 textarea:focus { outline: none; border-color: #559950; box-shadow: 0 0 0 3px rgba(85, 153, 80, .2); }
.hg-cf7 ::placeholder { color: #9ea2aa; }
.hg-cf7 .wpcf7-acceptance, .hg-cf7 .wpcf7-acceptance label { font: 400 13.5px/1.6 "Poppins", sans-serif; color: #343a3f; }
.hg-cf7 .wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.hg-cf7 .wpcf7-acceptance input { margin-right: 8px; accent-color: #559950; }
.hg-cf7 .wpcf7-acceptance a { color: #559950; font-weight: 600; }
.hg-cf7 .hg-send, .hg-cf7 input[type="submit"] {
	display: inline-block; padding: 14px 32px; border: 0; border-radius: 999px; cursor: pointer;
	font: 500 16px/1.2 "Poppins", sans-serif; color: #fff; background: #559950; transition: background-color .2s;
}
.hg-cf7 .hg-send:hover, .hg-cf7 input[type="submit"]:hover { background: #144a34; }
.hg-cf7 .hg-send:disabled, .hg-cf7 input[type="submit"]:disabled { opacity: .5; cursor: not-allowed; }
.hg-cf7 .wpcf7-spinner { vertical-align: middle; }
.hg-cf7 .wpcf7-not-valid-tip { font-size: 12.5px; margin-top: 4px; color: #b91c1c; }
.hg-cf7 .wpcf7-response-output { margin: 18px 0 0 !important; padding: 12px 16px !important; border-radius: 12px; font-size: 14px; }
.hg-cf7 form.sent .wpcf7-response-output { border-color: #559950 !important; background: #f1f5ee; color: #144a34; }