/*
 Theme Name: Divi Child
 Description: Divi Child Theme
 Author: Weicks Media
 Template: Divi
 Version: 1.0.0
*/

/* Central Iowa Featherlite - replace email icon/text with Facebook link treatment */
#top-header #et-info-email.ci-featherlite-facebook-link:before {
    content: "f";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    border-radius: 50%;
    background: #ffffff;
    color: #1877f2;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
}

#top-header #et-info-email.ci-featherlite-facebook-link {
    color: #ffffff;
}

#top-header a:hover #et-info-email.ci-featherlite-facebook-link {
    opacity: 0.85;
}
/* =========================================================
   GLOBAL HEADER — REMOVE RSS ICON ONLY
   ========================================================= */

/* Hide only Divi's RSS social icon */
#top-header .et-social-rss,
#top-header .et-social-icons .et-social-rss {
    display: none !important;
}
/* =========================================================
   CENTRAL IOWA FEATHERLITE — GRAVITY FORM 4 FOOTER STYLING
   Matches the previous footer contact-form treatment.
   Scoped to Form ID 4 only.
   ========================================================= */

/* Keep Gravity Forms from adding a contrasting panel/background. */
#gform_wrapper_4,
#gform_wrapper_4 .gform-body,
#gform_wrapper_4 .gform_footer {
    background: transparent !important;
}

/* Match the original compact field spacing. */
#gform_wrapper_4 .gform_fields {
    row-gap: 16px !important;
}

/* Labels remain available/accessibile, but use the footer's light palette. */
#gform_wrapper_4 .gfield_label,
#gform_wrapper_4 .gform-field-label,
#gform_wrapper_4 .gfield_required,
#gform_wrapper_4 .ginput_complex label {
    color: rgba(255, 255, 255, 0.92) !important;
}

#gform_wrapper_4 .gfield_label {
    margin-bottom: 7px !important;
    font-weight: 500 !important;
}

#gform_wrapper_4 .gfield_required,
#gform_wrapper_4 .gfield_required_text,
#gform_wrapper_4 .gfield_required_asterisk {
    color: #d7071d !important;
}

/* Text, email and textarea fields — translucent charcoal like the old form. */
#gform_wrapper_4 input[type="text"],
#gform_wrapper_4 input[type="email"],
#gform_wrapper_4 input[type="tel"],
#gform_wrapper_4 input[type="url"],
#gform_wrapper_4 input[type="number"],
#gform_wrapper_4 textarea,
#gform_wrapper_4 select {
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.16) !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font: inherit !important;
    line-height: 1.35 !important;
    transition: background-color .2s ease, border-color .2s ease !important;
}

#gform_wrapper_4 textarea {
    min-height: 150px !important;
    resize: vertical;
}

#gform_wrapper_4 input::placeholder,
#gform_wrapper_4 textarea::placeholder {
    color: rgba(255, 255, 255, 0.92) !important;
    opacity: 1 !important;
}

#gform_wrapper_4 input[type="text"]:focus,
#gform_wrapper_4 input[type="email"]:focus,
#gform_wrapper_4 input[type="tel"]:focus,
#gform_wrapper_4 input[type="url"]:focus,
#gform_wrapper_4 input[type="number"]:focus,
#gform_wrapper_4 textarea:focus,
#gform_wrapper_4 select:focus {
    outline: none !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.22) !important;
}

/* Gravity Forms complex fields (name/email confirmation) should fill the row cleanly. */
#gform_wrapper_4 .ginput_complex {
    gap: 12px !important;
}

#gform_wrapper_4 .ginput_complex > span {
    margin: 0 !important;
}

/* Remove excess default footer spacing and place button at the right like the old form. */
#gform_wrapper_4 .gform_footer,
#gform_wrapper_4 .gform_page_footer {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
}

/* White rectangular CTA with red letter-spaced text. */
#gform_wrapper_4 input[type="submit"].gform_button,
#gform_wrapper_4 button.gform_button,
#gform_wrapper_4 .gform_footer input.button,
#gform_wrapper_4 .gform_footer input[type="submit"] {
    min-width: 200px !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 26px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #d7071d !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 62px !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background-color .2s ease, color .2s ease !important;
}

