/*
    - Name: "view--livebroadcast-live-broadcast.scss"
    - Description: "Add custom styles to views in livebroadcast live"
*/
.view-livebroadcast-related .group-rows .slick-list, .view-livebroadcast-live-broadcast .views-row-group .slick-list {
  overflow: hidden;
  width: 100vw;
  margin: 0 -1rem;
  padding: 0 3.75rem 0 1.25rem;
}

.view-livebroadcast-related .group-rows .slick-list .slick-track, .view-livebroadcast-live-broadcast .views-row-group .slick-list .slick-track {
  display: flex;
  gap: 16px;
}

.view-livebroadcast-related .group-rows .slick-list .slick-track::after, .view-livebroadcast-live-broadcast .views-row-group .slick-list .slick-track::after, .view-livebroadcast-related .group-rows .slick-list .slick-track::before, .view-livebroadcast-live-broadcast .views-row-group .slick-list .slick-track::before {
  display: none;
}

.view-livebroadcast-related .group-rows .slick-list .slick-track .slick-slide .component-card-item .card-item-content-wrapper, .view-livebroadcast-live-broadcast .views-row-group .slick-list .slick-track .slick-slide .component-card-item .card-item-content-wrapper {
  padding-right: 0;
  padding-left: 0;
}

.view-livebroadcast-live-broadcast {
  padding-bottom: var(--spacing5xl);
}

.view-livebroadcast-live-broadcast header {
  border-top: 1px solid var(--colorGreys300);
  margin-top: var(--spacingMd);
  padding-top: var(--spacingMd);
}

.view-livebroadcast-live-broadcast .views-row-group {
  /*display: flex;
  justify-content: space-between;
  gap: var(--spacingMd);*/
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  align-self: flex-start;
  gap: var(--spacingMd);
  /*.views-row {
    width: 25%;*/
  /*}*/
}

.view-livebroadcast-live-broadcast .views-row-group > .views-row {
  /*width: 100%;*/
  padding: var(--spacing3xs);
}

@media all and (min-width: 36rem) {
  .view-livebroadcast-live-broadcast .views-row-group > .views-row {
    width: calc(50% - var(--paragraphSpacingNormal) * 1 / 2);
  }
}
@media all and (min-width: 50.0625rem) {
  .view-livebroadcast-live-broadcast .views-row-group > .views-row {
    width: calc(33.333% - var(--paragraphSpacingNormal) * 2 / 3);
  }
}
@media all and (min-width: 62rem) {
  .view-livebroadcast-live-broadcast .views-row-group > .views-row {
    width: calc(25% - var(--paragraphSpacingNormal) * 3 / 4);
  }
}
.view-livebroadcast-live-broadcast .views-row-group .component-card-item .field--name-short-description {
  display: none;
}

.view-livebroadcast-live-broadcast footer {
  margin-top: var(--spacingMd);
}

.view-livebroadcast-related .group-rows .list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--spacingLg);
}

.view-livebroadcast-related .component-card-item .card-link {
  color: var(--colorTextBlack);
}

.view-livebroadcast-related .views-field-short-description {
  margin-bottom: var(--spacingXs);
}

.view-livebroadcast-related .views-field-date-published {
  font-size: var(--fontSizeSmall);
}