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