@axos-web-dev/shared-components 2.2.34 → 2.2.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/README.md +111 -111
  2. package/dist/Avatar/Avatar.module.js +7 -7
  3. package/dist/Blockquote/Blockquote.module.js +3 -3
  4. package/dist/FdicCallout/FdicCallout.module.js +2 -2
  5. package/dist/Interstitial/Interstitial.module.js +10 -10
  6. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
  7. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  8. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
  9. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +27 -27
  10. package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
  11. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  12. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +40 -40
  13. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
  14. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.module.js +27 -27
  15. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileNavData.js +3 -3
  16. package/dist/NavigationMenu/ServerNavigation/NavBar.module.js +40 -40
  17. package/dist/NavigationMenu/ServerNavigation/index.js +1 -1
  18. package/dist/WalnutIframe/wrapper.module.js +3 -3
  19. package/dist/assets/Avatar/Avatar.css +59 -59
  20. package/dist/assets/Blockquote/Blockquote.css +72 -72
  21. package/dist/assets/FdicCallout/FdicCallout.css +48 -48
  22. package/dist/assets/Interstitial/Interstitial.css +142 -142
  23. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +265 -265
  24. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +609 -609
  25. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +631 -631
  26. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +445 -445
  27. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +485 -485
  28. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css +428 -428
  29. package/dist/assets/NavigationMenu/LaVictoire/NavBar.css +429 -429
  30. package/dist/assets/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.css +353 -353
  31. package/dist/assets/NavigationMenu/ServerNavigation/NavBar.css +483 -483
  32. package/dist/assets/WalnutIframe/wrapper.css +48 -48
  33. package/dist/assets/utils/optimizeImage/optimizeImage.css +47 -47
  34. package/dist/utils/allowedAxosDomains.js +2 -3
  35. package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
  36. package/package.json +147 -147
