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 367 additions and 371 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{
7 width: 100%;
8 display: flex !important;
9 flex-direction: row;
10 flex-wrap: wrap;
11 justify-content: space-between;
12 }
13 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
14 width: 24%;
15 color:#fff;
16 background-color: #EE0000;
17 border-radius: 1.25rem;
18 text-align: center;
19 height: 2.5rem;
20 margin-top: 0rem;
21 font-size: 18px;
22 position: relative;
23 font-family: "PT Sans",sans-serif;
24
25 }
26 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
27 width: 100%;
28 text-align: center;
29 font-family: "PT Sans",sans-serif;
30 font-size: 18px;
31 height: 2.5rem;
32 }
33
34 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{
35 content: "";
36 width: 13px;
37 height: 0.4831rem;
38 position: absolute;
39 background-size: contain;
40 background-repeat: no-repeat;
41 margin-left: -30px;
42 margin-top: 15px;
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>');
45 }
46 .mega-indicator{
47 display: none !important;
48 }
49
50 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
51 background-color: #669999;
52 border-radius: 1.25rem 1.25rem 0rem 0rem;
53 height: 3.75rem;
54 margin-top: 0rem;
55 margin-bottom: -1.25rem;
56 }
57
58 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
59 margin-top: 17px;
60 padding: 20px 28px 20px 20px;
61 background-color: #f0f0f0;
62 border-radius: 0rem 0rem 1.25rem 1.25rem;
63 }
64
65 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu{
66 left: unset !important;;
67 }
68 .mega-sub-menu:has(.mega-menu-columns-4-of-12){
69 width: 75% !important;
70
71 }
72 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu{
73 left: unset !important;
74 right: 0px !important;
75 }
76
77 .mega-menu-row .mega-sub-menu,
78 .mega-menu-column .mega-sub-menu{
79 width: 100% !important;
80 }
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 {
83 //width: 320px;
84 //min-width: 320px;
85 //max-width: 320px;
86 margin: 0;
87 padding: 0px 15px 18px 10px;
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 {
90 margin:0;
91 color:#000;
92 text-decoration: none;
93 white-space: break-spaces;
94 font-size: 18px;
95 font-weight: 400;
96 font-family: "PT Sans",sans-serif;
97 font-weight:bold
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 {
100 text-decoration: underline;
101 font-weight:bold;
102 color:#000;
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 {
105 color:#000;
106 }
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 {
109 font-size:20px;
110 font-family: "PT Sans",sans-serif;
111 }
112
113 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{
114 font-style: normal;
115 font-size: 16px;
116 line-height: 20px;
117 font-family: "PT Sans",sans-serif;
118 }
119 .list-wrapper2,
120 .list-wrapper3 {
121 display: none;
122 }
123
124 }
125
126 @media only screen and (max-width: 1000px) {
127
128
129
130 #mega-menu-primary{ 6 #mega-menu-primary{
131 padding-top: 20px !important; 7 width: 100%;
132 padding-bottom: 130px !important; 8 display: flex !important;
133 9 flex-direction: row;
134 height: calc(100vh - 80px) !important; 10 flex-wrap: wrap;
135 } 11 justify-content: space-between;
136 .admin-bar #mega-menu-primary{
137 margin-top: 140px !important;
138 }
139 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{
140 display: none !important;
141 }
142 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
143 width: 100vw;
144 max-width:100vw;
145 padding: 0px 34px;
146 margin: auto;
147 left: -100%;
148 margin-top: 10px;
149 min-height: 100vh;
150 background-color: #F0F0F0;
151 position: relative;
152 overflow: hidden !important;
153
154 }
155
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;
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,
160 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
161 content:"";
162 width: 20px;
163 height: 15px;
164 background-repeat: no-repeat;
165 background-size: contain;
166 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>');
167 display: inline-block;
168 position: relative;
169 top: 12px;
170 }
171
172 .back-one-level{
173 background-color: #EE0000;
174 position: fixed;
175 left: 0px;
176 top: 130px;
177 width: 40px;
178 height: 41px;
179 border: 0px solid #EE0000;
180 border-radius: 0px 50% 50% 0px;
181 display: none;
182
183 span{
184 color: #fff;
185 text-indent: -9999px;
186 display: block;
187 } 12 }
188 &:before{ 13 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
189 content:""; 14 width: 24%;
190 width: 11px; 15 color:#fff;
191 height: 18px; 16 background-color: #EE0000;
192 background-repeat: no-repeat; 17 border-radius: 1.25rem;
18 text-align: center;
19 height: 2.5rem;
20 margin-top: 0rem;
21 font-size: 18px;
22 position: relative;
23 font-family: "PT Sans",sans-serif;
24
25 }
26 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
27 width: 100%;
28 text-align: center;
29 font-family: "PT Sans",sans-serif;
30 font-size: 18px;
31 height: 2.5rem;
32 }
33
34 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{
35 content: "";
36 width: 13px;
37 height: 0.4831rem;
38 position: absolute;
193 background-size: contain; 39 background-size: contain;
194 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>'); 40 background-repeat: no-repeat;
41 margin-left: -30px;
42 margin-top: 15px;
195 display: inline-block; 43 display: inline-block;
196 position: absolute; 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>');
197 top: 10px;
198 left: 13px;
199 } 45 }
200
201 }
202 .is-visible{
203 .back-one-level{
204 display: block !important;
205 }
206 }
207 .mega-sub-menu{
208
209 .mega-indicator{ 46 .mega-indicator{
210 display: none !important; 47 display: none !important;
48 }
211 49
50 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
51 background-color: #669999;
52 border-radius: 1.25rem 1.25rem 0rem 0rem;
53 height: 3.75rem;
54 margin-top: 0rem;
55 margin-bottom: -1.25rem;
212 } 56 }
213 .mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title{ 57
214 58 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
215 position: relative; 59 margin-top: 17px;
216 display: inline-block; 60 padding: 20px 28px 20px 20px;
217 &:after{ 61 background-color: #f0f0f0;
218 content:""; 62 border-radius: 0rem 0rem 1.25rem 1.25rem;
219 width: 20px;
220 height: 22px;
221 background-repeat: no-repeat;
222 background-size: contain;
223 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23000"/></svg>') !important;
224 display: inline-block;
225 position: relative;
226 top: 8px;
227 right: -10px;
228 }
229
230 } 63 }
231 } 64
232 65 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu{
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 { 66 left: unset !important;;
234 margin-left: 20px;
235 color: #555;
236 font-family: inherit;
237 font-size: 14px;
238 text-transform: uppercase;
239 text-decoration: none;
240 font-weight: bold;
241 text-align: left;
242 vertical-align: top;
243 display: block;
244 border: 0;
245 }
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,
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%;
250 margin: 10px auto 0px auto;
251 color:#fff;
252 background-color: #EE0000;
253 border-radius: 1.25rem;
254 text-align: left;
255 height: 2.5rem;
256 margin-top: 0rem;
257 font-size: 18px;
258 position: relative;
259 font-family: "PT Sans",sans-serif;
260 font-weight: 700;
261 padding-left: 40px;
262 margin-bottom: 14px;
263 }
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,
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;
268 }
269
270
271 .sub-menu-wrapper{
272 background-color: #F0F0F0;
273 width: 100% !important;
274 height: auto;
275 padding: 0px 10% !important;
276 margin-bottom: 200px;
277 float: none !important;
278
279 }
280
281
282 }
283
284
285 @media only screen and (max-width: 1000px) {
286
287 #mega-menu-wrap-primary{
288 width: 100%;
289 height: auto;
290 top: 55px;
291 right: 0px;
292 position:absolute;
293 background: transparent;
294 } 67 }
295 #mega-menu-wrap-primary .mega-menu-toggle{ 68 .mega-sub-menu:has(.mega-menu-columns-4-of-12){
296 background: transparent; 69 width: 75% !important;
70
297 } 71 }
298 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{ 72 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu{
299 background-color: #EE0000; 73 left: unset !important;
300 border-radius: 50%; 74 right: 0px !important;
301 width: 40px;
302 height: 40px;
303 margin-right: 15px;
304 } 75 }
305 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu{ 76
306 display: none !important; 77 .mega-menu-row .mega-sub-menu,
78 .mega-menu-column .mega-sub-menu{
79 width: 100% !important;
307 } 80 }
308 81
309 .sub-mobile-menu .mega-sub-menu{ 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 {
310 position: absolute !important; 83 //width: 320px;
311 top: 0 !important; 84 //min-width: 320px;
312 left: 0 !important; 85 //max-width: 320px;
313 right: 0 !important; 86 margin: 0;
314 height: 100vh !important; 87 padding: 0px 15px 18px 10px;
315 transform: translateX(200%) !important; 88 }
316 backface-visibility: hidden !important; 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 {
317 transition: transform 0.5s !important; 90 margin:0;
318 background-color: #F0F0F0; 91 color:#000;
319 padding: 40px 40px 60px 40px; 92 text-decoration: none;
93 white-space: break-spaces;
94 font-size: 18px;
95 font-weight: 400;
96 font-family: "PT Sans",sans-serif;
97 font-weight:bold
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 {
100 text-decoration: underline;
101 font-weight:bold;
102 color:#000;
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 {
105 color:#000;
106 }
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 {
109 font-size:20px;
110 font-family: "PT Sans",sans-serif;
320 } 111 }
321 112
113 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{
114 font-style: normal;
115 font-size: 16px;
116 line-height: 20px;
117 font-family: "PT Sans",sans-serif;
118 }
322 .list-wrapper2, 119 .list-wrapper2,
323 .list-wrapper3 { 120 .list-wrapper3 {
324 position: absolute !important; 121 display: none;
325 top: 0 ; 122 }
326 left: 0 ; 123
327 right: 0 ; 124 }
328 height: 100%; 125
329 min-height: unset; 126 @media only screen and (max-width: 1000px) {
330 transform: translateX(100%) !important; 127
331 backface-visibility: hidden !important; 128
332 transition: transform 0.5s !important; 129
333 background-color: #F0F0F0; 130 #mega-menu-primary{
334 padding: 20px 40px 50px 40px; 131 padding-top: 20px !important;
335 max-width: 100%; 132 padding-bottom: 130px !important;
336 overflow-y: scroll; 133
337 overflow-x: hidden; 134 height: calc(100vh - 80px) !important;
338 ul.mega-sub-menu{ 135 }
339 display: block !important; 136 .admin-bar #mega-menu-primary{
137 margin-top: 140px !important;
340 } 138 }
341 139 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{
140 display: none !important;
342 } 141 }
343 142 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
344 .list-wrapper2.is-visible, 143 width: 100vw;
345 .list-wrapper3.is-visible { 144 max-width:100vw;
346 transform: none !important; 145 padding: 0px 34px;
347 146 margin: auto;
147 left: -100%;
148 margin-top: 10px;
149 min-height: 100vh;
150 background-color: #F0F0F0;
151 position: relative;
152 overflow: hidden !important;
153
348 } 154 }
349 155
350 .mega-menu-item .list-wrapper:nth-child(1) > ul > li > .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;
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,
160 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
161 content:"";
162 width: 20px;
163 height: 15px;
164 background-repeat: no-repeat;
165 background-size: contain;
166 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>');
167 display: inline-block;
168 position: relative;
169 top: 12px;
170 }
171
172 .back-one-level{
173 background-color: #EE0000;
174 position: fixed;
175 left: 0px;
176 top: 130px;
177 width: 40px;
178 height: 41px;
179 border: 0px solid #EE0000;
180 border-radius: 0px 50% 50% 0px;
351 display: none; 181 display: none;
182
183 span{
184 color: #fff;
185 text-indent: -9999px;
186 display: block;
187 }
188 &:before{
189 content:"";
190 width: 11px;
191 height: 18px;
192 background-repeat: no-repeat;
193 background-size: contain;
194 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>');
195 display: inline-block;
196 position: absolute;
197 top: 10px;
198 left: 13px;
199 }
200
352 } 201 }
353 .mega-sub-menu .mega-menu-item{ 202 .is-visible{
354 margin-top: 14px !important; 203 .back-one-level{
204 display: block !important;
205 }
206 }
207 .mega-sub-menu{
208
209 .mega-indicator{
210 display: none !important;
211
212 }
213 .mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title{
214
215 position: relative;
216 display: inline-block;
217 &:after{
218 content:"";
219 width: 20px;
220 height: 22px;
221 background-repeat: no-repeat;
222 background-size: contain;
223 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23000"/></svg>') !important;
224 display: inline-block;
225 position: relative;
226 top: 8px;
227 right: -10px;
228 }
229
230 }
355 } 231 }
356 .mega-menu-title{ 232
357 color: #000; 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;
235 color: #555;
236 font-family: inherit;
237 font-size: 14px;
238 text-transform: uppercase;
239 text-decoration: none;
358 font-weight: bold; 240 font-weight: bold;
359 font-size:20px !important;; 241 text-align: left;
360 line-height: 23px !important;; 242 vertical-align: top;
361 margin-bottom: 5px; 243 display: block;
244 border: 0;
362 } 245 }
363 .mega-menu-description{ 246 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
364 color: #000; 247 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
365 font-style: normal !important; 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{
366 font-size:16px !important;; 249 width: 100%;
367 line-height: 20px !important;; 250 margin: 10px auto 0px auto;
251 color:#fff;
252 background-color: #EE0000;
253 border-radius: 1.25rem;
254 text-align: left;
255 height: 2.5rem;
256 margin-top: 0rem;
257 font-size: 18px;
258 position: relative;
259 font-family: "PT Sans",sans-serif;
260 font-weight: 700;
261 padding-left: 40px;
262 margin-bottom: 14px;
368 } 263 }
369 264 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:hover,
370 .list-wrapper3 .mega-sub-menu .mega-menu-item a{ 265 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
371 color: #000 !important; 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{
372 font-style: normal !important; 267 background-color: #669999;
373 font-size:16px !important;; 268 }
374 line-height: 20px !important;; 269
375 270
271 .sub-menu-wrapper{
272 background-color: #F0F0F0;
273 width: 100% !important;
274 height: auto;
275 padding: 0px 10% !important;
276 margin-bottom: 200px;
277 float: none !important;
278
279 }
280
281
282 #mega-menu-wrap-primary{
283 width: 100%;
284 height: auto;
285 top: 55px;
286 right: 0px;
287 position:absolute;
288 background: transparent;
289 }
290 #mega-menu-wrap-primary .mega-menu-toggle{
291 background: transparent;
292 }
293 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{
294 background-color: #EE0000;
295 border-radius: 50%;
296 width: 40px;
297 height: 40px;
298 margin-right: 15px;
299 }
300 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu{
301 display: none !important;
302 }
303
304 .sub-mobile-menu .mega-sub-menu{
305 position: absolute !important;
306 top: 0 !important;
307 left: 0 !important;
308 right: 0 !important;
309 height: 100vh !important;
310 transform: translateX(200%) !important;
311 backface-visibility: hidden !important;
312 transition: transform 0.5s !important;
313 background-color: #F0F0F0;
314 padding: 40px 40px 60px 40px;
315 }
316
317 .list-wrapper2,
318 .list-wrapper3 {
319 position: absolute !important;
320 top: 0 ;
321 left: 0 ;
322 right: 0 ;
323 height: 100%;
324 min-height: unset;
325 transform: translateX(100%) !important;
326 backface-visibility: hidden !important;
327 transition: transform 0.5s !important;
328 background-color: #F0F0F0;
329 padding: 20px 40px 50px 40px;
330 max-width: 100%;
331 overflow-y: scroll;
332 overflow-x: hidden;
333 ul.mega-sub-menu{
334 display: block !important;
335 }
336
337 }
338
339 .list-wrapper2.is-visible,
340 .list-wrapper3.is-visible {
341 transform: none !important;
342
343 }
344
345 .mega-menu-item .list-wrapper:nth-child(1) > ul > li > .sub-menu{
346 display: none;
347 }
348 .mega-sub-menu .mega-menu-item{
349 margin-top: 14px !important;
350 }
351 .mega-menu-title{
352 color: #000;
353 font-weight: bold;
354 font-size:20px !important;;
355 line-height: 23px !important;;
356 margin-bottom: 5px;
357 }
358 .mega-menu-description{
359 color: #000;
360 font-style: normal !important;
361 font-size:16px !important;;
362 line-height: 20px !important;;
363 }
364
365 .list-wrapper3 .mega-sub-menu .mega-menu-item a{
366 color: #000 !important;
367 font-style: normal !important;
368 font-size:16px !important;;
369 line-height: 20px !important;;
370
371 }
372 .list-wrapper3 .mega-sub-menu .mega-menu-item:first-of-type a{
373 color: #000 !important;
374 font-weight: bold;
375 font-size:20px !important;;
376 line-height: 23px !important;
377 }
378
376 } 379 }
377 .list-wrapper3 .mega-sub-menu .mega-menu-item:first-of-type a{ 380
378 color: #000 !important; 381 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3:after{
382 content: "\00d7";
383 font-size: 34px;
379 font-weight: bold; 384 font-weight: bold;
380 font-size:20px !important;; 385 color: #fff;
381 line-height: 23px !important; 386 margin: 0 0 0 10px;
387 line-height: 25px;
382 } 388 }
383 389 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
384 } 390 content: "\f333";
385 391 font-family: dashicons;
386 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3:after{ 392 font-weight: 500;
387 content: "\00d7"; 393 font-size: 27px;
388 font-size: 34px; 394 color: #fff;
389 font-weight: bold; 395 margin: 0px 0 0 6.1px;
390 color: #fff; 396 line-height: 40px;
391 margin: 0 0 0 10px; 397 }
392 line-height: 25px; 398
393 } 399
394 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
395 content: "\f333";
396 font-family: dashicons;
397 font-weight: 500;
398 font-size: 27px;
399 color: #fff;
400 margin: 0px 0 0 6.1px;
401 line-height: 40px;
402 }
403
...\ No newline at end of file ...\ No newline at end of file
......