/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.s101-card-image-crop {
	width: 100%; 
	aspect-ratio: 16/9; 
	overflow: hidden; 
	border-radius: 6px; 
	margin-bottom: 12px; 
	background: #f3f4f6;
}

.recent-podcast .s101-card-image-crop,
.featured .s101-card-image-crop {
	aspect-ratio: 1/1; 
	margin-bottom: 0px;
}

/* ==========================================================================
   COMPLETE WEBSITE FORM & BUTTON STYLING
   ========================================================================== */

/* 1. GRID & COLUMN LAYOUTS
   -------------------------------------------------------------------------- */
.gform_wrapper .gform_fields,
.elementor-form .elementor-grid,
.gform_wrapper .gfield_list_group {
    column-gap: 1rem !important;
    row-gap: 1rem !important; /* Ensures uniform vertical and horizontal spacing */
}


/* 2. GLOBAL INPUT & TEXTAREA STYLING
   -------------------------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select,
.gform_wrapper .gform_body input,
.gform_wrapper .gform_body textarea,
.gform_wrapper .gform_body select {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important; /* Prevents mobile browsers from auto-zooming on focus */
    color: var(--Black, #000000);
    
    /* Layout */
    width: 100% !important;
    max-width: 100%;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
    
    /* Borders & Aesthetics */
    border: 1px solid #000 !important; 
    border-radius: 10px !important; /* 4px radius to match your buttons */
    background-color: #ffffff !important;
    
    /* Animation */
    transition: border-color 300ms ease, box-shadow 300ms ease !important;
}

/* Textarea height adjustment */
textarea {
    min-height: 120px;
    resize: vertical; /* Allows height adjustments without breaking horizontal layout */
}


/* 3. INPUT FOCUS STATES (ACTIVE CLICK)
   -------------------------------------------------------------------------- */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus,
.gform_wrapper .gform_body input:focus,
.gform_wrapper .gform_body textarea:focus {
    border-color: var(--Light-Green, #a3e635) !important;
    box-shadow: 0 0 0 3px rgba(163, 230, 53, 0.15) !important; /* Soft theme-colored halo */
    outline: none !important;
}


/* 4. SUBMIT BUTTON FIX (FORCED LIGHT GREEN STYLE)
   -------------------------------------------------------------------------- */
.gform_wrapper .gform_footer input[type="submit"].gform_button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input[type="button"],
body .gform_wrapper .gform_footer button {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1rem !important; /* Forced button text size */
    color: var(--Black) !important;
    
    /* Layout */
    display: inline-block !important;
    text-align: center !important;
    padding: 12px 24px !important; 
    
    /* Shape */
    border-radius: 0.25rem !important;
    border: 0rem none !important;
    
    /* Background Overrides */
    background: var(--Light-Green) !important;
    background-color: var(--Light-Green) !important;
    
    /* Transitions */
    transition: all 300ms ease-in-out !important;
    cursor: pointer !important;
}

/* Button Hover & Focus States */
.gform_wrapper .gform_footer input[type="submit"].gform_button:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover,
body .gform_wrapper .gform_footer button:hover {
    background: var(--Light-Green-Hover) !important;
    background-color: var(--Light-Green-Hover) !important;
    outline: none !important;
}