/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* For 3 cells with 1rem gap */
.carousel-cell {
  width: calc(33.333% - 1rem * 2/3);
  margin-right: 1rem;
}

@media (max-width 1024px){
	.carousel-cell {
  width: calc(50% - 1rem * 1/2);
  margin-right: 1rem;
}
}	

@media (max-width 768px){
	.carousel-cell {
  width: 100%;
  margin-right: 1rem;
}
}

/* === PARALLAX TRIO FADE EFFECT === */
.trio-item {
  opacity: 0 !important;
  transform: translateY(60px) scale(0.96) !important;
  transition: opacity 1.6s ease, transform 1.6s ease !important;
}

.trio-item.visible {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

.trio-item::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(60, 100, 180, 0.6) !important;
  border-radius: 12px !important;
  z-index: 999 !important;
  opacity: 1 !important;
  transition: opacity 1.8s ease !important;
  pointer-events: none !important;
}

.trio-item.visible::after {
  opacity: 0 !important;
}