1.fixedHeaderContainer {
2  background: $primary-bg;
3  color: $primary-overlay;
4  height: $header-height;
5  padding: $header-ptop 0 $header-pbot;
6  position: fixed;
7  width: 100%;
8  z-index: 9999;
9
10  a {
11    align-items: center;
12    border: 0;
13    color: $primary-overlay;
14    display: flex;
15    flex-flow: row nowrap;
16    height: $header-height;
17  }
18
19  header {
20    display: flex;
21    flex-flow: row nowrap;
22    position: relative;
23    text-align: left;
24
25    img {
26      height: 24px;
27      margin-right: 10px;
28    }
29
30    h2 {
31      display: block;
32      font-family: $header-font-family;
33      font-weight: 900;
34      line-height: 18px;
35      position: relative;
36    }
37  }
38}
39
40.navigationFull {
41  height: 34px;
42  margin-left: auto;
43
44  nav {
45    position: relative;
46
47    ul {
48      display: flex;
49      flex-flow: row nowrap;
50      margin: 0 -10px;
51
52      li {
53        padding: 0 10px;
54        display: block;
55
56        a {
57          border: 0;
58          color: $primary-overlay-special;
59          font-size: 16px;
60          font-weight: 400;
61          line-height: 1.2em;
62
63          &:hover {
64            border-bottom: 2px solid $primary-overlay;
65            color: $primary-overlay;
66          }
67        }
68
69        &.navItemActive {
70          a {
71            color: $primary-overlay;
72          }
73        }
74      }
75    }
76  }
77}
78
79/* 900px
80
81
82  .fixedHeaderContainer {
83    .navigationWrapper {
84      nav {
85        padding: 0 1em;
86        position: relative;
87        top: -9px;
88
89        ul {
90          margin: 0 -0.4em;
91          li {
92            display: inline-block;
93
94            a {
95              padding: 14px 0.4em;
96              border: 0;
97              color: $primary-overlay-special;
98              display: inline-block;
99
100              &:hover {
101                color: $primary-overlay;
102              }
103            }
104
105            &.navItemActive {
106              a {
107                color: $primary-overlay;
108              }
109            }
110          }
111        }
112      }
113
114      &.navigationFull {
115        display: inline-block;
116      }
117
118      &.navigationSlider {
119        display: none;
120      }
121    }
122  }
123
124  1200px
125
126  .fixedHeaderContainer {
127    header {
128      max-width: 1100px;
129    }
130  }
131
132  1500px
133  .fixedHeaderContainer {
134    header {
135      max-width: 1400px;
136    }
137  }
138 */