/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 09 2026 | 22:38:28 */
.ranch-card__media{
	width:280px;
	height:280px;
	position:relative;
}

.ranch-card__media img{
	width:100%;
	height:100%;
	display:block;
}
.ranch-card__portrait img{
	object-fit:cover;
}

	

/* Meet the Ranch loop stability
   - Grid needs explicit row/column gaps
   - Each card needs flex column to prevent overlap
   - Portrait/frame wrapper must stay relative with absolute overlay
   Do not remove unless re-testing the looper on mobile/tablet.
*/

/* Prefer: add class rqc-loop-grid to your looper wrapper */
.rqc-loop-grid{
  column-gap: 100px;!important
  gap: 32px;!important
  align-items: stretch;
}

/* Add class ranch-card to each card/loop-item container */
.ranch-card{
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* Make wrappers reliable */
.ranch-card__portrait,
.ranch-card__frame{
  display: block;
}

/* More robust overlay */
.ranch-card__frame{
  inset: 0;
}

.rqc-humans-grid {
  align-items: start !important;
}

.rqc-humans-grid .ranch-card > :first-child {
  margin-top: 0 !important;
}


/* Pull the two human cards closer by narrowing the grid itself */
.rqc-humans-grid{
  max-width: 700px !important;   /* try 760 first */
  margin-left: auto !important;
  margin-right: auto !important;
}

.gb-looper-b9a205a9 {
    align-items: flex-start;
    align-self: start;
    column-gap: 200px; !important