/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ==========================================================================
   Global design tokens
   --------------------------------------------------------------------------
   Container max-width (1480px) is set in GenerateBlocks global settings and
   exposed as var(--gb-container-width). The gutter below is the section
   side padding: 1480 - (2 x 30) = 1420px content width. Section markup uses
   var(--gutter, 30px) so it stays correct even without this rule.
   ========================================================================== */
:root {
    --gutter: 30px;
}



/* ====================================================================
   Contact Us — Contact Form 7 (.afrah-contact-form)
   CF7 internals are plugin-rendered, so styled here (scoped). The rest of
   the page is GenerateBlocks editor-native.
   ==================================================================== */
.afrah-contact-form .afrah-cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px}
.afrah-contact-form .afrah-cf-wide,.afrah-contact-form .afrah-cf-actions{grid-column:1 / -1}
.afrah-contact-form .afrah-cf-field{display:flex;flex-direction:column;gap:10px}
.afrah-contact-form .afrah-cf-field > p{display:contents}
.afrah-contact-form .afrah-cf-field label{color:var(--afrah-heading,#252A34);font-family:'Quicksand',sans-serif;font-weight:600;font-size:1rem;opacity:.75}
.afrah-contact-form .afrah-cf-field .req{color:var(--afrah-orange,#E85900);opacity:1}
.afrah-contact-form .wpcf7-form-control-wrap{display:block}
.afrah-contact-form input[type=text],.afrah-contact-form input[type=email],.afrah-contact-form textarea{width:100%;box-sizing:border-box;background:rgba(32,48,149,0.05);border:1.5px solid transparent;border-radius:5px;padding:17px 20px;font-family:'Poppins',sans-serif;font-size:1rem;line-height:1.5;color:var(--afrah-heading,#252A34);transition:border-color .2s ease,background-color .2s ease}
.afrah-contact-form input[type=text]:focus,.afrah-contact-form input[type=email]:focus,.afrah-contact-form textarea:focus{border-color:#203095;background:#fff;outline:none}
.afrah-contact-form input::placeholder,.afrah-contact-form textarea::placeholder{color:var(--afrah-body,#575757);opacity:.55}
.afrah-contact-form textarea{min-height:150px;resize:vertical;display:block}
.afrah-contact-form .afrah-cf-actions{text-align:right}
.afrah-contact-form .afrah-cf-actions input[type=submit]{background:var(--afrah-orange,#E85900);color:#fff;font-family:'Nunito',sans-serif;font-weight:800;font-size:1.125rem;text-transform:uppercase;letter-spacing:.04em;border:none;border-radius:5px;padding:18px 46px;cursor:pointer;transition:background-color .2s ease}
.afrah-contact-form .afrah-cf-actions input[type=submit]:hover{background:var(--afrah-orange-dark,#c44e07)}
.afrah-contact-form br{display:none}
.afrah-contact-form .wpcf7-spinner{margin:14px auto 0;display:block}
.afrah-contact-form .wpcf7-not-valid-tip{color:#d63638;font-size:.85rem;font-family:'Poppins',sans-serif;margin-top:6px}
.afrah-contact-form .wpcf7-response-output{margin:18px 0 0 !important;border-radius:5px;font-family:'Poppins',sans-serif;font-size:.9rem}
@media (max-width:768px){.afrah-contact-form .afrah-cf-grid{grid-template-columns:1fr}.afrah-contact-form .afrah-cf-actions{text-align:center}}