/* Bootstrap bridge - makes the Bootstrap grid (container / row / col-*) sit nicely with the River Rhythm design.
   Loaded last. Edit gutters here:  --bs-gutter-x (sideways) and --bs-gutter-y (vertical). */
.rr-site .row{--bs-gutter-x:clamp(18px,2.4vw,36px);--bs-gutter-y:clamp(18px,2.4vw,32px);display:flex;flex-wrap:wrap;gap:0;grid-template-columns:none;align-items:stretch}
.rr-site .row.align-items-center,.rr-site .row.hero__grid,.rr-site .row.welcome__grid,.rr-site .row.story__grid,.rr-site .row.class,.rr-site .row.member,.rr-site .row.person{align-items:center}
.rr-site .rr-grid-host{display:block;grid-template-columns:none}
.rr-site .row>[class*="col-"]{min-width:0}
/* equal-height cards only */
.rr-site .row.signature__grid>[class*="col-"]>*,.rr-site .row.feat-grid>[class*="col-"]>*,.rr-site .row.principles__grid>[class*="col-"]>*,.rr-site .row.class-grid>[class*="col-"]>*,.rr-site .row.values>[class*="col-"]>*,.rr-site .row.packages__grid>[class*="col-"]>*,.rr-site .row.pc-grid>[class*="col-"]>*,.rr-site .row.aud-grid>[class*="col-"]>*,.rr-site .row.vmv__grid>[class*="col-"]>*,.rr-site .row.promise__grid>[class*="col-"]>*,.rr-site .row.quick__grid>[class*="col-"]>*,.rr-site .row.notes__grid>[class*="col-"]>*,.rr-site .row.stats>[class*="col-"]>*{height:100%}
.rr-site .row.stats,.rr-site .row.footer__grid{margin-bottom:0}
/* alternating layouts (image left/right) */
@media (min-width:992px){
  .rr-site .row.class--flip>*:first-child,.rr-site .row.member--flip>*:first-child{order:2}
}
.rr-site .row.class--flip .class__main,.rr-site .row.member--flip .member__photo{order:0}
/* footer columns */
.rr-site .row.footer__grid>.col-12:first-child{margin-bottom:0}
/* centred eyebrows (Bootstrap .text-center on an inline-flex eyebrow) */
.rr-site .eyebrow.text-center{display:flex;justify-content:center;text-align:center}
.rr-site .compare{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}

/* vertical divider lines (they used :first-child, which no longer matches once cards sit inside Bootstrap columns) */
.rr-site .row.signature__grid{--bs-gutter-x:0;--bs-gutter-y:34px}
@media (min-width:768px){
  .rr-site .row.signature__grid>[class*="col-"]:not(:first-child) .sig{border-left:1px solid var(--line-l);padding-left:clamp(20px,3vw,48px)}
  .rr-site .row.signature__grid>[class*="col-"]:first-child .sig{border-left:0;padding-left:0}
}
@media (max-width:767px){
  .rr-site .row.signature__grid>[class*="col-"]:not(:first-child) .sig{border-top:1px solid var(--line-l);padding-top:28px}
}
.rr-site .row.values{--bs-gutter-x:0;--bs-gutter-y:0}
.rr-site .row.values>[class*="col-"]:not(:first-child) .value{border-left:1px solid var(--line)}
@media (max-width:991px){.rr-site .row.values>[class*="col-"]:nth-child(odd) .value{border-left:0}}
@media (max-width:575px){.rr-site .row.values>[class*="col-"] .value{border-left:0}}
.rr-site .row.values>[class*="col-"]>.value{height:100%}