@use "../utilities";
.blog {
  &Entry {
    position: relative;
    min-height: 120px;
    .container {
      position: relative;
      .eventBody__socialList {
        right: 0%;
      }
    }
    &__body {
      font-size: 18px;
      font-weight: 300;
      color: var(--a-negro-unops);
      strong {
        font-weight: 600;
      }
      a {
        font-weight: 600;
        color: var(--a-azul-unops);
      }
      p {
        word-break: break-all;
      }
      img,
      figure {
        max-width: 100% !important;
      }
    }
    &__categories {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      &--title {
        font-size: 18px;
        font-weight: 300;
        color: var(--a-negro-unops);
      }
      &--item {
        border-radius: 2px;
        border: solid 0.5px var(--a-azul-unops);
        background-color: #f6f9fc;
        a {
          @extend %VFSans-font;
          font-weight: 600;
          letter-spacing: 1px;
          text-align: center;
          color: var(--a-azul-unops);
        }
        &:hover {
          box-shadow: 0 0 4px 0 rgba(0, 73, 118, 0.2);
        }
      }
    }
    &__social {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
    }
  }
}