:root {
  --red:        #C1272D;
  --red-dark:   #991E23;
  --green:      #2E6B4F;
  --green-mid:  #3D8A65;
  --off-white:  #F4F8F5;
  --pale:       #E8F0EB;
  --rule:       #D4E0D8;
  --charcoal:   #1A1A1A;
  --body:       #2E2A26;
  --muted:      #6B7A6E;
  --warm-white: #FAFCFB;

  --transition: all 0.3s ease;

  --fd: 'Cormorant Garamond', Georgia, serif;
  --fb: 'Source Sans 3', system-ui, sans-serif;

  --max: 1200px;
  --pad: clamp(18px, 4.5vw, 48px);
}

/* RESET */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--fb);
  line-height: 1.65;
  color: var(--body);
  background-color: var(--warm-white);
}

/* LINKS → GREEN */
a {
  color: var(--green);
  text-decoration: none;
  transition: var(--transition);
}

a:hover {
  color: var(--green-mid);
}

/* HEADINGS → RED */
.content  h1, .content  h2,.content  h3, .content  h4, .content  h5, .content  h6 {
  font-family: var(--fd) !important;
  font-weight: 600;
  line-height: 1.15;
  color: var(--red-dark) !important;
}
.archive  h1, .archive  h2,.archive  h3, .archive  h4, .archive h5, .archive h6 {
  font-family: var(--fd) !important;
  font-weight: 600;
  line-height: 1.15;
  color: var(--red-dark) !important;
}
.content .page-title , .section-title span{
color: var(--red-dark) !important;
}

.single-page, .blog-page, .single-post {
  margin-top: 40px !important;
}

.content .excerpt p,
.single-page p,
.blog-page p,
.single-post p {
  font-family: var(--fb) !important;
}

.content .content-text a,
.content .excerpt a {
  color: var(--green-mid) !important;
}

.categories-link:link,
.categories-link:visited {
  color: var(--green) !important;
}

span.categories:after,
span.categories:before {
  background-color: var(--red-dark) !important;
}

/* PAGINATION */
.pagination span.current {
  border: 1px solid var(--red-dark) !important;
  background-color: var(--red-dark) !important;
  color: #fff;
}

.pagination a.page-numbers {
  border: 1px solid var(--green) !important;
}

.pagination a.page-numbers:hover {
  background-color: var(--green) !important;
  color: #fff;
}

/* SIDEBAR */
.aside .link-list li a,
.aside .menu-home-aside-menu-container li a {
  color: var(--green) !important;
}

.tags-block .tag {
  border: 1px solid var(--green) !important;
}

.tags-block .tag:hover {
  background-color: var(--red) !important;
  color: #fff;
}

.related-block {
  margin-top: 20px !important;
}
.aside .menu-home-sidebar-1-container li a, .aside .menu-home-sidebar-2-container li a, .aside .menu-home-sidebar-3-container li a{
	color: var(--red) !important;
}