.component-news-highlighting, .promo.component-news-highlighting {
  padding-top: 12px;
  padding-bottom: 12px;
}

.component-news-highlighting > .component-content, .promo.component-news-highlighting > .component-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 24px;
  background-color: #F9F9F9;
  border-radius: 4px;
  border-width: 0px;
  box-shadow: 0 5px 10px 0 rgba(51, 59, 69, 0.25);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.component-news-highlighting > .component-content:hover, .promo.component-news-highlighting > .component-content:hover {
  box-shadow: 0 8px 15px 0 rgba(51, 59, 69, 0.4);
}

@media screen and (max-width: 991.98px) {
  .component-news-highlighting > .component-content, .promo.component-news-highlighting > .component-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.component-news-highlighting > .component-content::before, .promo.component-news-highlighting > .component-content::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 8px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#317FCB), to(#00529F));
  background: -webkit-linear-gradient(top, #317FCB 0%, #00529F 100%);
  background: linear-gradient(180deg, #317FCB 0%, #00529F 100%);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.component-news-highlighting > .component-content .image-col, .promo.component-news-highlighting > .component-content .image-col {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (max-width: 991.98px) {
  .component-news-highlighting > .component-content .image-col, .promo.component-news-highlighting > .component-content .image-col {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
  }
}

.component-news-highlighting > .component-content .image-col .field-image, .promo.component-news-highlighting > .component-content .image-col .field-image {
  height: 215px;
  width: 325px;
  width: auto;
  max-width: 325px;
}

@media screen and (max-width: 991.98px) {
  .component-news-highlighting > .component-content .image-col .field-image, .promo.component-news-highlighting > .component-content .image-col .field-image {
    height: 180px;
    width: 100%;
    max-width: inherit;
  }
}

.component-news-highlighting > .component-content .image-col .field-image img, .promo.component-news-highlighting > .component-content .image-col .field-image img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top left;
  object-position: top left;
  width: auto;
  height: 100%;
}

@media screen and (max-width: 991.98px) {
  .component-news-highlighting > .component-content .image-col .field-image img, .promo.component-news-highlighting > .component-content .image-col .field-image img {
    -o-object-position: center;
    object-position: center;
  }
}

.component-news-highlighting > .component-content .image-col .field-image::empty, .promo.component-news-highlighting > .component-content .image-col .field-image::empty {
  display: none;
}

.component-news-highlighting > .component-content .image-col .caption, .promo.component-news-highlighting > .component-content .image-col .caption {
  margin-top: 16px;
  font-style: italic;
  color: #86929D;
  font-size: 14px;
  line-height: 14px;
}

@media screen and (max-width: 991.98px) {
  .component-news-highlighting > .component-content .image-col .caption, .promo.component-news-highlighting > .component-content .image-col .caption {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 8px;
  }
}

.component-news-highlighting > .component-content .image-col:empty, .promo.component-news-highlighting > .component-content .image-col:empty {
  display: none;
}

.component-news-highlighting > .component-content .text-col, .promo.component-news-highlighting > .component-content .text-col {
  padding-left: 16px;
  padding-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media screen and (max-width: 991.98px) {
  .component-news-highlighting > .component-content .text-col, .promo.component-news-highlighting > .component-content .text-col {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.component-news-highlighting > .component-content .text-col .rich-text, .promo.component-news-highlighting > .component-content .text-col .rich-text {
  margin-bottom: 16px;
}

@media screen and (max-width: 991.98px) {
  .component-news-highlighting > .component-content .text-col .rich-text, .promo.component-news-highlighting > .component-content .text-col .rich-text {
    margin-bottom: 0px;
  }
}

.component-news-highlighting.classic > .component-content, .promo.component-news-highlighting.classic > .component-content {
  background-color: #FFF;
  padding: 0px;
}

.component-news-highlighting.classic > .component-content::before, .promo.component-news-highlighting.classic > .component-content::before {
  display: none;
}

.component-news-highlighting.classic > .component-content .image-col, .promo.component-news-highlighting.classic > .component-content .image-col {
  padding-left: 0px;
}

.component-news-highlighting.classic > .component-content .text-col, .promo.component-news-highlighting.classic > .component-content .text-col {
  padding-right: 0px;
}

.component-news-highlighting.text-only .text-col .rich-text, .promo.component-news-highlighting.text-only .text-col .rich-text {
  margin-bottom: 0;
}

.component.secondary-bg .component-news-highlighting > .component-content, .component.secondary-bg .promo.component-news-highlighting > .component-content {
  background-color: #FFF;
}