@charset "UTF-8";
/*
  Создает функцию calc(), которая исходя из переданных
  значений ширины экранов и пикселей, делает функцию
  "от->до".

  Например:
  margin-bottom: responsive('320->575', '20->100');
  На размерах экранов от 320 до 575, нижний отступ будет
  расти от 20 до 100.

  Аргумент $minus: true делает значение отрицательным,
  например:
  margin-bottom: responsive('320->575', '0->100', true);
  На размерах экранов от 320 до 575, нижний отступ будет
  уменьшаться от 0 до -100.
*/
.news {
  padding-top: 40px;
  margin-bottom: 100px;
}
.news__header-pic {
  height: 370px;
}
.news__cnt {
  width: calc(60% - 25px);
  margin-right: 50px;
}
.news__side {
  width: calc(40% - 25px);
}
.news__title {
  font-size: 30px;
}
.news__body h2 {
  font-size: 26px;
}
.news__body h3, .news__body h4 {
  font-size: 28px;
}
.news__body h2, .news__body h3, .news__body h4 {
  margin: 50px 0 20px;
}
.news__body h2 + p,
.news__body h2 + div, .news__body h3 + p,
.news__body h3 + div, .news__body h4 + p,
.news__body h4 + div {
  margin-top: 20px !important;
}
.news__body div.wp-block-image figure {
  width: 280px;
}

.related-news__item-link {
  flex-flow: row;
}
.related-news__item-link:hover .related-news__item-title {
  color: #00696E;
}
.related-news__item-pic {
  display: block;
}
.related-news__item-title {
  font-size: 18px;
  transition: color 0.2s;
}
.related-news__item-date {
  font-size: 14px;
}