Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
0d127ad1 by Jeff Balicki
Options

qa 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent c736a733
Inline Side-by-side
Showing 1 changed file with 75 additions and 79 deletions
1 @media only screen and (min-width: 1000px) { 1 @media only screen and (min-width: 1000px) {
2 2
3 #mega-menu-wrap-primary{ 3 #mega-menu-wrap-primary{
4 width: 100%; 4 width: 100%;
5 } 5 }
6 #mega-menu-primary{ 6 #mega-menu-primary{
7 width: 100%; 7 width: 100%;
8 display: flex !important; 8 display: flex !important;
9 flex-direction: row; 9 flex-direction: row;
10 flex-wrap: wrap; 10 flex-wrap: wrap;
11 justify-content: space-between; 11 justify-content: space-between;
12 } 12 }
13 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{ 13 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
14 width: 24%; 14 width: 24%;
15 color:#fff; 15 color:#fff;
16 background-color: #EE0000; 16 background-color: #EE0000;
...@@ -22,16 +22,16 @@ ...@@ -22,16 +22,16 @@
22 position: relative; 22 position: relative;
23 font-family: "PT Sans",sans-serif; 23 font-family: "PT Sans",sans-serif;
24 24
25 } 25 }
26 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{ 26 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
27 width: 100%; 27 width: 100%;
28 text-align: center; 28 text-align: center;
29 font-family: "PT Sans",sans-serif; 29 font-family: "PT Sans",sans-serif;
30 font-size: 18px; 30 font-size: 18px;
31 height: 2.5rem; 31 height: 2.5rem;
32 } 32 }
33 33
34 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{ 34 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{
35 content: ""; 35 content: "";
36 width: 13px; 36 width: 13px;
37 height: 0.4831rem; 37 height: 0.4831rem;
...@@ -42,51 +42,51 @@ ...@@ -42,51 +42,51 @@
42 margin-top: 15px; 42 margin-top: 15px;
43 display: inline-block; 43 display: inline-block;
44 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1491" data-name="Path 1491" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z" transform="translate(0 0)" fill="%23fff"/></svg>'); 44 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1491" data-name="Path 1491" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z" transform="translate(0 0)" fill="%23fff"/></svg>');
45 } 45 }
46 .mega-indicator{ 46 .mega-indicator{
47 display: none !important; 47 display: none !important;
48 } 48 }
49 49
50 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{ 50 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
51 background-color: #669999; 51 background-color: #669999;
52 border-radius: 1.25rem 1.25rem 0rem 0rem; 52 border-radius: 1.25rem 1.25rem 0rem 0rem;
53 height: 3.75rem; 53 height: 3.75rem;
54 margin-top: 0rem; 54 margin-top: 0rem;
55 margin-bottom: -1.25rem; 55 margin-bottom: -1.25rem;
56 } 56 }
57 57
58 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{ 58 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
59 margin-top: 17px; 59 margin-top: 17px;
60 padding: 20px 28px 20px 20px; 60 padding: 20px 28px 20px 20px;
61 background-color: #f0f0f0; 61 background-color: #f0f0f0;
62 border-radius: 0rem 0rem 1.25rem 1.25rem; 62 border-radius: 0rem 0rem 1.25rem 1.25rem;
63 } 63 }
64 64
65 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu{ 65 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu{
66 left: unset !important;; 66 left: unset !important;;
67 } 67 }
68 .mega-sub-menu:has(.mega-menu-columns-4-of-12){ 68 .mega-sub-menu:has(.mega-menu-columns-4-of-12){
69 width: 75% !important; 69 width: 75% !important;
70 70
71 } 71 }
72 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu{ 72 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu{
73 left: unset !important; 73 left: unset !important;
74 right: 0px !important; 74 right: 0px !important;
75 } 75 }
76 76
77 .mega-menu-row .mega-sub-menu, 77 .mega-menu-row .mega-sub-menu,
78 .mega-menu-column .mega-sub-menu{ 78 .mega-menu-column .mega-sub-menu{
79 width: 100% !important; 79 width: 100% !important;
80 } 80 }
81 81
82 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { 82 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
83 //width: 320px; 83 //width: 320px;
84 //min-width: 320px; 84 //min-width: 320px;
85 //max-width: 320px; 85 //max-width: 320px;
86 margin: 0; 86 margin: 0;
87 padding: 0px 15px 18px 10px; 87 padding: 0px 15px 18px 10px;
88 } 88 }
89 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { 89 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
90 margin:0; 90 margin:0;
91 color:#000; 91 color:#000;
92 text-decoration: none; 92 text-decoration: none;
...@@ -95,35 +95,35 @@ ...@@ -95,35 +95,35 @@
95 font-weight: 400; 95 font-weight: 400;
96 font-family: "PT Sans",sans-serif; 96 font-family: "PT Sans",sans-serif;
97 font-weight:bold 97 font-weight:bold
98 } 98 }
99 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-title { 99 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-title {
100 text-decoration: underline; 100 text-decoration: underline;
101 font-weight:bold; 101 font-weight:bold;
102 color:#000; 102 color:#000;
103 } 103 }
104 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-description { 104 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-description {
105 color:#000; 105 color:#000;
106 } 106 }
107 107
108 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.break-here > a.mega-menu-link { 108 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.break-here > a.mega-menu-link {
109 font-size:20px; 109 font-size:20px;
110 font-family: "PT Sans",sans-serif; 110 font-family: "PT Sans",sans-serif;
111 } 111 }
112 112
113 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{ 113 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{
114 font-style: normal; 114 font-style: normal;
115 font-size: 16px; 115 font-size: 16px;
116 line-height: 20px; 116 line-height: 20px;
117 font-family: "PT Sans",sans-serif; 117 font-family: "PT Sans",sans-serif;
118 } 118 }
119 .list-wrapper2, 119 .list-wrapper2,
120 .list-wrapper3 { 120 .list-wrapper3 {
121 display: none; 121 display: none;
122 } 122 }
123 123
124 } 124 }
125 125
126 @media only screen and (max-width: 1000px) { 126 @media only screen and (max-width: 1000px) {
127 127
128 128
129 129
...@@ -136,10 +136,10 @@ ...@@ -136,10 +136,10 @@
136 .admin-bar #mega-menu-primary{ 136 .admin-bar #mega-menu-primary{
137 margin-top: 140px !important; 137 margin-top: 140px !important;
138 } 138 }
139 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{ 139 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{
140 display: none !important; 140 display: none !important;
141 } 141 }
142 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { 142 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
143 width: 100vw; 143 width: 100vw;
144 max-width:100vw; 144 max-width:100vw;
145 padding: 0px 34px; 145 padding: 0px 34px;
...@@ -151,13 +151,13 @@ ...@@ -151,13 +151,13 @@
151 position: relative; 151 position: relative;
152 overflow: hidden !important; 152 overflow: hidden !important;
153 153
154 } 154 }
155 155
156 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{ 156 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
157 margin-top: 0px; 157 margin-top: 0px;
158 } 158 }
159 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after, 159 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after,
160 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{ 160 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
161 content:""; 161 content:"";
162 width: 20px; 162 width: 20px;
163 height: 15px; 163 height: 15px;
...@@ -167,9 +167,9 @@ ...@@ -167,9 +167,9 @@
167 display: inline-block; 167 display: inline-block;
168 position: relative; 168 position: relative;
169 top: 12px; 169 top: 12px;
170 } 170 }
171 171
172 .back-one-level{ 172 .back-one-level{
173 background-color: #EE0000; 173 background-color: #EE0000;
174 position: fixed; 174 position: fixed;
175 left: 0px; 175 left: 0px;
...@@ -198,13 +198,13 @@ ...@@ -198,13 +198,13 @@
198 left: 13px; 198 left: 13px;
199 } 199 }
200 200
201 } 201 }
202 .is-visible{ 202 .is-visible{
203 .back-one-level{ 203 .back-one-level{
204 display: block !important; 204 display: block !important;
205 } 205 }
206 } 206 }
207 .mega-sub-menu{ 207 .mega-sub-menu{
208 208
209 .mega-indicator{ 209 .mega-indicator{
210 display: none !important; 210 display: none !important;
...@@ -228,9 +228,9 @@ ...@@ -228,9 +228,9 @@
228 } 228 }
229 229
230 } 230 }
231 } 231 }
232 232
233 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { 233 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
234 margin-left: 20px; 234 margin-left: 20px;
235 color: #555; 235 color: #555;
236 font-family: inherit; 236 font-family: inherit;
...@@ -242,10 +242,10 @@ ...@@ -242,10 +242,10 @@
242 vertical-align: top; 242 vertical-align: top;
243 display: block; 243 display: block;
244 border: 0; 244 border: 0;
245 } 245 }
246 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, 246 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
247 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, 247 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
248 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{ 248 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
249 width: 100%; 249 width: 100%;
250 margin: 10px auto 0px auto; 250 margin: 10px auto 0px auto;
251 color:#fff; 251 color:#fff;
...@@ -260,15 +260,15 @@ ...@@ -260,15 +260,15 @@
260 font-weight: 700; 260 font-weight: 700;
261 padding-left: 40px; 261 padding-left: 40px;
262 margin-bottom: 14px; 262 margin-bottom: 14px;
263 } 263 }
264 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:hover, 264 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:hover,
265 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 265 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
266 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:hover{ 266 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:hover{
267 background-color: #669999; 267 background-color: #669999;
268 } 268 }
269 269
270 270
271 .sub-menu-wrapper{ 271 .sub-menu-wrapper{
272 background-color: #F0F0F0; 272 background-color: #F0F0F0;
273 width: 100% !important; 273 width: 100% !important;
274 height: auto; 274 height: auto;
...@@ -276,13 +276,8 @@ ...@@ -276,13 +276,8 @@
276 margin-bottom: 200px; 276 margin-bottom: 200px;
277 float: none !important; 277 float: none !important;
278 278
279 } 279 }
280
281
282 }
283
284 280
285 @media only screen and (max-width: 1000px) {
286 281
287 #mega-menu-wrap-primary{ 282 #mega-menu-wrap-primary{
288 width: 100%; 283 width: 100%;
...@@ -381,17 +376,17 @@ ...@@ -381,17 +376,17 @@
381 line-height: 23px !important; 376 line-height: 23px !important;
382 } 377 }
383 378
384 } 379 }
385 380
386 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3:after{ 381 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3:after{
387 content: "\00d7"; 382 content: "\00d7";
388 font-size: 34px; 383 font-size: 34px;
389 font-weight: bold; 384 font-weight: bold;
390 color: #fff; 385 color: #fff;
391 margin: 0 0 0 10px; 386 margin: 0 0 0 10px;
392 line-height: 25px; 387 line-height: 25px;
393 } 388 }
394 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after { 389 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
395 content: "\f333"; 390 content: "\f333";
396 font-family: dashicons; 391 font-family: dashicons;
397 font-weight: 500; 392 font-weight: 500;
...@@ -399,5 +394,6 @@ ...@@ -399,5 +394,6 @@
399 color: #fff; 394 color: #fff;
400 margin: 0px 0 0 6.1px; 395 margin: 0px 0 0 6.1px;
401 line-height: 40px; 396 line-height: 40px;
402 } 397 }
398
403 399
...\ No newline at end of file ...\ No newline at end of file
......