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

Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder, version 1.6.2. 89 lines.

- Page: https://pluginprobe.com/plugins/ultimate-store-kit/1.6.2/code/assets/css/usk-sub-category.css
- Raw: https://pluginprobe.com/plugins/ultimate-store-kit/1.6.2/raw/assets/css/usk-sub-category.css
- Modified: 2024-06-11T09:35:46+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.2/code/assets/css/usk-sub-category.css#L10-L20`.

```css
.usk-sub-category {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 10px; }
  .usk-sub-category .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.usk-sub-category-style-2 .usk-sub-category-item {
    flex-direction: row-reverse; }
  .usk-sub-category .usk-image-slider {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .usk-sub-category .usk-image-slider .swiper-slide-active .usk-image-wrap {
      opacity: 1; }
    .usk-sub-category .usk-image-slider .usk-image-wrap {
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: all .3s ease-in-out; }
      .usk-sub-category .usk-image-slider .usk-image-wrap .usk-img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .usk-sub-category .usk-category-content {
    width: 100%; }
  .usk-sub-category .usk-category-name {
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 700;
    text-transform: uppercase; }
    .usk-sub-category .usk-category-name a {
      color: #2b2c35;
      text-decoration: none;
      transition: all .3s ease-in-out; }
      .usk-sub-category .usk-category-name a:hover {
        color: #dc3b3b; }
  .usk-sub-category .usk-category-list {
    margin: 0 0 15px;
    padding: 0;
    list-style: none; }
    .usk-sub-category .usk-category-list li {
      margin-bottom: 7px; }
      .usk-sub-category .usk-category-list li:nth-last-child(1) {
        margin: 0; }
      .usk-sub-category .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 .usk-category-list li a:hover {
          color: #dc3b3b; }
  .usk-sub-category .usk-link-btn {
    display: inline-flex; }
    .usk-sub-category .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 .usk-link-btn a:hover {
        color: #dc3b3b; }
        .usk-sub-category .usk-link-btn a:hover i {
          opacity: 1;
          visibility: visible;
          transform: translateX(8px); }
      .usk-sub-category .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 {
    grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 1024px) {
  .usk-sub-category {
    grid-template-columns: repeat(3, 1fr); } }

```