/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 * Version: 1.0.2
 */
.flexy-items figure.ct-media-container, .flexy-items figure.ct-media-container img {
    border-radius: 25px;
    border: 4px solid #C29C4B;
}
.flexy-items figure.ct-media-container img {
    border-radius: 20px;
}
@media (max-width: 768px) {

  /* SWIPE CONTAINER */
  #combo {
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }
  /* EACH CARD */
  #combo > .e-child {
    flex: 0 0 85%;
    scroll-snap-align: start;
  }

  /* Hide scrollbar */
  #combo::-webkit-scrollbar {
    display: none;
  }

  #combo {
    scrollbar-width: none;
  }
	 .combo-arrow {
/*     position: absolute;
    top: 50%; */
/*     transform: translateY(-50%); */
    width: 40px;
    height: 40px;
/*     background: #fff; */
    color: #000;
    font-size: 24px;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    z-index: 5;
    cursor: pointer;
    user-select: none;
  }

.combo-prev {
	left: 6px;
	transform: translateX(-20px);
}

  .combo-next {
    right: 6px;
	transform: translateX(20px);
  }

  /* Make sure parent can position arrows */
  #combo {
    position: relative;
  }
}