@randstad-design/orbit-multitheme/dist/assets/theme-randstad/components/content-items/section-header.css

multitheme Front-end code based on Randstad Human Forward components

.section-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .section-header h2, .section-header__chapter {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 40px; }
    @media (min-width: 941px) {
      .section-header h2, .section-header__chapter {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 45px; } }
  .section-header .block__header + .block__content {
    margin-top: 0; }

@media (min-width: 941px) {
  .section-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 130px;
    padding-bottom: 50px; } }

.section-header__chapter {
  color: var(--color-brand-primary); }
  .bg-variant-brand-primary .section-header__chapter {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-secondary .section-header__chapter {
    color: var(--color-brand-primary); }
  .bg-variant-brand-tertiary .section-header__chapter {
    color: var(--color-brand-primary); }
  .bg-variant-white .section-header__chapter {
    color: var(--color-brand-primary); }
  .bg-variant-brand-quaternary .section-header__chapter {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .section-header__chapter {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .section-header__chapter {
    color: var(--color-brand-secondary); }

.section-header__title {
  color: var(--color-brand-secondary); }
  .bg-variant-brand-primary .section-header__title {
    color: var(--color-white); }
  .bg-variant-brand-secondary .section-header__title {
    color: var(--color-white); }
  .bg-variant-brand-tertiary .section-header__title {
    color: var(--color-brand-secondary); }
  .bg-variant-white .section-header__title {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary .section-header__title {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .section-header__title {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .section-header__title {
    color: var(--color-brand-secondary); }

/*# sourceMappingURL=section-header.css.map */