@import "../../../assets/scss/variables";

.dashboard-news {

  .dashnews-article {

    background: $white-box-background;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    overflow: hidden;


    &--img {
      height: 133px;
      background: black;

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
      }

    }

    &--content {
      padding: 20px 30px 15px;
      display: flex;
      flex-direction: column;
      height: 179px;
      @media (max-width: 1668px) {
        height: 121px;
      }

      .title {
        color: $title-color;
        font-size: 2.5rem;
        font-weight: normal;
        margin-bottom: 0px;
        height: 46px;

        &.small {
          font-size: 1.8rem;
        }
      }

      .content {
        font-size: 1.5rem;
        @media (max-width: 1668px) {
          display: none;
        }
      }

      .link {

        cursor: pointer;
        margin-top: 1.7rem;
        font-size: 1.4rem;
        font-weight: bold;

        color: $title-color;

        &:hover {
          text-decoration: underline;
          text-underline-offset: 4px;
        }

      }
    }
  }
}