/* Wrexham Roofing visual identity — cache-busted 2026 */
:root {
  --primary-color: #00843d;
  --second-color: #c8102e;
  --cta-color: #c8102e;
  --cta-hover: #981b2b;
  --cta-text: #ffffff;
  --cta-text-hover: #ffffff;
  --header-color: #ffffff;
  --overlay-color: #102820;
  --shade: #00843d;
  --shade-alt: #c8102e;
  --float-button: #c8102e;
  --blocklink: #ffffff;
  --bullets: #c8102e;
  --servicecard: #00843d;
}

body, .textwidget { color: #17231f; }
h1, h2, h3, h4, h5, h6 { color: #00843d; }
a { color: #a50f29; }
a:hover, .more-link .btn:hover { color: #731020; }

.main-title,
.footer,
.picback::before,
body .eg-buildpress-item-skin-element-0,
body .eg-buildpress-item-skin-element-0:hover { background-color: #00843d !important; }

.footer { background-image: none !important; border-top: 5px solid #c8102e; }
.navigation { border-bottom: 4px solid #00843d; }
.navigation--main > li:hover > a,
.navigation--main > .menu-item-has-children:hover > a::after,
.header-widgets .textwidget a,
.transparent-widgets .textwidget a,
.centred-widgets .textwidget a { color: #c8102e !important; }

.btn-primary,
#comments-submit-button,
.widget_search .search-submit,
a.action,
input.gform_button[type=submit],
.roofing-contact-form button,
.navbar-toggle,
.navbar-toggle:hover { background-color: #c8102e !important; border-color: #c8102e !important; color: #ffffff !important; }

.btn-primary:hover,
#comments-submit-button:hover,
a.action:hover,
input.gform_button[type=submit]:hover,
.roofing-contact-form button:hover { background-color: #981b2b !important; border-color: #981b2b !important; }

.panel-grid .widget-title::after,
.footer .footer__headings::after,
.alternative-heading::after,
.hentry__title::after,
.sidebar__headings::after,
.jumbotron__category::after { background-color: #c8102e !important; }

.row-shade::before { background: #00843d !important; }
.row-shade-alt::before { background: #c8102e !important; }
ul.side-nav li a::before,
ul.side-nav li a::after { background: #c8102e !important; }

@media (min-width: 992px) {
  .header-light .navigation--main > .current-menu-item > a,
  .header-light .navigation--main > .current-menu-ancestor > a { background-color: #00843d !important; }
}

@media (max-width: 991px) {
  div#navi { background: #00843d !important; }
}

/* Preserve the full-colour brand artwork in the dark footer. */
footer .footer img[src*="wrexham-roofing-footer-full-colour-2026.png"],
footer .footer a img[src*="wrexham-roofing-footer-full-colour-2026.png"],
.footer .widget img[src*="wrexham-roofing-footer-full-colour-2026.png"] {
  -webkit-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background-color: transparent !important;
}