/**
 * Apariencia Garland (paleta Olivia / verde) del Drupal 6 original.
 */

html {
  height: 100%;
}

body {
  min-height: 100%;
  margin: 0;
  background: #f5f9ef;
  color: #303025;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

body a:link,
body a:visited {
  color: #6a9915;
}

body a:hover {
  color: #557d0c;
}

.page-wrapper {
  min-height: 100vh;
  display: flex !important;
  flex-direction: column !important;
  grid-template-rows: none !important;
  background: #f5f9ef url(body.png) repeat-x 50% 0;
}

.page-wrapper > .header,
.page-wrapper > #primary-menu,
.page-wrapper > #breadcrumb,
.page-wrapper > #system-messages {
  flex: 0 0 auto;
}

.page-wrapper > .header,
.page-wrapper .header {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.branding-wrapper {
  max-width: 1270px;
  margin: 0 auto;
  padding: 0 20px;
}

.branding-first .site-logo-img {
  display: block;
  max-height: 120px;
  width: auto;
  height: auto;
}

.branding-second {
  display: none;
}

#primary-menu,
.primary-menu,
.main-navigation-wrapper,
#primary-menu-inner,
.primary-menu-inner {
  background: #f5f9ef !important;
  background-color: #f5f9ef !important;
  border: 0;
  width: 100%;
}

#primary-menu {
  --r-tx-lk: #303025;
  --r-tx-lk-h: #303025;
}

#primary-menu .nav__menu-link,
#primary-menu .nav__menu-link-main,
#primary-menu .menu a,
#primary-menu .nav__menu-item > button,
.primary-menu .menu a,
.navigation-primary-responsive .menu a,
.navigation-primary-responsive .nav__menu-link,
.navigation-primary-responsive .nav__menu-item > button {
  color: #303025 !important;
  background: transparent !important;
  padding: 0.75em 1em 0.5em;
  margin: 0 0.25em;
  border: 0;
  border-radius: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.95em;
  text-decoration: none;
  box-shadow: none !important;
}

#primary-menu .nav__menu-link:hover,
#primary-menu .nav__menu-link:focus,
#primary-menu .nav__menu-link.is-active,
#primary-menu .menu a:hover,
#primary-menu .menu a.is-active,
#primary-menu .nav__menu-item > button:hover,
.primary-menu .menu a:hover,
.primary-menu .menu a.is-active,
.navigation-primary-responsive .menu a:hover,
.navigation-primary-responsive .menu a.is-active,
.navigation-primary-responsive .nav__menu-link:hover,
.navigation-primary-responsive .nav__menu-link:focus,
.navigation-primary-responsive .nav__menu-link.is-active {
  color: #303025 !important;
  background: #e8f1d9 !important;
}

.main-container,
#main-container {
  flex: 1 0 auto;
  --r-bg: #cbced7;
  background: #cbced7 !important;
  background-color: #cbced7 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 1.25rem 0 2rem;
  box-sizing: border-box;
}

#main-container-inner,
.main-container-inner {
  max-width: 1270px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}

.breadcrumb,
.page-wrapper .breadcrumb {
  background: #f5f9ef !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0.35rem 0 0.75rem !important;
  margin: 0 !important;
  font-size: 0.92em;
  color: #303025 !important;
}

.breadcrumb a,
.breadcrumb ol li a,
#breadcrumb a,
#breadcrumb ul.breadcrumb-menu a,
#breadcrumb ul.breadcrumb-menu li,
#breadcrumb .breadcrumb-title {
  color: #303025 !important;
  text-decoration: none;
}

.breadcrumb a:hover,
#breadcrumb a:hover,
#breadcrumb ul.breadcrumb-menu a:hover {
  color: #303025 !important;
  text-decoration: underline;
}

.breadcrumb h2,
.breadcrumb .visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
}

.page-title {
  background: transparent !important;
  color: #284d41 !important;
  border: 0 !important;
  padding: 0.25rem 0 1rem !important;
}

.page-title .page-title-text {
  color: #284d41 !important;
  font-family: Helvetica, Arial, sans-serif;
}

.footer-menu,
.region-footer-menu,
#footer-menu {
  flex-shrink: 0;
  margin-top: auto;
  background: #f5f9ef;
  border-top: 1px solid #daeebe;
  color: #787871;
  text-align: center;
  padding: 1.25rem 1rem;
  font-size: 0.9em;
}

.footer-menu a {
  color: #6a9915;
}

/* Solo muestra un H1 enorme aparte de la miga de pan: lo ocultamos. */
#page-title,
.page-title,
.block-page-title-block {
  display: none !important;
}

/* Inner de miga de pan: mismo verde que el menú (Solo usa --r-bg gris en ul). */
#breadcrumb,
#breadcrumb-inner,
.breadcrumb-inner,
.breadcrumb-inner-color,
#breadcrumb .fade-inner,
#breadcrumb .solo-inner.breadcrumb-inner {
  --r-bg: #f5f9ef;
  --r-bg-fr: #f5f9ef;
}

#breadcrumb ul.breadcrumb-menu,
#breadcrumb ul.breadcrumb-menu li,
#breadcrumb .breadcrumb-nav,
#breadcrumb .solo-block,
#breadcrumb .block-system-breadcrumb-block,
.page-wrapper #breadcrumb :where(ul, ol, li, nav, section) {
  background: #f5f9ef !important;
  background-color: #f5f9ef !important;
}

/* Miga de pan a ancho completo, mismo fondo que la página (sin recuadro). */
#breadcrumb,
#breadcrumb.breadcrumb,
.solo-outer.breadcrumb,
#breadcrumb-inner,
.breadcrumb > .breadcrumb-inner,
#breadcrumb .fade-inner,
#breadcrumb section,
#breadcrumb .breadcrumb-nav,
#breadcrumb .block-system-breadcrumb-block {
  background: #f5f9ef !important;
  border: 0 !important;
  box-shadow: none !important;
}

#breadcrumb-inner,
.breadcrumb > .breadcrumb-inner {
  max-width: 1270px;
  margin: 0 auto;
  padding: 0.35rem 20px 0.75rem;
  width: 100%;
  box-sizing: border-box;
}

#breadcrumb ul.breadcrumb-menu {
  padding: 0;
  margin: 0;
}

#breadcrumb .breadcrumb-title {
  color: #303025 !important;
  font-weight: normal;
}

#breadcrumb ul.breadcrumb-menu li::before,
#breadcrumb .breadcrumb-separator {
  color: #303025 !important;
}

/* Submenús: fondo verde claro como Garland. */
#primary-menu .navigation__menubar ul,
#primary-menu .nav__menu-submenu,
#primary-menu .navigation__submenu {
  background: #edf4e1 !important;
  border: 1px solid #daeebe;
}

#primary-menu .sub__menu .nav__menu-link,
#primary-menu .nav__menu-submenu .nav__menu-link,
#primary-menu .navigation__submenu a {
  color: #303025 !important;
  background: transparent !important;
}

#primary-menu .nav__menu-submenu .nav__menu-link:hover,
#primary-menu .navigation__submenu a:hover {
  color: #6a9915 !important;
  background: #e8f1d9 !important;
}

.page-wrapper #primary-menu .hamburger-icon button {
  background-color: #f5f9ef !important;
  border-color: #daeebe !important;
  color: #6a9915 !important;
}