/* line 2, additional_articles.scss */
.additional__articles__heading {
  margin: 0 0 14px; }
/* line 6, additional_articles.scss */
.additional__articles__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(25% - 3.75px) 5px calc(25% - 3.75px) 5px calc(25% - 3.75px) 5px calc(25% - 3.75px);
  grid-template-columns: repeat(4, calc(25% - 3.75px));
  grid-gap: 5px; }
/* line 14, additional_articles.scss */
.additional__articles__item {
  padding: 8px 8px 8px 8px;
  position: relative;
  border-radius: 24px;
  border: 1px solid transparent;
  transition: all .2s ease-in; }
  /* line 21, additional_articles.scss */
  .additional__articles__item__wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 24px;
    border: 1px solid #D7D7D7;
    overflow: hidden;
    text-decoration: none;
    transition: all .2s ease-in; }
  /* line 37, additional_articles.scss */
  .additional__articles__item__image {
    height: 200px; }
    /* line 40, additional_articles.scss */
    .additional__articles__item__image img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%; }
  /* line 49, additional_articles.scss */
  .additional__articles__item__text {
    padding: 15px;
    height: calc(100% - 200px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent;
    transition: all .2s ease-in; }
  /* line 63, additional_articles.scss */
  .additional__articles__item__date {
    color: #888888;
    font-size: 14px; }
  /* line 68, additional_articles.scss */
  .additional__articles__item__title {
    margin: 10px 0px;
    line-height: 1.3;
    color: #323232; }
  /* line 74, additional_articles.scss */
  .additional__articles__item__icon {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 40px;
    height: 40px;
    border-radius: 0px 12px 0px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #94ae3f;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in; }

@media screen and (min-width: 1024px) {
  /* line 104, additional_articles.scss */
  .additional__articles__item:hover {
    border-color: #94ae3f;
    transition: all .2s ease-in; }
    /* line 108, additional_articles.scss */
    .additional__articles__item:hover .additional__articles__item__wrapper {
      border-color: transparent;
      transition: all .2s ease-in; }
    /* line 113, additional_articles.scss */
    .additional__articles__item:hover .additional__articles__item__text {
      background-color: #ccffcc; }
    /* line 117, additional_articles.scss */
    .additional__articles__item:hover .additional__articles__item__icon {
      opacity: 1;
      visibility: visible; } }
@media screen and (max-width: 1024px) {
  /* line 127, additional_articles.scss */
  .additional__articles__list {
    -ms-grid-columns: calc(50% - 2.5px) 5px calc(50% - 2.5px);
    grid-template-columns: repeat(2, calc(50% - 2.5px));
    grid-gap: 5px; } }
@media screen and (max-width: 575px) {
  /* line 135, additional_articles.scss */
  .additional__articles__list {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-gap: 5px; } }