/**
 * @file
 * Overrides for basecore/css/base/layout.css.
 *
 * Rules marked "restated" repeat basecore rules that must keep winning.
 */

.layout {
  margin-bottom: 1.375rem;
}

/* restated */
@media (max-width: 767px) {
  .layout {
    margin-block-end: 2.25rem;
  }
}

.page-node-type-reasearch_articles .layout__region--first-above{flex: 0 1 30%;}
.page-node-type-reasearch_articles .layout__region--second-above{flex: 0 1 70%;}

.layout--twocol-section {
  flex-wrap: nowrap;
}

.footers-container {
    position: relative;
    background: #eaeaea url(../../images/footer.png);
}

.main-content__section,
.sidebar__section {
  padding: 26px 0 70px;
}

/* restated */
@media (max-width: 991px) {
  .sidebar__section {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .main-content__section,
  .sidebar__section {
    padding: 35px 0 40px 0;
  }
}

.footer__section {
  padding: 20px 0 40px;
}
@media (max-width: 991px) {
  .col-12 .footer__section {
    padding: 20px 0 30px;
  }
  /* restated */
  .footer__section {
    padding: 40px 0;
  }
}
/* restated */
@media (max-width: 767px) {
  .footer__section {
    padding: 40px 0;
  }
}

/* The hamburger has its own row on mobile, so the logo needs no room beside it */
@media (max-width: 991px) {
  .header-first {
    margin-right: 0;
  }
}