.single__post-tags {
  padding: 24px 0 30px 0;
  border-bottom: 1px solid #cccccc;
  h5 {
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.19px;
    color: #111111;
    margin: 0 0 11px 0;
  }
  .single__post-tag {
    display: inline-block;
    &:last-child {
      margin: 0;
    }
    a {
      position: relative;
      display: inline-block;
      font-family: "Roboto";
      font-size: 14px;
      font-weight: normal;
      line-height: normal;
      letter-spacing: 0.15px;
      text-align: center;
      color: #111111;
      text-transform: capitalize;
      padding: 5px 20px;
      background-color: #eeeeee;
      margin-right: 5px;
      margin-bottom: 10px;
      border-radius: 14.5px;
      &:hover {
        text-decoration: underline;
      }
    }
  }
}
.om__single-post {
  .container {
    padding: 0;
  }
  .om__singlepost-breadcrumbs {
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.29;
    color: #666666;
    margin: -20px 0 30px 0;
    a {
      color: #006482;
      font-weight: bold;
      text-decoration: none;
    }
  }
  .om__single-post-grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    .single__post-grid-item {
      &:first-child {
        flex-basis: calc(100% - 524px);
      }
      &:last-child {
        flex-basis: 300px;
      }
      h1 {
        font-family: "Roboto";
        font-size: 32px;
        font-weight: bold;
        line-height: normal;
        color: #111111;
        margin: 0 0 10px 0;
      }
      .featured__post-author {
        font-family: "Roboto";
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.15px;
        color: #111111;
        margin: 0 0 5px 0;
        a {
          color: #006482;
          text-decoration: underline;
          &:hover {
            text-decoration-thickness: 2px;
          }
        }
      }
      .feature__post-date {
        color: #666666;
        font-family: "Roboto Slab";
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: 0.15px;
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        .feature__divider {
          height: 15px;
          border-right: 1px solid #a1a1a1;
          margin: 0px 2px;
        }
        a {
          font-family: "Roboto";
          font-weight: 500;
          color: #006482;
          text-decoration: underline;
          &:hover {
            text-decoration-thickness: 2px;
          }
        }
      }
      .single__post-featured-image {
        margin-bottom: 30px;
        img {
          width: 100%;
          height: auto;
        }
      }
      .single__post-content {
        font-family: "Roboto";
        font-size: 20px;
        font-weight: normal;
        line-height: 1.5;
        color: #444444;
        h2 {
          font-family: "Roboto";
          font-size: 24px;
          font-weight: bold;
          line-height: 1.04;
          margin: 30px 0 20px 0;
        }
        img {
          max-width: 100%;
          height: auto !important;
        }
        a {
          color: #006482;
          text-decoration: underline;
          text-decoration-thickness: 1px;
          &:hover {
            text-decoration-thickness: 2px;
          }
        }
      }
      .share__links {
        display: flex;
        align-items: flex-start;
        padding: 60px 0 0 0;
        span {
          font-family: "Roboto";
          font-size: 18px;
          font-weight: 500;
          line-height: normal;
          letter-spacing: 0.19px;
          color: #111111;
          margin-right: 10px;
          align-self: center;
        }
        a {
          color: #006482;
          height: 25px;
          margin-right: 10px;
          -o-transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;

          svg {
            stroke: #006482;
            height: 25px;
            width: 25px;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
          }

          &:hover {
            color: #111111;

            svg {
              stroke: #111111;
            }
          }
          i {
            font-size: 25px;
          }
        }
      }
      .author__block {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        padding: 20px 0 40px 0;
        .author__block-item {
          &:first-child {
            flex-basis: 98px;
          }

          &:last-child {
            flex-basis: calc(100% - 128px);
          }

          img {
            width: 100%;
            border-radius: 50%;
          }

          .author_avatar-placeholder {
            width: 98px;
            height: 98px;
            border-radius: 50%;
            background-color: #d8d8d8;
          }

          .author_name {
            font-family: "Roboto";
            font-size: 20px;
            font-weight: 500;
            line-height: normal;
            color: #111111;
            margin: 0 0 10px 0;
          }

          .author__description {
            font-family: "Roboto";
            font-size: 16px;
            font-weight: normal;
            line-height: normal;
            color: #111111;
            margin: 0 0 20px 0;
          }

          .author__read-more {
            font-family: "Roboto";
            font-size: 16px;
            font-weight: 500;
            line-height: normal;
            color: #006482;
            text-decoration: underline;
            text-decoration-thickness: 1px;
            &:hover {
              text-decoration-thickness: 2px;
            }
          }
        }
      }
    }
  }
}

