/*Align element vertically and horizontally using absolute positioning*/
/*Mixin for getting elements in a row, specifying the number of columns each element is needed to be given (news style)*/
/*Display elements on the same row using flex*/
/*Turn px into rem*/
/*Mixin for overlays*/
/*Style your button*/
.news_info--wrapper {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: flex-start;
  -ms-justify-content: flex-start;
  margin-bottom: 15px;
}
.news_info--wrapper .field--name-field-news-category {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: flex-start;
  -ms-justify-content: flex-start;
  flex-shrink: 0;
  margin-right: 10px;
  text-transform: uppercase;
}
.news_info--wrapper .field--name-field-news-category::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: var(--orange);
  border-radius: 50%;
  margin-left: 10px;
}
.news_info--wrapper .field--name-field-news-category a {
  position: static;
  z-index: 1;
  color: var(--textdarkgrey);
  text-transform: uppercase;
}
.news_info--wrapper .field--name-field-news-category a:hover {
  color: var(--orange);
}
.news_info--wrapper .field--name-field-dates,
.news_info--wrapper .field--name-field-event {
  display: flex;
  flex-shrink: 0;
}
.news_info--wrapper .field--name-field-dates .field--type-time,
.news_info--wrapper .field--name-field-event .field--type-time {
  margin-left: 5px;
}
/*# sourceMappingURL=news-type_time.css.map */