/*
 * Plumberx - site styling
 *
 * Rules previously held in Theme Options -> Custom CSS, moved into the theme so
 * they live with the markup they target and survive an options reset.
 *
 * Loaded last of the theme stylesheets, which reproduces the ordering these
 * rules had as an inline <style> block, so nothing changes precedence.
 *
 * Rules aimed at third-party plugins (CM Notification Bar, reCAPTCHA) are
 * deliberately NOT here - they belong with the plugins, not the theme.
 */


/* "Our Services" heading on the homepage sits on a dark background. */
.home .title h1,
.home .section-title h1,
.home .cart_totals h2,
.home .cross-sells h2,
.home .products h2 {
    color: #ffffff;
}

/* "Why Choose Us" heading sits on a light background. */
#why-choose-us .title h1,
#why-choose-us .section-title h1,
#why-choose-us .cart_totals h2,
#why-choose-us .cross-sells h2,
#why-choose-us .products h2 {
    color: #000;
}

/* "What our customers say" heading sits on a light background. */
#testimonials .title h1,
#testimonials .section-title h1,
#testimonials .cart_totals h2,
#testimonials .cross-sells h2,
#testimonials .products h2 {
    color: #000;
}

/* Footer menu links in the accent red. */
footer .footer-menu ul li a {
    color: #fe5454 !important;
}

/* Footer menu needs its own background once it collapses on mobile. */
@media only screen and (max-width: 767px) {
    footer .footer-menu ul {
        background: #283644;
    }
}

/*
 * "Established 1964" box on the homepage. The theme's generated colour CSS
 * paints this with the primary colour, which showed through on iPad.
 */
.large-box:before {
    background: #293744;
}