/* ==================================================
   Sense of Earth
   ================================================== */

:root {
  --soe-green: #2f6b45;
  --soe-green-light: #7fa85b;
  --soe-cream: #f7f5ee;
  --soe-brown: #a66a3f;
  --soe-dark: #26372d;
}


/* Base
-------------------------------------------------- */

body {
  color: #333;
  background-color: #fff;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Noto Sans JP",
    sans-serif;
  line-height: 1.8;
}

a {
  color: var(--soe-green);
}

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


/* Header
-------------------------------------------------- */

header {
  background-color: #fff;
}

.soe-logo {
  width: auto;
  height: 58px;
  object-fit: contain;
}

header .nav-link {
  color: var(--soe-dark);
  font-weight: 500;
  padding: 0.6rem 0.8rem;
}

header .nav-link:hover {
  color: var(--soe-green);
}


/* Buttons
-------------------------------------------------- */

.btn-success {
  background-color: var(--soe-green);
  border-color: var(--soe-green);
}

.btn-success:hover,
.btn-success:focus {
  background-color: #255739;
  border-color: #255739;
}


/* Main
-------------------------------------------------- */

main {
  min-height: 60vh;
}

.bg-soe-cream 

/* Contact
-------------------------------------------------- */
.soe-contact {
  background-color: #e8f0e8;
}

/* Footer
-------------------------------------------------- */
.soe-footer {
  background-color: var(--soe-dark);
  color: #f7f5ee;
}

.soe-footer a {
  color: #f7f5ee;
}

.soe-footer a:hover {
  color: #cbd9c5;
}