/*
Theme Name: Bright Sounds
Theme URI: https://www.brightsounds.co.uk/
Author: Bright Sounds
Description: A wide, editorial block theme for Bright Sounds, a web design, development and marketing agency. Includes reusable patterns for a hero, services, content area and a 9-post blog grid.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: brightsounds
Tags: full-site-editing, block-patterns, wide-blocks, one-column
*/

:root { --bs-ease: cubic-bezier(.2,.7,.2,1); }

body { -webkit-font-smoothing: antialiased; }

.bs-eyebrow {
  text-transform: uppercase;
  letter-spacing: .28em;
  font-size: .72rem;
  font-weight: 700;
}

.bs-display { letter-spacing: -.03em; line-height: .95; text-wrap: balance; }

.bs-rule { height: 1px; background: currentColor; opacity: .18; }

/* Cards */
.bs-card {
  transition: transform .45s var(--bs-ease), border-color .45s var(--bs-ease);
  border: 1px solid color-mix(in oklab, currentColor 14%, transparent);
}
.bs-card:hover { transform: translateY(-6px); border-color: var(--wp--preset--color--accent); }
.bs-card img { transition: transform .7s var(--bs-ease); }
.bs-card:hover img { transform: scale(1.05); }

/* Post grid */
.bs-posts .wp-block-post-title a { text-decoration: none; }
.bs-posts .wp-block-post-title a:hover { color: var(--wp--preset--color--accent); }
.bs-posts .wp-block-post {
  border-top: 2px solid color-mix(in oklab, currentColor 18%, transparent);
  padding-top: 1.25rem;
}
.bs-posts .wp-block-post:hover { border-top-color: var(--wp--preset--color--accent); }

.bs-readmore .wp-block-read-more,
a.bs-link {
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: .72rem;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: .2rem;
}

/* Marquee-ish ticker strip */
.bs-strip { overflow: hidden; }
.bs-strip p { white-space: nowrap; }

.wp-block-post-featured-image img { border-radius: 2px; }