@randstad-design/orbit-multitheme/dist/assets/theme-spherion/components/blogs/overviews/article.css

multitheme Front-end code based on Randstad Human Forward components

.link-tags__list, .link-tags__item {
  display: inline; }

.link-tags__label {
  display: block; }
  @media (min-width: 941px) {
    .link-tags__label {
      display: initial; } }

.link-tags__item:not(:last-child)::after {
  content: ',';
  margin-left: -4px; }

@media (min-width: 941px) {
  .link-tags--block-label .link-tags__label {
    display: block; } }

@media (min-width: 941px) {
  .blog-overview--grid .blog-overview__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -80px;
    width: 100%; }
    .blog-overview--grid .blog-overview__list::after {
      content: '';
      display: block;
      width: calc((18/58) * 100%); }
  .blog-overview--grid .blog-overview__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 0;
    margin-top: 80px;
    width: calc((18/58) * 100%); }
  .blog-overview--grid .blog-overview__content {
    margin-top: 20px; } }

.blog-overview--list .blog-overview__list {
  display: block; }

.blog-overview--list .blog-overview__item {
  margin-top: 30px;
  padding-bottom: 30px; }

.blog-overview--list .blog-overview__item:first-child {
  margin-top: 0; }

.blog-overview--list .blog-overview__article {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.blog-overview--list .blog-overview__media {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: calc((8/28) * 100%); }

.blog-overview--list .blog-overview__content {
  margin-top: 0; }

.blog-overview--list .blog-overview__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.blog-overview--list .blog-overview__title {
  margin-top: 0;
  font-family: Montserrat, arial, sans-serif;
  font-size: 18px;
  text-transform: none;
  line-height: 30px; }
  @media (min-width: 941px) {
    .blog-overview--list .blog-overview__title {
      font-family: Montserrat-SemiBold, arial, sans-serif;
      font-size: 26px;
      text-transform: none;
      line-height: 30px; } }

.blog-overview--list .blog-overview__more-link {
  font-family: Montserrat, arial, sans-serif;
  font-size: 18px;
  text-transform: none;
  line-height: 30px; }
  @media (min-width: 941px) {
    .blog-overview--list .blog-overview__more-link {
      font-family: Montserrat-SemiBold, arial, sans-serif;
      font-size: 26px;
      text-transform: none;
      line-height: 30px; } }

@media (max-width: 940px) {
  .blog-overview--list .blog-overview__media {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .blog-overview--list .blog-overview__date {
    margin-bottom: 0;
    margin-top: 10px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .blog-overview--list .blog-overview__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc((18/28) * 100%); } }

@media (min-width: 941px) {
  .blog-overview--list .blog-overview__media {
    width: calc((8/43) * 100%); }
  .blog-overview--list .blog-overview__content {
    width: calc((33/43) * 100%); }
  .blog-overview--list .blog-overview .tags {
    margin-top: 10px; }
  .blog-overview--list .blog-overview__more-link {
    display: inline-block;
    margin-top: 20px; } }

@media (min-width: 941px) {
  .block__content--s .blog-overview--list .blog-overview__media {
    width: calc((8/38) * 100%); }
  .block__content--s .blog-overview--list .blog-overview__content {
    width: calc((28/38) * 100%); } }

/*# sourceMappingURL=article.css.map */