.single.single-post article,
.single.single-project article {
  padding-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .single.single-post article,
    .single.single-project article {
      padding-bottom: 30px; } }
  .single.single-post article .article-header,
  .single.single-project article .article-header {
    padding: 0 0 50px; }
    @media screen and (max-width: 767px) {
      .single.single-post article .article-header,
      .single.single-project article .article-header {
        padding: 0 0 30px; } }
    .single.single-post article .article-header .category,
    .single.single-project article .article-header .category {
      text-align: center;
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        .single.single-post article .article-header .category,
        .single.single-project article .article-header .category {
          margin-bottom: 10px; } }
      .single.single-post article .article-header .category a,
      .single.single-project article .article-header .category a {
        display: inline-block;
        padding: 6px 16px;
        background-color: #03a9f0;
        border-radius: 16px;
        color: #ffffff;
        font-size: 14px;
        font-family: "Roboto Regular"; }
    .single.single-post article .article-header h1,
    .single.single-project article .article-header h1 {
      color: #0f53ba;
      font-family: "Roboto Medium";
      font-size: 64px;
      text-align: center; }
      @media screen and (max-width: 1024px) {
        .single.single-post article .article-header h1,
        .single.single-project article .article-header h1 {
          font-size: 40px; } }
      @media screen and (max-width: 767px) {
        .single.single-post article .article-header h1,
        .single.single-project article .article-header h1 {
          font-size: 36px; } }
    .single.single-post article .article-header .article-meta,
    .single.single-project article .article-header .article-meta {
      margin-top: 20px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 767px) {
        .single.single-post article .article-header .article-meta,
        .single.single-project article .article-header .article-meta {
          margin-top: 10px; } }
      .single.single-post article .article-header .article-meta .article-time,
      .single.single-project article .article-header .article-meta .article-time {
        font-size: 16px;
        font-family: "Roboto Regular";
        color: #2a2f38;
        margin-right: 20px; }
        .single.single-post article .article-header .article-meta .article-time i,
        .single.single-project article .article-header .article-meta .article-time i {
          margin-right: 6px; }
  .single.single-post article .article-thumbnail img,
  .single.single-project article .article-thumbnail img {
    width: 100%;
    height: auto;
    object-fit: cover; }
  .single.single-post article .article-content .container,
  .single.single-project article .article-content .container {
    max-width: 800px; }
    .single.single-post article .article-content .container .content-detail h1,
    .single.single-post article .article-content .container .content-detail h2,
    .single.single-post article .article-content .container .content-detail h3,
    .single.single-post article .article-content .container .content-detail h4,
    .single.single-post article .article-content .container .content-detail h5,
    .single.single-post article .article-content .container .content-detail h6,
    .single.single-project article .article-content .container .content-detail h1,
    .single.single-project article .article-content .container .content-detail h2,
    .single.single-project article .article-content .container .content-detail h3,
    .single.single-project article .article-content .container .content-detail h4,
    .single.single-project article .article-content .container .content-detail h5,
    .single.single-project article .article-content .container .content-detail h6 {
      margin-bottom: 1rem;
      font-family: "Roboto Bold";
      color: #0f53ba;
      line-height: 1.4; }
    .single.single-post article .article-content .container .content-detail h2,
    .single.single-project article .article-content .container .content-detail h2 {
      font-size: 32px; }
      @media screen and (max-width: 767px) {
        .single.single-post article .article-content .container .content-detail h2,
        .single.single-project article .article-content .container .content-detail h2 {
          font-size: 24px; } }
    .single.single-post article .article-content .container .content-detail h3,
    .single.single-project article .article-content .container .content-detail h3 {
      font-size: 28px; }
      @media screen and (max-width: 767px) {
        .single.single-post article .article-content .container .content-detail h3,
        .single.single-project article .article-content .container .content-detail h3 {
          font-size: 20px; } }
    .single.single-post article .article-content .container .content-detail ol,
    .single.single-post article .article-content .container .content-detail ul,
    .single.single-project article .article-content .container .content-detail ol,
    .single.single-project article .article-content .container .content-detail ul {
      list-style: disc;
      padding-left: 2rem; }
      .single.single-post article .article-content .container .content-detail ol li,
      .single.single-post article .article-content .container .content-detail ul li,
      .single.single-project article .article-content .container .content-detail ol li,
      .single.single-project article .article-content .container .content-detail ul li {
        margin-bottom: 1rem;
        font-size: 18px; }
        @media screen and (max-width: 767px) {
          .single.single-post article .article-content .container .content-detail ol li,
          .single.single-post article .article-content .container .content-detail ul li,
          .single.single-project article .article-content .container .content-detail ol li,
          .single.single-project article .article-content .container .content-detail ul li {
            font-size: 16px; } }
    .single.single-post article .article-content .container .content-detail figure,
    .single.single-project article .article-content .container .content-detail figure {
      text-align: center; }
      .single.single-post article .article-content .container .content-detail figure figcaption,
      .single.single-project article .article-content .container .content-detail figure figcaption {
        font-size: 16px; }
        @media screen and (max-width: 767px) {
          .single.single-post article .article-content .container .content-detail figure figcaption,
          .single.single-project article .article-content .container .content-detail figure figcaption {
            font-size: 14px; } }
    .single.single-post article .article-content .container .content-detail ol li,
    .single.single-project article .article-content .container .content-detail ol li {
      text-align: left; }
    .single.single-post article .article-content .container .content-detail table tbody,
    .single.single-post article .article-content .container .content-detail table td,
    .single.single-post article .article-content .container .content-detail table tfoot,
    .single.single-post article .article-content .container .content-detail table th,
    .single.single-post article .article-content .container .content-detail table thead,
    .single.single-post article .article-content .container .content-detail table tr,
    .single.single-project article .article-content .container .content-detail table tbody,
    .single.single-project article .article-content .container .content-detail table td,
    .single.single-project article .article-content .container .content-detail table tfoot,
    .single.single-project article .article-content .container .content-detail table th,
    .single.single-project article .article-content .container .content-detail table thead,
    .single.single-project article .article-content .container .content-detail table tr {
      border-width: 1px;
      text-align: left; }
    .single.single-post article .article-content .container .content-detail table td,
    .single.single-project article .article-content .container .content-detail table td {
      padding: 0.4em !important; }
    .single.single-post article .article-content .container .content-detail p,
    .single.single-project article .article-content .container .content-detail p {
      font-size: 18px;
      color: #2a2f38;
      font-family: "Roboto Regular"; }
      @media screen and (max-width: 767px) {
        .single.single-post article .article-content .container .content-detail p,
        .single.single-project article .article-content .container .content-detail p {
          font-size: 16px; } }
    .single.single-post article .article-content .container .content-detail .box-share .share-label,
    .single.single-project article .article-content .container .content-detail .box-share .share-label {
      color: #203556;
      font-size: 16px;
      font-family: "Roboto Medium"; }
    .single.single-post article .article-content .container .wpb-posts-nav,
    .single.single-project article .article-content .container .wpb-posts-nav {
      display: flex;
      justify-content: space-between;
      padding: 30px 0; }
      @media screen and (max-width: 767px) {
        .single.single-post article .article-content .container .wpb-posts-nav,
        .single.single-project article .article-content .container .wpb-posts-nav {
          display: block; } }
      .single.single-post article .article-content .container .wpb-posts-nav .wpb-nav-item,
      .single.single-project article .article-content .container .wpb-posts-nav .wpb-nav-item {
        min-width: 360px;
        max-width: 360px; }
        @media screen and (max-width: 767px) {
          .single.single-post article .article-content .container .wpb-posts-nav .wpb-nav-item,
          .single.single-project article .article-content .container .wpb-posts-nav .wpb-nav-item {
            min-width: 100%;
            max-width: 100%; } }
        .single.single-post article .article-content .container .wpb-posts-nav .wpb-nav-item a,
        .single.single-project article .article-content .container .wpb-posts-nav .wpb-nav-item a {
          display: flex;
          align-items: center; }
          .single.single-post article .article-content .container .wpb-posts-nav .wpb-nav-item a .article-thumb,
          .single.single-project article .article-content .container .wpb-posts-nav .wpb-nav-item a .article-thumb {
            width: 100px;
            height: 100px;
            min-width: 100px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 20px; }
            @media screen and (max-width: 767px) {
              .single.single-post article .article-content .container .wpb-posts-nav .wpb-nav-item a .article-thumb,
              .single.single-project article .article-content .container .wpb-posts-nav .wpb-nav-item a .article-thumb {
                width: 90px;
                height: 90px;
                min-width: 90px; } }
            .single.single-post article .article-content .container .wpb-posts-nav .wpb-nav-item a .article-thumb img,
            .single.single-project article .article-content .container .wpb-posts-nav .wpb-nav-item a .article-thumb img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
          .single.single-post article .article-content .container .wpb-posts-nav .wpb-nav-item a .article-content label,
          .single.single-project article .article-content .container .wpb-posts-nav .wpb-nav-item a .article-content label {
            font-size: 14px;
            color: #2a2f38;
            font-family: "Roboto Bold"; }
          .single.single-post article .article-content .container .wpb-posts-nav .wpb-nav-item a .article-content h4,
          .single.single-project article .article-content .container .wpb-posts-nav .wpb-nav-item a .article-content h4 {
            font-size: 18px;
            color: #4d5565;
            font-family: "Roboto Bold"; }
        @media screen and (max-width: 767px) {
          .single.single-post article .article-content .container .wpb-posts-nav .wpb-nav-item.next,
          .single.single-project article .article-content .container .wpb-posts-nav .wpb-nav-item.next {
            margin-top: 20px; } }
        .single.single-post article .article-content .container .wpb-posts-nav .wpb-nav-item.next a .article-thumb,
        .single.single-project article .article-content .container .wpb-posts-nav .wpb-nav-item.next a .article-thumb {
          order: 2;
          margin-right: 0;
          margin-left: 20px; }
        .single.single-post article .article-content .container .wpb-posts-nav .wpb-nav-item.next a .article-content,
        .single.single-project article .article-content .container .wpb-posts-nav .wpb-nav-item.next a .article-content {
          order: 1; }
  .single.single-post article .related-post .container,
  .single.single-project article .related-post .container {
    max-width: 1110px; }
  .single.single-post article .related-post .related-post-title,
  .single.single-project article .related-post .related-post-title {
    font-size: 18px;
    color: #0f53ba;
    font-family: "Roboto Bold";
    margin-bottom: 50px;
    position: relative; }
    .single.single-post article .related-post .related-post-title::after,
    .single.single-project article .related-post .related-post-title::after {
      content: "";
      width: 32px;
      height: 4px;
      position: absolute;
      left: 0;
      bottom: -15px;
      background-color: #0f53ba; }
  @media screen and (max-width: 767px) {
    .single.single-post article .related-post .list-post .row,
    .single.single-project article .related-post .list-post .row {
      flex-wrap: nowrap;
      overflow-x: auto;
      scroll-snap-type: inline mandatory;
      justify-content: flex-start; }
      .single.single-post article .related-post .list-post .row .col-lg-4,
      .single.single-project article .related-post .list-post .row .col-lg-4 {
        width: 85%;
        scroll-snap-align: start; } }
  .single.single-post article .related-post .list-post .post-item,
  .single.single-project article .related-post .list-post .post-item {
    position: relative;
    margin-bottom: 24px; }
    .single.single-post article .related-post .list-post .post-item .post-thumb img,
    .single.single-project article .related-post .list-post .post-item .post-thumb img {
      width: 100%;
      min-height: 350px;
      max-height: 350px;
      object-fit: cover; }
    .single.single-post article .related-post .list-post .post-item .post-content,
    .single.single-project article .related-post .list-post .post-item .post-content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(43, 43, 40, 0.5);
      padding: 0 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .single.single-post article .related-post .list-post .post-item .post-content h3,
      .single.single-project article .related-post .list-post .post-item .post-content h3 {
        font-size: 24px;
        color: #ffffff;
        font-family: "Roboto Bold";
        margin-bottom: 18px;
        text-align: center; }
        .single.single-post article .related-post .list-post .post-item .post-content h3 a,
        .single.single-project article .related-post .list-post .post-item .post-content h3 a {
          color: #ffffff; }
      .single.single-post article .related-post .list-post .post-item .post-content .btn-readmore,
      .single.single-project article .related-post .list-post .post-item .post-content .btn-readmore {
        display: inline-block;
        color: #ffffff;
        border-radius: 40px;
        border: 2px solid #ffffff;
        padding: 10px 20px;
        font-size: 16px;
        font-family: "Roboto Bold"; }
        .single.single-post article .related-post .list-post .post-item .post-content .btn-readmore i,
        .single.single-project article .related-post .list-post .post-item .post-content .btn-readmore i {
          margin-left: 10px; }

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