| // Content layout styles |
| $nav__toplvlWidth: 120px; |
| $nav__seclvlWidth: 240px; |
| |
| // Page header |
| .page-header { |
| width: 100%; |
| position: relative; |
| border-bottom: 1px solid $lightbg__grey; |
| margin: .5em 0 2.2em; |
| padding-left: 0; |
| .h4 { |
| padding: .1em 0 0 0; |
| margin: 0 0 1em 0; |
| font-weight: bold; |
| } |
| } |
| |
| .content__container { |
| margin-left: $nav__toplvlWidth; |
| padding: 1em .1em; |
| transition: left 1s ease; |
| @include mediaQuery(x-small){ |
| padding: 1rem 2rem; |
| } |
| section.row, |
| .column.row.row, .row.row.columns{ |
| margin-left: 0; |
| } |
| } |
| |
| .content-header { |
| font-weight: 700; |
| margin-bottom: 0; |
| margin-top: 2em; |
| } |
| |
| .content-label, label { |
| color: $darkgrey; |
| text-transform: uppercase; |
| font-weight: 700; |
| font-size: .75em; |
| margin-bottom: 0; |
| } |
| |
| .subhead { |
| border-bottom: 1px solid $medgrey; |
| padding-bottom: .5em; |
| } |