@@ -1,485 +1,485 @@
1
- ._header_v4fcf_1 {
2
- border-bottom: 1px solid #ebebeb;
3
- }
4
-
5
- ._wrapper_v4fcf_5 {
6
- width: calc(100% - 80px);
7
- margin-left: auto;
8
- margin-right: auto;
9
- }
10
-
11
- ._header_main_row_v4fcf_11,
12
- ._mobile_header_v4fcf_12 {
13
- min-height: 80px;
14
- padding-top: 1rem;
15
- padding-bottom: 0.5rem;
16
- }
17
-
18
- ._logo_wrap_v4fcf_18 {
19
- padding: 9px 6px;
20
- }
21
-
22
- ._primary_links_v4fcf_22 {
23
- margin-left: 30px;
24
- }
25
-
26
- ._main_nav_link_v4fcf_26 {
27
- padding: 10px 8px;
28
- text-align: center;
29
- }
30
-
31
- ._main_nav_link_v4fcf_26 > a {
32
- border-bottom: 4px solid transparent;
33
- display: inline-block;
34
- font-size: 16px;
35
- padding: 4px 26px;
36
- position: relative;
37
- }
38
-
39
- ._main_nav_link_v4fcf_26 > a::after {
40
- content: "";
41
- position: absolute;
42
- left: 0;
43
- bottom: -4px;
44
- width: 100%;
45
- height: 4px;
46
- background-color: currentColor;
47
- opacity: 0;
48
- }
49
-
50
- ._main_nav_link_v4fcf_26 .active {
51
- font-weight: 700;
52
- }
53
-
54
- ._main_nav_link_v4fcf_26 > .active::after {
55
- opacity: 1;
56
- }
57
-
58
- ._sub_nav_link_v4fcf_58 a,
59
- ._main_nav_link_v4fcf_26 a,
60
- ._signin_wrap_v4fcf_60 a,
61
- ._signin_btn_v4fcf_61 {
62
- text-decoration: none;
63
- transition: opacity 0.3s ease;
64
- }
65
-
66
- ._sub_nav_link_v4fcf_58:hover,
67
- ._main_nav_link_v4fcf_26 a:hover,
68
- ._signin_wrap_v4fcf_60 a:hover {
69
- opacity: 0.8;
70
- }
71
-
72
- ._signin_wrap_v4fcf_60 .link {
73
- text-decoration: none;
74
- padding: 8px;
75
- }
76
-
77
- ._signin_btn_v4fcf_61 {
78
- background-color: var(--_1073cm8f);
79
- border-color: transparent;
80
- border-radius: 8px;
81
- color: #fff;
82
- cursor: pointer;
83
- font-size: 16px;
84
- font-weight: 700;
85
- line-height: 1.44;
86
- margin-left: 8px;
87
- padding: 11px 24px;
88
- }
89
-
90
- ._signin_btn_v4fcf_61:hover {
91
- background-color: transparent;
92
- color: var(--_1073cm8f);
93
- opacity: 0.9;
94
- }
95
-
96
- ._signin_btn_v4fcf_61:active {
97
- background-color: var(--_1073cm8f);
98
- border-color: transparent;
99
- color: #ffffff;
100
- }
101
-
102
- ._signin_btn_v4fcf_61:hover > svg path {
103
- fill: var(--_1073cm8f);
104
- }
105
-
106
- ._signin_btn_v4fcf_61:active > svg path {
107
- fill: #ffffff;
108
- }
109
-
110
- ._signin_btn_v4fcf_61 > span {
111
- margin-right: 8px;
112
- }
113
-
114
- ._sub_nav_v4fcf_58 {
115
- background-color: var(--_1073cm8f);
116
- border-bottom: 1px solid rgb(255 255 255 / 29%);
117
- color: #ffffff;
118
- }
119
-
120
- ._header_sub_row_v4fcf_120 {
121
- min-height: 48px;
122
- position: relative;
123
- }
124
-
125
- ._sub_nav_link_v4fcf_58 {
126
- color: #ffffff;
127
- padding-inline: 1rem;
128
- text-align: center;
129
- }
130
-
131
- ._sub_nav_link_v4fcf_58 a {
132
- display: flex;
133
- align-items: center;
134
- font-family: var(--header-font-family);
135
- font-weight: 700;
136
- line-height: 1.5;
137
- padding: 12px 0px;
138
- }
139
-
140
- ._sub_nav_link_v4fcf_58 a:hover {
141
- background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
142
- }
143
-
144
- ._signin_dropdown_v4fcf_144 {
145
- display: none;
146
- min-width: 288px;
147
- padding: 1.5rem 1rem;
148
- position: absolute;
149
- right: 0;
150
- top: 100%;
151
- z-index: 1204;
152
- }
153
-
154
- ._shadow_v4fcf_154 {
155
- box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
156
- border: 0.5px solid rgb(255 255 255 / 14%);
157
- border-top: none;
158
- }
159
-
160
- ._signin_subheader_v4fcf_160 {
161
- color: #323339;
162
- padding: 0.5rem 0.5rem 0.5rem 1.5rem;
163
- }
164
-
165
- ._signin_subheader_v4fcf_160 a {
166
- line-height: 1.5;
167
- }
168
-
169
- @keyframes _fadeInDown_v4fcf_1 {
170
- from {
171
- opacity: 0;
172
- transform: translate3d(0, -1%, 0);
173
- }
174
-
175
- to {
176
- opacity: 1;
177
- transform: none;
178
- }
179
- }
180
-
181
- ._opacity_v4fcf_181 {
182
- animation-duration: 0.5s;
183
- animation-fill-mode: both;
184
- animation-name: _fadeInDown_v4fcf_1;
185
- }
186
-
187
- ._open_v4fcf_187 {
188
- opacity: 0.8;
189
- }
190
-
191
- ._open_v4fcf_187 > svg {
192
- transform: scaleY(-1);
193
- }
194
-
195
- ._open_v4fcf_187 + ._signin_dropdown_v4fcf_144 {
196
- display: block;
197
- }
198
-
199
- ._sub_nav_link_v4fcf_58:hover,
200
- ._signin_wrap_v4fcf_60 a:hover,
201
- ._main_nav_link_v4fcf_26 a:not(.active):hover {
202
- text-decoration: underline;
203
- }
204
-
205
- ._hamburger_v4fcf_205 {
206
- background: transparent;
207
- border: none;
208
- font-size: 0px;
209
- line-height: 1;
210
- outline: none;
211
- }
212
-
213
- ._hamburger_v4fcf_205:hover,
214
- ._mobile_header_v4fcf_12 button:hover {
215
- cursor: pointer;
216
- opacity: 0.8;
217
- }
218
-
219
- ._signin_wrap_v4fcf_60 > ._mobile_only_v4fcf_219 > a {
220
- color: #4a5560;
221
- padding: 0;
222
- line-height: 1;
223
- }
224
-
225
- ._mobile_logo_v4fcf_225 {
226
- flex: 1 1 0%;
227
- text-align: center;
228
- }
229
-
230
- ._highlight_v4fcf_230 > a {
231
- border-bottom: none;
232
- color: #1e262f;
233
- font-weight: 700;
234
- line-height: 1.44;
235
- }
236
-
237
- ._mobile_header_v4fcf_12 {
238
- border-bottom: 1px solid #ebebeb;
239
- display: grid;
240
- padding-bottom: 1rem;
241
- place-items: center;
242
- }
243
-
244
- ._mobile_header_v4fcf_12 p {
245
- font: 400 20px / 1.3 var(--header-font-family);
246
- margin-bottom: 0px;
247
- }
248
-
249
- ._mobile_header_v4fcf_12 button {
250
- background: none;
251
- border: none;
252
- position: absolute;
253
- right: 40px;
254
- top: 50%;
255
- transform: translateY(-50%);
256
- }
257
-
258
- ._mobile_nav_v4fcf_258 {
259
- border-right: 1px solid #ebebeb;
260
- left: -100%;
261
- min-height: 100vh;
262
- position: fixed;
263
- top: 0;
264
- transition: all 0.4s ease-in-out;
265
- width: 100%;
266
- z-index: 999;
267
- }
268
-
269
- ._mobile_opened_v4fcf_269 {
270
- left: 0%;
271
- }
272
-
273
- body:has(._mobile_opened_v4fcf_269) {
274
- overflow-y: hidden;
275
- }
276
-
277
- ._mobile_nav_item_v4fcf_277 {
278
- background-color: #f4f4f4;
279
- border-bottom: 1px solid #ebebeb;
280
- }
281
-
282
- ._mobile_nav_item_v4fcf_277 > a {
283
- color: #323339;
284
- display: flex;
285
- font-weight: 700;
286
- line-height: 1.5;
287
- padding: 16px 40px;
288
- text-decoration: none;
289
- width: 100%;
290
- }
291
-
292
- ._mobile_nav_item_v4fcf_277._has_dropdown_v4fcf_292 {
293
- background-color: #f4f4f4;
294
- isolation: isolate;
295
- position: relative;
296
- }
297
-
298
- ._mobile_nav_item_v4fcf_277._has_dropdown_v4fcf_292::before {
299
- content: "";
300
- background-color: #ebebeb;
301
- height: 100%;
302
- position: absolute;
303
- right: 104px;
304
- top: 0;
305
- width: 1px;
306
- z-index: -1;
307
- }
308
-
309
- ._mobile_nav_item_v4fcf_277._has_dropdown_v4fcf_292 > a {
310
- color: #1e3860;
311
- }
312
-
313
- ._icon_wrap_v4fcf_313 {
314
- line-height: 1;
315
- height: 24px;
316
- }
317
-
318
- ._mobile_footer_v4fcf_318 {
319
- position: relative;
320
- width: 100%;
321
- }
322
-
323
- ._mobile_footer_content_v4fcf_323 {
324
- background-color: #f4f4f4;
325
- flex: 1 1 0%;
326
- padding: 16px 24px 16px 40px;
327
- }
328
-
329
- ._mobile_footer_content_v4fcf_323 p {
330
- line-height: 1.5;
331
- text-overflow: ellipsis;
332
- display: -webkit-box;
333
- -webkit-box-orient: vertical;
334
- line-clamp: 2;
335
- -webkit-line-clamp: 2;
336
- }
337
-
338
- ._mobile_footer_media_v4fcf_338 {
339
- flex-basis: min(42%, 300px);
340
- background: url("https://www.axos.com/images/7eptb6tVSWJJbpHWmwjC50/axc-footer.png")
341
- no-repeat 81% / cover;
342
- }
343
-
344
- ._footer_cta_v4fcf_344 {
345
- margin-top: 3px;
346
- }
347
-
348
- ._footer_cta_v4fcf_344 a {
349
- border-radius: 4px;
350
- border: 2px solid transparent;
351
- color: #fff;
352
- display: inline-block;
353
- font-weight: 700;
354
- padding: 4px 32px;
355
- text-decoration: none;
356
- }
357
-
358
- ._footer_cta_v4fcf_344 a:hover {
359
- background-color: transparent;
360
- text-decoration: underline;
361
- }
362
-
363
- ._footer_cta_v4fcf_344 a:active {
364
- background-color: var(--_1073cm82);
365
- border-color: transparent;
366
- color: #fff;
367
- }
368
-
369
- ._mobile_footer_v4fcf_318 > .flex_row {
370
- min-height: 112px;
371
- }
372
-
373
- ._inner_wrapper_v4fcf_373 {
374
- max-height: 100vh;
375
- overflow-y: scroll;
376
- padding-bottom: 50px;
377
- }
378
-
379
- ._btn_v4fcf_379 {
380
- display: block;
381
- position: relative;
382
- }
383
-
384
- ._sub_menu_v4fcf_384 {
385
- overflow: hidden;
386
- max-height: 0;
387
- transition: max-height 0.8s ease-out;
388
- background: #fff;
389
- overflow-y: scroll;
390
- }
391
-
392
- ._sub_menu_v4fcf_384 a,
393
- ._sub_menu_v4fcf_384 span {
394
- display: block;
395
- padding: 12px 14px 12px 64px;
396
- position: relative;
397
- color: #323339;
398
- text-decoration: none;
399
- }
400
-
401
- ._sub_menu_v4fcf_384 ._main_v4fcf_26 {
402
- font-weight: 700;
403
- }
404
-
405
- ._sub_menu_v4fcf_384 > * {
406
- border-top: 1px solid #ebebeb;
407
- }
408
-
409
- ._dd_footer_v4fcf_409 {
410
- justify-content: flex-end;
411
- flex: 1 1 0%;
412
- align-items: end;
413
- font-size: 11px;
414
- letter-spacing: 0.3px;
415
- }
416
-
417
- @media (max-width: 1121px) {
418
- ._mobile_logo_v4fcf_225 {
419
- position: absolute;
420
- transform: translateX(-50%);
421
- left: 50%;
422
- flex: none;
423
- }
424
- }
425
-
426
- @media (max-width: 1280px) and (min-width: 1024px) {
427
- ._wrapper_v4fcf_5 {
428
- width: calc(100% - 28px);
429
- }
430
- ._main_nav_link_v4fcf_26 > a {
431
- padding: 4px 6px;
432
- font-size: 15px;
433
- }
434
- ._desktop_only_v4fcf_434 > a {
435
- font-size: 15px;
436
- }
437
- }
438
-
439
- @media (max-width: 1023px) {
440
- ._desktop_only_v4fcf_434 {
441
- display: none !important;
442
- }
443
- }
444
-
445
- @media (max-width: 768px) {
446
- ._wrapper_v4fcf_5 {
447
- width: calc(100% - 48px);
448
- }
449
-
450
- ._mobile_header_v4fcf_12 button {
451
- right: 1.5rem;
452
- }
453
-
454
- ._mobile_nav_item_v4fcf_277 > a {
455
- padding: 16px 24px;
456
- }
457
-
458
- ._sub_menu_v4fcf_384 a,
459
- ._sub_menu_v4fcf_384 span {
460
- padding-left: 48px;
461
- }
462
-
463
- ._mobile_nav_item_v4fcf_277._has_dropdown_v4fcf_292::before {
464
- right: 72px;
465
- }
466
-
467
- ._mobile_footer_content_v4fcf_323 {
468
- padding-right: 15px;
469
- padding-left: 24px;
470
- }
471
- }
472
-
473
- @media (max-width: 450px) {
474
- ._footer_cta_v4fcf_344 a {
475
- white-space: break-spaces;
476
- width: 100%;
477
- text-align: center;
478
- }
479
- }
480
-
481
- @media (min-width: 1024px) {
482
- ._mobile_only_v4fcf_219 {
483
- display: none !important;
484
- }
485
- }
1
+ ._header_1wvn6_1 {
2
+ border-bottom: 1px solid #ebebeb;
3
+ }
4
+
5
+ ._wrapper_1wvn6_9 {
6
+ width: calc(100% - 80px);
7
+ margin-left: auto;
8
+ margin-right: auto;
9
+ }
10
+
11
+ ._header_main_row_1wvn6_21,
12
+ ._mobile_header_1wvn6_23 {
13
+ min-height: 80px;
14
+ padding-top: 1rem;
15
+ padding-bottom: 0.5rem;
16
+ }
17
+
18
+ ._logo_wrap_1wvn6_35 {
19
+ padding: 9px 6px;
20
+ }
21
+
22
+ ._primary_links_1wvn6_43 {
23
+ margin-left: 30px;
24
+ }
25
+
26
+ ._main_nav_link_1wvn6_51 {
27
+ padding: 10px 8px;
28
+ text-align: center;
29
+ }
30
+
31
+ ._main_nav_link_1wvn6_51 > a {
32
+ border-bottom: 4px solid transparent;
33
+ display: inline-block;
34
+ font-size: 16px;
35
+ padding: 4px 26px;
36
+ position: relative;
37
+ }
38
+
39
+ ._main_nav_link_1wvn6_51 > a::after {
40
+ content: "";
41
+ position: absolute;
42
+ left: 0;
43
+ bottom: -4px;
44
+ width: 100%;
45
+ height: 4px;
46
+ background-color: currentColor;
47
+ opacity: 0;
48
+ }
49
+
50
+ ._main_nav_link_1wvn6_51 .active {
51
+ font-weight: 700;
52
+ }
53
+
54
+ ._main_nav_link_1wvn6_51 > .active::after {
55
+ opacity: 1;
56
+ }
57
+
58
+ ._sub_nav_link_1wvn6_115 a,
59
+ ._main_nav_link_1wvn6_51 a,
60
+ ._signin_wrap_1wvn6_119 a,
61
+ ._signin_btn_1wvn6_121 {
62
+ text-decoration: none;
63
+ transition: opacity 0.3s ease;
64
+ }
65
+
66
+ ._sub_nav_link_1wvn6_115:hover,
67
+ ._main_nav_link_1wvn6_51 a:hover,
68
+ ._signin_wrap_1wvn6_119 a:hover {
69
+ opacity: 0.8;
70
+ }
71
+
72
+ ._signin_wrap_1wvn6_119 .link {
73
+ text-decoration: none;
74
+ padding: 8px;
75
+ }
76
+
77
+ ._signin_btn_1wvn6_121 {
78
+ background-color: var(--_1073cm8f);
79
+ border-color: transparent;
80
+ border-radius: 8px;
81
+ color: #fff;
82
+ cursor: pointer;
83
+ font-size: 16px;
84
+ font-weight: 700;
85
+ line-height: 1.44;
86
+ margin-left: 8px;
87
+ padding: 11px 24px;
88
+ }
89
+
90
+ ._signin_btn_1wvn6_121:hover {
91
+ background-color: transparent;
92
+ color: var(--_1073cm8f);
93
+ opacity: 0.9;
94
+ }
95
+
96
+ ._signin_btn_1wvn6_121:active {
97
+ background-color: var(--_1073cm8f);
98
+ border-color: transparent;
99
+ color: #ffffff;
100
+ }
101
+
102
+ ._signin_btn_1wvn6_121:hover > svg path {
103
+ fill: var(--_1073cm8f);
104
+ }
105
+
106
+ ._signin_btn_1wvn6_121:active > svg path {
107
+ fill: #ffffff;
108
+ }
109
+
110
+ ._signin_btn_1wvn6_121 > span {
111
+ margin-right: 8px;
112
+ }
113
+
114
+ ._sub_nav_1wvn6_115 {
115
+ background-color: var(--_1073cm8f);
116
+ border-bottom: 1px solid rgb(255 255 255 / 29%);
117
+ color: #ffffff;
118
+ }
119
+
120
+ ._header_sub_row_1wvn6_239 {
121
+ min-height: 48px;
122
+ position: relative;
123
+ }
124
+
125
+ ._sub_nav_link_1wvn6_115 {
126
+ color: #ffffff;
127
+ padding-inline: 1rem;
128
+ text-align: center;
129
+ }
130
+
131
+ ._sub_nav_link_1wvn6_115 a {
132
+ display: flex;
133
+ align-items: center;
134
+ font-family: var(--header-font-family);
135
+ font-weight: 700;
136
+ line-height: 1.5;
137
+ padding: 12px 0px;
138
+ }
139
+
140
+ ._sub_nav_link_1wvn6_115 a:hover {
141
+ background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
142
+ }
143
+
144
+ ._signin_dropdown_1wvn6_287 {
145
+ display: none;
146
+ min-width: 288px;
147
+ padding: 1.5rem 1rem;
148
+ position: absolute;
149
+ right: 0;
150
+ top: 100%;
151
+ z-index: 1204;
152
+ }
153
+
154
+ ._shadow_1wvn6_307 {
155
+ box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
156
+ border: 0.5px solid rgb(255 255 255 / 14%);
157
+ border-top: none;
158
+ }
159
+
160
+ ._signin_subheader_1wvn6_319 {
161
+ color: #323339;
162
+ padding: 0.5rem 0.5rem 0.5rem 1.5rem;
163
+ }
164
+
165
+ ._signin_subheader_1wvn6_319 a {
166
+ line-height: 1.5;
167
+ }
168
+
169
+ @keyframes _fadeInDown_1wvn6_1 {
170
+ from {
171
+ opacity: 0;
172
+ transform: translate3d(0, -1%, 0);
173
+ }
174
+
175
+ to {
176
+ opacity: 1;
177
+ transform: none;
178
+ }
179
+ }
180
+
181
+ ._opacity_1wvn6_361 {
182
+ animation-duration: 0.5s;
183
+ animation-fill-mode: both;
184
+ animation-name: _fadeInDown_1wvn6_1;
185
+ }
186
+
187
+ ._open_1wvn6_373 {
188
+ opacity: 0.8;
189
+ }
190
+
191
+ ._open_1wvn6_373 > svg {
192
+ transform: scaleY(-1);
193
+ }
194
+
195
+ ._open_1wvn6_373 + ._signin_dropdown_1wvn6_287 {
196
+ display: block;
197
+ }
198
+
199
+ ._sub_nav_link_1wvn6_115:hover,
200
+ ._signin_wrap_1wvn6_119 a:hover,
201
+ ._main_nav_link_1wvn6_51 a:not(.active):hover {
202
+ text-decoration: underline;
203
+ }
204
+
205
+ ._hamburger_1wvn6_409 {
206
+ background: transparent;
207
+ border: none;
208
+ font-size: 0px;
209
+ line-height: 1;
210
+ outline: none;
211
+ }
212
+
213
+ ._hamburger_1wvn6_409:hover,
214
+ ._mobile_header_1wvn6_23 button:hover {
215
+ cursor: pointer;
216
+ opacity: 0.8;
217
+ }
218
+
219
+ ._signin_wrap_1wvn6_119 > ._mobile_only_1wvn6_437 > a {
220
+ color: #4a5560;
221
+ padding: 0;
222
+ line-height: 1;
223
+ }
224
+
225
+ ._mobile_logo_1wvn6_449 {
226
+ flex: 1 1 0%;
227
+ text-align: center;
228
+ }
229
+
230
+ ._highlight_1wvn6_459 > a {
231
+ border-bottom: none;
232
+ color: #1e262f;
233
+ font-weight: 700;
234
+ line-height: 1.44;
235
+ }
236
+
237
+ ._mobile_header_1wvn6_23 {
238
+ border-bottom: 1px solid #ebebeb;
239
+ display: grid;
240
+ padding-bottom: 1rem;
241
+ place-items: center;
242
+ }
243
+
244
+ ._mobile_header_1wvn6_23 p {
245
+ font: 400 20px / 1.3 var(--header-font-family);
246
+ margin-bottom: 0px;
247
+ }
248
+
249
+ ._mobile_header_1wvn6_23 button {
250
+ background: none;
251
+ border: none;
252
+ position: absolute;
253
+ right: 40px;
254
+ top: 50%;
255
+ transform: translateY(-50%);
256
+ }
257
+
258
+ ._mobile_nav_1wvn6_515 {
259
+ border-right: 1px solid #ebebeb;
260
+ left: -100%;
261
+ min-height: 100vh;
262
+ position: fixed;
263
+ top: 0;
264
+ transition: all 0.4s ease-in-out;
265
+ width: 100%;
266
+ z-index: 999;
267
+ }
268
+
269
+ ._mobile_opened_1wvn6_537 {
270
+ left: 0%;
271
+ }
272
+
273
+ body:has(._mobile_opened_1wvn6_537) {
274
+ overflow-y: hidden;
275
+ }
276
+
277
+ ._mobile_nav_item_1wvn6_553 {
278
+ background-color: #f4f4f4;
279
+ border-bottom: 1px solid #ebebeb;
280
+ }
281
+
282
+ ._mobile_nav_item_1wvn6_553 > a {
283
+ color: #323339;
284
+ display: flex;
285
+ font-weight: 700;
286
+ line-height: 1.5;
287
+ padding: 16px 40px;
288
+ text-decoration: none;
289
+ width: 100%;
290
+ }
291
+
292
+ ._mobile_nav_item_1wvn6_553._has_dropdown_1wvn6_583 {
293
+ background-color: #f4f4f4;
294
+ isolation: isolate;
295
+ position: relative;
296
+ }
297
+
298
+ ._mobile_nav_item_1wvn6_553._has_dropdown_1wvn6_583::before {
299
+ content: "";
300
+ background-color: #ebebeb;
301
+ height: 100%;
302
+ position: absolute;
303
+ right: 104px;
304
+ top: 0;
305
+ width: 1px;
306
+ z-index: -1;
307
+ }
308
+
309
+ ._mobile_nav_item_1wvn6_553._has_dropdown_1wvn6_583 > a {
310
+ color: #1e3860;
311
+ }
312
+
313
+ ._icon_wrap_1wvn6_625 {
314
+ line-height: 1;
315
+ height: 24px;
316
+ }
317
+
318
+ ._mobile_footer_1wvn6_635 {
319
+ position: relative;
320
+ width: 100%;
321
+ }
322
+
323
+ ._mobile_footer_content_1wvn6_645 {
324
+ background-color: #f4f4f4;
325
+ flex: 1 1 0%;
326
+ padding: 16px 24px 16px 40px;
327
+ }
328
+
329
+ ._mobile_footer_content_1wvn6_645 p {
330
+ line-height: 1.5;
331
+ text-overflow: ellipsis;
332
+ display: -webkit-box;
333
+ -webkit-box-orient: vertical;
334
+ line-clamp: 2;
335
+ -webkit-line-clamp: 2;
336
+ }
337
+
338
+ ._mobile_footer_media_1wvn6_675 {
339
+ flex-basis: min(42%, 300px);
340
+ background: url("https://www.axos.com/images/7eptb6tVSWJJbpHWmwjC50/axc-footer.png")
341
+ no-repeat 81% / cover;
342
+ }
343
+
344
+ ._footer_cta_1wvn6_687 {
345
+ margin-top: 3px;
346
+ }
347
+
348
+ ._footer_cta_1wvn6_687 a {
349
+ border-radius: 4px;
350
+ border: 2px solid transparent;
351
+ color: #fff;
352
+ display: inline-block;
353
+ font-weight: 700;
354
+ padding: 4px 32px;
355
+ text-decoration: none;
356
+ }
357
+
358
+ ._footer_cta_1wvn6_687 a:hover {
359
+ background-color: transparent;
360
+ text-decoration: underline;
361
+ }
362
+
363
+ ._footer_cta_1wvn6_687 a:active {
364
+ background-color: var(--_1073cm82);
365
+ border-color: transparent;
366
+ color: #fff;
367
+ }
368
+
369
+ ._mobile_footer_1wvn6_635 > .flex_row {
370
+ min-height: 112px;
371
+ }
372
+
373
+ ._inner_wrapper_1wvn6_745 {
374
+ max-height: 100vh;
375
+ overflow-y: scroll;
376
+ padding-bottom: 50px;
377
+ }
378
+
379
+ ._btn_1wvn6_757 {
380
+ display: block;
381
+ position: relative;
382
+ }
383
+
384
+ ._sub_menu_1wvn6_767 {
385
+ overflow: hidden;
386
+ max-height: 0;
387
+ transition: max-height 0.8s ease-out;
388
+ background: #fff;
389
+ overflow-y: scroll;
390
+ }
391
+
392
+ ._sub_menu_1wvn6_767 a,
393
+ ._sub_menu_1wvn6_767 span {
394
+ display: block;
395
+ padding: 12px 14px 12px 64px;
396
+ position: relative;
397
+ color: #323339;
398
+ text-decoration: none;
399
+ }
400
+
401
+ ._sub_menu_1wvn6_767 ._main_1wvn6_51 {
402
+ font-weight: 700;
403
+ }
404
+
405
+ ._sub_menu_1wvn6_767 > * {
406
+ border-top: 1px solid #ebebeb;
407
+ }
408
+
409
+ ._dd_footer_1wvn6_817 {
410
+ justify-content: flex-end;
411
+ flex: 1 1 0%;
412
+ align-items: end;
413
+ font-size: 11px;
414
+ letter-spacing: 0.3px;
415
+ }
416
+
417
+ @media (max-width: 1121px) {
418
+ ._mobile_logo_1wvn6_449 {
419
+ position: absolute;
420
+ transform: translateX(-50%);
421
+ left: 50%;
422
+ flex: none;
423
+ }
424
+ }
425
+
426
+ @media (max-width: 1280px) and (min-width: 1024px) {
427
+ ._wrapper_1wvn6_9 {
428
+ width: calc(100% - 28px);
429
+ }
430
+ ._main_nav_link_1wvn6_51 > a {
431
+ padding: 4px 6px;
432
+ font-size: 15px;
433
+ }
434
+ ._desktop_only_1wvn6_867 > a {
435
+ font-size: 15px;
436
+ }
437
+ }
438
+
439
+ @media (max-width: 1023px) {
440
+ ._desktop_only_1wvn6_867 {
441
+ display: none !important;
442
+ }
443
+ }
444
+
445
+ @media (max-width: 768px) {
446
+ ._wrapper_1wvn6_9 {
447
+ width: calc(100% - 48px);
448
+ }
449
+
450
+ ._mobile_header_1wvn6_23 button {
451
+ right: 1.5rem;
452
+ }
453
+
454
+ ._mobile_nav_item_1wvn6_553 > a {
455
+ padding: 16px 24px;
456
+ }
457
+
458
+ ._sub_menu_1wvn6_767 a,
459
+ ._sub_menu_1wvn6_767 span {
460
+ padding-left: 48px;
461
+ }
462
+
463
+ ._mobile_nav_item_1wvn6_553._has_dropdown_1wvn6_583::before {
464
+ right: 72px;
465
+ }
466
+
467
+ ._mobile_footer_content_1wvn6_645 {
468
+ padding-right: 15px;
469
+ padding-left: 24px;
470
+ }
471
+ }
472
+
473
+ @media (max-width: 450px) {
474
+ ._footer_cta_1wvn6_687 a {
475
+ white-space: break-spaces;
476
+ width: 100%;
477
+ text-align: center;
478
+ }
479
+ }
480
+
481
+ @media (min-width: 1024px) {
482
+ ._mobile_only_1wvn6_437 {
483
+ display: none !important;
484
+ }
485
+ }