/*
Theme Name: The Brainy Cow Learning Company
Theme URI: https://thebrainycow.com/
Author: The Brainy Cow Learning Company
Author URI: https://thebrainycow.com/
Description: A cheerful rustic country schoolhouse theme for The Brainy Cow Learning Company — panel-less homepage with words and buttons right on the dark wood brown background, grade pages with subject sub-pages, sponsor spots, and the Grade 1 Spelling Adventures pages. Honey yellow, sunflower gold, sage green, and soft brown throughout.
Version: 1.4.0
Requires at least: 6.0
Tested up to: 7.1
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: brainy-cow
Tags: education, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ========== Brand palette ==========
   Page background: dark wood brown #6B4F2E · Cream text #FFF8E7
   Honey yellow #F5C242 · Sunflower gold #E9A820 · Sage green #7A9B76
   Soft brown #8B6F47 · Ink #3E2F1F (on cream panels only)
   ===================================== */

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #6B4F2E;
  color: #FFF8E7;
  font-family: "Segoe UI", Verdana, Geneva, sans-serif;
  font-size: 18px;
  line-height: 1.65;
}

h1, h2, h3, h4 {
  font-family: Georgia, "Times New Roman", serif;
  color: #6B4F2E;
  line-height: 1.25;
  margin: 0 0 0.6em;
}

h1 { font-size: 2.3em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.35em; }

p { margin: 0 0 1em; }

