# ultimate-store-kit/1.6.4/assets/css/usk-sub-category-carousel.css

Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder, version 1.6.4. 119 lines.

- Page: https://pluginprobe.com/plugins/ultimate-store-kit/1.6.4/code/assets/css/usk-sub-category-carousel.css
- Raw: https://pluginprobe.com/plugins/ultimate-store-kit/1.6.4/raw/assets/css/usk-sub-category-carousel.css
- Modified: 2024-06-24T05:41:28+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ultimate-store-kit/1.6.4/code/assets/css/usk-sub-category-carousel.css#L10-L20`.

```css
.usk-sub-category-carousel .usk-sub-category-item {
  display: flex;
  align-items: center;
  grid-column-gap: 20px;
  border: 1px solid #e8e8e9;
  padding: 20px;
  border-radius: 5px;
  overflow: hidden; }

.usk-sub-category-carousel .usk-image-slider {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .usk-sub-category-carousel .usk-image-slider .usk-image-wrap {
    width: 100%;
    height: 100%; }
    .usk-sub-category-carousel .usk-image-slider .usk-image-wrap .usk-img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.usk-sub-category-carousel .usk-category-content {
  width: 100%; }

.usk-sub-category-carousel .usk-category-name {
  font-size: 20px;
  margin: 0 0 20px;
  font-weight: 700;
  text-transform: uppercase; }
  .usk-sub-category-carousel .usk-category-name a {
    color: #2b2c35;
    text-decoration: none;
    transition: all .3s ease-in-out; }
    .usk-sub-category-carousel .usk-category-name a:hover {
      color: #dc3b3b; }

.usk-sub-category-carousel .usk-category-list {
  margin: 0 0 15px;
  padding: 0;
  list-style: none; }
  .usk-sub-category-carousel .usk-category-list li {
    margin-bottom: 7px; }
    .usk-sub-category-carousel .usk-category-list li:nth-last-child(1) {
      margin: 0; }
    .usk-sub-category-carousel .usk-category-list li a {
      color: #66687a;
      font-size: 14px;
      text-decoration: none;
      text-transform: uppercase;
      transition: all .3s ease-in-out; }
      .usk-sub-category-carousel .usk-category-list li a:hover {
        color: #dc3b3b; }

.usk-sub-category-carousel .usk-link-btn {
  display: inline-flex; }
  .usk-sub-category-carousel .usk-link-btn a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #ff0000;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease-in-out; }
    .usk-sub-category-carousel .usk-link-btn a:hover {
      color: #dc3b3b; }
      .usk-sub-category-carousel .usk-link-btn a:hover i {
        opacity: 1;
        visibility: visible;
        transform: translateX(8px); }
    .usk-sub-category-carousel .usk-link-btn a i {
      opacity: 0;
      visibility: hidden;
      transform: translateX(-10px);
      transition: all .3s ease-in-out; }

@media (min-width: 768px) {
  .usk-sub-category-carousel .usk-sub-category-item {
    padding: 20px 35px; } }

.edd-item-match-height--yes .usk-sub-category-carousel .swiper-slide {
  height: initial; }

.elementor-widget-usk-sub-category-carousel .usk-arrows-container {
  -webkit-transform: translate(var(--usk-sub-category-carousel-arrows-ncx, 0), var(--usk-sub-category-carousel-arrows-ncy, 40));
  transform: translate(var(--usk-sub-category-carousel-arrows-ncx, 0), var(--usk-sub-category-carousel-arrows-ncy, 40)); }

.elementor-widget-usk-sub-category-carousel .usk-dots-container {
  -webkit-transform: translate(var(--usk-sub-category-carousel-dots-nnx, 0), var(--usk-sub-category-carousel-dots-nny, 30));
  transform: translate(var(--usk-sub-category-carousel-dots-nnx, 0), var(--usk-sub-category-carousel-dots-nny, 30)); }

.elementor-widget-usk-sub-category-carousel .usk-arrows-dots-container {
  -webkit-transform: translate(var(--usk-sub-category-carousel-both-ncx, 0), var(--usk-sub-category-carousel-both-ncy, 40));
  transform: translate(var(--usk-sub-category-carousel-both-ncx, 0), var(--usk-sub-category-carousel-both-ncy, 40)); }

.elementor-widget-usk-sub-category-carousel .usk-arrows-fraction-container {
  -webkit-transform: translate(var(--usk-sub-category-carousel-arrows-fraction-ncx, 0), var(--usk-sub-category-carousel-arrows-fraction-ncy, 40));
  transform: translate(var(--usk-sub-category-carousel-arrows-fraction-ncx, 0), var(--usk-sub-category-carousel-arrows-fraction-ncy, 40)); }

.elementor-widget-usk-sub-category-carousel .usk-position-center-left .usk-arrows-container,
.elementor-widget-usk-sub-category-carousel .usk-position-center-right .usk-arrows-container {
  -webkit-transform: translate(var(--usk-sub-category-carousel-arrows-ncx, 0), var(--usk-sub-category-carousel-arrows-ncy, 0)) rotate(90deg);
  transform: translate(var(--usk-sub-category-carousel-arrows-ncx, 0), var(--usk-sub-category-carousel-arrows-ncy, 0)) rotate(90deg); }

.elementor-widget-usk-sub-category-carousel .usk-position-center-left .usk-dots-container,
.elementor-widget-usk-sub-category-carousel .usk-position-center-right .usk-dots-container {
  -webkit-transform: translate(var(--usk-sub-category-carousel-dots-nnx, 0), var(--usk-sub-category-carousel-dots-nny, 0)) rotate(90deg);
  transform: translate(var(--usk-sub-category-carousel-dots-nnx, 0), var(--usk-sub-category-carousel-dots-nny, 0)) rotate(90deg); }

.elementor-widget-usk-sub-category-carousel .usk-position-center-left .usk-arrows-dots-container,
.elementor-widget-usk-sub-category-carousel .usk-position-center-right .usk-arrows-dots-container {
  -webkit-transform: translate(var(--usk-sub-category-carousel-both-ncx, 0), var(--usk-sub-category-carousel-both-ncy, 0)) rotate(90deg);
  transform: translate(var(--usk-sub-category-carousel-both-ncx, 0), var(--usk-sub-category-carousel-both-ncy, 0)) rotate(90deg); }

.elementor-widget-usk-sub-category-carousel .usk-position-center-left .usk-arrows-fraction-container,
.elementor-widget-usk-sub-category-carousel .usk-position-center-right .usk-arrows-fraction-container {
  -webkit-transform: translate(var(--usk-sub-category-carousel-arrows-fraction-ncx, 0), var(--usk-sub-category-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
  transform: translate(var(--usk-sub-category-carousel-arrows-fraction-ncx, 0), var(--usk-sub-category-carousel-arrows-fraction-ncy, 0)) rotate(90deg); }

```