@import '../../scss/variables.scss';

.news-content-wrapper {
  margin-top: 90px;

  .news-meta {
    border-bottom: 1px solid #e7e7ed;
  }

  .description {
    font-size: 16px;
    letter-spacing: -0.16px;

    img {
      width: 100% !important;
      height: auto !important;
      margin: 0 auto 30px;
      display: block;
    }
  }
}

.news-meta .news-meta-time::before {
	content: "";
	width: 1px;
	background: #e4e6e9;
	height: 23px;
	position: absolute;
	transform: translateX(-10px);
}

.latest-news {
  h6 {
    border-radius: 4px 4px 0 0;
  }

  .single-latest-news {

    .image-wrapper {
      padding-top: calc(50% * 9 / 16);
      position: relative;
      width: 40%;

      img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100px;
        object-fit: cover;
        transition: 0.2s all ease-in;
        border-radius: 5px;

        @media screen and (min-width:768px) and (max-width:1023px) {
          height: 70px;
        }
      }

      a:hover img {
        filter: brightness(0.75);
      }
    }

    .news-info {
      width: 60%;
    }
  }
}

.news-info .category a {
	color: var(--color-golden-2);
	font-weight: 600;
}