.upk-harold-list .upk-harold-list-wrapper {
  display: grid;
  grid-gap: 20px; }
  .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item {
    position: relative;
    overflow: hidden;
    display: flex;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #e8ecf3;
    transition: all .3s ease; }
    .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box {
      display: flex; }
      .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-image {
        max-width: 100px;
        min-width: 100px;
        width: 100%;
        display: flex; }
        .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-image .upk-harold-img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 5px; }
      .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content {
        display: flex;
        align-items: center;
        padding: 10px; }
        .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-category {
          margin-bottom: 10px; }
          .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-category a {
            text-transform: capitalize;
            color: #8D99AE;
            font-size: 10px;
            padding: 3px 7px;
            text-transform: uppercase;
            font-weight: 600;
            border-radius: 4px;
            line-height: 1;
            transition: all .3s ease; }
            .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-category a:hover {
              border: 1px solid #EF233C;
              color: #EF233C; }
          .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-category a + a {
            margin-left: 5px; }
        .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-title-wrap {
          font-size: 16px;
          font-weight: 600;
          margin: 0px;
          padding-bottom: 10px;
          text-transform: capitalize; }
          .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-title-wrap .upk-harold-title {
            transition: all .3s ease;
            text-decoration: none;
            color: #2B2D42; }
            .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-title-wrap .upk-harold-title {
              text-decoration: none;
              background-image: linear-gradient(currentColor, currentColor);
              background-position: 0% 100%;
              background-repeat: no-repeat;
              background-size: 0% 2px;
              transition: background-size .3s; }
            .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-title-wrap .upk-harold-title:hover, .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-title-wrap .upk-harold-title:focus {
              background-size: 100% 2px;
              color: #EF233C; }
        .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-meta {
          display: flex;
          align-items: center;
          font-size: 11px; }
          .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-meta .upk-post-time,
          .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-meta .upk-harold-list-author a,
          .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-meta .upk-harold-list-date {
            text-transform: uppercase;
            font-weight: 500;
            color: #8D99AE;
            display: flex;
            align-items: center;
            line-height: 1; }
            .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-meta .upk-post-time i,
            .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-meta .upk-harold-list-author a i,
            .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-meta .upk-harold-list-date i {
              margin-right: 5px; }
          .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-meta .upk-harold-list-date {
            margin-left: 10px; }
          .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-meta .upk-post-time {
            margin-left: 5px; }
            .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-meta .upk-post-time i {
              margin-right: 2px; }

.upk-global-link-yes .upk-harold-list .upk-harold-list-item:hover {
  cursor: pointer; }

@media (min-width: 768px) {
  .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item {
    padding: 20px; }
    .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-image {
      max-width: 130px;
      min-width: 130px; }
    .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content {
      padding: 20px; }
      .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-category {
        margin-bottom: 15px; }
        .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-list-category a {
          padding: 4px 10px; }
      .upk-harold-list .upk-harold-list-wrapper .upk-harold-list-item .upk-harold-list-item-box .upk-harold-list-content .upk-harold-title-wrap {
        font-size: 20px;
        padding-bottom: 15px; } }