#gform_wrapper_4 input[type="submit"].gform_button:hover,
#gform_wrapper_4 button.gform_button:hover,
#gform_wrapper_4 .gform_footer input.button:hover,
#gform_wrapper_4 .gform_footer input[type="submit"]:hover {
    background: #d7071d !important;
    color: #ffffff !important;
}

/* Validation should remain visible without introducing Gravity's default card styling. */
#gform_wrapper_4 .gfield_validation_message,
#gform_wrapper_4 .validation_message,
#gform_wrapper_4 .gform_validation_errors {
    border-radius: 0 !important;
}

@media (max-width: 767.98px) {
    #gform_wrapper_4 .ginput_complex {
        display: block !important;
    }

    #gform_wrapper_4 .ginput_complex > span {
        display: block !important;
        width: 100% !important;
        margin-bottom: 12px !important;
    }

    #gform_wrapper_4 .gform_footer,
    #gform_wrapper_4 .gform_page_footer {
        justify-content: stretch !important;
    }

    #gform_wrapper_4 input[type="submit"].gform_button,
    #gform_wrapper_4 button.gform_button,
    #gform_wrapper_4 .gform_footer input.button,
    #gform_wrapper_4 .gform_footer input[type="submit"] {
        width: 100% !important;
    }
}

/* =========================================================
   CENTRAL IOWA FEATHERLITE — GRAVITY FORM 4 FOOTER OVERRIDES
   These selectors intentionally include body + form ID so they
   win against Gravity Forms' theme/framework CSS.
   ========================================================= */
body #gform_wrapper_4.gravity-theme .gform_fields {
    grid-row-gap: 16px !important;
    row-gap: 16px !important;
}

body #gform_wrapper_4.gravity-theme .gfield_label,
body #gform_wrapper_4.gravity-theme .gform-field-label,
body #gform_wrapper_4.gravity-theme .ginput_complex label {
    color: rgba(255,255,255,.92) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

body #gform_wrapper_4.gravity-theme .gfield_required,
body #gform_wrapper_4.gravity-theme .gfield_required_text,
body #gform_wrapper_4.gravity-theme .gfield_required_asterisk {
    color: #d7071d !important;
}

body #gform_wrapper_4.gravity-theme input[type="text"],
body #gform_wrapper_4.gravity-theme input[type="email"],
body #gform_wrapper_4.gravity-theme input[type="tel"],
body #gform_wrapper_4.gravity-theme input[type="url"],
body #gform_wrapper_4.gravity-theme input[type="number"],
body #gform_wrapper_4.gravity-theme textarea,
body #gform_wrapper_4.gravity-theme select {
    width: 100% !important;
    min-height: 52px !important;
    padding: 14px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.15) !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

body #gform_wrapper_4.gravity-theme textarea {
    min-height: 150px !important;
}

body #gform_wrapper_4.gravity-theme input::placeholder,
body #gform_wrapper_4.gravity-theme textarea::placeholder {
    color: rgba(255,255,255,.9) !important;
    opacity: 1 !important;
}

body #gform_wrapper_4.gravity-theme .ginput_complex {
    gap: 12px !important;
}

body #gform_wrapper_4.gravity-theme .gform_footer,
body #gform_wrapper_4.gravity-theme .gform_page_footer {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
}

body #gform_wrapper_4.gravity-theme .gform_footer input[type="submit"],
body #gform_wrapper_4.gravity-theme .gform_footer .gform_button,
body #gform_wrapper_4.gravity-theme .gform_page_footer input[type="submit"],
body #gform_wrapper_4.gravity-theme .gform_page_footer .gform_button {
    width: auto !important;
    min-width: 200px !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 26px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #d7071d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 62px !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

body #gform_wrapper_4.gravity-theme .gform_footer input[type="submit"]:hover,
body #gform_wrapper_4.gravity-theme .gform_footer .gform_button:hover {
    background: #d7071d !important;
    color: #fff !important;
}

@media (max-width: 767.98px) {
    body #gform_wrapper_4.gravity-theme .gform_footer,
    body #gform_wrapper_4.gravity-theme .gform_page_footer {
        justify-content: stretch !important;
    }

    body #gform_wrapper_4.gravity-theme .gform_footer input[type="submit"],
    body #gform_wrapper_4.gravity-theme .gform_footer .gform_button {
        width: 100% !important;
    }
}