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;
36 /*color: $text-color;*/
37 line-height: $base-line-height;
38 font-size: 1.5*$base-font-size;
40 // Gaps between nav items, but not on the first one
46 @include media-query($on-palm) {
50 background-color: $background-color;
51 border: 1px solid $grey-color-light;
69 fill: $grey-color-dark;
97 border-top: 1px solid $grey-color-light;
98 padding: $spacing-unit 0;
103 margin-bottom: $spacing-unit / 2;
112 .footer-col-wrapper {
115 margin-left: -$spacing-unit / 2;
118 font-size: 0.95*$base-font-size;
124 margin-bottom: $spacing-unit / 2;
125 padding-left: $spacing-unit / 2;
129 width: -webkit-calc(35% - (#{$spacing-unit} / 2));
130 width: calc(35% - (#{$spacing-unit} / 2));
134 width: -webkit-calc(20% - (#{$spacing-unit} / 2));
135 width: calc(20% - (#{$spacing-unit} / 2));
139 width: -webkit-calc(45% - (#{$spacing-unit} / 2));
140 width: calc(45% - (#{$spacing-unit} / 2));
143 @include media-query($on-laptop) {
146 width: -webkit-calc(50% - (#{$spacing-unit} / 2));
147 width: calc(50% - (#{$spacing-unit} / 2));
151 width: -webkit-calc(100% - (#{$spacing-unit} / 2));
152 width: calc(100% - (#{$spacing-unit} / 2));
156 @include media-query($on-palm) {
159 width: -webkit-calc(100% - (#{$spacing-unit} / 2));
160 width: calc(100% - (#{$spacing-unit} / 2));
170 padding: $spacing-unit 0;
182 margin-bottom: $spacing-unit;
187 font-size: $small-font-size;
202 margin-bottom: $spacing-unit;
207 letter-spacing: -1px;
210 @include media-query($on-laptop) {
216 margin-bottom: $spacing-unit;
221 @include media-query($on-laptop) {
229 @include media-query($on-laptop) {
237 @include media-query($on-laptop) {