/*
Theme Name: White Water Filters
Theme URI: https://whitewaterfilters.com
Description: Child theme for White Water Filters. Appliance and home living guides with an online safety verification desk.
Author: White Water Filters
Template: generatepress
Version: 1.0.1
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: whitewaterfilters
*/

.entry-meta .byline,
.entry-meta .updated {
  display: none;
}

.site-info .copyright-bar {
  line-height: 1.7;
}

.site-info .copyright-bar a {
  text-decoration: none;
}

:root {
  --ww-ink: #14213d;
  --ww-water: #1d6fa5;
  --ww-mist: #eef3f7;
  --ww-paper: #ffffff;
  --ww-line: #d7e2ec;
  --ww-steel: #5b6b7b;
}

body {
  background-color: var(--ww-mist);
  color: var(--ww-ink);
}

.site-header {
  background-color: var(--ww-paper);
  border-bottom: 3px solid var(--ww-water);
}

.main-title a,
.main-title a:hover {
  color: var(--ww-ink);
  font-weight: 800;
  letter-spacing: -0.4px;
}

.main-navigation,
.main-navigation ul ul {
  background-color: var(--ww-paper);
}

.main-navigation .main-nav ul li a {
  color: var(--ww-ink);
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a {
  color: var(--ww-water);
}

a {
  color: var(--ww-water);
}

a:hover,
a:focus {
  color: var(--ww-ink);
}

.entry-title a {
  color: var(--ww-ink);
}

.entry-title a:hover {
  color: var(--ww-water);
}

.separate-containers .inside-article {
  background-color: var(--ww-paper);
  border-left: 4px solid var(--ww-water);
  border-radius: 4px;
}

.entry-meta {
  color: var(--ww-steel);
}

.cat-links a {
  color: var(--ww-water);
  font-weight: 600;
}

.read-more {
  color: var(--ww-water);
  font-weight: 600;
}

.sidebar .widget {
  background-color: var(--ww-paper);
  border: 1px solid var(--ww-line);
  border-radius: 4px;
}

.sidebar .widget .wp-block-heading {
  border-bottom: 2px solid var(--ww-water);
  padding-bottom: 0.4rem;
  margin-bottom: 0.7rem;
}

.wp-block-search__button {
  background-color: var(--ww-water);
  color: var(--ww-paper);
  border-color: var(--ww-water);
}

.site-info {
  background-color: var(--ww-ink);
  color: #c5d2de;
}

.site-info a {
  color: var(--ww-paper);
}

.site-info a:hover {
  color: #7fb2d6;
}