.prev__next-posts-section {
  background-color: #eeeeee;
  padding: 42px 0 37px 0;
  .container {
    padding: 0;
    .prev__next-posts {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      justify-content: space-between;
      .post__item {
        flex-basis: 40%;
        .prev_next_post_arrow {
          width: 17px !important;
          height: auto;
        }
        .prev__post {
          .prev_next_post_arrow {
            position: absolute;
            top: calc(50% - 24px);
            left: 20px;
            transform: rotate(180deg) translateY(-50%);
          }
        }
        .prev__post,
        .next__post {
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          justify-content: space-between;
          &:hover {
            h6 {
              color: #a1a1a1 !important;
            }
          }
          .prev__post-item,
          .next__post-item {
            position: relative;
            flex-basis: calc(50% - 7.5px);
            img {
              width: 100%;
              height: auto;
            }
            .image__placeholder {
              width: 100%;
              height: 100px;
              background-color: #111111;
            }
            p {
              font-family: "Roboto";
              font-size: 12px;
              font-weight: bold;
              line-height: normal;
              letter-spacing: 0.2px;
              color: #a1a1a1;
              margin: 0 0 14px 0;
            }
            h6 {
              font-family: "Roboto";
              font-size: 16px;
              font-weight: 500;
              line-height: normal;
              letter-spacing: 0.17px;
              color: #111111;
            }
          }
        }
        .next__post {
          flex-direction: row-reverse;
          .prev_next_post_arrow {
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translateY(-50%);
          }
          .next__post-item {
            p,
            h6 {
              text-align: right;
            }
          }
        }
      }
    }
  }
}

.sw19-related-posts {
  background-color: #111111;
  padding: 40px 0;
  .container {
    padding: 0;
    h3 {
      font-family: "Roboto";
      font-size: 28px;
      font-weight: 300;
      line-height: normal;
      text-align: center;
      color: #fff;
      margin: 0 0 30px 0;
    }
    .rp4wp-col {
      margin: 0 !important;
      .rp4wp_component {
        padding: 0 !important;
      }
      .rp4wp_component_image {
        margin: 0;
      }
      .rp4wp_component_title {
        margin: 10px 0 0 0;
        a {
          font-family: "Roboto";
          font-size: 16px;
          font-weight: 500;
          line-height: normal;
          letter-spacing: 0.25px;
          color: #fff;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          &:hover {
            color: #ff6200;

            svg {
              fill: #ff6200;
            }
          }
        }
      }
    }
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .om__single-post {
    .container {
      width: 100%;
      padding: 0 15px !important;
    }
    .om__single-post-grid {
      .single__post-grid-item {
        &:first-child {
          flex-basis: calc(100% - 340px);
        }
        &:last-child {
          flex-basis: 240px;
        }
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .sw19-related-posts {
    .container {
      padding: 0 15px;
      width: 100%;
      .rp4wp-related-posts {
        .rp4wp-posts-list {
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          justify-content: space-between;
          .rp4wp-col {
            flex-basis: 100%;
            padding: 0 !important;
            .rp4wp_component {
              height: 75% !important;
              width: 100% !important;
            }
          }
        }
      }
    }
  }
  .om__single-post {
    .container {
      width: 100%;
      padding: 0 15px !important;
    }
    .om__single-post-grid {
      .single__post-grid-item {
        &:first-child {
          flex-basis: 100%;
        }
        &:last-child {
          flex-basis: 300px;
          position: relative;
          left: 50%;
          transform: translateX(-50%);
          .sidebar__search {
            display: none;
          }
        }
        h1 {
          font-size: 24px;
        }
        .featured__post-author {
          font-size: 12px;
        }
        .feature__post-date {
          font-size: 12px;
        }
        .single__post-content {
          font-size: 16px;
          h2 {
            font-size: 18px;
          }
        }
        .single__post-tags {
          h5 {
            font-size: 16px;
          }
          .single__post-tag {
            &:last-child {
              margin: 0;
            }
            a {
              font-size: 14px;
            }
          }
        }
        .author__block {
          .author__block-item {
            &:first-child {
              flex-basis: 100%;
            }

            &:last-child {
              flex-basis: 100%;
            }

            img {
              width: 98px;
              height: 98px;
              border-radius: 50%;
              margin-bottom: 10px;
            }

            .author_avatar-placeholder {
              width: 98px;
              height: 98px;
              border-radius: 50%;
              background-color: #d8d8d8;
            }

            .author_name {
              font-size: 16px;
            }

            .author__description {
              font-size: 14px;
            }

            .author__read-more {
              font-size: 14px;
            }
          }
        }
      }
    }
  }

  .prev__next-posts-section {
    .container {
      width: 100%;
      padding: 0 15px !important;
      .prev__next-posts {
        .post__item {
          flex-basis: 45%;
          .prev_next_post_arrow {
            display: none;
          }
          .prev__post {
            .prev_next_post_arrow {
              display: none;
            }
          }
          .prev__post,
          .next__post {
            .prev__post-item,
            .next__post-item {
              flex-basis: 100%;
              img {
                display: none;
              }
              .image__placeholder {
                display: none;
              }

              h6 {
                font-size: 14px;
              }
            }
          }
          .next__post {
            .prev_next_post_arrow {
              display: none;
            }
          }
        }
      }
    }
  }
}
@media screen and (max-width: 991px) {
  .single-post {
    .footer {
      margin-top: 0 !important;
    }
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .sw19-related-posts {
    .container {
      padding: 0 15px;
      width: 100%;
      .rp4wp-related-posts {
        .rp4wp-posts-list {
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          justify-content: space-between;
          .rp4wp-col {
            flex-basis: calc(50% - 10px);
            padding: 0 !important;
            .rp4wp_component {
              height: 75% !important;
              width: 100% !important;
            }
          }
        }
      }
    }
  }
}

@media screen and (min-width: 991px) {
  .sw19-related-posts {
    .container {
      .rp4wp-col {
        .rp4wp_component_image {
          img {
            object-fit: cover;
            height: 170px !important;
          }
        }
      }
    }
  }
}