/* ==========================================================================
   Content.
   ========================================================================== */
.content-before {
  position: relative;
  margin: var(--space-xl) 0;
  background: var(--color-bg);
  transition: padding .2s;

  .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  @media screen and (min-width: 80em) {
    .l-breadcrumb-fixed & {
      position: fixed;
      z-index: 25;
      left: 0;
      right: 0;
      box-sizing: border-box;
    }

    .l-breadcrumb-fixed.l-menu-dashboard & {
      padding-left: var(--sidebar-width);
    }
    .l-breadcrumb-fixed.l-menu-dashboard-open & {
      padding-left: var(--sidebar-width-open);
    }
  }
}

@media screen and (min-width: 80em) {
  .content {
    .l-breadcrumb-fixed:not(.is-front) & {
      padding-top: 70px;
    }
  }
}

.content-header {
  .nav--toolbar {
    margin-bottom: var(--space-xs);
  }
}

.content-titles {
  .content-title {
    display: flex;
    justify-content: center;
    margin: 0;
  }

  .content-subtitle {
    margin: 1em 0 var(--space-xl);
  }
}

.content-details {
  margin-top: var(--space-m);

  .item-category {
    color: var(--color-fg-primary);

    + .item-date {
      margin-left: var(--gutter-xs);

      span:before {
        content: "/";
        margin-right: 3px;
      }
    }
  }
}

.content-subtitle {
  color: var(--color-text-dark);
  font-size: var(--font-size-xl);
  line-height: 1.35;
}

/* ==========================================================================
   Align
   ========================================================================== */
.text-align-center {
  display: block;
}