/* IVP Services overrides on top of the Wastewise template */

/* Colour theme taken from the IVP Services logo: green, teal and deep navy-teal */
* {
  --primary-color: #76B539;
  --primary-color-rgb: 118, 181, 57;
  --secondary-color: #0A8798;
  --secondary-color-rgb: 10, 135, 152;
}

* {
  --heading-font-color: #0A3F55;
  --body-font-color: #5f7480;
  --bg-light-1: #e8f1ec;
  --bg-dark-1: #0A4259;
  --bg-dark-2: #08364A;
  --bg-dark-3: #0D4F69;
  --bg-dark-1-rgb: 10, 66, 89;
  --bg-dark-2-rgb: 8, 54, 74;
  --bg-dark-3-rgb: 13, 79, 105;
}

header div#logo {
  max-width: 180px;
}

header div#logo img {
  width: 165px;
  height: auto;
}

#section-intro .subtitle {
  letter-spacing: 1px;
}

.material-card .ul-check {
  margin-bottom: 0;
}

.company-details dt {
  color: var(--heading-font-color);
  font-weight: 600;
}

.company-details dd {
  margin-bottom: 12px;
}

footer .widget a[href^="mailto"],
#extra-content a[href^="mailto"] {
  color: inherit;
}

#contact_form .error_input {
  border-bottom-color: #e7505a !important;
}

#contact_form .success,
#contact_form .error {
  margin-top: 20px;
}

/* active menu item: the template's green is unreadable over the green page banner */
#mainmenu > li > a.menu-item.active {
  color: #fff !important;
  text-decoration: underline;
  text-decoration-color: #fff;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}