/* Rondhonu Footer module CSS. Edit this file for this section only. */
.rh-footer{background:#faf8f8;border-top:1px solid var(--rh-line);padding:35px 0 15px}
.rh-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px}
.rh-footer h3,.rh-footer h4{margin:0 0 13px;font-size:15px}
.rh-footer p,.rh-footer a{font-size:13px;line-height:2;color:#68636a}
.rh-footer a{display:block}
.rh-footer a:hover{color:var(--rh-primary)}
.rh-footer-bottom{border-top:1px solid var(--rh-line);margin-top:24px;padding-top:14px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#777}
@media (max-width:700px){.rh-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.rh-footer-grid>div:first-child{grid-column:1/-1}.rh-footer p,.rh-footer a{font-size:13px}.rh-footer-bottom{flex-direction:column}}

/* Keep the footer Shop Now CTA readable against the red button background. */
.rh-footer a.rh-btn,.rh-footer a.rh-btn:visited,.rh-footer a.rh-btn:hover,.rh-footer a.rh-btn:focus{color:#fff!important}


/* Fix footer social icons: override footer's generic anchor display rule and center icons in circles. */
.rh-footer .rh-social{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap;gap:9px}
.rh-footer .rh-social a,
.rh-footer .rh-social a:visited,
.rh-footer .rh-social a:hover,
.rh-footer .rh-social a:focus{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 40px!important;
  box-sizing:border-box!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid var(--rh-line)!important;
  border-radius:50%!important;
  line-height:1!important;
  text-align:center!important;
  text-decoration:none!important;
}
.rh-footer .rh-social a i{display:block!important;line-height:1!important;margin:0!important;padding:0!important;flex:0 0 auto!important;font-size:15px!important}