5 border-top: 5px solid $grey-color-dark;
6 border-bottom: 1px solid $grey-color-light;
9 // Positioning context for the mobile navigation icon
23 color: $grey-color-dark;
37 line-height: $base-line-height;
39 // Gaps between nav items, but not on the last one
45 @include media-query($on-palm) {
48 right: $spacing-unit / 2;
49 background-color: $background-color;
50 border: 1px solid $grey-color-light;
68 fill: $grey-color-dark;
101 border-top: 1px solid $grey-color-light;
102 padding: $spacing-unit 0;
107 margin-bottom: $spacing-unit / 2;
116 .footer-col-wrapper {
119 margin-left: -$spacing-unit / 2;
125 margin-bottom: $spacing-unit / 2;
126 padding-left: $spacing-unit / 2;
130 width: -webkit-calc(35% - (#{$spacing-unit} / 2));
131 width: calc(35% - (#{$spacing-unit} / 2));
135 width: -webkit-calc(20% - (#{$spacing-unit} / 2));
136 width: calc(20% - (#{$spacing-unit} / 2));
140 width: -webkit-calc(45% - (#{$spacing-unit} / 2));
141 width: calc(45% - (#{$spacing-unit} / 2));
144 @include media-query($on-laptop) {
147 width: -webkit-calc(50% - (#{$spacing-unit} / 2));
148 width: calc(50% - (#{$spacing-unit} / 2));
152 width: -webkit-calc(100% - (#{$spacing-unit} / 2));
153 width: calc(100% - (#{$spacing-unit} / 2));
157 @include media-query($on-palm) {
160 width: -webkit-calc(100% - (#{$spacing-unit} / 2));
161 width: calc(100% - (#{$spacing-unit} / 2));
171 padding: $spacing-unit 0;
183 margin-bottom: $spacing-unit;
188 font-size: $small-font-size;
203 margin-bottom: $spacing-unit;
208 letter-spacing: -1px;
211 @include media-query($on-laptop) {
217 margin-bottom: $spacing-unit;
222 @include media-query($on-laptop) {
230 @include media-query($on-laptop) {
238 @include media-query($on-laptop) {