/*
 * Boysenberry site-specific overrides
 *
 * Custom Hyde theme and site-specific styles.
 * Poole base styles are in poole.css; Hyde layout styles are in hyde.css.
 */

/* Boysenberry purple theme */
.theme-base-boysen .sidebar {
  background-color: #8B4789;
}
.theme-base-boysen .content a,
.theme-base-boysen .related-posts li a:hover {
  color: #8B4789;
}

/* Sidebar headline: PT Sans, smaller size to fit in sidebar */
.sidebar-about h1 {
  font-family: "PT Sans", Helvetica, Arial, sans-serif;
  font-size: 2.25rem;
}

/* Position sidebar content from the top instead of the bottom */
@media (min-width: 48em) {
  .sidebar-sticky {
    top: 2rem;
    bottom: auto;
  }
}

/* Nested sidebar nav items (state links under "Eat" heading) */
.sidebar-nav-subitem {
  padding-left: 1rem;
}

/* Map container */
.map-container {
  margin: 2rem 0;
  height: 400px;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.map-placeholder {
  color: #999;
  text-align: center;
  padding: 2rem;
}
