- > section {\r
- @include vendor('flex-basis', '50%');\r
- @include vendor('flex-grow', '1');\r
- @include vendor('flex-shrink', '1');\r
- @include padding((_size(padding) * 2), (_size(padding) * 2));\r
- border-left: solid 2px _palette(alt, border);\r
-\r
- &:first-child {\r
- border-left: 0;\r
- }\r
-\r
- &.split {\r
- @include vendor('display', 'flex');\r
- @include vendor('flex-direction', 'column');\r
- padding: 0;\r
-\r
- > section {\r
- @include padding((_size(padding) * 2) - 1, (_size(padding) * 2));\r
- border-top: solid 2px _palette(alt, border);\r
-\r
- &:first-child {\r
- @include padding((_size(padding) * 2) - 1, (_size(padding) * 2), (_size(padding), 0, 0, 0));\r
- border-top: 0;\r
- }\r
-\r
- &:last-child {\r
- @include padding((_size(padding) * 2) - 1, (_size(padding) * 2), (0, 0, _size(padding), 0));\r
- }\r
- }\r
-\r
- &.contact {\r
- > section {\r
- @include vendor('display', 'flex');\r
- @include vendor('align-items', 'center');\r
- padding: (_size(padding) * 1.575) (_size(padding) * 2);\r
-\r
- > * {\r
- margin-bottom: 0;\r
- }\r
-\r
- > :first-child {\r
- @include vendor('flex-shrink', '0');\r
- @include vendor('flex-grow', '0');\r
- width: 6rem;\r
- }\r
-\r
- > :last-child {\r
- @include vendor('flex-shrink', '1');\r
- @include vendor('flex-grow', '1');\r
- }\r
-\r
- &:first-child {\r
- padding: (_size(padding) * 2) (_size(padding) * 2) ((_size(padding) * 2) - 1) (_size(padding) * 2);\r
- }\r
-\r
- &:last-child {\r
- padding: ((_size(padding) * 2) - 1) (_size(padding) * 2) (_size(padding) * 2) (_size(padding) * 2);\r
- }\r
-\r
- &.alt {\r
- @include vendor('align-items', 'flex-start');\r
-\r
- > :last-child {\r
- margin-top: -0.325rem;\r
- }\r
- }\r
- }\r
- }\r
- }\r
- }\r
-\r
- form label,\r
- h3,\r
- p {\r
- font-size: 0.8rem;\r
- }\r
-\r
- @include breakpoint('<=medium') {\r
- display: block;\r
-\r
- > section {\r
- border-top: solid 2px _palette(alt, border);\r
-\r
- &:first-child {\r
- border-top: 0;\r
- }\r
-\r
- &.split {\r
- > section {\r
- @include padding((_size(padding) * 2), (_size(padding) * 2));\r
-\r
- &:first-child {\r
- @include padding((_size(padding) * 2), (_size(padding) * 2));\r
- }\r
-\r
- &:last-child {\r
- @include padding((_size(padding) * 2), (_size(padding) * 2));\r
- }\r
- }\r
-\r
- &.contact {\r
- > section {\r
- padding: (_size(padding) * 2);\r
-\r
- &:first-child {\r
- padding: (_size(padding) * 2);\r
- }\r
-\r
- &:last-child {\r
- padding: (_size(padding) * 2);\r
- }\r
- }\r
- }\r
- }\r
- }\r
-\r
- form label,\r
- h3,\r
- p {\r
- font-size: 0.9rem;\r
- }\r
- }\r
-\r
- @include breakpoint('<=small') {\r
- > section {\r
- @include padding((_size(padding) * 1), (_size(padding) * 1));\r
-\r
- &.split {\r
- > section {\r
- @include padding((_size(padding) * 1), (_size(padding) * 1));\r
-\r
- &:first-child {\r
- @include padding((_size(padding) * 1), (_size(padding) * 1));\r
- }\r
-\r
- &:last-child {\r
- @include padding((_size(padding) * 1), (_size(padding) * 1));\r
- }\r
- }\r
-\r
- &.contact {\r
- > section {\r
- padding: (_size(padding) * 1);\r
-\r
- &:first-child {\r
- padding: (_size(padding) * 1);\r
- }\r
-\r
- &:last-child {\r
- padding: (_size(padding) * 1);\r
- }\r
- }\r
- }\r
- }\r
- }\r
- }\r
-\r
- @include breakpoint('<=xsmall') {\r
- width: 100%;\r
- }\r
- }\r
-\r
- #copyright {\r
- @include color-typography(invert);\r
- position: relative;\r
- color: transparentize(_palette(invert, fg), 0.75);\r
- cursor: default;\r
- font-family: _font(family-heading);\r
- font-size: 0.8rem;\r
- font-weight: _font(weight-heading);\r
- letter-spacing: 0.075em;\r
- line-height: 1.5;\r
- text-align: center;\r
- text-transform: uppercase;\r
- margin: (_size(padding) * 2) auto (_size(padding) * 4) auto;\r
- width: calc(100% - #{_size(padding) * 2});\r
- max-width: _size(wrapper);\r
- z-index: 2;\r
-\r
- a {\r
- color: inherit;\r
- border-bottom-color: inherit;\r
- }\r
-\r
- ul {\r
- list-style: none;\r
- margin: 0;\r
- padding-left: 0;\r
-\r
- li {\r
- border-left: solid 2px;\r
- display: inline-block;\r
- line-height: 1;\r
- margin-left: 1rem;\r
- padding-left: 1rem;\r
-\r
- &:first-child {\r
- border-left: 0;\r
- margin-left: 0;\r
- padding-left: 0;\r
- }\r
- }\r
- }\r
-\r
- @include breakpoint('<=large') {\r
- margin: (_size(padding) * 2) auto;\r
- }\r
-\r
- @include breakpoint('<=xsmall') {\r
- ul {\r
- li {\r
- border-left: 0;\r
- margin: 1rem 0 0 0;\r
- padding-left: 0;\r
- display: block;\r
-\r
- &:first-child {\r
- margin-top: 0;\r
- }\r
- }\r