@axos-web-dev/shared-components 0.0.223 → 0.0.225

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 (29) 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/ContentBanner/index.js +25 -7
  5. package/dist/FdicCallout/FdicCallout.module.js +2 -2
  6. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
  7. package/dist/Interstitial/Interstitial.module.js +10 -10
  8. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
  9. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +54 -54
  10. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +55 -55
  11. package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
  12. package/dist/NavigationMenu/AxosBank/NavData.js +1 -1
  13. package/dist/NavigationMenu/AxosBank/index.js +2 -2
  14. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  15. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
  16. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
  17. package/dist/assets/Avatar/Avatar.css.css +59 -59
  18. package/dist/assets/Blockquote/Blockquote.css.css +68 -68
  19. package/dist/assets/ContentBanner/ContentBanner.css +8 -12
  20. package/dist/assets/FdicCallout/FdicCallout.css.css +48 -48
  21. package/dist/assets/Interstitial/Interstitial.css.css +142 -142
  22. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css.css +264 -264
  23. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +600 -600
  24. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css +621 -621
  25. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +660 -660
  26. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +458 -458
  27. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css.css +426 -426
  28. package/dist/assets/NavigationMenu/LaVictoire/NavBar.css.css +429 -429
  29. package/package.json +1 -1
@@ -1,660 +1,660 @@
1
- ._header_peo1a_1 {
2
- border-bottom: 1px solid #ebebeb;
3
- }
4
-
5
- ._wrapper_peo1a_9 {
6
- width: calc(100% - 80px);
7
- margin-left: auto;
8
- margin-right: auto;
9
- }
10
-
11
- ._header_main_row_peo1a_21,
12
- ._mobile_header_peo1a_23 {
13
- min-height: 80px;
14
- padding-top: 1rem;
15
- padding-bottom: 0.5rem;
16
- }
17
-
18
- ._logo_wrap_peo1a_35 {
19
- padding: 9px 6px;
20
- }
21
-
22
- ._primary_links_peo1a_43 {
23
- margin-left: 30px;
24
- }
25
-
26
- ._main_nav_link_peo1a_51 {
27
- padding: 10px 8px;
28
- text-align: center;
29
- }
30
-
31
- ._main_nav_link_peo1a_51 .active {
32
- border-color: currentColor;
33
- transition: border-color 0.5s ease;
34
- font-weight: 700;
35
- }
36
-
37
- ._main_nav_link_peo1a_51 > a {
38
- display: inline-block;
39
- font-size: 16px;
40
- padding: 4px 26px;
41
- border-bottom: 4px solid transparent;
42
- }
43
-
44
- ._sub_nav_link_peo1a_87 a,
45
- ._main_nav_link_peo1a_51 a,
46
- ._signin_wrap_peo1a_91 a,
47
- ._signin_btn_peo1a_93 {
48
- text-decoration: none;
49
- transition: opacity 0.3s ease;
50
- }
51
-
52
- ._sub_nav_link_peo1a_87:hover,
53
- ._main_nav_link_peo1a_51 a:hover,
54
- ._signin_wrap_peo1a_91 a:hover {
55
- opacity: 0.8;
56
- }
57
-
58
- ._signin_wrap_peo1a_91 .link {
59
- text-decoration: none;
60
- padding: 8px;
61
- }
62
-
63
- ._signin_btn_peo1a_93 {
64
- border-color: transparent;
65
- color: #fff;
66
- padding: 11px 24px;
67
- font-size: 16px;
68
- font-weight: 700;
69
- line-height: 1.44;
70
- border-radius: 8px;
71
- margin-left: 8px;
72
- cursor: pointer;
73
- }
74
-
75
- ._signin_btn_peo1a_93:hover {
76
- background-color: transparent;
77
- opacity: 0.9;
78
- }
79
-
80
- ._signin_btn_peo1a_93 > span {
81
- margin-right: 8px;
82
- }
83
-
84
- ._header_sub_row_peo1a_167 {
85
- min-height: 48px;
86
- position: relative;
87
- }
88
-
89
- ._sub_nav_link_peo1a_87 {
90
- padding-inline: 1rem;
91
- text-align: center;
92
- color: #fff;
93
- display: flex;
94
- }
95
-
96
- ._sub_nav_link_peo1a_87 a {
97
- display: flex;
98
- align-items: center;
99
- font-weight: 500;
100
- line-height: 1.5;
101
- padding: 12px 0px;
102
- }
103
- ._sub_nav_link_peo1a_87 a:first-child {
104
- padding-left: 9.5px;
105
- padding-right: 1.5px;
106
- }
107
-
108
- ._sub_nav_link_peo1a_87 a:last-child {
109
- padding-right: 9.5px;
110
- }
111
-
112
- ._sub_nav_link_peo1a_87:hover {
113
- background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
114
- }
115
-
116
- ._signin_dropdown_peo1a_231 {
117
- min-width: 288px;
118
- padding: 1.5rem 1rem;
119
- position: absolute;
120
- right: 0;
121
- top: 100%;
122
- z-index: 1204;
123
- display: none;
124
- }
125
-
126
- ._shadow_peo1a_251 {
127
- box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
128
- border: 0.5px solid rgb(255 255 255 / 14%);
129
- border-top: none;
130
- }
131
-
132
- ._signin_dropdown_peo1a_231 li[role="heading"] {
133
- margin-top: 1px;
134
- }
135
-
136
- ._signin_header_peo1a_271 {
137
- color: #323339;
138
- font-weight: 700;
139
- padding: 0.5rem 1rem;
140
- text-align: left;
141
- }
142
-
143
- ._signin_subheader_peo1a_285 {
144
- color: #2f5b88;
145
- padding: 0.5rem 0.5rem 0.5rem 1.5rem;
146
- }
147
-
148
- ._signin_header_peo1a_271,
149
- ._signin_subheader_peo1a_285 a {
150
- line-height: 1.5;
151
- }
152
-
153
- @keyframes _fadeInDown_peo1a_1 {
154
- from {
155
- opacity: 0;
156
- transform: translate3d(0, -1%, 0);
157
- }
158
-
159
- to {
160
- opacity: 1;
161
- transform: none;
162
- }
163
- }
164
-
165
- ._opacity_peo1a_329 {
166
- animation-duration: 0.5s;
167
- animation-fill-mode: both;
168
- animation-name: _fadeInDown_peo1a_1;
169
- }
170
-
171
- ._signin_footer_peo1a_341 {
172
- margin-top: 0.5rem;
173
- padding-top: 1rem;
174
- }
175
-
176
- ._signin_footer_peo1a_341 > a + a {
177
- display: block;
178
- margin-top: 16px;
179
- }
180
-
181
- ._signin_footer_peo1a_341::before {
182
- content: "";
183
- background-color: #8f8f8f;
184
- height: 2px;
185
- opacity: 0.3;
186
- position: absolute;
187
- right: 8px;
188
- top: 0;
189
- width: 94%;
190
- }
191
-
192
- ._open_peo1a_383 {
193
- opacity: 0.8;
194
- }
195
-
196
- ._open_peo1a_383 > svg {
197
- transform: scaleY(-1);
198
- }
199
-
200
- ._open_peo1a_383 + ._signin_dropdown_peo1a_231 {
201
- display: block;
202
- }
203
-
204
- ._dd_wrapper_peo1a_407 {
205
- max-width: 1440px;
206
- outline: none !important;
207
- position: absolute;
208
- top: 0;
209
- width: 100%;
210
- z-index: 1203;
211
- }
212
-
213
- ._dd_media_peo1a_425 {
214
- padding: 1.5rem;
215
- width: 280px;
216
- }
217
-
218
- ._dd_media_img_peo1a_435 {
219
- min-height: 232px;
220
- }
221
-
222
- ._dd_site_navs_peo1a_443 {
223
- display: flex;
224
- flex-direction: column;
225
- flex: 1 1 0%;
226
- padding: 1.5rem;
227
- }
228
-
229
- ._dd_media_header_peo1a_457 p {
230
- color: #fff;
231
- font-size: 14px;
232
- line-height: 1.42;
233
- }
234
-
235
- ._dd_media_header_peo1a_457 p[role="heading"] {
236
- font: 600 1.25rem/ 1.4 var(--header-font-family);
237
- }
238
-
239
- ._mt_8_peo1a_477 {
240
- margin-top: 8px;
241
- }
242
-
243
- ._mt_16_peo1a_485 {
244
- margin-top: 1rem;
245
- }
246
-
247
- ._ml_8_peo1a_493 {
248
- margin-left: 8px;
249
- }
250
-
251
- ._dd_media_cta_peo1a_501 > a:first-child {
252
- border-radius: 8px;
253
- border: 2px solid transparent;
254
- color: var(--_1073cm83) !important;
255
- display: inline-block;
256
- font-size: 1.125rem;
257
- font-weight: 700;
258
- line-height: 1.44;
259
- padding: 12px;
260
- text-decoration: none;
261
- transition: all 0.25s ease;
262
- width: 100%;
263
- }
264
-
265
- ._dd_media_cta_peo1a_501 > a:first-child:hover {
266
- background-color: transparent;
267
- border-color: #fff;
268
- color: #fff !important;
269
- }
270
-
271
- ._dd_media_cta_peo1a_501 > a:nth-child(2) {
272
- color: #fff;
273
- display: inline-block;
274
- margin-top: 8px;
275
- text-decoration: none;
276
- }
277
-
278
- ._dd_media_cta_peo1a_501 > a:nth-child(2):hover {
279
- opacity: 0.8;
280
- text-decoration: underline;
281
- }
282
-
283
- ._reversed_row_peo1a_565 {
284
- flex-direction: row-reverse;
285
- }
286
-
287
- ._dd_media_cta_peo1a_501 > a:first-child:active {
288
- background-color: #fff;
289
- border-color: transparent;
290
- color: #1e3860 !important;
291
- }
292
-
293
- ._headline_peo1a_585 > [role="heading"] {
294
- color: var(--_1073cm83);
295
- flex: 1 1 0%;
296
- font: 600 1.5rem / 1.33 var(--header-font-family);
297
- margin-bottom: 0;
298
- text-decoration: none;
299
- }
300
-
301
- ._nav_anchor_peo1a_601 {
302
- aspect-ratio: 1;
303
- background-color: #4a5560;
304
- border-radius: 8px;
305
- height: 1.5rem;
306
- width: 1.5rem;
307
- }
308
-
309
- ._headline_cta_peo1a_617 {
310
- margin-left: 8px;
311
- }
312
-
313
- ._headline_cta_peo1a_617 > a {
314
- color: var(--_1073cm83);
315
- font-weight: 700;
316
- line-height: 1.5;
317
- text-decoration: none;
318
- }
319
-
320
- ._sub_nav_link_peo1a_87:hover,
321
- ._signin_wrap_peo1a_91 a:hover,
322
- ._main_nav_link_peo1a_51 a:not(.active):hover,
323
- ._dd_site_navs_peo1a_443 a:hover,
324
- ._site_lists_peo1a_647 a:hover {
325
- text-decoration: underline;
326
- }
327
-
328
- ._dd_site_navs_peo1a_443 hr {
329
- border-style: solid;
330
- border-width: 1px;
331
- color: #a0aab3;
332
- margin: 1.5rem 0;
333
- opacity: 0.3;
334
- position: relative;
335
- }
336
-
337
- ._site_lists_peo1a_647 {
338
- display: grid;
339
- grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
340
- gap: 24px;
341
- padding-bottom: 1.5rem;
342
- }
343
-
344
- ._site_lists_peo1a_647 > * {
345
- width: 100%;
346
- }
347
-
348
- ._site_lists_peo1a_647 a {
349
- color: #323339;
350
- text-decoration: none;
351
- }
352
-
353
- ._site_lists_peo1a_647 [role="heading"] {
354
- color: var(--_1073cm83);
355
- font-weight: 700;
356
- }
357
-
358
- ._site_lists_peo1a_647 li + li {
359
- margin-top: 8px;
360
- }
361
-
362
- ._hamburger_peo1a_723 {
363
- background: transparent;
364
- border: none;
365
- font-size: 0px;
366
- line-height: 1;
367
- outline: none;
368
- }
369
-
370
- ._hamburger_peo1a_723:hover,
371
- ._mobile_header_peo1a_23 button:hover {
372
- cursor: pointer;
373
- opacity: 0.8;
374
- }
375
-
376
- ._signin_wrap_peo1a_91 > ._mobile_only_peo1a_751 > a {
377
- color: #4a5560;
378
- padding: 0;
379
- line-height: 1;
380
- }
381
-
382
- ._mobile_logo_peo1a_763 {
383
- flex: 1 1 0%;
384
- text-align: center;
385
- }
386
-
387
- ._highlight_peo1a_773 > a {
388
- border-bottom: none;
389
- font-weight: 700;
390
- line-height: 1.44;
391
- }
392
-
393
- ._mobile_header_peo1a_23 {
394
- border-bottom: 1px solid #ebebeb;
395
- display: grid;
396
- padding-bottom: 1rem;
397
- place-items: center;
398
- }
399
-
400
- ._mobile_header_peo1a_23 p {
401
- font: 400 20px / 1.3 var(--header-font-family);
402
- }
403
-
404
- ._mobile_header_peo1a_23 button {
405
- background: none;
406
- border: none;
407
- position: absolute;
408
- right: 40px;
409
- top: 50%;
410
- transform: translateY(-50%);
411
- }
412
-
413
- ._mobile_nav_peo1a_825 {
414
- border-right: 1px solid #ebebeb;
415
- left: -100%;
416
- min-height: 100vh;
417
- position: fixed;
418
- top: 0;
419
- transition: all 0.4s ease-in-out;
420
- width: 100%;
421
- z-index: 1205;
422
- }
423
-
424
- ._mobile_opened_peo1a_847 {
425
- left: 0%;
426
- }
427
-
428
- body:has(._mobile_opened_peo1a_847) {
429
- overflow-y: hidden;
430
- }
431
-
432
- ._mobile_nav_item_peo1a_863 {
433
- background-color: #f4f4f4;
434
- border-bottom: 1px solid #ebebeb;
435
- }
436
-
437
- ._mobile_nav_item_peo1a_863 > a {
438
- color: #323339;
439
- display: flex;
440
- font-weight: 700;
441
- line-height: 1.5;
442
- padding: 16px 40px;
443
- text-decoration: none;
444
- width: 100%;
445
- }
446
-
447
- ._mobile_nav_item_peo1a_863._has_dropdown_peo1a_893 {
448
- isolation: isolate;
449
- position: relative;
450
- }
451
-
452
- ._mobile_nav_item_peo1a_863._has_dropdown_peo1a_893::before {
453
- content: "";
454
- background-color: #ebebeb;
455
- height: 100%;
456
- position: absolute;
457
- right: 104px;
458
- top: 0;
459
- width: 1px;
460
- z-index: -1;
461
- }
462
-
463
- ._icon_wrap_peo1a_925 {
464
- line-height: 1;
465
- height: 24px;
466
- }
467
-
468
- ._mobile_footer_peo1a_935 {
469
- position: relative;
470
- width: 100%;
471
- }
472
-
473
- ._mobile_footer_content_peo1a_945 {
474
- background-color: #f4f4f4;
475
- flex: 1 1 0%;
476
- padding: 16px 24px 16px 40px;
477
- }
478
-
479
- ._mobile_footer_content_peo1a_945 p {
480
- line-height: 1.5;
481
- text-overflow: ellipsis;
482
- display: -webkit-box;
483
- -webkit-box-orient: vertical;
484
- -webkit-line-clamp: 2;
485
- }
486
-
487
- ._mobile_footer_media_peo1a_973 {
488
- flex-basis: min(42%, 300px);
489
- background: url("https://images.axos.com/o9ov1v03uwqk/4Fwdu6ylqpXOmJsDWRUETe/25365425dea4c1a8c3910834c2a3c9ed/personal-contact-us-hero.webp")
490
- no-repeat 81% / cover;
491
- }
492
-
493
- ._footer_cta_peo1a_985 {
494
- margin-top: 3px;
495
- }
496
-
497
- ._footer_cta_peo1a_985 a {
498
- border-radius: 4px;
499
- border: 2px solid transparent;
500
- color: #fff;
501
- display: inline-block;
502
- font-weight: 700;
503
- padding: 4px 32px;
504
- text-decoration: none;
505
- }
506
-
507
- ._footer_cta_peo1a_985 a:hover {
508
- background-color: transparent;
509
- text-decoration: underline;
510
- }
511
-
512
- ._footer_cta_peo1a_985 a:active {
513
- border-color: transparent;
514
- color: #fff;
515
- }
516
-
517
- ._mobile_footer_peo1a_935 > .flex_row {
518
- min-height: 112px;
519
- }
520
-
521
- ._inner_wrapper_peo1a_1041 {
522
- max-height: 100vh;
523
- overflow-y: scroll;
524
- }
525
-
526
- ._btn_peo1a_1051 {
527
- display: block;
528
- position: relative;
529
- }
530
-
531
- ._sub_menu_peo1a_1061 {
532
- overflow: hidden;
533
- max-height: 0;
534
- transition: max-height 0.8s ease-out;
535
- background: #fff;
536
- overflow-y: scroll;
537
- }
538
-
539
- ._sub_menu_peo1a_1061 a,
540
- ._sub_menu_peo1a_1061 span {
541
- display: block;
542
- padding: 12px 14px 12px 64px;
543
- position: relative;
544
- color: #323339;
545
- text-decoration: none;
546
- }
547
-
548
- ._sub_menu_peo1a_1061 ._main_peo1a_51 {
549
- font-weight: 700;
550
- }
551
-
552
- ._sub_menu_peo1a_1061 > * {
553
- border-top: 1px solid #ebebeb;
554
- }
555
-
556
- ._dd_footer_peo1a_1111 {
557
- justify-content: flex-end;
558
- flex: 1 1 0%;
559
- align-items: end;
560
- font-size: 11px;
561
- letter-spacing: 0.3px;
562
- }
563
-
564
- ._skip_btn_peo1a_1127 {
565
- clip: rect(1px 1px 1px 1px);
566
- margin: -1px;
567
- overflow: hidden;
568
- padding: 0;
569
- position: absolute;
570
- }
571
-
572
- ._skip_btn_peo1a_1127:active,
573
- ._skip_btn_peo1a_1127:focus {
574
- background-color: #faa74a;
575
- border-radius: 8px;
576
- clip: auto;
577
- color: #1e3869;
578
- font-size: 14px;
579
- font-weight: 700;
580
- margin: 0;
581
- overflow: visible;
582
- padding: 9px 24px;
583
- position: relative;
584
- text-decoration: none;
585
- top: 12px;
586
- }
587
-
588
- @media (max-width: 1121px) {
589
- ._mobile_logo_peo1a_763 {
590
- position: absolute;
591
- transform: translateX(-50%);
592
- left: 50%;
593
- flex: none;
594
- }
595
- }
596
-
597
- @media (max-width: 1280px) and (min-width: 1024px) {
598
- ._wrapper_peo1a_9 {
599
- width: calc(100% - 28px);
600
- }
601
-
602
- ._dd_wrapper_peo1a_407 > ._wrapper_peo1a_9 {
603
- width: 100%;
604
- }
605
- ._main_nav_link_peo1a_51 > a {
606
- padding: 4px 6px;
607
- font-size: 15px;
608
- }
609
- ._desktop_only_peo1a_1217 > a {
610
- font-size: 15px;
611
- }
612
- }
613
-
614
- @media (max-width: 1023px) {
615
- ._desktop_only_peo1a_1217 {
616
- display: none !important;
617
- }
618
- }
619
-
620
- @media (max-width: 768px) {
621
- ._wrapper_peo1a_9 {
622
- width: calc(100% - 48px);
623
- }
624
-
625
- ._mobile_header_peo1a_23 button {
626
- right: 1.5rem;
627
- }
628
-
629
- ._mobile_nav_item_peo1a_863 > a {
630
- padding: 16px 24px;
631
- }
632
-
633
- ._sub_menu_peo1a_1061 a,
634
- ._sub_menu_peo1a_1061 span {
635
- padding-left: 48px;
636
- }
637
-
638
- ._mobile_nav_item_peo1a_863._has_dropdown_peo1a_893::before {
639
- right: 72px;
640
- }
641
-
642
- ._mobile_footer_content_peo1a_945 {
643
- padding-right: 15px;
644
- padding-left: 24px;
645
- }
646
- }
647
-
648
- @media (max-width: 450px) {
649
- ._footer_cta_peo1a_985 a {
650
- white-space: break-spaces;
651
- width: 100%;
652
- text-align: center;
653
- }
654
- }
655
-
656
- @media (min-width: 1024px) {
657
- ._mobile_only_peo1a_751 {
658
- display: none !important;
659
- }
660
- }
1
+ ._header_1jp7i_1 {
2
+ border-bottom: 1px solid #ebebeb;
3
+ }
4
+
5
+ ._wrapper_1jp7i_5 {
6
+ width: calc(100% - 80px);
7
+ margin-left: auto;
8
+ margin-right: auto;
9
+ }
10
+
11
+ ._header_main_row_1jp7i_11,
12
+ ._mobile_header_1jp7i_12 {
13
+ min-height: 80px;
14
+ padding-top: 1rem;
15
+ padding-bottom: 0.5rem;
16
+ }
17
+
18
+ ._logo_wrap_1jp7i_18 {
19
+ padding: 9px 6px;
20
+ }
21
+
22
+ ._primary_links_1jp7i_22 {
23
+ margin-left: 30px;
24
+ }
25
+
26
+ ._main_nav_link_1jp7i_26 {
27
+ padding: 10px 8px;
28
+ text-align: center;
29
+ }
30
+
31
+ ._main_nav_link_1jp7i_26 .active {
32
+ border-color: currentColor;
33
+ transition: border-color 0.5s ease;
34
+ font-weight: 700;
35
+ }
36
+
37
+ ._main_nav_link_1jp7i_26 > a {
38
+ display: inline-block;
39
+ font-size: 16px;
40
+ padding: 4px 26px;
41
+ border-bottom: 4px solid transparent;
42
+ }
43
+
44
+ ._sub_nav_link_1jp7i_44 a,
45
+ ._main_nav_link_1jp7i_26 a,
46
+ ._signin_wrap_1jp7i_46 a,
47
+ ._signin_btn_1jp7i_47 {
48
+ text-decoration: none;
49
+ transition: opacity 0.3s ease;
50
+ }
51
+
52
+ ._sub_nav_link_1jp7i_44:hover,
53
+ ._main_nav_link_1jp7i_26 a:hover,
54
+ ._signin_wrap_1jp7i_46 a:hover {
55
+ opacity: 0.8;
56
+ }
57
+
58
+ ._signin_wrap_1jp7i_46 .link {
59
+ text-decoration: none;
60
+ padding: 8px;
61
+ }
62
+
63
+ ._signin_btn_1jp7i_47 {
64
+ border-color: transparent;
65
+ color: #fff;
66
+ padding: 11px 24px;
67
+ font-size: 16px;
68
+ font-weight: 700;
69
+ line-height: 1.44;
70
+ border-radius: 8px;
71
+ margin-left: 8px;
72
+ cursor: pointer;
73
+ }
74
+
75
+ ._signin_btn_1jp7i_47:hover {
76
+ background-color: transparent;
77
+ opacity: 0.9;
78
+ }
79
+
80
+ ._signin_btn_1jp7i_47 > span {
81
+ margin-right: 8px;
82
+ }
83
+
84
+ ._header_sub_row_1jp7i_84 {
85
+ min-height: 48px;
86
+ position: relative;
87
+ }
88
+
89
+ ._sub_nav_link_1jp7i_44 {
90
+ padding-inline: 1rem;
91
+ text-align: center;
92
+ color: #fff;
93
+ display: flex;
94
+ }
95
+
96
+ ._sub_nav_link_1jp7i_44 a {
97
+ display: flex;
98
+ align-items: center;
99
+ font-weight: 500;
100
+ line-height: 1.5;
101
+ padding: 12px 0px;
102
+ }
103
+ ._sub_nav_link_1jp7i_44 a:first-child {
104
+ padding-left: 9.5px;
105
+ padding-right: 1.5px;
106
+ }
107
+
108
+ ._sub_nav_link_1jp7i_44 a:last-child {
109
+ padding-right: 9.5px;
110
+ }
111
+
112
+ ._sub_nav_link_1jp7i_44:hover {
113
+ background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
114
+ }
115
+
116
+ ._signin_dropdown_1jp7i_116 {
117
+ min-width: 288px;
118
+ padding: 1.5rem 1rem;
119
+ position: absolute;
120
+ right: 0;
121
+ top: 100%;
122
+ z-index: 1204;
123
+ display: none;
124
+ }
125
+
126
+ ._shadow_1jp7i_126 {
127
+ box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
128
+ border: 0.5px solid rgb(255 255 255 / 14%);
129
+ border-top: none;
130
+ }
131
+
132
+ ._signin_dropdown_1jp7i_116 li[role="heading"] {
133
+ margin-top: 1px;
134
+ }
135
+
136
+ ._signin_header_1jp7i_136 {
137
+ color: #323339;
138
+ font-weight: 700;
139
+ padding: 0.5rem 1rem;
140
+ text-align: left;
141
+ }
142
+
143
+ ._signin_subheader_1jp7i_143 {
144
+ color: #2f5b88;
145
+ padding: 0.5rem 0.5rem 0.5rem 1.5rem;
146
+ }
147
+
148
+ ._signin_header_1jp7i_136,
149
+ ._signin_subheader_1jp7i_143 a {
150
+ line-height: 1.5;
151
+ }
152
+
153
+ @keyframes _fadeInDown_1jp7i_1 {
154
+ from {
155
+ opacity: 0;
156
+ transform: translate3d(0, -1%, 0);
157
+ }
158
+
159
+ to {
160
+ opacity: 1;
161
+ transform: none;
162
+ }
163
+ }
164
+
165
+ ._opacity_1jp7i_165 {
166
+ animation-duration: 0.5s;
167
+ animation-fill-mode: both;
168
+ animation-name: _fadeInDown_1jp7i_1;
169
+ }
170
+
171
+ ._signin_footer_1jp7i_171 {
172
+ margin-top: 0.5rem;
173
+ padding-top: 1rem;
174
+ }
175
+
176
+ ._signin_footer_1jp7i_171 > a + a {
177
+ display: block;
178
+ margin-top: 16px;
179
+ }
180
+
181
+ ._signin_footer_1jp7i_171::before {
182
+ content: "";
183
+ background-color: #8f8f8f;
184
+ height: 2px;
185
+ opacity: 0.3;
186
+ position: absolute;
187
+ right: 8px;
188
+ top: 0;
189
+ width: 94%;
190
+ }
191
+
192
+ ._open_1jp7i_192 {
193
+ opacity: 0.8;
194
+ }
195
+
196
+ ._open_1jp7i_192 > svg {
197
+ transform: scaleY(-1);
198
+ }
199
+
200
+ ._open_1jp7i_192 + ._signin_dropdown_1jp7i_116 {
201
+ display: block;
202
+ }
203
+
204
+ ._dd_wrapper_1jp7i_204 {
205
+ max-width: 1440px;
206
+ outline: none !important;
207
+ position: absolute;
208
+ top: 0;
209
+ width: 100%;
210
+ z-index: 1203;
211
+ }
212
+
213
+ ._dd_media_1jp7i_213 {
214
+ padding: 1.5rem;
215
+ width: 280px;
216
+ }
217
+
218
+ ._dd_media_img_1jp7i_218 {
219
+ min-height: 232px;
220
+ }
221
+
222
+ ._dd_site_navs_1jp7i_222 {
223
+ display: flex;
224
+ flex-direction: column;
225
+ flex: 1 1 0%;
226
+ padding: 1.5rem;
227
+ }
228
+
229
+ ._dd_media_header_1jp7i_229 p {
230
+ color: #fff;
231
+ font-size: 14px;
232
+ line-height: 1.42;
233
+ }
234
+
235
+ ._dd_media_header_1jp7i_229 p[role="heading"] {
236
+ font: 600 1.25rem/ 1.4 var(--header-font-family);
237
+ }
238
+
239
+ ._mt_8_1jp7i_239 {
240
+ margin-top: 8px;
241
+ }
242
+
243
+ ._mt_16_1jp7i_243 {
244
+ margin-top: 1rem;
245
+ }
246
+
247
+ ._ml_8_1jp7i_247 {
248
+ margin-left: 8px;
249
+ }
250
+
251
+ ._dd_media_cta_1jp7i_251 > a:first-child {
252
+ border-radius: 8px;
253
+ border: 2px solid transparent;
254
+ color: var(--_1073cm83) !important;
255
+ display: inline-block;
256
+ font-size: 1.125rem;
257
+ font-weight: 700;
258
+ line-height: 1.44;
259
+ padding: 12px;
260
+ text-decoration: none;
261
+ transition: all 0.25s ease;
262
+ width: 100%;
263
+ }
264
+
265
+ ._dd_media_cta_1jp7i_251 > a:first-child:hover {
266
+ background-color: transparent;
267
+ border-color: #fff;
268
+ color: #fff !important;
269
+ }
270
+
271
+ ._dd_media_cta_1jp7i_251 > a:nth-child(2) {
272
+ color: #fff;
273
+ display: inline-block;
274
+ margin-top: 8px;
275
+ text-decoration: none;
276
+ }
277
+
278
+ ._dd_media_cta_1jp7i_251 > a:nth-child(2):hover {
279
+ opacity: 0.8;
280
+ text-decoration: underline;
281
+ }
282
+
283
+ ._reversed_row_1jp7i_283 {
284
+ flex-direction: row-reverse;
285
+ }
286
+
287
+ ._dd_media_cta_1jp7i_251 > a:first-child:active {
288
+ background-color: #fff;
289
+ border-color: transparent;
290
+ color: #1e3860 !important;
291
+ }
292
+
293
+ ._headline_1jp7i_293 > [role="heading"] {
294
+ color: var(--_1073cm83);
295
+ flex: 1 1 0%;
296
+ font: 600 1.5rem / 1.33 var(--header-font-family);
297
+ margin-bottom: 0;
298
+ text-decoration: none;
299
+ }
300
+
301
+ ._nav_anchor_1jp7i_301 {
302
+ aspect-ratio: 1;
303
+ background-color: #4a5560;
304
+ border-radius: 8px;
305
+ height: 1.5rem;
306
+ width: 1.5rem;
307
+ }
308
+
309
+ ._headline_cta_1jp7i_309 {
310
+ margin-left: 8px;
311
+ }
312
+
313
+ ._headline_cta_1jp7i_309 > a {
314
+ color: var(--_1073cm83);
315
+ font-weight: 700;
316
+ line-height: 1.5;
317
+ text-decoration: none;
318
+ }
319
+
320
+ ._sub_nav_link_1jp7i_44:hover,
321
+ ._signin_wrap_1jp7i_46 a:hover,
322
+ ._main_nav_link_1jp7i_26 a:not(.active):hover,
323
+ ._dd_site_navs_1jp7i_222 a:hover,
324
+ ._site_lists_1jp7i_324 a:hover {
325
+ text-decoration: underline;
326
+ }
327
+
328
+ ._dd_site_navs_1jp7i_222 hr {
329
+ border-style: solid;
330
+ border-width: 1px;
331
+ color: #a0aab3;
332
+ margin: 1.5rem 0;
333
+ opacity: 0.3;
334
+ position: relative;
335
+ }
336
+
337
+ ._site_lists_1jp7i_324 {
338
+ display: grid;
339
+ grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
340
+ gap: 24px;
341
+ padding-bottom: 1.5rem;
342
+ }
343
+
344
+ ._site_lists_1jp7i_324 > * {
345
+ width: 100%;
346
+ }
347
+
348
+ ._site_lists_1jp7i_324 a {
349
+ color: #323339;
350
+ text-decoration: none;
351
+ }
352
+
353
+ ._site_lists_1jp7i_324 [role="heading"] {
354
+ color: var(--_1073cm83);
355
+ font-weight: 700;
356
+ }
357
+
358
+ ._site_lists_1jp7i_324 li + li {
359
+ margin-top: 8px;
360
+ }
361
+
362
+ ._hamburger_1jp7i_362 {
363
+ background: transparent;
364
+ border: none;
365
+ font-size: 0px;
366
+ line-height: 1;
367
+ outline: none;
368
+ }
369
+
370
+ ._hamburger_1jp7i_362:hover,
371
+ ._mobile_header_1jp7i_12 button:hover {
372
+ cursor: pointer;
373
+ opacity: 0.8;
374
+ }
375
+
376
+ ._signin_wrap_1jp7i_46 > ._mobile_only_1jp7i_376 > a {
377
+ color: #4a5560;
378
+ padding: 0;
379
+ line-height: 1;
380
+ }
381
+
382
+ ._mobile_logo_1jp7i_382 {
383
+ flex: 1 1 0%;
384
+ text-align: center;
385
+ }
386
+
387
+ ._highlight_1jp7i_387 > a {
388
+ border-bottom: none;
389
+ font-weight: 700;
390
+ line-height: 1.44;
391
+ }
392
+
393
+ ._mobile_header_1jp7i_12 {
394
+ border-bottom: 1px solid #ebebeb;
395
+ display: grid;
396
+ padding-bottom: 1rem;
397
+ place-items: center;
398
+ }
399
+
400
+ ._mobile_header_1jp7i_12 p {
401
+ font: 400 20px / 1.3 var(--header-font-family);
402
+ }
403
+
404
+ ._mobile_header_1jp7i_12 button {
405
+ background: none;
406
+ border: none;
407
+ position: absolute;
408
+ right: 40px;
409
+ top: 50%;
410
+ transform: translateY(-50%);
411
+ }
412
+
413
+ ._mobile_nav_1jp7i_413 {
414
+ border-right: 1px solid #ebebeb;
415
+ left: -100%;
416
+ min-height: 100vh;
417
+ position: fixed;
418
+ top: 0;
419
+ transition: all 0.4s ease-in-out;
420
+ width: 100%;
421
+ z-index: 1205;
422
+ }
423
+
424
+ ._mobile_opened_1jp7i_424 {
425
+ left: 0%;
426
+ }
427
+
428
+ body:has(._mobile_opened_1jp7i_424) {
429
+ overflow-y: hidden;
430
+ }
431
+
432
+ ._mobile_nav_item_1jp7i_432 {
433
+ background-color: #f4f4f4;
434
+ border-bottom: 1px solid #ebebeb;
435
+ }
436
+
437
+ ._mobile_nav_item_1jp7i_432 > a {
438
+ color: #323339;
439
+ display: flex;
440
+ font-weight: 700;
441
+ line-height: 1.5;
442
+ padding: 16px 40px;
443
+ text-decoration: none;
444
+ width: 100%;
445
+ }
446
+
447
+ ._mobile_nav_item_1jp7i_432._has_dropdown_1jp7i_447 {
448
+ isolation: isolate;
449
+ position: relative;
450
+ }
451
+
452
+ ._mobile_nav_item_1jp7i_432._has_dropdown_1jp7i_447::before {
453
+ content: "";
454
+ background-color: #ebebeb;
455
+ height: 100%;
456
+ position: absolute;
457
+ right: 104px;
458
+ top: 0;
459
+ width: 1px;
460
+ z-index: -1;
461
+ }
462
+
463
+ ._icon_wrap_1jp7i_463 {
464
+ line-height: 1;
465
+ height: 24px;
466
+ }
467
+
468
+ ._mobile_footer_1jp7i_468 {
469
+ position: relative;
470
+ width: 100%;
471
+ }
472
+
473
+ ._mobile_footer_content_1jp7i_473 {
474
+ background-color: #f4f4f4;
475
+ flex: 1 1 0%;
476
+ padding: 16px 24px 16px 40px;
477
+ }
478
+
479
+ ._mobile_footer_content_1jp7i_473 p {
480
+ line-height: 1.5;
481
+ text-overflow: ellipsis;
482
+ display: -webkit-box;
483
+ -webkit-box-orient: vertical;
484
+ -webkit-line-clamp: 2;
485
+ }
486
+
487
+ ._mobile_footer_media_1jp7i_487 {
488
+ flex-basis: min(42%, 300px);
489
+ background: url("https://images.axos.com/o9ov1v03uwqk/4Fwdu6ylqpXOmJsDWRUETe/25365425dea4c1a8c3910834c2a3c9ed/personal-contact-us-hero.webp")
490
+ no-repeat 81% / cover;
491
+ }
492
+
493
+ ._footer_cta_1jp7i_493 {
494
+ margin-top: 3px;
495
+ }
496
+
497
+ ._footer_cta_1jp7i_493 a {
498
+ border-radius: 4px;
499
+ border: 2px solid transparent;
500
+ color: #fff;
501
+ display: inline-block;
502
+ font-weight: 700;
503
+ padding: 4px 32px;
504
+ text-decoration: none;
505
+ }
506
+
507
+ ._footer_cta_1jp7i_493 a:hover {
508
+ background-color: transparent;
509
+ text-decoration: underline;
510
+ }
511
+
512
+ ._footer_cta_1jp7i_493 a:active {
513
+ border-color: transparent;
514
+ color: #fff;
515
+ }
516
+
517
+ ._mobile_footer_1jp7i_468 > .flex_row {
518
+ min-height: 112px;
519
+ }
520
+
521
+ ._inner_wrapper_1jp7i_521 {
522
+ max-height: 100vh;
523
+ overflow-y: scroll;
524
+ }
525
+
526
+ ._btn_1jp7i_526 {
527
+ display: block;
528
+ position: relative;
529
+ }
530
+
531
+ ._sub_menu_1jp7i_531 {
532
+ overflow: hidden;
533
+ max-height: 0;
534
+ transition: max-height 0.8s ease-out;
535
+ background: #fff;
536
+ overflow-y: scroll;
537
+ }
538
+
539
+ ._sub_menu_1jp7i_531 a,
540
+ ._sub_menu_1jp7i_531 span {
541
+ display: block;
542
+ padding: 12px 14px 12px 64px;
543
+ position: relative;
544
+ color: #323339;
545
+ text-decoration: none;
546
+ }
547
+
548
+ ._sub_menu_1jp7i_531 ._main_1jp7i_26 {
549
+ font-weight: 700;
550
+ }
551
+
552
+ ._sub_menu_1jp7i_531 > * {
553
+ border-top: 1px solid #ebebeb;
554
+ }
555
+
556
+ ._dd_footer_1jp7i_556 {
557
+ justify-content: flex-end;
558
+ flex: 1 1 0%;
559
+ align-items: end;
560
+ font-size: 11px;
561
+ letter-spacing: 0.3px;
562
+ }
563
+
564
+ ._skip_btn_1jp7i_564 {
565
+ clip: rect(1px 1px 1px 1px);
566
+ margin: -1px;
567
+ overflow: hidden;
568
+ padding: 0;
569
+ position: absolute;
570
+ }
571
+
572
+ ._skip_btn_1jp7i_564:active,
573
+ ._skip_btn_1jp7i_564:focus {
574
+ background-color: #faa74a;
575
+ border-radius: 8px;
576
+ clip: auto;
577
+ color: #1e3869;
578
+ font-size: 14px;
579
+ font-weight: 700;
580
+ margin: 0;
581
+ overflow: visible;
582
+ padding: 9px 24px;
583
+ position: relative;
584
+ text-decoration: none;
585
+ top: 12px;
586
+ }
587
+
588
+ @media (max-width: 1121px) {
589
+ ._mobile_logo_1jp7i_382 {
590
+ position: absolute;
591
+ transform: translateX(-50%);
592
+ left: 50%;
593
+ flex: none;
594
+ }
595
+ }
596
+
597
+ @media (max-width: 1280px) and (min-width: 1024px) {
598
+ ._wrapper_1jp7i_5 {
599
+ width: calc(100% - 28px);
600
+ }
601
+
602
+ ._dd_wrapper_1jp7i_204 > ._wrapper_1jp7i_5 {
603
+ width: 100%;
604
+ }
605
+ ._main_nav_link_1jp7i_26 > a {
606
+ padding: 4px 6px;
607
+ font-size: 15px;
608
+ }
609
+ ._desktop_only_1jp7i_609 > a {
610
+ font-size: 15px;
611
+ }
612
+ }
613
+
614
+ @media (max-width: 1023px) {
615
+ ._desktop_only_1jp7i_609 {
616
+ display: none !important;
617
+ }
618
+ }
619
+
620
+ @media (max-width: 768px) {
621
+ ._wrapper_1jp7i_5 {
622
+ width: calc(100% - 48px);
623
+ }
624
+
625
+ ._mobile_header_1jp7i_12 button {
626
+ right: 1.5rem;
627
+ }
628
+
629
+ ._mobile_nav_item_1jp7i_432 > a {
630
+ padding: 16px 24px;
631
+ }
632
+
633
+ ._sub_menu_1jp7i_531 a,
634
+ ._sub_menu_1jp7i_531 span {
635
+ padding-left: 48px;
636
+ }
637
+
638
+ ._mobile_nav_item_1jp7i_432._has_dropdown_1jp7i_447::before {
639
+ right: 72px;
640
+ }
641
+
642
+ ._mobile_footer_content_1jp7i_473 {
643
+ padding-right: 15px;
644
+ padding-left: 24px;
645
+ }
646
+ }
647
+
648
+ @media (max-width: 450px) {
649
+ ._footer_cta_1jp7i_493 a {
650
+ white-space: break-spaces;
651
+ width: 100%;
652
+ text-align: center;
653
+ }
654
+ }
655
+
656
+ @media (min-width: 1024px) {
657
+ ._mobile_only_1jp7i_376 {
658
+ display: none !important;
659
+ }
660
+ }