/*
Theme Name: Liecology Clean
Description: Minimal clean child theme for the rebuilt Liecology site.
Template: generatepress
Version: 1.0.0
*/

:root {
  --liecology-red: #a60000;
  --liecology-text: #222;
  --liecology-soft: #f4f5f6;
}

body {
  color: var(--liecology-text);
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.site-header {
  background: #fff;
}

.inside-header {
  display: block;
  padding: 28px 30px 22px;
  text-align: center;
}

.site-branding {
  float: none;
}

.main-title,
.main-title a,
.main-title a:hover,
.main-title a:focus,
.site-description {
  color: var(--liecology-red);
}

.main-title {
  font-size: clamp(30px, 3vw, 48px);
  font-weight: 700;
  line-height: 1.1;
}

.site-description {
  margin-top: 6px;
  font-size: clamp(20px, 2vw, 30px);
  font-weight: 700;
}

.main-navigation,
.main-navigation .main-nav ul li a {
  background: #fff;
}

.main-navigation .inside-navigation {
  justify-content: center;
  min-height: 72px;
}

.main-navigation .main-nav > ul {
  justify-content: center;
}

.main-navigation .main-nav ul li a {
  color: var(--liecology-red);
  font-size: 17px;
  font-weight: 700;
  padding: 0 32px;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  background: #fff;
  color: #d00000;
}

.site-content {
  padding-top: 34px;
}

.site-main {
  margin-top: 0;
}

.inside-article {
  box-shadow: none;
}

a {
  color: var(--liecology-red);
}

@media (max-width: 900px) {
  .main-navigation .main-nav ul li a {
    padding: 0 16px;
  }
}