a { color: #7A6A00; }
a:hover, a:focus { color: #6B4F2E; }

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

button, .button, input[type="submit"] {
  font-family: inherit;
  font-size: 1em;
  cursor: pointer;
}

/* ---------- Layout ---------- */
.bc-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.bc-main { padding: 10px 0 50px; }

.bc-page-title {
  text-align: center;
  padding: 30px 20px 10px;
}
.bc-page-title .bc-subtitle {
  font-family: Georgia, serif;
  font-size: 1.3em;
  color: #8B6F47;
}
.bc-lead {
  max-width: 760px;
  margin: 0 auto 30px;
  text-align: center;
  font-size: 1.05em;
}

/* ---------- Header ---------- */
.bc-header {
  background: #FFF8E7;
  border-bottom: 6px solid #6B4F2E;
}
.bc-header-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.bc-logo img {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: block;
}
.bc-site-name {
  font-family: Georgia, serif;
  font-size: 1.5em;
  line-height: 1.15;
  color: #6B4F2E;
  text-decoration: none;
  font-weight: bold;
}
.bc-site-name small {
  display: block;
  font-size: 0.58em;
  letter-spacing: 2px;
  color: #8B6F47;
  font-weight: normal;
}
.bc-nav-toggle {
  display: none;
  margin-left: auto;
  background: #E9A820;
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 10px 16px;
  font-weight: bold;
}

/* ---------- Navigation ---------- */
.bc-nav { margin-left: auto; }
.bc-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}
.bc-nav li { position: relative; }
.bc-nav a {
  display: block;
  text-decoration: none;
  color: #3E2F1F;
  font-weight: bold;
  font-size: 0.95em;
  padding: 10px 13px;
  border-radius: 10px;
}
.bc-nav a:hover, .bc-nav a:focus { background: #F5C242; }
.bc-nav .sub-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 220px;
  background: #fffdf5;
  border: 2px solid #E9A820;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(107, 79, 46, 0.2);
  z-index: 50;
  flex-direction: column;
  gap: 0;
  padding: 6px;
}
.bc-nav li:hover > .sub-menu,
.bc-nav li:focus-within > .sub-menu { display: flex; }
.bc-nav .sub-menu a { font-weight: normal; }

.bc-search-icon {
  display: inline-block;
  background: #F5C242;
  color: #3E2F1F;
  text-decoration: none;
  font-size: 1.35em;
  line-height: 1;
  padding: 9px 12px;
  border-radius: 10px;
}
.bc-search-icon:hover { background: #E9A820; }

/* ---------- Search ---------- */
.bc-search {
  margin: 22px auto;
  max-width: 640px;
  background: transparent;
  border: 2px solid #F5C242;
  border-radius: 20px;
  padding: 22px 22px 16px;
}
.bc-search form { display: flex; gap: 8px; }
.bc-search input[type="search"] {
  flex: 1;
  font-size: 1em;
  padding: 13px 16px;
  border: 2px solid #E9A820;
  border-radius: 12px;
  background: #fffdf5;
  min-width: 0;
}
.bc-search input[type="submit"] {
  background: #7A9B76;
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: 13px 22px;
  font-weight: bold;
}
.bc-search input[type="submit"]:hover { background: #5F7F5C; }
.bc-popular { text-align: center; font-size: 0.9em; margin-top: 8px; }
.bc-popular a { margin: 0 4px; color: #F5C242; }
.bc-popular a:hover { color: #FDEFC0; }

/* ---------- Buttons ---------- */
.button, .bc-btn {
  display: inline-block;
  background: #E9A820;
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
  padding: 12px 24px;
  border-radius: 999px;
  border: 0;
  text-align: center;
}
.button:hover, .bc-btn:hover { background: #C98F0E; }
.bc-btn-green { background: #7A9B76; }
.bc-btn-green:hover { background: #5F7F5C; }
.bc-btn:disabled, .button:disabled {
  background: #CBBFA5;
  cursor: not-allowed;
}

/* ---------- Hero (panel-less: cow and words on the brown) ---------- */
.bc-hero {
  background: transparent;
  border: 0;
  border-radius: 0;
  text-align: center;
  padding: 44px 24px 10px;
  margin: 20px 0 10px;
  position: relative;
}
.bc-hero-cow {
  width: 190px;
  height: auto;
  border-radius: 14px;
  border: 5px solid #F5C242;
  margin-bottom: 12px;
}
.bc-hero h1 { font-size: 2.6em; margin-bottom: 0.25em; color: #FFF8E7; }
.bc-hero p { font-size: 1.15em; max-width: 680px; margin: 0 auto 14px; color: #FFF8E7; }
.bc-motto {
  display: inline-block;
  background: #6B4F2E;
  color: #FDEFC0;
  font-family: Georgia, serif;
  letter-spacing: 3px;
  font-weight: bold;
  padding: 8px 20px;
  border-radius: 8px;
  margin-top: 8px;
}
.bc-learners {
  text-align: center;
  margin: 30px 0;
  background: transparent;
  color: #FFF8E7;
  border-radius: 0;
  padding: 10px 26px;
}
.bc-learners h2 { color: #FFF8E7; }
.bc-learners img {
  width: 190px;
  height: 190px;
  border-radius: 50%;
  border: 5px solid #F5C242;
}

/* ---------- Scattered sunflower decorations (homepage + grade pages) ---------- */
.bc-divider { text-align: center; margin: 8px 0 4px; }
.bc-divider img { width: 54px; height: auto; }
.bc-scatter {
  position: absolute;
  width: 74px;
  height: auto;
  pointer-events: none;
  z-index: 1;
}
.bc-scatter-left { left: 2%; top: 18%; transform: rotate(-14deg); }
.bc-scatter-right { right: 2%; top: 46%; transform: rotate(12deg); width: 64px; }

/* ---------- Sections (panel-less: words on the wood-brown page) ---------- */
.bc-section {
  margin: 44px 0;
  background: transparent;
  color: #FFF8E7;
  border-radius: 0;
  padding: 10px 26px;
}
.bc-section > h2 { text-align: center; color: #FFF8E7; }
.bc-section > h3 { color: #FFF8E7; }
.bc-section > p.bc-center { text-align: center; }

/* Grade buttons */
.bc-grades {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin: 20px 0;
}
.bc-grade-btn {
  display: inline-block;
  text-decoration: none;
  color: #fff !important;
  font-weight: bold;
  font-size: 1.05em;
  padding: 14px 22px;
  border-radius: 14px;
  border: 0;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
}
.bc-grade-prek { background: #E9899B; }
.bc-grade-k    { background: #E9A820; }
.bc-grade-1    { background: #7A9B76; }
.bc-grade-2    { background: #6FA8C9; }
.bc-grade-3    { background: #E8913A; }
.bc-grade-4    { background: #9B7EBD; }
.bc-grade-5    { background: #4FA8A0; }
.bc-grade-6    { background: #8B6F47; }
.bc-grade-btn:hover { filter: brightness(1.08); }
.bc-grade-btn.active { outline: 4px solid #6B4F2E; outline-offset: 2px; }

/* Subject dropdown (closed until tapped) */
.bc-subjects { margin-top: 36px; }
.bc-subjects summary {
  cursor: pointer;
  text-align: center;
  font-size: 1.2em;
  font-weight: 700;
  color: #3E2F1F;
  background: #F5C242;
  border: 2px solid #E9A820;
  border-radius: 18px;
  padding: 14px 20px;
  list-style: none;
}
.bc-subjects summary::-webkit-details-marker { display: none; }
.bc-subjects summary::after { content: " ▾"; }
.bc-subjects[open] summary::after { content: " ▴"; }

/* Subject cards (panel-less: outline cards, cream text) */
.bc-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 20px 0;
}
.bc-card {
  background: transparent;
  border: 2px solid rgba(255, 248, 231, 0.45);
  border-radius: 18px;
  padding: 22px 14px;
  text-align: center;
  text-decoration: none;
  color: #FFF8E7;
  display: block;
}
.bc-card:hover { border-color: #E9A820; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); }
.bc-card .bc-icon { font-size: 2.4em; display: block; margin-bottom: 6px; }
.bc-card h3 { font-size: 1.1em; margin: 0; color: #FFF8E7; }

/* Feature cards (3 across, panel-less) */
.bc-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 20px 0;
}
.bc-feature {
  background: transparent;
  border: 2px solid rgba(255, 248, 231, 0.45);
  border-radius: 18px;
  padding: 26px 22px;
  text-align: center;
  color: #FFF8E7;
}
.bc-feature h3 { margin-top: 0; color: #FFF8E7; }
.bc-feature-img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  margin-bottom: 12px;
}

/* Banners (panel-less: words and buttons on the brown) */
.bc-banner {
  background: transparent;
  border: 0;
  border-radius: 0;
  text-align: center;
  padding: 10px 24px;
  margin: 36px 0;
}
.bc-banner h2 { color: #FFF8E7; }
.bc-banner-green { background: transparent; border: 0; }

/* Growing announcement + newsletter signup (homepage, panel-less) */
.bc-announcement {
  background: transparent;
  border: 0;
  border-radius: 0;
  text-align: center;
  padding: 10px 24px;
  margin: 0 0 30px;
}
.bc-announcement h2 { margin-bottom: 0.4em; color: #FFF8E7; }
.bc-announcement p { max-width: 720px; margin: 0 auto; }
.bc-announcement a { color: #F5C242; }
.bc-announcement a:hover { color: #FDEFC0; }
.bc-newsletter {
  background: #EAF2E7;
  border: 2px solid #7A9B76;
  border-radius: 20px;
  text-align: center;
  padding: 30px 26px;
  margin: 0 0 30px;
}
.bc-newsletter-form { max-width: 520px; margin: 18px auto 0; }
.bc-newsletter-placeholder { color: #6B4F2E; }

/* Bottom signup link section + free-downloads note (homepage, panel-less) */
.bc-signup-bottom {
  background: transparent;
  border: 0;
  border-radius: 0;
  text-align: center;
  padding: 10px 26px;
  margin: 0 0 30px;
}
.bc-signup-bottom h2 { color: #FFF8E7; }
.bc-free-note {
  text-align: center;
  font-size: 1.15em;
  font-weight: 700;
  color: #FFF8E7;
  background: transparent;
  border-radius: 0;
  padding: 12px 20px;
  margin: 0 0 30px;
}

/* Featured printables (panel-less cards) */
.bc-printables {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 20px 0;
}
.bc-printable {
  background: transparent;
  border: 2px solid rgba(255, 248, 231, 0.45);
  border-radius: 18px;
  padding: 22px;
  position: relative;
  color: #FFF8E7;
}
.bc-printable h3 { margin-top: 4px; color: #FFF8E7; }
.bc-example-badge {
  display: inline-block;
  background: #E9A820;
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 3px 12px;
  border-radius: 999px;
}
.bc-meta { color: #FDEFC0; font-size: 0.9em; margin: 6px 0 14px; }
.bc-printable-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.bc-save-btn {
  background: transparent;
  border: 2px solid #E9899B;
  color: #FFF8E7;
  border-radius: 999px;
  padding: 9px 14px;
  font-size: 0.95em;
}
.bc-save-btn.saved { background: #E9899B; color: #fff; }

/* Philosophy */
.bc-quote {
  background: #fffdf5;
  border-left: 8px solid #E9A820;
  border-radius: 0 16px 16px 0;
  padding: 24px 28px;
  font-family: Georgia, serif;
  font-size: 1.25em;
  font-style: italic;
  margin: 26px 0;
}
.bc-philosophy { max-width: 780px; margin: 0 auto; }
.bc-philosophy h3 { margin-top: 1.6em; }
.bc-philosophy-short {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 10px 26px;
  text-align: center;
  margin: 36px 0;
}
.bc-philosophy-short h2 { color: #FFF8E7; }

/* Milestones */
.bc-milestone-intro { text-align: center; max-width: 760px; margin: 0 auto 24px; }
.bc-milestone-panel { margin: 30px 0; }
.bc-checklist { text-align: center; margin: 24px 0; }
.bc-checklist img {
  border: 3px solid #F5C242;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(107, 79, 46, 0.18);
  max-width: 680px;
  width: 100%;
}
.bc-checklist figcaption { margin-top: 10px; color: #8B6F47; font-size: 0.92em; }
.bc-note {
  background: #FDEFC0;
  border: 2px dashed #E9A820;
  border-radius: 14px;
  padding: 16px 20px;
  text-align: center;
  max-width: 680px;
  margin: 20px auto;
}
.bc-download { text-align: center; margin: 16px 0 30px; }

/* Milestone tabs: with JS, only the active panel shows. Without JS, all panels show and each grade link jumps to its section. */
body.bc-tabs .bc-milestone-panel { display: none; }
body.bc-tabs .bc-milestone-panel.active { display: block; }

/* On-its-way pages */
.bc-onway {
  background: #fffdf5;
  border: 2px solid #7A9B76;
  border-radius: 20px;
  padding: 34px 26px;
  text-align: center;
  max-width: 720px;
  margin: 30px auto;
}
.bc-onway .bc-cow { font-size: 3em; }

/* Generic page content */
.bc-content { max-width: 780px; margin: 0 auto; }

/* ---------- Sponsor spots ---------- */
.bc-sponsor {
  background: #fffdf5;
  border: 2px solid #7A9B76;
  border-radius: 18px;
  padding: 26px 22px;
  text-align: center;
  margin: 20px 0;
}
.bc-sponsor h3 { margin-top: 0; }

/* Small sponsor banner in the grade-page header, between the site name and the menu */
.bc-sponsor-banner {
  font-size: 0.85em;
  border: 2px dashed #E9A820;
  border-radius: 12px;
  padding: 8px 14px;
  color: #6B4F2E;
  text-align: center;
  max-width: 330px;
}
.bc-sponsor-banner a { color: #7A6A00; font-weight: bold; }

/* Small sponsor buttons scattered around the grade cow */
.bc-sponsor-chip {
  display: inline-block;
  background: #E9A820;
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.85em;
  padding: 8px 16px;
  border-radius: 999px;
  border: 0;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 2;
  white-space: nowrap;
}
.bc-sponsor-chip:hover { background: #C98F0E; }

/* ---------- Grade pages (panel-less brown + cream) ---------- */
.bc-grade-hero {
  text-align: center;
  padding: 30px 20px 10px;
  position: relative;
}
.bc-grade-cow-wrap {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
}
.bc-grade-cow-wrap .bc-hero-cow { margin-bottom: 0; }
.bc-grade-cow-wrap .bc-sponsor-chip-1 { left: -118px; top: 16%; transform: rotate(-6deg); }
.bc-grade-cow-wrap .bc-sponsor-chip-2 { right: -128px; top: 52%; transform: rotate(5deg); }
.bc-grade-cow-wrap .bc-sponsor-chip-3 { left: -96px; bottom: 8%; transform: rotate(3deg); }
.bc-grade-hero h1 { color: #FFF8E7; margin-bottom: 0.25em; }
.bc-grade-hero p { max-width: 720px; margin: 0 auto 14px; }
.bc-subject-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 26px 0;
}
.bc-subject-btn {
  display: block;
  text-decoration: none;
  color: #FFF8E7 !important;
  border: 2px solid rgba(255, 248, 231, 0.45);
  border-radius: 18px;
  padding: 22px 14px;
  text-align: center;
  font-weight: bold;
  font-size: 1.05em;
}
.bc-subject-btn:hover { border-color: #E9A820; }
.bc-subject-btn .bc-icon { font-size: 2.2em; display: block; margin-bottom: 6px; }
.bc-guides-note {
  text-align: center;
  font-size: 0.95em;
  max-width: 720px;
  margin: 26px auto;
}
.bc-guides-note a { color: #F5C242; font-weight: bold; }
.bc-guides-note a:hover { color: #FDEFC0; }

/* ---------- Subject pages ---------- */
.bc-subject-onway {
  border: 2px dashed #E9A820;
  border-radius: 18px;
  padding: 30px 26px;
  text-align: center;
  max-width: 720px;
  margin: 30px auto;
  color: #FFF8E7;
}
.bc-subject-onway h2 { color: #FFF8E7; }

/* ---------- Spelling Adventures (Grade 1 Spelling subject page) ---------- */
.bc-spelling { max-width: 900px; margin: 0 auto; }
.bc-spelling h1, .bc-spelling h2, .bc-spelling h3 { color: #FFF8E7; }
.bc-spelling .bc-spelling-title { text-align: center; }
.bc-spelling .bc-spelling-title .bc-tagline {
  font-family: Georgia, serif;
  font-size: 1.3em;
  color: #F5C242;
}
.bc-spelling .bc-sswc-line {
  text-align: center;
  font-family: Georgia, serif;
  font-size: 1.35em;
  font-weight: bold;
  margin: 26px 0 8px;
}
.bc-spelling .bc-week-intro { text-align: center; }
.bc-spelling .bc-week-list { max-width: 720px; margin: 0 auto 26px; }
.bc-spelling .bc-week-list li { margin: 4px 0; }
.bc-week-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 22px 0;
}
.bc-week-card {
  background: transparent;
  border: 2px solid rgba(255, 248, 231, 0.45);
  border-radius: 16px;
  padding: 18px 12px;
  text-align: center;
  cursor: pointer;
  color: #FFF8E7;
  font-family: inherit;
}
.bc-week-card:hover { border-color: #E9A820; }
.bc-week-card .bc-week-num { font-size: 0.8em; letter-spacing: 1px; color: #FDEFC0; }
.bc-week-card .bc-week-big { font-family: Georgia, serif; font-size: 2em; line-height: 1.1; }
.bc-week-card .bc-week-focus { font-weight: bold; margin-top: 4px; }
.bc-week-card .bc-week-full {
  display: inline-block;
  background: #E9A820;
  color: #fff;
  font-size: 0.75em;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 3px 10px;
  border-radius: 999px;
  margin-top: 8px;
}
.bc-week-detail {
  display: none;
  border-top: 2px dashed rgba(255, 248, 231, 0.4);
  margin: 30px 0;
  padding-top: 24px;
}
.bc-week-detail.open { display: block; }
.bc-week-detail h3 { text-align: center; }
.bc-word-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 14px 0 22px;
}
.bc-word-chip {
  background: rgba(255, 248, 231, 0.15);
  border: 1px solid rgba(255, 248, 231, 0.5);
  border-radius: 999px;
  padding: 6px 14px;
  font-weight: bold;
}
.bc-packet-page { margin: 26px 0; text-align: center; }
.bc-packet-page img {
  border: 3px solid #F5C242;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  max-width: 680px;
  width: 100%;
}
.bc-packet-page figcaption { margin-top: 8px; color: #FDEFC0; font-size: 0.92em; }
.bc-spelling .bc-download { text-align: center; }

/* ---------- Footer ---------- */
.bc-footer {
  background: #6B4F2E;
  color: #FDEFC0;
  border-top: 6px solid #E9A820;
  margin-top: 20px;
}
.bc-footer-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 36px 20px 26px;
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 28px;
}
.bc-footer img { width: 84px; height: 84px; border-radius: 50%; }
.bc-footer a { color: #FDEFC0; }
.bc-footer h3 { color: #F5C242; }
.bc-footer ul { list-style: none; padding: 0; margin: 0; }
.bc-footer li { margin: 6px 0; }
.bc-social { display: flex; gap: 12px; font-size: 1.7em; }
.bc-social span {
  background: rgba(255, 248, 231, 0.15);
  border-radius: 50%;
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bc-footer-bottom {
  text-align: center;
  border-top: 1px solid rgba(255, 248, 231, 0.3);
  padding: 16px 20px 22px;
  font-size: 0.9em;
}
.bc-footer-bottom .bc-motto { background: transparent; border: 2px solid #F5C242; }

/* ---------- Responsive ---------- */
@media (max-width: 860px) {
  .bc-cards { grid-template-columns: repeat(2, 1fr); }
  .bc-features, .bc-printables { grid-template-columns: 1fr; }
  .bc-subject-grid { grid-template-columns: 1fr; }
  .bc-week-grid { grid-template-columns: repeat(2, 1fr); }
  .bc-footer-inner { grid-template-columns: 1fr; }
  .bc-nav-toggle { display: block; }
  .bc-nav { display: none; width: 100%; margin-left: 0; }
  .bc-nav.open { display: block; }
  .bc-nav ul { flex-direction: column; align-items: stretch; }
  .bc-nav .sub-menu {
    position: static;
    display: flex;
    box-shadow: none;
    border: 0;
    background: transparent;
    padding-left: 18px;
  }
  .bc-hero h1 { font-size: 2em; }
  .bc-hero-cow { width: 150px; }
  .bc-scatter { display: none; }
  .bc-grade-cow-wrap .bc-sponsor-chip {
    position: static;
    transform: none;
    margin: 6px 4px 0;
  }
  .bc-sponsor-banner { max-width: none; width: 100%; order: 4; }
  h1 { font-size: 1.9em; }
}