/*
Theme Name: Boulder Ridge
Theme URI: https://www.boulderridgeallendale.com/
Author: The Web Guys
Author URI: https://thewebguys.com/
Description: Custom theme for Boulder Ridge, a luxury manufactured home community in Allendale, Michigan. Each page has its own template in page-templates/, all styling is authored in SCSS under assets/scss and compiles automatically, home listings are managed with ACF Pro, and Genesis Custom Blocks are provided for adding new sections.
Version: 1.1.0
Requires at least: 6.2
Tested up to: 7.0
Requires PHP: 7.4
License: Proprietary — for use on Boulder Ridge only
Text Domain: boulder-ridge
Tags: custom-theme, manufactured-homes, real-estate
*/

/*
 * Site styling lives in assets/scss and compiles to assets/css/main.css automatically.
 * This file only carries the theme header, so WordPress can identify the theme.
 *
 * Do not add CSS here — add it to the SCSS partials instead, or it will be
 * overridden by the compiled stylesheet, which loads after this file.
 */


/* --- Community Guidelines: size the inline checkmark SVGs --- */
.br-rulelist__icon{flex:none;width:1.15rem;height:1.15rem;margin-top:0.3rem;color:#851e1e}

/* --- Blog posts: date line under the H1 in the hero --- */
.br-hero__meta{margin-top:0.85rem;font-size:0.82rem;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.72)}

