/*
Theme Name: ErdGeschoss Mahlsdorf
Theme URI: https://erdgeschoss-mahlsdorf.de/
Description: Lokales Child-Theme für ErdGeschoss Mahlsdorf.
Author: ErdGeschoss Mahlsdorf
Template: generatepress
Version: 0.2.7
Text Domain: egm-child
*/
:root {
  --egm-waldgruen: #5b6f45;
  --egm-bordeaux: #7b2d38;
  --egm-warmes-beige: #eadcc5;
  --egm-sand: #d6c1a1;
  --egm-ocker: #c89b5e;
  --egm-holzbraun: #8a5e3b;
  --egm-salbei: #a7b895;
  --egm-ink: var(--egm-holzbraun);
}

body {
  background: var(--egm-sand);
  color: var(--egm-holzbraun);
}

a { color: var(--egm-bordeaux); }
a:hover, a:focus, a:active { color: var(--egm-waldgruen); }

h1, h2, h3, h4, h5, h6 {
  color: var(--egm-waldgruen);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

.site-header {
  background: var(--egm-warmes-beige);
  border-bottom: 1px solid var(--egm-sand);
}

.inside-header { padding-top: 2rem; padding-bottom: 1.65rem; }
.site-logo img {
  width: 390px;
  max-width: 100%;
  height: auto;
}
.main-title { font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 3.25rem); letter-spacing: -.035em; }
.main-title a, .main-title a:hover { color: var(--egm-waldgruen); }
.site-description { color: var(--egm-holzbraun); letter-spacing: .04em; }

.main-navigation, .main-navigation ul ul { background: var(--egm-warmes-beige); border-top: 1px solid var(--egm-sand); }
.main-navigation .inside-navigation { max-width: 1200px; margin: 0 auto; }
.main-navigation .main-nav ul li a, .main-navigation .menu-toggle {
  color: var(--egm-waldgruen);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a { color: var(--egm-bordeaux); }
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a {
  background: var(--egm-sand);
  color: var(--egm-bordeaux);
}

.separate-containers .inside-article,
.one-container .container,
.site-info { background: var(--egm-warmes-beige); }
.separate-containers .site-main { margin-top: 2rem; margin-bottom: 2rem; }
.separate-containers .inside-article {
  border: 1px solid rgba(138, 94, 59, .16);
  box-shadow: 0 1rem 2.5rem rgba(138, 94, 59, .10);
}

.entry-content > h1:first-child { margin-bottom: .6rem; }
.entry-content h2 { margin-top: 2.6rem; font-size: clamp(1.65rem, 3vw, 2.35rem); }
.egm-intro { color: var(--egm-holzbraun); font-size: 1.22rem; line-height: 1.7; max-width: 43rem; }

.egm-hero { margin: -40px auto 2.75rem; }
.egm-hero img {
  display: block;
  width: 100%;
  height: auto;
}
.wp-block-gallery { margin-top: 2.5rem; margin-bottom: 2.75rem; }

.egm-request-form { max-width: 46rem; margin-top: 2rem; }
.egm-request-form p { margin-bottom: 1.3rem; }
.egm-request-form label { display: block; color: var(--egm-waldgruen); font-weight: 700; }
.egm-request-form input:not([type="checkbox"]),
.egm-request-form select,
.egm-request-form textarea { box-sizing: border-box; display: block; margin-top: .35rem; max-width: 100%; width: 100%; }
.egm-request-form textarea { min-height: 7rem; resize: vertical; }
.egm-request-form small { color: var(--egm-holzbraun); font-weight: 400; }
.egm-request-form .egm-privacy label { font-weight: 400; }
.egm-request-form .egm-privacy input { margin-right: .4rem; }
.egm-form-message { margin: 2rem 0; padding: 1.25rem 1.4rem; }
.egm-form-success { color: var(--egm-waldgruen); background: var(--egm-salbei); border-left: 4px solid var(--egm-waldgruen); }
.egm-form-error { background: #f4dada; border-left: 4px solid var(--egm-bordeaux); }
.egm-form-error ul { margin: .65rem 0 0 1.2rem; }
.egm-form-honeypot { display: none; }

.egm-card {
  background: transparent;
  border: 0;
  border-left: 3px solid var(--egm-bordeaux);
  border-radius: 0;
  box-shadow: none;
  color: var(--egm-holzbraun);
  padding: .85rem 1.1rem;
}
.egm-card > :last-child { margin-bottom: 0; }

.egm-button, .wp-block-button__link:not(.has-background) {
  background: var(--egm-bordeaux);
  border: 1px solid var(--egm-bordeaux);
  border-radius: 0;
  color: var(--egm-warmes-beige);
  font-weight: 700;
  padding: .8rem 1.2rem;
}
.egm-button:hover, .egm-button:focus,
.wp-block-button__link:not(.has-background):hover,
.wp-block-button__link:not(.has-background):focus {
  background: var(--egm-waldgruen);
  border-color: var(--egm-waldgruen);
  color: var(--egm-warmes-beige);
}
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  border-color: var(--egm-waldgruen);
  color: var(--egm-waldgruen);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
  background: var(--egm-waldgruen);
  color: var(--egm-warmes-beige);
}
.wp-block-button.egm-request-button .wp-block-button__link {
  background: var(--egm-bordeaux);
  border: 1px solid var(--egm-bordeaux);
  border-radius: 0;
  color: var(--egm-warmes-beige);
  font-weight: 700;
  padding: .8rem 1.2rem;
}
.wp-block-button.egm-request-button .wp-block-button__link:hover,
.wp-block-button.egm-request-button .wp-block-button__link:focus {
  background: var(--egm-waldgruen);
  border-color: var(--egm-waldgruen);
  color: var(--egm-warmes-beige);
}

.site-footer .site-info {
  background: var(--egm-waldgruen);
  border-top: 4px solid var(--egm-bordeaux);
  color: var(--egm-warmes-beige);
}
.site-footer .site-info a { color: var(--egm-warmes-beige); }

@media (max-width: 768px) {
  .inside-header { padding-top: 1.35rem; padding-bottom: 1.2rem; }
  .egm-hero { margin: -30px auto 2rem; }
}