/* Mngsk Recent Content List stylesheet */

div.mngsk-recent-content {
  margin: 10px 0;
  font-size: 100%;
  word-break: break-all;
  overflow: hidden;
}

div.mngsk-recent-content a {
  padding: 7px 0;
  display: block;
  text-decoration: none;
  box-shadow: none;
}

div.mngsk-recent-content a:hover {
  background-color: #f5f5f5;
  text-decoration: none;
  box-shadow: none;
}

div.mngsk-recent-content hr,
div.mngsk-recent-content dl,
div.mngsk-recent-content dd {
  margin: 0;
  padding: 0;
  border: 0;
}

div.mngsk-recent-content dt {
  margin: 0 0 0 0.3em;
  padding: 0;
  border: 0;
  color: Gray;
  font-weight: normal;
  white-space: nowrap;
}

div.mngsk-recent-content dd {
  padding: 0 2px;
}

.mngsk-recent-content__title {
  margin: 0;
}

.mngsk-recent-content__newmark {
  font-size: 74%;
  padding: 1px 5px;
  vertical-align: middle;
  color: White;
  background-color: #ff4500;
  border-radius: 3px;
}

.mngsk-recent-content__type,
.mngsk-recent-content__category {
  font-size: 85%;
  color: Gray;
}

.mngsk-recent-content__empty {
  margin: 0.5em 0 0 0.3em;
  color: Gray;
}

.mngsk-recent-content__row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0 0 0 0.3em;
}

.mngsk-recent-content__row .mngsk-recent-content__date {
  color: Gray;
  white-space: nowrap;
}

.mngsk-recent-content__row .mngsk-recent-content__type,
.mngsk-recent-content__row .mngsk-recent-content__category {
  white-space: nowrap;
}

.mngsk-recent-content__pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4em;
  margin: 0.75em 0 0 0.3em;
}

.mngsk-recent-content__pagination a {
  display: inline-block;
  padding: 0.2em 0.5em;
}

.mngsk-recent-content__pagination .page-numbers.current {
  font-weight: bold;
}

.mngsk-recent-content__pagination--load-more {
  justify-content: center;
}

.mngsk-recent-content__load-more {
  display: inline-block;
  padding: 0.4em 1.2em;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f5f5f5;
}

.mngsk-recent-content__load-more[aria-busy="true"] {
  opacity: 0.6;
}

.mngsk-recent-content__pagination--pos-bottom-right {
  justify-content: flex-end;
}

.mngsk-recent-content__header {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.5em;
}

.mngsk-recent-content__header .mngsk-recent-content__title {
  margin: 0;
}

.mngsk-recent-content__header .mngsk-recent-content__pagination {
  margin: 0 0 0 auto;
}

@media screen and (min-width: 600px) {
  div.mngsk-recent-content dl {
    overflow: hidden;
  }
  div.mngsk-recent-content dt {
    float: left;
    width: 8.1em;
    overflow: hidden;
  }
  div.mngsk-recent-content dd {
    overflow: hidden;
  }
}