/*
Theme Name: Grow Global
Author: github.com/giomazzolo
Description: A custom template-based theme for the Grow Global Group website.
Version: 1.0
Text Domain: grow-global
*/

/* --- Custom Styles --- */

html {
    scroll-behavior: smooth;
}

.bg-primary {
    background-color: #17425c;
}
.text-accent-teal {
    color: #4baeab;
}
.text-accent-green {
    color: #a5d6c6;
}
.bg-coral {
    background-color: #ef857c;
}
.text-light-gray {
    color: #f1f3f5;
}
.service-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    cursor: pointer;
}
.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.service-card:hover svg {
    color: #ef857c;
}
.social-link {
    transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
}
.social-link:hover {
    transform: scale(1.1);
    color: #4baeab;
}
.why-us-card {
    transition: all 0.3s ease-in-out;
}
.why-us-card:hover {
    background-color: #ef857c;
    color: white;
}
.why-us-card:hover h4 {
    color: white;
}
.why-us-card:hover p {
    color: white;
}
.entry-title {
    display: none;
}



/*
 * ===================================================================
 * General Page & Contact Form Styles (for page.php)
 * ===================================================================
*/

/* Apply the primary background color to the body of the contact page */
.page-template-default body {
    background-color: #17425c; /* Your primary theme color */
}

/* Style the main content area to look like a card */
.page-template-default main.container {
    background-color: white;
    border-radius: 1rem; /* rounded-2xl */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-2xl */
    padding: 2.5rem;
}

/* Style the page title to match your brand */
.page-template-default h1.entry-title {
    color: #17425c; /* Primary dark blue */
    font-size: 2.25rem; /* text-4xl */
    font-weight: 800; /* font-extrabold */
    margin-bottom: 1rem;
    text-align: center;
}

/* Style the introductory paragraph */
.page-template-default main p {
    text-align: center;
    font-size: 1.125rem; /* text-lg */
    color: #4b5563; /* gray-600 */
    margin-bottom: 2.5rem;
}

/* Style form labels */
.page .wpforms-field-label {
   font-size: 1rem;
   font-weight: 600;
   margin-bottom: 0.5rem;
   color: #374151;
}

/* Style form input fields */
.page .wpforms-form input[type="text"],
.page .wpforms-form input[type="email"],
.page .wpforms-form textarea {
    border: 1px solid #d1d5db !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem 1rem !important;
    width: 100%;
}

/* Style the form submit button */
.page .wpforms-form .wpforms-submit {
    background-color: #ef857c !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 9999px !important;
    width: 100%;
    padding: 1rem 2rem !important;
    font-size: 1.125rem;
    transition: all 0.3s ease !important;
}

.page .wpforms-form .wpforms-submit:hover {
    background-color: #e86a5f !important; /* Darker coral */
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Founders Note Section -------------------------------------------------- */

/* Pulsing Glow Animation */
@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 20px rgba(239, 133, 124, 0.4); }
    50% { box-shadow: 0 0 35px rgba(239, 133, 124, 0.8); }
}
.animate-pulse-glow {
    animation: pulse-glow 3s infinite ease-in-out;
}


/* Colors and Fonts for Card */
.border-coral { border-color: #ef857c; }
.font-signature { font-family: 'Dancing Script', cursive; }

/*-------------------------------------------------- */