1.footerContainer {
2  background: $secondary-bg;
3  color: $primary-bg;
4  overflow: hidden;
5  padding: 0 10px;
6  text-align: left;
7
8  .footerWrapper {
9    border-top: 1px solid $primary-bg;
10    padding: 0;
11
12    .footerBlocks {
13      align-items: center;
14      align-content: center;
15      display: flex;
16      flex-flow: row wrap;
17      margin: 0 -20px;
18      padding: 10px 0;
19    }
20
21    .footerSection {
22      box-sizing: border-box;
23      flex: 1 1 25%;
24      font-size: 14px;
25      min-width: 275px;
26      padding: 0px 20px;
27
28      a {
29        border: 0;
30        color: inherit;
31        display: inline-block;
32        line-height: 1.2em;
33      }
34
35      .footerLink {
36        padding-right: 20px;
37      }
38    }
39
40    .fbOpenSourceFooter {
41      align-items: center;
42      display: flex;
43      flex-flow: row nowrap;
44      max-width: 25%;
45
46      .facebookOSSLogoSvg {
47        flex: 0 0 31px;
48        height: 30px;
49        margin-right: 10px;
50        width: 31px;
51
52        path {
53          fill: $primary-bg;
54        }
55
56        .middleRing {
57          opacity: 0.7;
58        }
59
60        .innerRing {
61          opacity: 0.45;
62        }
63      }
64
65      h2 {
66        display: block;
67        font-weight: 900;
68        line-height: 1em;
69      }
70    }
71  }
72}
73
74@media only screen and (min-width: 900px) {
75  .footerSection {
76    &.rightAlign {
77      margin-left: auto;
78      max-width: 25%;
79      text-align: right;
80    }
81  }
82}