@axos-web-dev/shared-components 0.0.151 → 0.0.153

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 (65) hide show
  1. package/README.md +111 -111
  2. package/dist/ATMLocator/ATMLocator.js +1 -0
  3. package/dist/Avatar/Avatar.module.js +7 -7
  4. package/dist/Blockquote/Blockquote.module.js +3 -3
  5. package/dist/Button/Button.js +1 -0
  6. package/dist/Calculators/Calculator.js +1 -0
  7. package/dist/Calculators/MarginTradingCalculator/index.js +4 -4
  8. package/dist/Carousel/index.js +1 -0
  9. package/dist/Chevron/index.js +1 -0
  10. package/dist/Comparison/Comparison.js +1 -0
  11. package/dist/FaqAccordion/index.js +1 -0
  12. package/dist/FdicCallout/FdicCallout.module.js +2 -2
  13. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.d.ts +3 -1
  14. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +43 -38
  15. package/dist/Forms/ContactUsBusiness.js +1 -0
  16. package/dist/Forms/ContactUsNMLSId.js +1 -0
  17. package/dist/Forms/CpraRequest.js +28 -2
  18. package/dist/Forms/EmailOnly.js +1 -0
  19. package/dist/Forms/MortgageRate/MortgageRateForm.js +11 -1
  20. package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.d.ts +17 -4
  21. package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +45 -27
  22. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -0
  23. package/dist/Forms/SalesforceFieldsForm.d.ts +6 -6
  24. package/dist/Forms/SalesforceFieldsForm.js +2 -2
  25. package/dist/Forms/SuccesForm.js +1 -0
  26. package/dist/Hyperlink/index.js +1 -0
  27. package/dist/ImageLink/ImageLink.js +1 -0
  28. package/dist/ImageLink/ImageLinkSet.js +1 -0
  29. package/dist/ImageLink/index.js +1 -0
  30. package/dist/Input/DownPaymentInput.js +0 -1
  31. package/dist/Insight/Featured/CategorySelector.js +1 -0
  32. package/dist/Insight/Featured/Featured.js +1 -1
  33. package/dist/Insight/Featured/Header.css.d.ts +5 -0
  34. package/dist/Insight/Featured/Header.css.js +13 -0
  35. package/dist/Insight/Featured/Header.d.ts +7 -0
  36. package/dist/Insight/Featured/Header.js +129 -0
  37. package/dist/Insight/Featured/index.d.ts +1 -0
  38. package/dist/Insight/Featured/index.js +2 -0
  39. package/dist/Insight/index.js +2 -0
  40. package/dist/Interstitial/Interstitial.module.js +10 -10
  41. package/dist/Modal/Modal.js +1 -0
  42. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +54 -54
  43. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +55 -55
  44. package/dist/NavigationMenu/AxosBank/NavBar.module.js +55 -55
  45. package/dist/NavigationMenu/AxosBank/NavData.js +1 -0
  46. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -0
  47. package/dist/NavigationMenu/AxosBank/index.js +1 -0
  48. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  49. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
  50. package/dist/SetContainer/SetContainer.js +1 -0
  51. package/dist/assets/Avatar/Avatar.css.css +59 -59
  52. package/dist/assets/Blockquote/Blockquote.css.css +69 -69
  53. package/dist/assets/FdicCallout/FdicCallout.css.css +48 -48
  54. package/dist/assets/Forms/Forms.css +5 -0
  55. package/dist/assets/Insight/Featured/Featured.css +10 -0
  56. package/dist/assets/Insight/Featured/Header.css +39 -0
  57. package/dist/assets/Interstitial/Interstitial.css.css +141 -141
  58. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +600 -600
  59. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css +621 -621
  60. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +666 -666
  61. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +458 -458
  62. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css.css +426 -426
  63. package/dist/main.js +2 -0
  64. package/dist/utils/allowedAxosDomains.js +2 -3
  65. package/package.json +1 -1
