/**
 * layout.css
 *
 * High-level page width, regions, view row spacing.
 *
 * Global content width:
 * - max 720px on small / medium
 * - max 1140px on larger desktops
 *
 * From Olivero variables.css
 * Layout helpers.
 * --max-width: 84.375rem;
 * --max-bg-color: 98.125rem; -> width to which the background color extends to
 * --sp: 1.125rem;            -> --sp4: calc(4 * var(--sp));
 * --content-left: 5.625rem;
 * --site-header-height-wide: var(--sp10);
 * --container-padding: var(--sp);
 *
 */
main,
.region-content,
.node__content {
  width: 100%;
  max-width: 720px;
  margin-inline: auto;
  padding-inline: 1.5rem; /* nice side padding on mobile/tablet */
}

/* Wider on desktops */
@media (min-width: 1024px) {
  main,
  .region-content,
  .node__content {
    max-width: 1140px;
  }
}

/* Site branding */
.site-branding {
  background-image: none;
}
.site-branding__name a,
.site-branding__inner a,
.site-branding__text {
  color: #0a0d0f;
}

/* Site header left part */
.site-header__initial {
  background-color: #10309c;
}

/* Site footer ( grey-hue: #f5f8f8 ) */
.site-footer {
  border-inline-start: solid 5.625rem #10309c !important;
}
.site-footer__inner {
  background-color: #10309c;
  border-left: 0.1rem solid #f5f8f8;
}

/* View articles > views row: teaser items spacing */
.view-articles .views-row,
.view .views-row {
  margin-bottom: 0.5rem;
}

/* Front > article > sticky */
.path-frontpage .views-row .node--type-article.node--promoted.node--sticky {
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  padding: 1rem 2rem;
}