.view-resource-library-main.view-display-id-card .view-content,
.view-training-catalog.view-display-id-card_catalog .view-content,
.view-voyager-live-courses.view-display-id-card_catalog .view-content,
.view-my-courses.view-display-id-course_registered_block .view-content,
.view-my-courses.view-display-id-course_complete_block .view-content,
.field--name-field-snap-ed-related-trainings.field--type-entity-reference .field--items {
  display: grid;
  grid-gap: 40px 30px;
  grid-template-columns: repeat(auto-fill, 322px);
  justify-content: space-between;
}

@media (max-width: 1366px) {
  .view-resource-library-main.view-display-id-card .view-content,
  .view-training-catalog.view-display-id-card_catalog .view-content,
  .view-voyager-live-courses.view-display-id-card_catalog .view-content,
  .view-my-courses.view-display-id-course_registered_block .view-content,
  .view-my-courses.view-display-id-course_complete_block .view-content,
  .field--name-field-snap-ed-related-trainings.field--type-entity-reference .field--items {
    grid-template-columns: repeat(auto-fill, minmax(322px, 1fr));
  }
}

@media (max-width: 352px) {
  .view-resource-library-main.view-display-id-card .view-content,
  .view-training-catalog.view-display-id-card_catalog .view-content,
  .view-voyager-live-courses.view-display-id-card_catalog .view-content,
  .field--name-field-snap-ed-related-trainings.field--type-entity-reference .field--items {
    grid-template-columns: 1fr;
  }
}

.view-resource-library-main.view-display-id-card article.verify-tile,
.view-training-catalog.view-display-id-card_catalog article.verify-tile,
.view-voyager-live-courses.view-display-id-card_catalog article.verify-tile,
.view-my-courses.view-display-id-course_registered_block article.verify-tile,
.view-my-courses.view-display-id-course_complete_block article.verify-tile,
.field--name-field-snap-ed-related-trainings.field--type-entity-reference .field--items article.verify-tile {
  height: 377px;
}

@media (max-width: 352px) {
  .view-resource-library-main.view-display-id-card article.verify-tile,
  .view-training-catalog.view-display-id-card_catalog article.verify-tile,
  .view-voyager-live-courses.view-display-id-card_catalog article.verify-tile,
  .field--name-field-snap-ed-related-trainings.field--type-entity-reference .field--items article.verify-tile {
    max-width: 322px;
    width: auto;
  }
}

.view-resource-library-main.view-display-id-card article.verify-tile h2.verify-tile-title,
.view-training-catalog.view-display-id-card_catalog article.verify-tile h2.verify-tile-title,
.view-voyager-live-courses.view-display-id-card_catalog article.verify-tile h2.verify-tile-title,
.view-my-courses.view-display-id-course_registered_block article.verify-tile h2.verify-tile-title,
.view-my-courses.view-display-id-course_complete_block  article.verify-tile h2.verify-tile-title,
.field--name-field-snap-ed-related-trainings.field--type-entity-reference .field--items article.verify-tile h2.verify-tile-title {
  margin: 4px 16px 16px;
}

.view-voyager-live-courses.view-display-id-card_catalog article.verify-tile h2.verify-tile-title,
.view-training-catalog.view-display-id-card_catalog article.verify-tile h2.verify-tile-title {
  display: inherit;
}

.view-resource-library-main.view-display-id-card .view-content .views-row > a,
.view-training-catalog.view-display-id-card_catalog .view-content .views-row > a,
.view-voyager-live-courses.view-display-id-card_catalog .view-content .views-row > a,
.view-my-courses.view-display-id-course_registered_block .view-content .views-row > a,
.view-my-courses.view-display-id-course_complete_block .view-content .views-row > a,
.field--name-field-snap-ed-related-trainings.field--type-entity-reference .field--items > a {
  display: block;
  max-width: 322px;
}

.view-resource-library-main.view-display-id-card .view-content .views-row > a:focus,
.view-training-catalog.view-display-id-card_catalog .view-content .views-row > a:focus,
.view-voyager-live-courses.view-display-id-card_catalog .view-content .views-row > a:focus,
.view-my-courses.view-display-id-course_registered_block .view-content .views-row > a:focus,
.view-my-courses.view-display-id-course_complete_block .view-content .views-row > a:focus,
.field--name-field-snap-ed-related-trainings.field--type-entity-reference .field--items > a:focus {
  text-decoration: none;
}

.view-resource-library-main.view-display-id-card .view-content .views-row > a:hover,
.view-training-catalog.view-display-id-card_catalog .view-content .views-row > a:hover,
.view-voyager-live-courses.view-display-id-card_catalog .view-content .views-row > a:hover,
.view-my-courses.view-display-id-course_registered_block .view-content .views-row > a:hover,
.view-my-courses.view-display-id-course_complete_block .view-content .views-row > a:hover,
.field--name-field-snap-ed-related-trainings.field--type-entity-reference .field--items > a:hover {
  text-decoration: none;
}

article.verify-tile strong.tile-topic {
  text-transform: uppercase;
  margin: 4px 16px 0px;
  display: block;
  font-size: 14px;
  color: var(--black);
}

article.verify-tile strong.tile-topic div.field {
  display: inline;
}

article.verify-tile div.verify-tile-bottom-duration,
article.verify-tile div.verify-tile-bottom-langcode {
  margin-bottom: 18px;
}

article.verify-tile.voyager-course-registration div.verify-tile-bottom-duration,
article.verify-tile.voyager-course-registration div.verify-tile-bottom-langcode,
article.verify-tile div.verify-tile-bottom-duration .field,
article.verify-tile div.verify-tile-bottom-langcode .field {
  display: inline;
}

article.verify-tile div.verify-tile-bottom-langcode {
  text-transform: uppercase;
}

article.verify-tile.voyager-course-registration div.verify-tile-bottom,
article.verify-tile.group--card.group--voyager-training div.verify-tile-bottom {
  justify-content: space-between;
}

article.verify-tile .verify-tile-bottom-duration .field time {
  color: var(--bt-blue);
  font-weight: 600;
}