@@ -1,666 +1,666 @@
1
- ._header_1ci1w_1 {
2
- border-bottom: 1px solid #ebebeb;
3
- }
4
-
5
- ._wrapper_1ci1w_9 {
6
- width: calc(100% - 80px);
7
- margin-left: auto;
8
- margin-right: auto;
9
- }
10
-
11
- ._header_main_row_1ci1w_21,
12
- ._mobile_header_1ci1w_23 {
13
- min-height: 80px;
14
- padding-top: 1rem;
15
- padding-bottom: 0.5rem;
16
- }
17
-
18
- ._logo_wrap_1ci1w_35 {
19
- padding: 9px 6px;
20
- }
21
-
22
- ._primary_links_1ci1w_43 {
23
- margin-left: 30px;
24
- }
25
-
26
- ._main_nav_link_1ci1w_51 {
27
- padding: 10px 8px;
28
- text-align: center;
29
- }
30
-
31
- ._main_nav_link_1ci1w_51 .active {
32
- border-color: currentColor;
33
- transition: border-color 0.5s ease;
34
- font-weight: 700;
35
- }
36
-
37
- ._main_nav_link_1ci1w_51 > a {
38
- color: #1e3860;
39
- display: inline-block;
40
- font-size: 16px;
41
- padding: 4px 26px;
42
- border-bottom: 4px solid transparent;
43
- }
44
-
45
- ._sub_nav_link_1ci1w_89 a,
46
- ._main_nav_link_1ci1w_51 a,
47
- ._signin_wrap_1ci1w_93 a,
48
- ._signin_btn_1ci1w_95 {
49
- text-decoration: none;
50
- transition: opacity 0.3s ease;
51
- }
52
-
53
- ._sub_nav_link_1ci1w_89:hover,
54
- ._main_nav_link_1ci1w_51 a:hover,
55
- ._signin_wrap_1ci1w_93 a:hover {
56
- opacity: 0.8;
57
- }
58
-
59
- ._signin_wrap_1ci1w_93 .link {
60
- text-decoration: none;
61
- padding: 8px;
62
- }
63
-
64
- ._signin_btn_1ci1w_95 {
65
- border-color: transparent;
66
- color: #fff;
67
- padding: 11px 24px;
68
- font-size: 16px;
69
- font-weight: 700;
70
- line-height: 1.44;
71
- border-radius: 8px;
72
- margin-left: 8px;
73
- cursor: pointer;
74
- }
75
-
76
- ._signin_btn_1ci1w_95:hover {
77
- color: #2f5b88;
78
- background-color: transparent;
79
- opacity: 0.9;
80
- }
81
-
82
- ._signin_btn_1ci1w_95:hover > svg path {
83
- fill: #2f5b88;
84
- }
85
-
86
- ._signin_btn_1ci1w_95 > span {
87
- margin-right: 8px;
88
- }
89
-
90
- ._sub_nav_1ci1w_89 {
91
- background-color: var(--primary-theme-color);
92
- }
93
-
94
- ._header_sub_row_1ci1w_187 {
95
- min-height: 48px;
96
- position: relative;
97
- }
98
-
99
- ._sub_nav_link_1ci1w_89 {
100
- padding-inline: 1rem;
101
- text-align: center;
102
- color: #fff;
103
- }
104
-
105
- ._sub_nav_link_1ci1w_89 a {
106
- display: flex;
107
- align-items: center;
108
- font-weight: 500;
109
- line-height: 1.5;
110
- padding: 12px 9.5px;
111
- }
112
-
113
- ._sub_nav_link_1ci1w_89 a:hover {
114
- background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
115
- }
116
-
117
- ._signin_dropdown_1ci1w_233 {
118
- min-width: 288px;
119
- padding: 1.5rem 1rem;
120
- position: absolute;
121
- right: 0;
122
- top: 100%;
123
- z-index: 1204;
124
- display: none;
125
- }
126
-
127
- ._shadow_1ci1w_253 {
128
- box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
129
- border: 0.5px solid rgb(255 255 255 / 14%);
130
- border-top: none;
131
- }
132
-
133
- ._signin_dropdown_1ci1w_233 li[role="heading"] {
134
- margin-top: 1px;
135
- }
136
-
137
- ._signin_header_1ci1w_273 {
138
- color: #323339;
139
- font-weight: 700;
140
- padding: 0.5rem 1rem;
141
- text-align: left;
142
- }
143
-
144
- ._signin_subheader_1ci1w_287 {
145
- color: #2f5b88;
146
- padding: 0.5rem 0.5rem 0.5rem 1.5rem;
147
- }
148
-
149
- ._signin_header_1ci1w_273,
150
- ._signin_subheader_1ci1w_287 a {
151
- line-height: 1.5;
152
- }
153
-
154
- @keyframes _fadeInDown_1ci1w_1 {
155
- from {
156
- opacity: 0;
157
- transform: translate3d(0, -1%, 0);
158
- }
159
-
160
- to {
161
- opacity: 1;
162
- transform: none;
163
- }
164
- }
165
-
166
- ._opacity_1ci1w_331 {
167
- animation-duration: 0.5s;
168
- animation-fill-mode: both;
169
- animation-name: _fadeInDown_1ci1w_1;
170
- }
171
-
172
- ._signin_footer_1ci1w_343 {
173
- margin-top: 0.5rem;
174
- padding-top: 1rem;
175
- }
176
-
177
- ._signin_footer_1ci1w_343 > a + a {
178
- display: block;
179
- margin-top: 16px;
180
- }
181
-
182
- ._signin_footer_1ci1w_343::before {
183
- content: "";
184
- background-color: #8f8f8f;
185
- height: 2px;
186
- opacity: 0.3;
187
- position: absolute;
188
- right: 8px;
189
- top: 0;
190
- width: 94%;
191
- }
192
-
193
- ._open_1ci1w_385 {
194
- opacity: 0.8;
195
- }
196
-
197
- ._open_1ci1w_385 > svg {
198
- transform: scaleY(-1);
199
- }
200
-
201
- ._open_1ci1w_385 + ._signin_dropdown_1ci1w_233 {
202
- display: block;
203
- }
204
-
205
- ._dd_wrapper_1ci1w_409 {
206
- max-width: 1440px;
207
- outline: none !important;
208
- position: absolute;
209
- top: 0;
210
- width: 100%;
211
- z-index: 1203;
212
- }
213
-
214
- ._dd_media_1ci1w_427 {
215
- padding: 1.5rem;
216
- width: 280px;
217
- }
218
-
219
- ._dd_media_img_1ci1w_437 {
220
- min-height: 232px;
221
- }
222
-
223
- ._dd_site_navs_1ci1w_445 {
224
- display: flex;
225
- flex-direction: column;
226
- flex: 1 1 0%;
227
- padding: 1.5rem;
228
- }
229
-
230
- ._dd_media_header_1ci1w_459 p {
231
- color: #fff;
232
- font-size: 14px;
233
- line-height: 1.42;
234
- }
235
-
236
- ._dd_media_header_1ci1w_459 p[role="heading"] {
237
- font: 600 1.25rem/ 1.4 var(--header-font-family);
238
- }
239
-
240
- ._mt_8_1ci1w_479 {
241
- margin-top: 8px;
242
- }
243
-
244
- ._mt_16_1ci1w_487 {
245
- margin-top: 1rem;
246
- }
247
-
248
- ._ml_8_1ci1w_495 {
249
- margin-left: 8px;
250
- }
251
-
252
- ._dd_media_cta_1ci1w_503 > a:first-child {
253
- border-radius: 8px;
254
- border: 2px solid transparent;
255
- color: #1e3860 !important;
256
- display: inline-block;
257
- font-size: 1.125rem;
258
- font-weight: 700;
259
- line-height: 1.44;
260
- padding: 12px;
261
- text-decoration: none;
262
- transition: all 0.25s ease;
263
- width: 100%;
264
- }
265
-
266
- ._dd_media_cta_1ci1w_503 > a:first-child:hover {
267
- background-color: transparent;
268
- border-color: #fff;
269
- color: #fff !important;
270
- }
271
-
272
- ._dd_media_cta_1ci1w_503 > a:nth-child(2) {
273
- color: #fff;
274
- display: inline-block;
275
- margin-top: 8px;
276
- text-decoration: none;
277
- }
278
-
279
- ._dd_media_cta_1ci1w_503 > a:nth-child(2):hover {
280
- opacity: 0.8;
281
- text-decoration: underline;
282
- }
283
-
284
- ._reversed_row_1ci1w_567 {
285
- flex-direction: row-reverse;
286
- }
287
-
288
- ._dd_media_cta_1ci1w_503 > a:first-child:active {
289
- background-color: #fff;
290
- border-color: transparent;
291
- color: #1e3860 !important;
292
- }
293
-
294
- ._headline_1ci1w_587 > p {
295
- color: #1e3860;
296
- flex: 1 1 0%;
297
- font: 600 1.5rem / 1.33 var(--header-font-family);
298
- margin-bottom: 0;
299
- }
300
-
301
- ._nav_anchor_1ci1w_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_1ci1w_617 {
310
- margin-left: 8px;
311
- }
312
-
313
- ._headline_cta_1ci1w_617 > a {
314
- color: #1e3860;
315
- font-weight: 700;
316
- line-height: 1.5;
317
- text-decoration: none;
318
- }
319
-
320
- ._sub_nav_link_1ci1w_89:hover,
321
- ._signin_wrap_1ci1w_93 a:hover,
322
- ._main_nav_link_1ci1w_51 a:not(.active):hover,
323
- ._dd_site_navs_1ci1w_445 a:hover,
324
- ._site_lists_1ci1w_647 a:hover {
325
- text-decoration: underline;
326
- }
327
-
328
- ._dd_site_navs_1ci1w_445 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_1ci1w_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_1ci1w_647 > * {
345
- width: 100%;
346
- }
347
-
348
- ._site_lists_1ci1w_647 a {
349
- color: #323339;
350
- text-decoration: none;
351
- }
352
-
353
- ._site_lists_1ci1w_647 [role="heading"] {
354
- color: #1e3860;
355
- font-weight: 700;
356
- }
357
-
358
- ._site_lists_1ci1w_647 li + li {
359
- margin-top: 8px;
360
- }
361
-
362
- ._hamburger_1ci1w_723 {
363
- background: transparent;
364
- border: none;
365
- font-size: 0px;
366
- line-height: 1;
367
- outline: none;
368
- }
369
-
370
- ._hamburger_1ci1w_723:hover,
371
- ._mobile_header_1ci1w_23 button:hover {
372
- cursor: pointer;
373
- opacity: 0.8;
374
- }
375
-
376
- ._signin_wrap_1ci1w_93 > ._mobile_only_1ci1w_751 > a {
377
- color: #4a5560;
378
- padding: 0;
379
- line-height: 1;
380
- }
381
-
382
- ._mobile_logo_1ci1w_763 {
383
- flex: 1 1 0%;
384
- text-align: center;
385
- }
386
-
387
- ._highlight_1ci1w_773 > a {
388
- border-bottom: none;
389
- color: #2f5b88;
390
- font-weight: 700;
391
- line-height: 1.44;
392
- }
393
-
394
- ._mobile_header_1ci1w_23 {
395
- border-bottom: 1px solid #ebebeb;
396
- display: grid;
397
- padding-bottom: 1rem;
398
- place-items: center;
399
- }
400
-
401
- ._mobile_header_1ci1w_23 p {
402
- font: 400 20px / 1.3 var(--header-font-family);
403
- }
404
-
405
- ._mobile_header_1ci1w_23 button {
406
- background: none;
407
- border: none;
408
- position: absolute;
409
- right: 40px;
410
- top: 50%;
411
- transform: translateY(-50%);
412
- }
413
-
414
- ._mobile_nav_1ci1w_827 {
415
- border-right: 1px solid #ebebeb;
416
- left: -100%;
417
- min-height: 100vh;
418
- position: fixed;
419
- top: 0;
420
- transition: all 0.4s ease-in-out;
421
- width: 100%;
422
- z-index: 999;
423
- }
424
-
425
- ._mobile_opened_1ci1w_849 {
426
- left: 0%;
427
- }
428
-
429
- body:has(._mobile_opened_1ci1w_849) {
430
- overflow-y: hidden;
431
- }
432
-
433
- ._mobile_nav_item_1ci1w_865 {
434
- background-color: #f4f4f4;
435
- border-bottom: 1px solid #ebebeb;
436
- }
437
-
438
- ._mobile_nav_item_1ci1w_865 > a {
439
- color: #323339;
440
- display: flex;
441
- font-weight: 700;
442
- line-height: 1.5;
443
- padding: 16px 40px;
444
- text-decoration: none;
445
- width: 100%;
446
- }
447
-
448
- ._mobile_nav_item_1ci1w_865._has_dropdown_1ci1w_895 {
449
- background-color: #f4f4f4;
450
- isolation: isolate;
451
- position: relative;
452
- }
453
-
454
- ._mobile_nav_item_1ci1w_865._has_dropdown_1ci1w_895::before {
455
- content: "";
456
- background-color: #ebebeb;
457
- height: 100%;
458
- position: absolute;
459
- right: 104px;
460
- top: 0;
461
- width: 1px;
462
- z-index: -1;
463
- }
464
-
465
- ._mobile_nav_item_1ci1w_865._has_dropdown_1ci1w_895 > a {
466
- color: #1e3860;
467
- }
468
-
469
- ._icon_wrap_1ci1w_937 {
470
- line-height: 1;
471
- height: 24px;
472
- }
473
-
474
- ._mobile_footer_1ci1w_947 {
475
- position: relative;
476
- width: 100%;
477
- }
478
-
479
- ._mobile_footer_content_1ci1w_957 {
480
- background-color: #f4f4f4;
481
- flex: 1 1 0%;
482
- padding: 16px 24px 16px 40px;
483
- }
484
-
485
- ._mobile_footer_content_1ci1w_957 p {
486
- line-height: 1.5;
487
- text-overflow: ellipsis;
488
- display: -webkit-box;
489
- -webkit-box-orient: vertical;
490
- -webkit-line-clamp: 2;
491
- }
492
-
493
- ._mobile_footer_media_1ci1w_985 {
494
- flex-basis: min(42%, 300px);
495
- background: url("https://images.axos.com/o9ov1v03uwqk/4Fwdu6ylqpXOmJsDWRUETe/25365425dea4c1a8c3910834c2a3c9ed/personal-contact-us-hero.webp")
496
- no-repeat 81% / cover;
497
- }
498
-
499
- ._footer_cta_1ci1w_997 {
500
- margin-top: 3px;
501
- }
502
-
503
- ._footer_cta_1ci1w_997 a {
504
- border-radius: 4px;
505
- border: 2px solid transparent;
506
- color: #fff;
507
- display: inline-block;
508
- font-weight: 700;
509
- padding: 4px 32px;
510
- text-decoration: none;
511
- }
512
-
513
- ._footer_cta_1ci1w_997 a:hover {
514
- background-color: transparent;
515
- text-decoration: underline;
516
- }
517
-
518
- ._footer_cta_1ci1w_997 a:active {
519
- border-color: transparent;
520
- color: #fff;
521
- }
522
-
523
- ._mobile_footer_1ci1w_947 > .flex_row {
524
- min-height: 112px;
525
- }
526
-
527
- ._inner_wrapper_1ci1w_1053 {
528
- max-height: 100vh;
529
- overflow-y: scroll;
530
- }
531
-
532
- ._btn_1ci1w_1063 {
533
- display: block;
534
- position: relative;
535
- }
536
-
537
- ._sub_menu_1ci1w_1073 {
538
- overflow: hidden;
539
- max-height: 0;
540
- transition: max-height 0.8s ease-out;
541
- background: #fff;
542
- overflow-y: scroll;
543
- }
544
-
545
- ._sub_menu_1ci1w_1073 a,
546
- ._sub_menu_1ci1w_1073 span {
547
- display: block;
548
- padding: 12px 14px 12px 64px;
549
- position: relative;
550
- color: #323339;
551
- text-decoration: none;
552
- }
553
-
554
- ._sub_menu_1ci1w_1073 ._main_1ci1w_51 {
555
- font-weight: 700;
556
- }
557
-
558
- ._sub_menu_1ci1w_1073 > * {
559
- border-top: 1px solid #ebebeb;
560
- }
561
-
562
- ._dd_footer_1ci1w_1123 {
563
- justify-content: flex-end;
564
- flex: 1 1 0%;
565
- align-items: end;
566
- font-size: 11px;
567
- letter-spacing: 0.3px;
568
- }
569
-
570
- ._skip_btn_1ci1w_1139 {
571
- clip: rect(1px 1px 1px 1px);
572
- margin: -1px;
573
- overflow: hidden;
574
- padding: 0;
575
- position: absolute;
576
- }
577
-
578
- ._skip_btnt_1ci1w_1155:active,
579
- ._skip_btn_1ci1w_1139:focus {
580
- background-color: #faa74a;
581
- border-radius: 8px;
582
- clip: auto;
583
- color: #1e3869;
584
- font-size: 14px;
585
- font-weight: 700;
586
- margin: 0;
587
- overflow: visible;
588
- padding: 9px 24px;
589
- position: relative;
590
- text-decoration: none;
591
- top: 12px;
592
- }
593
-
594
- @media (max-width: 1121px) {
595
- ._mobile_logo_1ci1w_763 {
596
- position: absolute;
597
- transform: translateX(-50%);
598
- left: 50%;
599
- flex: none;
600
- }
601
- }
602
-
603
- @media (max-width: 1280px) and (min-width: 1024px) {
604
- ._wrapper_1ci1w_9 {
605
- width: calc(100% - 28px);
606
- }
607
-
608
- ._dd_wrapper_1ci1w_409 > ._wrapper_1ci1w_9 {
609
- width: 100%;
610
- }
611
- ._main_nav_link_1ci1w_51 > a {
612
- padding: 4px 6px;
613
- font-size: 15px;
614
- }
615
- ._desktop_only_1ci1w_1229 > a {
616
- font-size: 15px;
617
- }
618
- }
619
-
620
- @media (max-width: 1023px) {
621
- ._desktop_only_1ci1w_1229 {
622
- display: none !important;
623
- }
624
- }
625
-
626
- @media (max-width: 768px) {
627
- ._wrapper_1ci1w_9 {
628
- width: calc(100% - 48px);
629
- }
630
-
631
- ._mobile_header_1ci1w_23 button {
632
- right: 1.5rem;
633
- }
634
-
635
- ._mobile_nav_item_1ci1w_865 > a {
636
- padding: 16px 24px;
637
- }
638
-
639
- ._sub_menu_1ci1w_1073 a,
640
- ._sub_menu_1ci1w_1073 span {
641
- padding-left: 48px;
642
- }
643
-
644
- ._mobile_nav_item_1ci1w_865._has_dropdown_1ci1w_895::before {
645
- right: 72px;
646
- }
647
-
648
- ._mobile_footer_content_1ci1w_957 {
649
- padding-right: 15px;
650
- padding-left: 24px;
651
- }
652
- }
653
-
654
- @media (max-width: 450px) {
655
- ._footer_cta_1ci1w_997 a {
656
- white-space: break-spaces;
657
- width: 100%;
658
- text-align: center;
659
- }
660
- }
661
-
662
- @media (min-width: 1024px) {
663
- ._mobile_only_1ci1w_751 {
664
- display: none !important;
665
- }
666
- }
1
+ ._header_1fpou_1 {
2
+ border-bottom: 1px solid #ebebeb;
3
+ }
4
+
5
+ ._wrapper_1fpou_5 {
6
+ width: calc(100% - 80px);
7
+ margin-left: auto;
8
+ margin-right: auto;
9
+ }
10
+
11
+ ._header_main_row_1fpou_11,
12
+ ._mobile_header_1fpou_12 {
13
+ min-height: 80px;
14
+ padding-top: 1rem;
15
+ padding-bottom: 0.5rem;
16
+ }
17
+
18
+ ._logo_wrap_1fpou_18 {
19
+ padding: 9px 6px;
20
+ }
21
+
22
+ ._primary_links_1fpou_22 {
23
+ margin-left: 30px;
24
+ }
25
+
26
+ ._main_nav_link_1fpou_26 {
27
+ padding: 10px 8px;
28
+ text-align: center;
29
+ }
30
+
31
+ ._main_nav_link_1fpou_26 .active {
32
+ border-color: currentColor;
33
+ transition: border-color 0.5s ease;
34
+ font-weight: 700;
35
+ }
36
+
37
+ ._main_nav_link_1fpou_26 > a {
38
+ color: #1e3860;
39
+ display: inline-block;
40
+ font-size: 16px;
41
+ padding: 4px 26px;
42
+ border-bottom: 4px solid transparent;
43
+ }
44
+
45
+ ._sub_nav_link_1fpou_45 a,
46
+ ._main_nav_link_1fpou_26 a,
47
+ ._signin_wrap_1fpou_47 a,
48
+ ._signin_btn_1fpou_48 {
49
+ text-decoration: none;
50
+ transition: opacity 0.3s ease;
51
+ }
52
+
53
+ ._sub_nav_link_1fpou_45:hover,
54
+ ._main_nav_link_1fpou_26 a:hover,
55
+ ._signin_wrap_1fpou_47 a:hover {
56
+ opacity: 0.8;
57
+ }
58
+
59
+ ._signin_wrap_1fpou_47 .link {
60
+ text-decoration: none;
61
+ padding: 8px;
62
+ }
63
+
64
+ ._signin_btn_1fpou_48 {
65
+ border-color: transparent;
66
+ color: #fff;
67
+ padding: 11px 24px;
68
+ font-size: 16px;
69
+ font-weight: 700;
70
+ line-height: 1.44;
71
+ border-radius: 8px;
72
+ margin-left: 8px;
73
+ cursor: pointer;
74
+ }
75
+
76
+ ._signin_btn_1fpou_48:hover {
77
+ color: #2f5b88;
78
+ background-color: transparent;
79
+ opacity: 0.9;
80
+ }
81
+
82
+ ._signin_btn_1fpou_48:hover > svg path {
83
+ fill: #2f5b88;
84
+ }
85
+
86
+ ._signin_btn_1fpou_48 > span {
87
+ margin-right: 8px;
88
+ }
89
+
90
+ ._sub_nav_1fpou_45 {
91
+ background-color: var(--primary-theme-color);
92
+ }
93
+
94
+ ._header_sub_row_1fpou_94 {
95
+ min-height: 48px;
96
+ position: relative;
97
+ }
98
+
99
+ ._sub_nav_link_1fpou_45 {
100
+ padding-inline: 1rem;
101
+ text-align: center;
102
+ color: #fff;
103
+ }
104
+
105
+ ._sub_nav_link_1fpou_45 a {
106
+ display: flex;
107
+ align-items: center;
108
+ font-weight: 500;
109
+ line-height: 1.5;
110
+ padding: 12px 9.5px;
111
+ }
112
+
113
+ ._sub_nav_link_1fpou_45 a:hover {
114
+ background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
115
+ }
116
+
117
+ ._signin_dropdown_1fpou_117 {
118
+ min-width: 288px;
119
+ padding: 1.5rem 1rem;
120
+ position: absolute;
121
+ right: 0;
122
+ top: 100%;
123
+ z-index: 1204;
124
+ display: none;
125
+ }
126
+
127
+ ._shadow_1fpou_127 {
128
+ box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
129
+ border: 0.5px solid rgb(255 255 255 / 14%);
130
+ border-top: none;
131
+ }
132
+
133
+ ._signin_dropdown_1fpou_117 li[role="heading"] {
134
+ margin-top: 1px;
135
+ }
136
+
137
+ ._signin_header_1fpou_137 {
138
+ color: #323339;
139
+ font-weight: 700;
140
+ padding: 0.5rem 1rem;
141
+ text-align: left;
142
+ }
143
+
144
+ ._signin_subheader_1fpou_144 {
145
+ color: #2f5b88;
146
+ padding: 0.5rem 0.5rem 0.5rem 1.5rem;
147
+ }
148
+
149
+ ._signin_header_1fpou_137,
150
+ ._signin_subheader_1fpou_144 a {
151
+ line-height: 1.5;
152
+ }
153
+
154
+ @keyframes _fadeInDown_1fpou_1 {
155
+ from {
156
+ opacity: 0;
157
+ transform: translate3d(0, -1%, 0);
158
+ }
159
+
160
+ to {
161
+ opacity: 1;
162
+ transform: none;
163
+ }
164
+ }
165
+
166
+ ._opacity_1fpou_166 {
167
+ animation-duration: 0.5s;
168
+ animation-fill-mode: both;
169
+ animation-name: _fadeInDown_1fpou_1;
170
+ }
171
+
172
+ ._signin_footer_1fpou_172 {
173
+ margin-top: 0.5rem;
174
+ padding-top: 1rem;
175
+ }
176
+
177
+ ._signin_footer_1fpou_172 > a + a {
178
+ display: block;
179
+ margin-top: 16px;
180
+ }
181
+
182
+ ._signin_footer_1fpou_172::before {
183
+ content: "";
184
+ background-color: #8f8f8f;
185
+ height: 2px;
186
+ opacity: 0.3;
187
+ position: absolute;
188
+ right: 8px;
189
+ top: 0;
190
+ width: 94%;
191
+ }
192
+
193
+ ._open_1fpou_193 {
194
+ opacity: 0.8;
195
+ }
196
+
197
+ ._open_1fpou_193 > svg {
198
+ transform: scaleY(-1);
199
+ }
200
+
201
+ ._open_1fpou_193 + ._signin_dropdown_1fpou_117 {
202
+ display: block;
203
+ }
204
+
205
+ ._dd_wrapper_1fpou_205 {
206
+ max-width: 1440px;
207
+ outline: none !important;
208
+ position: absolute;
209
+ top: 0;
210
+ width: 100%;
211
+ z-index: 1203;
212
+ }
213
+
214
+ ._dd_media_1fpou_214 {
215
+ padding: 1.5rem;
216
+ width: 280px;
217
+ }
218
+
219
+ ._dd_media_img_1fpou_219 {
220
+ min-height: 232px;
221
+ }
222
+
223
+ ._dd_site_navs_1fpou_223 {
224
+ display: flex;
225
+ flex-direction: column;
226
+ flex: 1 1 0%;
227
+ padding: 1.5rem;
228
+ }
229
+
230
+ ._dd_media_header_1fpou_230 p {
231
+ color: #fff;
232
+ font-size: 14px;
233
+ line-height: 1.42;
234
+ }
235
+
236
+ ._dd_media_header_1fpou_230 p[role="heading"] {
237
+ font: 600 1.25rem/ 1.4 var(--header-font-family);
238
+ }
239
+
240
+ ._mt_8_1fpou_240 {
241
+ margin-top: 8px;
242
+ }
243
+
244
+ ._mt_16_1fpou_244 {
245
+ margin-top: 1rem;
246
+ }
247
+
248
+ ._ml_8_1fpou_248 {
249
+ margin-left: 8px;
250
+ }
251
+
252
+ ._dd_media_cta_1fpou_252 > a:first-child {
253
+ border-radius: 8px;
254
+ border: 2px solid transparent;
255
+ color: #1e3860 !important;
256
+ display: inline-block;
257
+ font-size: 1.125rem;
258
+ font-weight: 700;
259
+ line-height: 1.44;
260
+ padding: 12px;
261
+ text-decoration: none;
262
+ transition: all 0.25s ease;
263
+ width: 100%;
264
+ }
265
+
266
+ ._dd_media_cta_1fpou_252 > a:first-child:hover {
267
+ background-color: transparent;
268
+ border-color: #fff;
269
+ color: #fff !important;
270
+ }
271
+
272
+ ._dd_media_cta_1fpou_252 > a:nth-child(2) {
273
+ color: #fff;
274
+ display: inline-block;
275
+ margin-top: 8px;
276
+ text-decoration: none;
277
+ }
278
+
279
+ ._dd_media_cta_1fpou_252 > a:nth-child(2):hover {
280
+ opacity: 0.8;
281
+ text-decoration: underline;
282
+ }
283
+
284
+ ._reversed_row_1fpou_284 {
285
+ flex-direction: row-reverse;
286
+ }
287
+
288
+ ._dd_media_cta_1fpou_252 > a:first-child:active {
289
+ background-color: #fff;
290
+ border-color: transparent;
291
+ color: #1e3860 !important;
292
+ }
293
+
294
+ ._headline_1fpou_294 > p {
295
+ color: #1e3860;
296
+ flex: 1 1 0%;
297
+ font: 600 1.5rem / 1.33 var(--header-font-family);
298
+ margin-bottom: 0;
299
+ }
300
+
301
+ ._nav_anchor_1fpou_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_1fpou_309 {
310
+ margin-left: 8px;
311
+ }
312
+
313
+ ._headline_cta_1fpou_309 > a {
314
+ color: #1e3860;
315
+ font-weight: 700;
316
+ line-height: 1.5;
317
+ text-decoration: none;
318
+ }
319
+
320
+ ._sub_nav_link_1fpou_45:hover,
321
+ ._signin_wrap_1fpou_47 a:hover,
322
+ ._main_nav_link_1fpou_26 a:not(.active):hover,
323
+ ._dd_site_navs_1fpou_223 a:hover,
324
+ ._site_lists_1fpou_324 a:hover {
325
+ text-decoration: underline;
326
+ }
327
+
328
+ ._dd_site_navs_1fpou_223 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_1fpou_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_1fpou_324 > * {
345
+ width: 100%;
346
+ }
347
+
348
+ ._site_lists_1fpou_324 a {
349
+ color: #323339;
350
+ text-decoration: none;
351
+ }
352
+
353
+ ._site_lists_1fpou_324 [role="heading"] {
354
+ color: #1e3860;
355
+ font-weight: 700;
356
+ }
357
+
358
+ ._site_lists_1fpou_324 li + li {
359
+ margin-top: 8px;
360
+ }
361
+
362
+ ._hamburger_1fpou_362 {
363
+ background: transparent;
364
+ border: none;
365
+ font-size: 0px;
366
+ line-height: 1;
367
+ outline: none;
368
+ }
369
+
370
+ ._hamburger_1fpou_362:hover,
371
+ ._mobile_header_1fpou_12 button:hover {
372
+ cursor: pointer;
373
+ opacity: 0.8;
374
+ }
375
+
376
+ ._signin_wrap_1fpou_47 > ._mobile_only_1fpou_376 > a {
377
+ color: #4a5560;
378
+ padding: 0;
379
+ line-height: 1;
380
+ }
381
+
382
+ ._mobile_logo_1fpou_382 {
383
+ flex: 1 1 0%;
384
+ text-align: center;
385
+ }
386
+
387
+ ._highlight_1fpou_387 > a {
388
+ border-bottom: none;
389
+ color: #2f5b88;
390
+ font-weight: 700;
391
+ line-height: 1.44;
392
+ }
393
+
394
+ ._mobile_header_1fpou_12 {
395
+ border-bottom: 1px solid #ebebeb;
396
+ display: grid;
397
+ padding-bottom: 1rem;
398
+ place-items: center;
399
+ }
400
+
401
+ ._mobile_header_1fpou_12 p {
402
+ font: 400 20px / 1.3 var(--header-font-family);
403
+ }
404
+
405
+ ._mobile_header_1fpou_12 button {
406
+ background: none;
407
+ border: none;
408
+ position: absolute;
409
+ right: 40px;
410
+ top: 50%;
411
+ transform: translateY(-50%);
412
+ }
413
+
414
+ ._mobile_nav_1fpou_414 {
415
+ border-right: 1px solid #ebebeb;
416
+ left: -100%;
417
+ min-height: 100vh;
418
+ position: fixed;
419
+ top: 0;
420
+ transition: all 0.4s ease-in-out;
421
+ width: 100%;
422
+ z-index: 999;
423
+ }
424
+
425
+ ._mobile_opened_1fpou_425 {
426
+ left: 0%;
427
+ }
428
+
429
+ body:has(._mobile_opened_1fpou_425) {
430
+ overflow-y: hidden;
431
+ }
432
+
433
+ ._mobile_nav_item_1fpou_433 {
434
+ background-color: #f4f4f4;
435
+ border-bottom: 1px solid #ebebeb;
436
+ }
437
+
438
+ ._mobile_nav_item_1fpou_433 > a {
439
+ color: #323339;
440
+ display: flex;
441
+ font-weight: 700;
442
+ line-height: 1.5;
443
+ padding: 16px 40px;
444
+ text-decoration: none;
445
+ width: 100%;
446
+ }
447
+
448
+ ._mobile_nav_item_1fpou_433._has_dropdown_1fpou_448 {
449
+ background-color: #f4f4f4;
450
+ isolation: isolate;
451
+ position: relative;
452
+ }
453
+
454
+ ._mobile_nav_item_1fpou_433._has_dropdown_1fpou_448::before {
455
+ content: "";
456
+ background-color: #ebebeb;
457
+ height: 100%;
458
+ position: absolute;
459
+ right: 104px;
460
+ top: 0;
461
+ width: 1px;
462
+ z-index: -1;
463
+ }
464
+
465
+ ._mobile_nav_item_1fpou_433._has_dropdown_1fpou_448 > a {
466
+ color: #1e3860;
467
+ }
468
+
469
+ ._icon_wrap_1fpou_469 {
470
+ line-height: 1;
471
+ height: 24px;
472
+ }
473
+
474
+ ._mobile_footer_1fpou_474 {
475
+ position: relative;
476
+ width: 100%;
477
+ }
478
+
479
+ ._mobile_footer_content_1fpou_479 {
480
+ background-color: #f4f4f4;
481
+ flex: 1 1 0%;
482
+ padding: 16px 24px 16px 40px;
483
+ }
484
+
485
+ ._mobile_footer_content_1fpou_479 p {
486
+ line-height: 1.5;
487
+ text-overflow: ellipsis;
488
+ display: -webkit-box;
489
+ -webkit-box-orient: vertical;
490
+ -webkit-line-clamp: 2;
491
+ }
492
+
493
+ ._mobile_footer_media_1fpou_493 {
494
+ flex-basis: min(42%, 300px);
495
+ background: url("https://images.axos.com/o9ov1v03uwqk/4Fwdu6ylqpXOmJsDWRUETe/25365425dea4c1a8c3910834c2a3c9ed/personal-contact-us-hero.webp")
496
+ no-repeat 81% / cover;
497
+ }
498
+
499
+ ._footer_cta_1fpou_499 {
500
+ margin-top: 3px;
501
+ }
502
+
503
+ ._footer_cta_1fpou_499 a {
504
+ border-radius: 4px;
505
+ border: 2px solid transparent;
506
+ color: #fff;
507
+ display: inline-block;
508
+ font-weight: 700;
509
+ padding: 4px 32px;
510
+ text-decoration: none;
511
+ }
512
+
513
+ ._footer_cta_1fpou_499 a:hover {
514
+ background-color: transparent;
515
+ text-decoration: underline;
516
+ }
517
+
518
+ ._footer_cta_1fpou_499 a:active {
519
+ border-color: transparent;
520
+ color: #fff;
521
+ }
522
+
523
+ ._mobile_footer_1fpou_474 > .flex_row {
524
+ min-height: 112px;
525
+ }
526
+
527
+ ._inner_wrapper_1fpou_527 {
528
+ max-height: 100vh;
529
+ overflow-y: scroll;
530
+ }
531
+
532
+ ._btn_1fpou_532 {
533
+ display: block;
534
+ position: relative;
535
+ }
536
+
537
+ ._sub_menu_1fpou_537 {
538
+ overflow: hidden;
539
+ max-height: 0;
540
+ transition: max-height 0.8s ease-out;
541
+ background: #fff;
542
+ overflow-y: scroll;
543
+ }
544
+
545
+ ._sub_menu_1fpou_537 a,
546
+ ._sub_menu_1fpou_537 span {
547
+ display: block;
548
+ padding: 12px 14px 12px 64px;
549
+ position: relative;
550
+ color: #323339;
551
+ text-decoration: none;
552
+ }
553
+
554
+ ._sub_menu_1fpou_537 ._main_1fpou_26 {
555
+ font-weight: 700;
556
+ }
557
+
558
+ ._sub_menu_1fpou_537 > * {
559
+ border-top: 1px solid #ebebeb;
560
+ }
561
+
562
+ ._dd_footer_1fpou_562 {
563
+ justify-content: flex-end;
564
+ flex: 1 1 0%;
565
+ align-items: end;
566
+ font-size: 11px;
567
+ letter-spacing: 0.3px;
568
+ }
569
+
570
+ ._skip_btn_1fpou_570 {
571
+ clip: rect(1px 1px 1px 1px);
572
+ margin: -1px;
573
+ overflow: hidden;
574
+ padding: 0;
575
+ position: absolute;
576
+ }
577
+
578
+ ._skip_btnt_1fpou_578:active,
579
+ ._skip_btn_1fpou_570:focus {
580
+ background-color: #faa74a;
581
+ border-radius: 8px;
582
+ clip: auto;
583
+ color: #1e3869;
584
+ font-size: 14px;
585
+ font-weight: 700;
586
+ margin: 0;
587
+ overflow: visible;
588
+ padding: 9px 24px;
589
+ position: relative;
590
+ text-decoration: none;
591
+ top: 12px;
592
+ }
593
+
594
+ @media (max-width: 1121px) {
595
+ ._mobile_logo_1fpou_382 {
596
+ position: absolute;
597
+ transform: translateX(-50%);
598
+ left: 50%;
599
+ flex: none;
600
+ }
601
+ }
602
+
603
+ @media (max-width: 1280px) and (min-width: 1024px) {
604
+ ._wrapper_1fpou_5 {
605
+ width: calc(100% - 28px);
606
+ }
607
+
608
+ ._dd_wrapper_1fpou_205 > ._wrapper_1fpou_5 {
609
+ width: 100%;
610
+ }
611
+ ._main_nav_link_1fpou_26 > a {
612
+ padding: 4px 6px;
613
+ font-size: 15px;
614
+ }
615
+ ._desktop_only_1fpou_615 > a {
616
+ font-size: 15px;
617
+ }
618
+ }
619
+
620
+ @media (max-width: 1023px) {
621
+ ._desktop_only_1fpou_615 {
622
+ display: none !important;
623
+ }
624
+ }
625
+
626
+ @media (max-width: 768px) {
627
+ ._wrapper_1fpou_5 {
628
+ width: calc(100% - 48px);
629
+ }
630
+
631
+ ._mobile_header_1fpou_12 button {
632
+ right: 1.5rem;
633
+ }
634
+
635
+ ._mobile_nav_item_1fpou_433 > a {
636
+ padding: 16px 24px;
637
+ }
638
+
639
+ ._sub_menu_1fpou_537 a,
640
+ ._sub_menu_1fpou_537 span {
641
+ padding-left: 48px;
642
+ }
643
+
644
+ ._mobile_nav_item_1fpou_433._has_dropdown_1fpou_448::before {
645
+ right: 72px;
646
+ }
647
+
648
+ ._mobile_footer_content_1fpou_479 {
649
+ padding-right: 15px;
650
+ padding-left: 24px;
651
+ }
652
+ }
653
+
654
+ @media (max-width: 450px) {
655
+ ._footer_cta_1fpou_499 a {
656
+ white-space: break-spaces;
657
+ width: 100%;
658
+ text-align: center;
659
+ }
660
+ }
661
+
662
+ @media (min-width: 1024px) {
663
+ ._mobile_only_1fpou_376 {
664
+ display: none !important;
665
+ }
666
+ }