/* Earth-tone reskin for Read Only template */
/* Cormorant Garamond headings, Inter body */

/* Kill all teal globally */
* { --teal-replace: #5a7a30; }
[class*="icon"]:before, .button.primary, input[type="submit"], input[type="button"] {
  color: #5a7a30 !important;
}
.button.primary, input[type="submit"] {
  background-color: #5a7a30 !important;
  border-color: #5a7a30 !important;
  color: #eae7e1 !important;
}
.icon.solid:before, .icon.brands:before {
  color: #5a7a30 !important;
}

/* Color overrides */
/* Sidebar hidden */
#header {
  display: none !important;
}

#wrapper {
  padding-right: 0 !important;
}

/* Top nav bar */
#topnav {
  background: #504c44;
  padding: 0.8em 2em;
  margin-top: -1px;
}

#topnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-evenly;
  max-width: 800px;
  margin: 0 auto;
}

#topnav ul li {
  display: block;
}

#topnav ul li a {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.05rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #c2bab0;
  text-decoration: none;
  border-bottom: none;
}

#topnav ul li a:hover {
  color: #8ab050;
  border-bottom: none;
}

#header header p {
  color: #c2bab0;
}

#header > nav ul li {
  border-top-color: #656058 !important;
}

#header > nav ul li a {
  color: #c2bab0;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}

#header > nav ul li a.active {
  color: #8ab050 !important;
  background: transparent;
  border-top-color: #656058;
}

#header > nav ul li a:hover {
  color: #e8e0d2;
  background: rgba(255,255,255,0.05);
}

#header .icons a {
  color: #c2bab0;
}

#header .icons a:hover {
  color: #e8e0d2;
}

body {
  background: #c9c5bc;
}

#wrapper {
  background: #e8e6e2;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif;
  color: #2c2a26;
  font-weight: 500;
}

body, p, li, input, textarea, select {
  font-family: 'Inter', -apple-system, sans-serif;
  font-weight: 300;
  color: #3a3731;
}

#header h1 a {
  font-family: 'Cormorant Garamond', serif;
  color: #e8e0d2;
}

header.major h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2.4rem;
  color: #2c2a26;
}

header.major h2 em {
  font-style: italic;
  color: #5a7a30;
}

/* Section headers */
h3 {
  color: #5a7a30;
}

/* Accent color (buttons, links, borders) */
a {
  color: #8a7560;
}

a:hover {
  color: #5a7a30;
}

.button.primary {
  background: #5a7a30;
  color: #eae7e1;
  border-color: #5a7a30;
}

.button.primary:hover {
  background: #4a6828;
  border-color: #4a6828;
}

.button {
  border-color: #c0bbb1;
  color: #3a3731;
}

/* Tags on portfolio pieces */
.tags {
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a7a30;
}

/* Education entries */
.education-entry {
  margin-bottom: 2rem;
}

.education-entry .school {
  font-size: 0.9rem;
  color: #8a7560;
  margin-bottom: 0.25rem;
}

/* Placeholder pieces (not yet built) */
article.placeholder {
  opacity: 0.4;
}

/* Feature icons override */
.features article .inner h4 {
  font-family: 'Cormorant Garamond', serif;
  color: #2c2a26;
}

/* Dividers and borders */
hr {
  border-color: #c0bbb1;
}

#footer {
  background: #3a3731 !important;
  color: #c2bab0 !important;
  padding: 1em 2em !important;
  overflow: hidden !important;
}

#footer .container {
  padding: 0 !important;
}

#main > section:last-child > .container {
  padding-bottom: 1em !important;
}

/* Kill diagonal strip and bottom gap */
#footer {
  margin-top: 0 !important;
  border-top: none !important;
}

#wrapper {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}


#footer a {
  color: #c2bab0;
  border-bottom: none !important;
}

#footer .copyright {
  white-space: nowrap !important;
}

#footer .copyright li {
  display: inline-block !important;
}

#footer .copyright li + li {
  margin-left: 0.75em !important;
  padding-left: 0.75em !important;
  border-left: solid 1px #656058 !important;
}

#footer {
  padding-bottom: 0.5em !important;
  margin-top: -1px !important;
}

/* Section borders and dividers */
section {
  border-top-color: #c0bbb1 !important;
}

hr {
  border-color: #c0bbb1 !important;
}

.features article {
  border-color: #c0bbb1 !important;
}

/* Remove banner image */
.image.main {
  display: none;
}

/* Portfolio pieces: full width text, no image column */
.features article {
  width: 100%;
}

.features article .inner {
  width: 100%;
}

/* Short sections: tight padding */
#about > .container,
#contact > .container {
  padding: 1.5em 0 1em 0 !important;
}

/* Hero dark background */
#hero {
  background: #3a3731;
}

#hero .container,
#hero p {
  color: #c2bab0;
  font-weight: 300;
}

#hero header.major h2 {
  color: #eae7e1;
  font-weight: 400;
}

#hero header.major h2 em {
  color: #8ab050;
}

#hero header.major p {
  color: #eae7e1;
  font-weight: 300;
  letter-spacing: 0.02em;
}