1// Content layout styles
2$nav__toplvlWidth: 120px;
3$nav__seclvlWidth: 240px;
4
5// Page header
6.page-header {
7  position: relative;
8  border-bottom: 1px solid $lightbg__grey;
9  margin: .5em 0 2.2em;
10  padding-left: 0;
11  .h4 {
12    padding: .1em 0 0 0;
13    margin: 0 0 .5em 0;
14    font-weight: bold;
15  }
16}
17
18.content__container {
19  margin-left: $nav__toplvlWidth;
20  padding: 1em .1em;
21  transition: left 1s ease;
22  @include mediaQuery(x-small){
23    padding: 1rem 2rem;
24  }
25  section.row,
26  .column.row.row, .row.row.columns{
27    margin-left: 0;
28  }
29}
30
31.content-header {
32  font-weight: 700;
33  margin-bottom: 0;
34  margin-top: 2em;
35}
36
37.content-label, label {
38  color: $darkgrey;
39  text-transform: uppercase;
40  font-weight: 700;
41  font-size: .75em;
42  margin-bottom: 0;
43}
44
45.subhead {
46  border-bottom: 1px solid $medgrey;
47  padding-bottom: .5em;
48}