/* For Families only. Shared styles: /assets/site/site.css */

/* Hover/focus states (style-hover in the design tool) */
.families-hv1:hover{background:#EAF2F9 !important}
.families-hv2:hover{background:#FBF1D6 !important}
.h-badge:hover{background:#1a1a1a !important;}

/* Money moments strip: snap to the strip's own padding, not the screen edge (design had the first
   card snapping flush to the edge) */
.families-moments-track{scroll-padding-left:40px;}

@media (max-width:720px){
  /* Section rhythm: desktop spacing x0.55, 20px gutters (full-bleed sections stay full-bleed) */
  .families-s0{padding:31px 20px 22px !important;}
  .families-s1{padding:22px 0 55px !important;}
  .families-s2{padding:11px 20px 61px !important;}
  .families-s3{padding:66px 20px 66px !important;}
  .families-s4{padding:66px 20px 66px !important;}
  .families-s5{padding:61px 20px 61px !important;}
  .families-s6{padding:55px 20px 55px !important;}
  .families-s7{padding:66px 20px 66px !important;}

  /* Sideways "money moments" strip: heading and cards line up with the 20px gutter */
  .families-moments-head{padding:0 20px !important;}
  .families-moments-track{padding:24px 20px 12px !important;scroll-padding-left:20px;}
}