/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.news-posts {
  box-shadow: 0 28px 32px rgba(15, 20, 28, 0.06); }
  @media (max-width: 1440px) {
    .news-posts {
      width: calc( 100% + 30px);
      margin-left: -15px;
      padding: 40px 15px; } }
  @media (min-width: 1441px) {
    .news-posts {
      padding: 60px 15px; } }
  .news-posts.has-gray-background {
    background-color: #f0f0f0; }
  .news-posts__title {
    font-family: 'Rubik-Bold';
    font-weight: 700;
    font-size: 26px;
    line-height: normal;
    color: #1374A8;
    text-transform: uppercase; }
  .news-posts__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px; }
  .news-posts__item {
    flex: 1 1 100%;
    margin-bottom: 20px;
    background-color: transparent;
    overflow: hidden; }
    @media (min-width: 840px) {
      .news-posts__item {
        margin-bottom: 30px;
        max-width: calc( 33.33% - 20px);
        display: flex;
        flex-wrap: wrap;
        align-content: space-between; } }
    @media (min-width: 1366px) {
      .news-posts__item {
        margin-bottom: 30px; } }
    @media (min-width: 840px) {
      .news-posts__item:not(:nth-of-type(3n)) {
        margin-right: 30px; } }
    .news-posts__item-image {
      margin-bottom: 24px;
      border-radius: 4px;
      position: relative;
      height: 230px; }
      .news-posts__item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .news-posts__item-title {
      font-family: 'Rubik-Medium';
      font-weight: 500;
      font-size: 20px;
      line-height: 1.3;
      color: #262626;
      margin-bottom: 29px; }
    .news-posts__item-content {
      font-family: 'Rubik-Regular';
      font-size: 16px;
      line-height: 1.5;
      color: #323232; }
    .news-posts__item-url {
      font-family: 'Rubik-Medium';
      display: flex;
      align-items: center;
      font-size: 16px;
      line-height: 1.5;
      text-transform: initial;
      color: #1374A8;
      font-weight: 500;
      background: transparent;
      padding: 0;
      margin-top: 35px; }
      .news-posts__item-url:hover {
        background: transparent; }
      @media (min-width: 840px) {
        .news-posts__item-url {
          font-size: 18px; } }
      .news-posts__item-url:hover, .news-posts__item-url:active {
        background-color: transparent;
        border-color: transparent;
        box-shadow: none;
        color: #38abe9; }


/*# sourceMappingURL=style-index.css.map*/