/* /assets/plugin-styles.css */ /* Center all images in the Swiper slides and make sure bottom shows */ .rivrun-slides .swiper-slide { display: flex; justify-content: center; align-items: center; } .rivrun-slides .swiper-slide img { display: block; max-width: 100%; height: auto; object-fit: contain; object-position: center; } /* Original styles from */ .coverflow { padding-top: 50px; padding-bottom: 50px; /* overflow: hidden; */ } /* [CHANGED: Added responsive width] */ .coverflow .swiper-slide { background-position: center; background-size: cover; max-width: var(--coverflow-slide-width-mobile, 240px); /* Mobile-first width */ } @media (min-width: 768px) { .coverflow .swiper-slide { max-width: var(--coverflow-slide-width-desktop, 300px); /* Desktop width */ } } .cards { padding: 2em; margin-left: auto; margin-right: auto; overflow: hidden; /* --- Fix for mobile overflow --- */ width: 100%; box-sizing: border-box; /* Mobile-first width */ max-width: var(--card-width-mobile, 280px); } .cards .swiper-slide { display: flex; align-items: center; justify-content: center; border-radius: 18px; } .swiper-slide img { display: block; width: 100%; } /* Original styles from */ .wp-block-group.alignfull.background-img { background-size: 30px !important; background-position: center; background-repeat: no-repeat; } html { scroll-behavior: smooth !important; } .swiper.rivrun-slides.alignfull { margin-top: 0px; } .swiper-slide img { width: 100%; } .swiper-slide { display: flex; align-items: center; justify-content: center; } .swiper.rivrun-slides { aspect-ratio: 16 / 6; } @media only screen and (max-width: 767px) { .swiper.rivrun-slides { aspect-ratio: 16 / 9; } } .swiper-button-next:after, .swiper-button-prev:after { font-size: 24px; background: black; padding: 7px; border-radius: 5px; } /* --- Media query for desktop card width --- */ @media (min-width: 768px) { .cards { max-width: var(--card-width-desktop, 300px); } } .cards .swiper-slide { display: flex; align-items: center; justify-content: center; border-radius: 18px; font-size: 22px; font-weight: bold; color: #fff; }