@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap");
.project-detail {
  font-size: 0px; }
  .project-detail .current-post-image img {
    max-height: 700px;
    width: 100%;
    object-fit: cover; }
  .project-detail .post-content {
    width: 49%;
    padding: 120px 0px 130px; }
    @media screen and (max-width: 1700px) {
      .project-detail .post-content {
        padding: 100px 0px 105px;
        width: 70%; } }
    @media screen and (max-width: 1199px) {
      .project-detail .post-content {
        padding: 70px 0px 75px;
        width: 83%; } }
    @media screen and (max-width: 991px) {
      .project-detail .post-content {
        width: 100%;
        padding: 50px 0px 55px; } }
    @media screen and (max-width: 767px) {
      .project-detail .post-content {
        padding: 30px 0px 35px; } }
    .project-detail .post-content .current-post-time {
      font-family: "Barlow Condensed", sans-serif;
      font-size: 30px;
      line-height: 120%;
      letter-spacing: 2.7px;
      color: #000000;
      text-transform: uppercase; }
      @media screen and (max-width: 1199px) {
        .project-detail .post-content .current-post-time {
          font-size: 25px; } }
      @media screen and (max-width: 991px) {
        .project-detail .post-content .current-post-time {
          font-size: 20px; } }
      @media screen and (max-width: 767px) {
        .project-detail .post-content .current-post-time {
          font-size: 15px; } }
    .project-detail .post-content .current-post-title {
      width: 91%; }
      @media screen and (max-width: 1199px) {
        .project-detail .post-content .current-post-title {
          width: 80%; } }
      @media screen and (max-width: 991px) {
        .project-detail .post-content .current-post-title {
          width: 91%; } }
      @media screen and (max-width: 767px) {
        .project-detail .post-content .current-post-title {
          width: 100%; } }
      .project-detail .post-content .current-post-title span {
        padding-top: 30px;
        font-family: "Barlow Condensed", sans-serif;
        font-size: 56px;
        line-height: 120%;
        letter-spacing: 0px;
        color: #ff0000;
        text-transform: uppercase;
        opacity: 1; }
        @media screen and (max-width: 1700px) {
          .project-detail .post-content .current-post-title span {
            font-size: 48px; } }
        @media screen and (max-width: 991px) {
          .project-detail .post-content .current-post-title span {
            font-size: 35px; } }
    .project-detail .post-content .current-post-content {
      padding-top: 45px;
      display: flex;
      flex-direction: column;
      gap: 25px; }
      @media screen and (max-width: 767px) {
        .project-detail .post-content .current-post-content {
          padding-top: 25px;
          gap: 20px; } }
      .project-detail .post-content .current-post-content span,
      .project-detail .post-content .current-post-content p {
        font-family: "Roboto", sans-serif;
        font-size: 23px;
        line-height: 150%;
        font-weight: 400;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1; }
        @media screen and (max-width: 1450px) {
          .project-detail .post-content .current-post-content span,
          .project-detail .post-content .current-post-content p {
            font-size: 20px; } }
        @media screen and (max-width: 1199px) {
          .project-detail .post-content .current-post-content span,
          .project-detail .post-content .current-post-content p {
            font-size: 18px; } }
        @media screen and (max-width: 991px) {
          .project-detail .post-content .current-post-content span,
          .project-detail .post-content .current-post-content p {
            font-size: 16px; } }
        @media screen and (max-width: 767px) {
          .project-detail .post-content .current-post-content span,
          .project-detail .post-content .current-post-content p {
            font-size: 14px;
            line-height: 170%; } }
      .project-detail .post-content .current-post-content .listing-url:hover a {
        color: #ff0000; }
        .project-detail .post-content .current-post-content .listing-url:hover a img {
          filter: unset; }
      .project-detail .post-content .current-post-content .listing-url a {
        display: flex;
        align-items: center;
        gap: 20px;
        font-family: "Barlow Condensed", sans-serif;
        font-size: 23px;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1; }
        @media screen and (max-width: 767px) {
          .project-detail .post-content .current-post-content .listing-url a {
            font-size: 14px;
            line-height: 170%; } }
      .project-detail .post-content .current-post-content .listing-url img {
        max-width: 20px;
        transform: rotate(90deg);
        filter: invert(26%) sepia(93%) saturate(6731%) hue-rotate(357deg) brightness(96%) contrast(125%);
        transition: all 0.5s ease-in-out; }
        @media screen and (max-width: 767px) {
          .project-detail .post-content .current-post-content .listing-url img {
            max-width: 10px;
            height: 20px; } }

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