.thim-background-overlay, .vc_row-has-fill {
  .thim-collection-info {
    .view-all-button {
      color: $thim_font_title_color;

      &:hover {
        background-color: $thim_body_primary_color;
      }
    }
  }
}

.thim-collection-info {
  .title {
    color: $thim_font_title_color;
  }

  .view-all-button {
    background-color: $thim_body_primary_color;

    &:hover {
      background-color: darken($thim_body_primary_color, 20%);
    }
  }
}

.thim-courses-collection {
  .scrollbar {
    .handle {
      background-color: $thim_body_primary_color;
    }
  }

  //Rounded Corner layout
  &.rounded-courses-collection {
    .scrollbar {
      .handle {
        background-color: $thim_body_primary_color;
      }
    }
  }

  //Squared Corner layout
  &.squared-courses-collection {
    .collection-item {
      .collection-wrapper {
        .name {
          color: $thim_font_title_color;
          a {
            color: $thim_font_title_color;
            &:hover {
              color: $thim_body_primary_color;
            }
          }
        }
        .number-courses {
          color: $thim_body_primary_color;
        }
      }

      &:hover {
        .collection-wrapper {
          .name {
            color: $thim_font_title_color;
          }
        }
      }
    }

    .collection-frame {
      .controls {
        .page-controls {
          $color: $thim_font_title_color;
          &:hover {
            color: $thim_body_primary_color;
          }
        }
      }
      .slidee {
        .collection-item:hover {
          .thumbnail {
            .wrapper {
              .ion-qr-scanner {
                color: $thim_body_primary_color;
              }
            }
          }
        }
      }
    }
  }
}

.rounded-view-all-button {
  a {
    background-color: $thim_body_primary_color;
    &:hover {
      background: darken($thim_body_primary_color, 20%);
    }
  }
}

// Squared corner 2 layout

.course-collection-squared-2 {
  .section-content-wrapper .name:hover {
    color: $thim_body_primary_color;
  }

  .view-all-collections a {
    body.mix-colors & {
      background-image: linear-gradient(to right, $thim_thim_global_mix_color_color1 0%, $thim_thim_global_mix_color_color2 51%, $thim_thim_global_mix_color_color1 100%);
      font-family: $thim_font_body_font_family;
    }
  }
}