/*
Theme Name: Battersea Community Festival 2026 Lite
Theme URI: https://batterseafestival.com/
Author: Battersea Community Festival
Description: A colourful one-page festival website for Battersea Community Festival 2026, with support for WordPress pages and news posts. This lighter upload version leaves video hosting to WordPress media or an external video platform.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: battersea-community-festival-2026
*/

.nav-links .menu {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

.nav-links li {
  list-style: none;
}

.wp-content-page,
.post-listing,
.single-post {
  max-width: 980px;
  margin: 0 auto;
  padding: 8.5rem 1.5rem 4rem;
}

.wp-content-page article,
.post-listing article,
.single-post article {
  background: #fff;
  border: 3px solid var(--navy);
  box-shadow: 10px 10px 0 var(--yellow);
  padding: clamp(1.25rem, 4vw, 2.25rem);
}

.wp-content-page h1,
.post-listing h1,
.single-post h1 {
  color: var(--navy);
  font-size: clamp(2rem, 6vw, 4rem);
  line-height: 0.95;
  margin: 0 0 1rem;
  text-transform: uppercase;
}

.post-listing article + article {
  margin-top: 1.5rem;
}

.entry-content,
.post-listing p {
  color: #253043;
  font-size: 1.05rem;
  line-height: 1.7;
}

.entry-content img {
  max-width: 100%;
  height: auto;
}

.post-meta,
.post-listing time {
  color: var(--orange);
  display: inline-block;
  font-weight: 800;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.post-listing h2 {
  margin: 0.2rem 0 0.8rem;
}

.post-listing h2 a,
.single-post a,
.wp-content-page a {
  color: var(--navy);
}

.pagination {
  margin-top: 2rem;
}

.pagination .nav-links {
  justify-content: center;
}

@media (max-width: 760px) {
  .nav-links .menu {
    flex-wrap: wrap;
    justify-content: center;
  }

  .wp-content-page,
  .post-listing,
  .single-post {
    padding-top: 7.5rem;
  }

  .wp-content-page article,
  .post-listing article,
  .single-post article {
    box-shadow: 6px 6px 0 var(--yellow);
  }
}