/*
Theme Name: Alone Child
Theme URI: https://wordpress.org/themes/alone/
Author: Bearsthemes
Author URI: https://wordpress.org/
Description: ALONE – Powerful and flexible WordPress theme that comes with 30+ unique and stunning demos, suitable for all your idea and different types of Non-profit Organizations, Ngo, Church, Events, Political, Candidate, Campaign project…
Requires at least: 5.7.X
Requires PHP: 7.X
Version: 7.0
Template: alone
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alone
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

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.

Alone is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body a:hover, body a:focus {
    text-decoration: none;
}
.wpcf7-form .contact-form-row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0 30px;
}
.wpcf7-form .contact-form-row p,.wpcf7-form .contact-form-row textarea{
    width: 100%;
}
.wpcf7-form .contact-form-row input[type='text'],
.wpcf7-form .contact-form-row input[type='tel'],
.wpcf7-form .contact-form-row input[type="email"]{
    background-color: #ffffff;
    border-width: 0 0 0 0;
    width: 100%;
}
.wpcf7-form .contact-form-row input[type="submit"]{
    background-color: #FFEE00;
    color: #002866;
    border: unset;
}

.wpcf7-form .contact-form-row .wpcf7-submit {
    display: block;
    margin: 0 auto;
}

.site-logo.image-logo .custom-logo,
header .elementor-widget-theme-site-logo img{
    width: 120px!important;
}
.tribe-events-before-html{
    margin: 20px 0 20px!important;
}
.tribe-events-before-html h2,.tribe-events-before-html h3{
    color:var(--e-global-color-0c37070)!important;
}
.single-tribe_events .tribe-events-before-html{
    display: none;
}
@media (max-width: 767px) {
    .wpcf7-form .contact-form-row{
        flex-direction: column;
        gap: 0 0;
    }
    .wpcf7-form .contact-form-row input{
        margin: 0!important;
    }
    
}

/* =========================
   MULTI STEP VISIBILITY
========================= */
.multi-step-wrapper .step {
    display: none;
}

.multi-step-wrapper .step.active {
    display: block;
}


/* =========================
   FORM ROW LAYOUT
========================= */
.form-row {
    margin-bottom: 25px;
}

/* Remove CF7 <br> breaking layout */
.form-row p br {
    display: none;
}

/* Flex layout */
.form-row p {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
    align-items: flex-end;
}


/* =========================
   LABELS (2 PER ROW)
========================= */
.form-row label {
    display: inline-block;
    flex-direction: column;
    width: calc(50% - 10px);
    font-weight: 600;
}

/* If only one field → full width */
.form-row label:only-child {
    width: 100%;
}


/* =========================
   INPUTS
========================= */
.wpcf7-form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-top: 5px;
    box-sizing: border-box;
}


/* =========================
   REQUIRED STAR
========================= */
.form-row label:has(.wpcf7-validates-as-required)::before {
    content: "*";
    color: red;
}


/* =========================
   FILE INPUT (CENTER + 50%)
========================= */
input[type="file"] {
    width: 100%;
}

/* Target row with file input */
.form-row:has(input[type="file"]) p {
    justify-content: center;
}

.form-row:has(input[type="file"]) label {
    width: 50%;
}


/* =========================
   BUTTONS (SAME LINE)
========================= */
.form-row:has(.previouse-step) p {
    align-items: center;
}

/* Previous button */
.previouse-step, .next-step {
    display: inline-block;
    padding: 10px 20px;
    background: #555;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
}
.multi-step-wrapper .wpcf7-submit{
    padding: 14px 32px;
    margin-top: 0;
    border-radius: 6px;
}

/* Submit button SAME SIZE */
.wpcf7-submit {
    padding: 10px 20px;
    background: #0073aa;
    color: #fff;
    border: none;
    border-radius: 6px;
    width: auto;          /* remove full width */
    display: inline-block;
}


/* =========================
   ERROR STATE
========================= */
.input-error {
    border: 1px solid red !important;
}


/* =========================
   MOBILE
========================= */
@media (max-width: 768px) {
    .form-row label {
        width: 100% !important;
    }

    .form-row:has(input[type="file"]) label {
        width: 100%;
    }

    .form-row:has(.previouse-step) p {
        flex-direction: column;
        gap: 10px;
    }

    .wpcf7-submit {
        width: 120px;
    }
}