/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.5
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* Footer colors aligned with the official Benebone palette */
#footer .footer-widgets,
#footer .absolute-footer {
    background-color: #00572a !important;
    color: #ffffff !important;
}

#footer .footer-widgets p,
#footer .footer-widgets li,
#footer .footer-widgets label,
#footer .absolute-footer,
#footer .absolute-footer .copyright-footer {
    color: #ffffff !important;
}

#footer .footer-widgets .widget-title,
#footer .footer-widgets h1,
#footer .footer-widgets h2,
#footer .footer-widgets h3,
#footer .footer-widgets h4,
#footer .footer-widgets h5,
#footer .footer-widgets h6 {
    color: #ccff95 !important;
}

#footer .footer-widgets a,
#footer .absolute-footer a {
    color: #ffffff !important;
}

#footer .footer-widgets a:hover,
#footer .absolute-footer a:hover {
    color: #ccff95 !important;
}

#footer .footer-widgets input[type="email"],
#footer .footer-widgets input[type="text"] {
    background-color: #ffffff !important;
    border-color: #ccff95 !important;
    color: #245b3a !important;
}

#footer .footer-widgets input[type="email"]::placeholder,
#footer .footer-widgets input[type="text"]::placeholder {
    color: #245b3a !important;
    opacity: 0.85;
}

#footer .footer-widgets button,
#footer .footer-widgets input[type="submit"],
#footer .footer-widgets .button,
#footer .footer-widgets .wpcf7-submit {
    background-color: #a4df63 !important;
    border-color: #a4df63 !important;
    color: #245b3a !important;
}

#footer .absolute-footer {
    border-top: 1px solid rgba(204, 255, 149, 0.25);
}


/* Keep the newsletter block on the same footer palette */
#footer #custom_html-6 .textwidget > div {
    background-color: transparent !important;
    color: #ffffff !important;
}

#footer #custom_html-6 .textwidget > div > p {
    color: #ffffff !important;
}




/* Remove the broken arrow icon from the homepage */
body.home .fa-arrow-right {
    display: none !important;
}