/* --- FAQ page: topic jump-link bar + stacked groups --- */
.br-faqnav{background:#fff;border-bottom:1px solid #d9d9d9;padding:1rem 0}
.br-faqnav .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.br-faqnav__label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(28,28,28,.55)}
.br-faqnav ul{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
.br-faqnav a{display:inline-block;padding:.4rem .85rem;border:1px solid rgba(133,30,30,.35);border-radius:999px;font-size:.85rem;color:#851e1e;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}
.br-faqnav a:hover{background:#851e1e;border-color:#851e1e;color:#fff}
.br-faq{scroll-margin-top:6rem}
.br-faq--group{padding-top:2.5rem}
.br-faq--group+.br-faq--group{border-top:1px solid rgba(255,255,255,.14)}
.br-faq--light{color:#1c1c1c}
.br-faq--light .br-faq__heading{color:#1c1c1c}
.br-faq--light .br-faq__lead{color:rgba(28,28,28,.7)}
.br-faq--light .br-faq__lead a{color:#851e1e;text-decoration-color:rgba(133,30,30,.5)}
.br-faq--light .br-faq__list{border-top-color:rgba(28,28,28,.14);border-bottom-color:rgba(28,28,28,.14)}
.br-faq--light .br-faq__item+.br-faq__item{border-top-color:rgba(28,28,28,.14)}
.br-faq--light .br-faq__q{color:#1c1c1c}
.br-faq--light .br-faq__q:hover{color:#851e1e}
.br-faq--light .br-faq__sign::before,.br-faq--light .br-faq__sign::after{background:#851e1e}
.br-faq--light .br-faq__a{color:rgba(28,28,28,.75)}
.br-faq--light .br-faq__a a{color:#851e1e;text-decoration-color:rgba(133,30,30,.5)}
.br-faq--light+.br-faq--light.br-faq--group{border-top:0}

/* Rounded photos site-wide */
.br-sectionimage,
.br-gallery img,
.br-collage img,
.br-prose img,
.br-entry img,
.br-postcard__media img,
.wp-block-image img,
.br-section figure img{border-radius:1rem}

/* Card photos: top corners only, flush to the copy below */
.br-linkcard__media,
.br-photocard__media{overflow:hidden;border-radius:1rem 1rem 0 0}
.br-linkcard__media img,
.br-photocard__media img{border-radius:1rem 1rem 0 0}

/* Keep these square */
.br-logo img,
.br-iconcard__icon,
.br-stackcard__icon,
.br-hero__bg{border-radius:0}

.br-hourslist__hours{line-height:1.5}
@media(min-width:640px){.br-hourslist__hours{text-align:right}}

.br-eventlist__date{display:block;line-height:1.5}

.br-filelist__row{text-decoration:none;color:inherit;transition:background .2s ease}
a.br-filelist__row:hover,a.br-filelist__row:focus-visible{background:#f7eeee}
a.br-filelist__row:hover .br-filelist__name,a.br-filelist__row:hover .br-filelist__tag{color:#851e1e}
.br-filelist{border:1px solid #d9d9d9;border-radius:.75rem;overflow:hidden}

/* ---- Boulder Ridge blog cards ---- */
.br-postcard{display:flex;flex-direction:column;height:100%;background:#faf8f6;border:0;border-radius:1rem;overflow:hidden;box-shadow:none;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.br-postcard:hover,.br-postcard:focus-visible{background:#f7eeee;box-shadow:0 12px 28px rgba(28,28,28,.08);transform:translateY(-2px)}
.br-postcard__media,.br-postcard__media img{border-radius:0}
.br-postcard__body{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem}
.br-postcard .br-postmeta{display:none}
.br-postcard__date{margin-top:0;font-size:.8rem;color:rgba(28,28,28,.5)}
.br-postcard__body h3{margin-top:.5rem}
.br-postcard__more{display:inline-flex;align-items:center;gap:.35rem;margin-top:auto;padding-top:1rem;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#851e1e}
.br-postcard__more::after{content:'\2192';transition:transform .2s ease}
.br-postcard:hover .br-postcard__more::after{transform:translateX(3px)}
.br-section--tint .br-postcard,.br-section--wine .br-postcard,.br-section--mocha .br-postcard,.br-section--ink .br-postcard{background:#fff}
.br-section--tint .br-postcard:hover,.br-section--tint .br-postcard:focus-visible,.br-section--wine .br-postcard:hover,.br-section--mocha .br-postcard:hover,.br-section--ink .br-postcard:hover{background:#f7eeee}

/* ---- Blog pagination ---- */
.br-pagination,.navigation.pagination{display:flex;justify-content:center;margin-top:3.5rem}
.br-pagination .screen-reader-text,.navigation.pagination .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.br-pagination .nav-links,.navigation.pagination .nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}
.br-pagination .page-numbers,.navigation.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border:1px solid #d9d9d9;border-radius:.75rem;background:#fff;color:rgba(28,28,28,.7);font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
.br-pagination a.page-numbers:hover,.br-pagination a.page-numbers:focus-visible,.navigation.pagination a.page-numbers:hover,.navigation.pagination a.page-numbers:focus-visible{border-color:#851e1e;background:#f7eeee;color:#851e1e}
.br-pagination .page-numbers.current,.navigation.pagination .page-numbers.current{background:#851e1e;border-color:#851e1e;color:#fff}
.br-pagination .page-numbers.dots,.navigation.pagination .page-numbers.dots{border-color:transparent;background:none;color:rgba(28,28,28,.4)}
.br-pagination .prev.page-numbers,.br-pagination .next.page-numbers,.navigation.pagination .prev.page-numbers,.navigation.pagination .next.page-numbers{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#851e1e}

.br-terms{margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid #d9d9d9;display:flex;flex-direction:column;gap:1.25rem}
.br-terms__label{margin:0;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(28,28,28,.5)}
.br-terms__list{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.625rem 0 0;padding:0;list-style:none}
.br-terms__list li,.br-terms__list li+li{margin:0;display:block}
.br-terms .br-pill,.br-pill{display:inline-flex;align-items:center;padding:.4rem .9rem;border:1px solid #d9d9d9;border-radius:999px;background:#faf8f6;color:rgba(28,28,28,.75);font-size:.85rem;line-height:1.2;text-decoration:none;background-image:none;box-shadow:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
.br-terms .br-pill:hover,.br-terms .br-pill:focus-visible,.br-pill:hover,.br-pill:focus-visible{border-color:#851e1e;background:#f7eeee;color:#851e1e}

@media (min-width:1024px){
  .br-mapgrid{align-items:stretch}
  .br-mapgrid>*{height:100%}
  .br-mapgrid iframe{height:100%;display:block}
}

.br-imagestack{display:flex;flex-direction:column;gap:1.25rem}
.br-imagestack img{width:100%}

/* Footer action buttons (replaces the Quick Links column) */
@media (min-width: 1024px) {
  .br-footermain {
    grid-template-columns: 1.15fr repeat(4, minmax(0, 1fr));
    column-gap: 2rem;
  }
}
.br-footermain .br-footeractions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
.br-footermain .br-footeractions .br-btn {
  flex: 0 0 auto;
  min-width: 13rem;
  padding: 0.8rem 1.5rem;
  font-size: 0.7rem;
  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.br-footermain .br-footeractions .br-btn:hover,
.br-footermain .br-footeractions .br-btn:focus-visible {
  background: #ffffff;
  color: #851e1e;
}

.page-template-history-of-trailer-homes .br-timeline__label { display: none; }
.page-template-history-of-trailer-homes .br-timeline__title { margin-top: 0; }
.page-template-history-of-trailer-homes .br-timeline__grid {
	grid-template-columns: 1fr;
	gap: 2.5rem;
}