@import "mixins/tools.mixins";

// Default header
.o-primary-header {
  margin: rem(20) 0;
}

// Top margin of 20px will apply to a primary header that has a sibling, this will apply to enriched articles
.o-primary-header:first-child {
  margin: rem(20) 0 0 0;
}

// Use the same class to individually wrap the article label and article primary title.
// Since an article optionally has a label, we need to remove the additional margin when both are present.
.o-primary-header + .o-primary-header {
  margin: 0 0 rem(20) 0;
}

// If only one primary header without a sibling then display with a margin 20px above and below, this will apply to non-enriched articles
.o-primary-header:only-child {
  margin: rem(20) 0;
}

.o-primary-header--section,
.o-primary-header--section:only-child {
  margin-top: rem(15);
  margin-bottom: rem(5);
}
