.search-title {
  margin: 30px 0;
  font-size: 20px;
  text-align: center; }

.tabs .row {
  border-bottom: solid 2px lightgray; }
  .tabs .row .tab {
    flex: 1;
    padding: 8px 0;
    background-color: lightgray;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: gray;
    cursor: pointer;
    transition: all 0.2s; }
    .tabs .row .tab.active {
      background-color: whitesmoke;
      color: #2e2e2e;
      box-shadow: 0px -2px 3px rgba(0, 0, 0, .1);
      transform: scale(1.02); }

.tabs-content .tab-content {
  padding-top: 30px; }
  .tabs-content .tab-content .postlist > div {
    padding: 5px;
    margin-bottom: 15px; }
    .tabs-content .tab-content .postlist > div .post-item {
      position: relative; }
      .tabs-content .tab-content .postlist > div .post-item-title {
        font-size: 18px;
        font-weight: bold;
        padding: 5px; }
      .tabs-content .tab-content .postlist > div .post-item-date {
        font-size: 12px;
        padding: 10px 0 0 5px; }
      .tabs-content .tab-content .postlist > div .post-item-categories {
        position: absolute;
        top: 0;
        right: 0;
        width: 60%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        padding: 15px; }
        .tabs-content .tab-content .postlist > div .post-item-categories .post-item-category {
          color: white;
          background-color: #2e2e2e;
          border-radius: 20px;
          font-size: 11px;
          text-align: center;
          padding: 3px 6px;
          margin: 0 0 5px 5px; }
    .tabs-content .tab-content .postlist.topics-list {
      padding: 15px 0; }
    .tabs-content .tab-content .postlist.topics-list .post-item {
      border: solid 1px lightgray;
      border-radius: 10px;
      padding: 5px 10px 10px 10px;
      min-height: 130px; }
      .tabs-content .tab-content .postlist.topics-list .post-item-title {
        margin-top: 20px; }