/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here...Remember to change the Version number above! */ 


p, ul, li {
	font-size: 20px !important;
}

.accordionbutton .fl-accordion-button:hover {
	background-color: black !important;
}

/*Home page box button align BOTTOM - OLD */
.button-bottom-col .fl-col-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.button-bottom-col .fl-module-button {
    margin-top: auto;
}



/* Make the whole Beaver Builder column behave like a vertical flex container */
.button-bottom-col .fl-col-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Keep the Info Box at the top */
.button-bottom-col .fl-module-info-box {
    margin-bottom: 0;
}

/* Push the accordion module to the bottom */
.button-bottom-col .fl-module-accordion,
.button-bottom-col .uabb-module-content.uabb-adv-accordion,
.button-bottom-col .fl-module-uabb-adv-accordion {
    margin-top: auto;
}

/*Contact Form 7 Box*/
/* CF7 compact 2-column layout */
.contact-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 18px;
    max-width: 900px;
}

/* Remove default paragraph spacing CF7 sometimes injects */
.contact-form-grid p {
    margin: 0;
}

/* Make full-width rows span both columns */
.contact-form-grid .full-width {
    grid-column: 1 / -1;
}

/* Fields */
.contact-form-grid input[type="text"],
.contact-form-grid input[type="email"],
.contact-form-grid input[type="tel"],
.contact-form-grid textarea {
    width: 100%;
    box-sizing: border-box;
    border-radius: 0 !important;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 10px 12px;
    line-height: 1.3;
}

/* Shorter message box */
.contact-form-grid textarea {
    height: 110px;
    min-height: 110px;
    resize: vertical;
}

/* Submit button */
.contact-form-grid input[type="submit"] {
    border-radius: 0 !important;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 20px;
    cursor: pointer;
    margin-top: 2px;
}

/* Optional: reduce any CF7 wrapper spacing */
.contact-form-grid .wpcf7-form-control-wrap {
    display: block;
    margin: 0;
}
.contact-form-grid input[type="submit"] {
    width: 100%;
    border-radius: 0 !important;
    -webkit-appearance: none;
    appearance: none;
    padding: 12px 20px;
    cursor: pointer;
    margin-top: 2px;
    background: #ae3833;
    color: #ffffff;
    border: none;
    display: block;
}
/* Mobile */
@media (max-width: 767px) {
    .contact-form-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .contact-form-grid .full-width {
        grid-column: auto;
    }
}
/* Home page boxes and accordion layouts */
/* Mobile: reset the column so heights behave naturally when stacked */
@media (max-width: 768px) {
    .fl-node-hen7i2x9df1r .fl-col-group {
        align-items: stretch !important;
    }

    .fl-node-hen7i2x9df1r .button-bottom-col .fl-col-content {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .fl-node-hen7i2x9df1r .button-bottom-col .fl-module-button,
    .fl-node-hen7i2x9df1r .button-bottom-col .fl-module-accordion,
    .fl-node-hen7i2x9df1r .button-bottom-col .fl-module-uabb-adv-accordion,
    .fl-node-hen7i2x9df1r .button-bottom-col .uabb-module-content.uabb-adv-accordion {
        margin-top: 20px !important;
    }
}