@axos-web-dev/shared-components 0.0.227 → 0.0.228

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.
@@ -1,600 +1,597 @@
1
- ._header_5kqsg_1 {
2
- border-bottom: 1px solid #ebebeb;
3
- }
4
-
5
- ._wrapper_5kqsg_5 {
6
- width: calc(100% - 80px);
7
- margin-left: auto;
8
- margin-right: auto;
9
- }
10
-
11
- ._header_main_row_5kqsg_11,
12
- ._mobile_header_5kqsg_12 {
13
- min-height: 80px;
14
- padding-top: 1rem;
15
- padding-bottom: 0.5rem;
16
- }
17
-
18
- ._logo_wrap_5kqsg_18 {
19
- padding: 9px 6px;
20
- }
21
-
22
- ._primary_links_5kqsg_22 {
23
- margin-left: 30px;
24
- }
25
-
26
- ._main_nav_link_5kqsg_26 {
27
- padding: 10px 8px;
28
- text-align: center;
29
- }
30
-
31
- ._main_nav_link_5kqsg_26 .active {
32
- border-color: currentColor;
33
- transition: border-color 0.5s ease;
34
- }
35
-
36
- ._main_nav_link_5kqsg_26 .active {
37
- font-weight: 700;
38
- }
39
-
40
- ._main_nav_link_5kqsg_26 > a {
41
- color: #1e3860;
42
- display: inline-block;
43
- font-size: 16px;
44
- padding: 4px 26px;
45
- border-bottom: 4px solid transparent;
46
- }
47
-
48
- ._sub_nav_link_5kqsg_48 a,
49
- ._main_nav_link_5kqsg_26 a,
50
- ._signin_wrap_5kqsg_50 a,
51
- ._signin_btn_5kqsg_51 {
52
- text-decoration: none;
53
- word-break: normal;
54
- transition: opacity 0.3s ease;
55
- }
56
-
57
- ._sub_nav_link_5kqsg_48:hover,
58
- ._main_nav_link_5kqsg_26 a:hover,
59
- ._signin_wrap_5kqsg_50 a:hover {
60
- opacity: 0.8;
61
- }
62
-
63
- ._signin_wrap_5kqsg_50 .link {
64
- text-decoration: none;
65
- padding: 8px;
66
- }
67
-
68
- ._signin_btn_5kqsg_51 {
69
- border: none;
70
- color: #fff;
71
- padding: 11px 24px;
72
- font-size: 16px;
73
- font-weight: 700;
74
- line-height: 1.44;
75
- border-radius: 8px;
76
- margin-left: 8px;
77
- cursor: pointer;
78
- }
79
-
80
- ._signin_btn_5kqsg_51:hover {
81
- color: var(--colors-primary-textButton__1073cm85);
82
- background-color: var(--colors-primary-backgroundButton__1073cm86);
83
- opacity: 0.9;
84
- }
85
-
86
- ._signin_btn_5kqsg_51 > span {
87
- margin-right: 8px;
88
- }
89
-
90
- ._sub_nav_5kqsg_48 {
91
- background-color: var(--primary-theme-color);
92
- }
93
-
94
- ._header_sub_row_5kqsg_94 {
95
- padding-block: 12px;
96
- min-height: 48px;
97
- }
98
-
99
- ._sub_nav_link_5kqsg_48 {
100
- padding-inline: 1rem;
101
- text-align: center;
102
- color: #fff;
103
- }
104
-
105
- ._sub_nav_link_5kqsg_48 a {
106
- font-weight: 500;
107
- line-height: 1.5;
108
- }
109
-
110
- ._signin_dropdown_5kqsg_110 {
111
- min-width: 288px;
112
- padding: 1.5rem 1rem;
113
- position: absolute;
114
- right: 0;
115
- top: 100%;
116
- z-index: 1204;
117
- display: none;
118
- }
119
-
120
- ._shadow_5kqsg_120 {
121
- box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
122
- }
123
-
124
- ._signin_dropdown_5kqsg_110 li[role="heading"] {
125
- margin-top: 1px;
126
- }
127
-
128
- ._signin_header_5kqsg_128 {
129
- color: #323339;
130
- font-weight: 700;
131
- padding: 0.5rem 1rem;
132
- text-align: left;
133
- }
134
-
135
- ._signin_subheader_5kqsg_135 {
136
- color: #2f5b88;
137
- padding: 0.5rem 0.5rem 0.5rem 1.5rem;
138
- }
139
-
140
- ._signin_header_5kqsg_128,
141
- ._signin_subheader_5kqsg_135 a {
142
- line-height: 1.5;
143
- }
144
-
145
- @keyframes _fadeInDown_5kqsg_1 {
146
- from {
147
- opacity: 0;
148
- transform: translate3d(0, -1%, 0);
149
- }
150
-
151
- to {
152
- opacity: 1;
153
- transform: none;
154
- }
155
- }
156
-
157
- ._opacity_5kqsg_157 {
158
- animation-duration: 0.5s;
159
- animation-fill-mode: both;
160
- animation-name: _fadeInDown_5kqsg_1;
161
- }
162
-
163
- ._footer_5kqsg_163 {
164
- margin-top: 0.5rem;
165
- padding-top: 1rem;
166
- }
167
-
168
- ._footer_5kqsg_163::before {
169
- content: "";
170
- background-color: #8f8f8f;
171
- height: 2px;
172
- opacity: 0.3;
173
- position: absolute;
174
- right: 8px;
175
- top: 0;
176
- width: 94%;
177
- }
178
-
179
- ._open_5kqsg_179 {
180
- opacity: 0.8;
181
- }
182
-
183
- ._open_5kqsg_179 > svg {
184
- transform: scaleY(-1);
185
- }
186
-
187
- ._open_5kqsg_179 + ._signin_dropdown_5kqsg_110 {
188
- display: block;
189
- }
190
-
191
- ._dd_wrapper_5kqsg_191 {
192
- z-index: 1203;
193
- max-width: 1440px;
194
- }
195
-
196
- ._dd_media_5kqsg_196 {
197
- padding: 1.5rem;
198
- width: 280px;
199
- }
200
-
201
- ._dd_media_img_5kqsg_201 {
202
- min-height: 232px;
203
- }
204
-
205
- ._dd_site_navs_5kqsg_205 {
206
- flex: 1 1 0%;
207
- padding: 1.5rem;
208
- display: flex;
209
- flex-direction: column;
210
- }
211
-
212
- ._dd_media_header_5kqsg_212 p {
213
- font-size: 14px;
214
- line-height: 1.42;
215
- }
216
-
217
- ._dd_media_header_5kqsg_212 p[role="heading"] {
218
- font: 600 1.25rem/ 1.4 var(--header-font-family);
219
- }
220
-
221
- ._mt_8_5kqsg_221 {
222
- margin-top: 8px;
223
- }
224
-
225
- ._mt_16_5kqsg_225 {
226
- margin-top: 1rem;
227
- }
228
-
229
- ._ml_8_5kqsg_229 {
230
- margin-left: 8px;
231
- }
232
-
233
- ._dd_media_cta_5kqsg_233 > a {
234
- border-radius: 8px;
235
- color: #1e3860 !important;
236
- display: inline-block;
237
- font-size: 1.125rem;
238
- font-weight: 700;
239
- line-height: 1.44;
240
- padding: 12px;
241
- text-decoration: none;
242
- width: 100%;
243
- transition: all 0.25s ease;
244
- border: 2px solid transparent;
245
- }
246
-
247
- ._reversed_row_5kqsg_247 {
248
- flex-direction: row-reverse;
249
- }
250
-
251
- ._dd_media_cta_5kqsg_233 > a:hover {
252
- background-color: transparent;
253
- border-color: #fff;
254
- color: #fff;
255
- }
256
-
257
- ._dd_media_cta_5kqsg_233 > a:active {
258
- background-color: #fff;
259
- border-color: transparent;
260
- color: #1e3860 !important;
261
- }
262
-
263
- ._headline_5kqsg_263 > p {
264
- font: 600 1.5rem / 1.33 var(--header-font-family);
265
- flex: 1 1 0%;
266
- color: #1e3860;
267
- }
268
-
269
- ._nav_anchor_5kqsg_269 {
270
- width: 1.5rem;
271
- height: 1.5rem;
272
- aspect-ratio: 1;
273
- background-color: #4a5560;
274
- border-radius: 8px;
275
- }
276
-
277
- ._headline_cta_5kqsg_277 {
278
- margin-left: 8px;
279
- }
280
-
281
- ._headline_cta_5kqsg_277 > a {
282
- font-weight: 700;
283
- line-height: 1.5;
284
- text-decoration: none;
285
- color: #1e3860;
286
- }
287
-
288
- ._sub_nav_link_5kqsg_48:hover,
289
- ._signin_wrap_5kqsg_50 a:hover,
290
- ._main_nav_link_5kqsg_26 a:not(.active):hover,
291
- ._dd_site_navs_5kqsg_205 a:hover,
292
- ._site_lists_5kqsg_292 a:hover {
293
- text-decoration: underline;
294
- }
295
-
296
- ._dd_site_navs_5kqsg_205 hr {
297
- border-style: solid;
298
- border-width: 1px;
299
- color: #a0aab3;
300
- margin: 1.5rem 0;
301
- opacity: 0.3;
302
- position: relative;
303
- }
304
-
305
- ._site_lists_5kqsg_292 {
306
- padding-bottom: 1.5rem;
307
- }
308
-
309
- ._site_lists_5kqsg_292 > * {
310
- width: 100%;
311
- }
312
-
313
- ._site_lists_5kqsg_292 a {
314
- color: #323339;
315
- text-decoration: none;
316
- }
317
-
318
- ._site_lists_5kqsg_292 [role="heading"] {
319
- color: #1e3860;
320
- font-weight: 700;
321
- }
322
-
323
- ._site_lists_5kqsg_292 li + li {
324
- margin-top: 8px;
325
- }
326
-
327
- ._hamburger_5kqsg_327 {
328
- background: transparent;
329
- border: none;
330
- font-size: 0px;
331
- line-height: 1;
332
- outline: none;
333
- }
334
-
335
- ._hamburger_5kqsg_327:hover,
336
- ._mobile_header_5kqsg_12 button:hover {
337
- cursor: pointer;
338
- opacity: 0.8;
339
- }
340
-
341
- ._signin_wrap_5kqsg_50 > ._mobile_only_5kqsg_341 > a {
342
- color: #4a5560;
343
- padding: 0;
344
- line-height: 1;
345
- }
346
-
347
- ._mobile_logo_5kqsg_347 {
348
- flex: 1 1 0%;
349
- text-align: center;
350
- }
351
-
352
- ._highlight_5kqsg_352 > a {
353
- border-bottom: none;
354
- color: #2f5b88;
355
- font-weight: 700;
356
- line-height: 1.44;
357
- }
358
-
359
- @media (max-width: 1121px) {
360
- ._mobile_logo_5kqsg_347 {
361
- position: absolute;
362
- transform: translateX(-50%);
363
- left: 50%;
364
- flex: none;
365
- }
366
- }
367
-
368
- ._mobile_header_5kqsg_12 {
369
- padding-bottom: 1rem;
370
- display: grid;
371
- place-items: center;
372
- border-bottom: 1px solid #ebebeb;
373
- }
374
-
375
- ._mobile_header_5kqsg_12 p {
376
- font: 400 20px / 1.3 var(--header-font-family);
377
- }
378
-
379
- ._mobile_header_5kqsg_12 button {
380
- background: none;
381
- border: none;
382
- position: absolute;
383
- right: 40px;
384
- top: 50%;
385
- transform: translateY(-50%);
386
- }
387
-
388
- ._mobile_nav_5kqsg_388 {
389
- border-right: 1px solid #ebebeb;
390
- left: -100%;
391
- min-height: 100vh;
392
- position: fixed;
393
- top: 0;
394
- transition: all 0.4s ease-in-out;
395
- width: 100%;
396
- z-index: 999;
397
- }
398
-
399
- ._mobile_opened_5kqsg_399 {
400
- left: 0%;
401
- }
402
-
403
- body:has(.__mobile_opened_5kqsg_403) {
404
- overflow-y: hidden;
405
- }
406
-
407
- ._mobile_nav_item_5kqsg_407 {
408
- background-color: #f4f4f4;
409
- border-bottom: 1px solid #ebebeb;
410
- }
411
-
412
- ._mobile_nav_item_5kqsg_407 > a {
413
- color: #323339;
414
- display: flex;
415
- font-weight: 700;
416
- line-height: 1.5;
417
- padding: 16px 40px;
418
- text-decoration: none;
419
- width: 100%;
420
- }
421
-
422
- ._mobile_nav_item_5kqsg_407._has_dropdown_5kqsg_422 {
423
- background-color: #f4f4f4;
424
- isolation: isolate;
425
- position: relative;
426
- }
427
-
428
- ._mobile_nav_item_5kqsg_407._has_dropdown_5kqsg_422::before {
429
- content: "";
430
- background-color: #ebebeb;
431
- height: 100%;
432
- position: absolute;
433
- right: 104px;
434
- top: 0;
435
- width: 1px;
436
- z-index: -1;
437
- }
438
-
439
- ._mobile_nav_item_5kqsg_407._has_dropdown_5kqsg_422 > a {
440
- color: #1e3860;
441
- }
442
-
443
- ._icon_wrap_5kqsg_443 {
444
- line-height: 1;
445
- height: 24px;
446
- }
447
-
448
- ._mobile_footer_5kqsg_448 {
449
- position: relative;
450
- width: 100%;
451
- }
452
-
453
- ._mobile_footer_content_5kqsg_453 {
454
- background-color: #f4f4f4;
455
- flex: 1 1 0%;
456
- padding: 16px 24px 16px 40px;
457
- }
458
-
459
- ._mobile_footer_content_5kqsg_453 p {
460
- line-height: 1.5;
461
- text-overflow: ellipsis;
462
- display: -webkit-box;
463
- -webkit-box-orient: vertical;
464
- -webkit-line-clamp: 2;
465
- }
466
-
467
- ._mobile_footer_media_5kqsg_467 {
468
- flex-basis: 42%;
469
- background: url("https://images.axos.com/o9ov1v03uwqk/5LzVOJ16CkxenX8yTyoeHe/71d6e3fafbeeef1074dfa4160a94d1ae/axos-advisor-contact-us-today-as295109964_.webp")
470
- no-repeat center center / cover;
471
- }
472
-
473
- ._footer_cta_5kqsg_473 {
474
- margin-top: 3px;
475
- }
476
-
477
- ._footer_cta_5kqsg_473 a {
478
- border-radius: 4px;
479
- border: 2px solid transparent;
480
- color: #fff;
481
- display: inline-block;
482
- font-weight: 700;
483
- padding: 4px 32px;
484
- text-decoration: none;
485
- }
486
-
487
- ._footer_cta_5kqsg_473 a:hover {
488
- background-color: transparent;
489
- text-decoration: underline;
490
- }
491
-
492
- ._footer_cta_5kqsg_473 a:active {
493
- border-color: transparent;
494
- color: #fff;
495
- }
496
-
497
- ._mobile_footer_5kqsg_448 > .flex_row {
498
- min-height: 112px;
499
- }
500
-
501
- ._inner_wrapper_5kqsg_501 {
502
- max-height: 100vh;
503
- overflow-y: scroll;
504
- }
505
-
506
- ._btn_5kqsg_506 {
507
- display: block;
508
- position: relative;
509
- }
510
-
511
- ._sub_menu_5kqsg_511 {
512
- overflow: hidden;
513
- max-height: 0;
514
- transition: max-height 0.8s ease-out;
515
- background: #fff;
516
- overflow-y: scroll;
517
- }
518
-
519
- ._sub_menu_5kqsg_511 a,
520
- ._sub_menu_5kqsg_511 span {
521
- display: block;
522
- padding: 12px 14px 12px 64px;
523
- position: relative;
524
- color: #323339;
525
- text-decoration: none;
526
- }
527
-
528
- ._sub_menu_5kqsg_511 ._main_5kqsg_26 {
529
- font-weight: 700;
530
- }
531
-
532
- ._sub_menu_5kqsg_511 a + a {
533
- border-top: 1px solid #ebebeb;
534
- }
535
-
536
- ._dd_footer_5kqsg_536 {
537
- justify-content: flex-end;
538
- flex: 1 1 0%;
539
- align-items: end;
540
- font-size: 11px;
541
- letter-spacing: 0.3px;
542
- }
543
-
544
- @media (max-width: 1280px) and (min-width: 1121px) {
545
- ._wrapper_5kqsg_5 {
546
- width: calc(100% - 28px);
547
- }
548
-
549
- ._dd_wrapper_5kqsg_191 > ._wrapper_5kqsg_5 {
550
- width: 100%;
551
- }
552
- }
553
-
554
- @media (max-width: 1120px) {
555
- ._desktop_only_5kqsg_555 {
556
- display: none !important;
557
- }
558
- }
559
-
560
- @media (max-width: 768px) {
561
- ._wrapper_5kqsg_5 {
562
- width: calc(100% - 48px);
563
- }
564
-
565
- ._mobile_header_5kqsg_12 button {
566
- right: 1.5rem;
567
- }
568
-
569
- ._mobile_nav_item_5kqsg_407 > a {
570
- padding: 16px 24px;
571
- }
572
-
573
- ._sub_menu_5kqsg_511 a,
574
- ._sub_menu_5kqsg_511 span {
575
- padding-left: 48px;
576
- }
577
-
578
- ._mobile_nav_item_5kqsg_407._has_dropdown_5kqsg_422::before {
579
- right: 72px;
580
- }
581
-
582
- ._mobile_footer_content_5kqsg_453 {
583
- padding-right: 15px;
584
- padding-left: 24px;
585
- }
586
- }
587
-
588
- @media (max-width: 450px) {
589
- ._footer_cta_5kqsg_473 a {
590
- white-space: break-spaces;
591
- width: 100%;
592
- text-align: center;
593
- }
594
- }
595
-
596
- @media (min-width: 1121px) {
597
- ._mobile_only_5kqsg_341 {
598
- display: none !important;
599
- }
600
- }
1
+ ._header_1bz7x_1 {
2
+ border-bottom: 1px solid #ebebeb;
3
+ }
4
+
5
+ ._wrapper_1bz7x_9 {
6
+ margin-inline: auto;
7
+ width: calc(100% - 80px);
8
+ }
9
+
10
+ ._header_main_row_1bz7x_19,
11
+ ._mobile_header_1bz7x_21 {
12
+ min-height: 80px;
13
+ padding-top: 1rem;
14
+ padding-bottom: 0.5rem;
15
+ }
16
+
17
+ ._logo_wrap_1bz7x_33 {
18
+ padding: 9px 6px;
19
+ }
20
+
21
+ ._primary_links_1bz7x_41 {
22
+ margin-left: 30px;
23
+ }
24
+
25
+ ._main_nav_link_1bz7x_49 {
26
+ padding: 10px 8px;
27
+ text-align: center;
28
+ }
29
+
30
+ ._main_nav_link_1bz7x_49 .active {
31
+ border-color: currentColor;
32
+ transition: border-color 0.5s ease;
33
+ }
34
+
35
+ ._main_nav_link_1bz7x_49 .active {
36
+ font-weight: 700;
37
+ }
38
+
39
+ ._main_nav_link_1bz7x_49 > a {
40
+ color: #1e3860;
41
+ display: inline-block;
42
+ font-size: 16px;
43
+ padding: 4px 26px;
44
+ border-bottom: 4px solid transparent;
45
+ }
46
+
47
+ ._sub_nav_link_1bz7x_93 a,
48
+ ._main_nav_link_1bz7x_49 a,
49
+ ._signin_wrap_1bz7x_97 a,
50
+ ._signin_btn_1bz7x_99 {
51
+ text-decoration: none;
52
+ word-break: normal;
53
+ transition: opacity 0.3s ease;
54
+ }
55
+
56
+ ._sub_nav_link_1bz7x_93:hover,
57
+ ._main_nav_link_1bz7x_49 a:hover,
58
+ ._signin_wrap_1bz7x_97 a:hover {
59
+ opacity: 0.8;
60
+ }
61
+
62
+ ._signin_wrap_1bz7x_97 .link {
63
+ text-decoration: none;
64
+ padding: 8px;
65
+ }
66
+
67
+ ._signin_btn_1bz7x_99 {
68
+ border-radius: 8px;
69
+ border-color: transparent;
70
+ color: #fff;
71
+ cursor: pointer;
72
+ font-size: 16px;
73
+ font-weight: 700;
74
+ line-height: 1.44;
75
+ margin-left: 8px;
76
+ padding: 11px 24px;
77
+ }
78
+
79
+ ._signin_btn_1bz7x_99:hover {
80
+ background-color: transparent;
81
+ opacity: 0.9;
82
+ }
83
+
84
+ ._signin_btn_1bz7x_99 > span {
85
+ margin-right: 8px;
86
+ }
87
+
88
+ ._header_sub_row_1bz7x_175 {
89
+ min-height: 48px;
90
+ position: relative;
91
+ }
92
+
93
+ ._sub_nav_link_1bz7x_93 {
94
+ color: #fff;
95
+ padding-inline: 1rem;
96
+ text-align: center;
97
+ }
98
+
99
+ ._sub_nav_link_1bz7x_93 a {
100
+ align-items: center;
101
+ display: flex;
102
+ font-weight: 500;
103
+ line-height: 1.5;
104
+ padding: 12px 0px;
105
+ }
106
+
107
+ ._signin_dropdown_1bz7x_213 {
108
+ display: none;
109
+ min-width: 288px;
110
+ padding: 1.5rem 1rem;
111
+ position: absolute;
112
+ right: 0;
113
+ top: 100%;
114
+ z-index: 1204;
115
+ }
116
+
117
+ ._shadow_1bz7x_233 {
118
+ box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
119
+ }
120
+
121
+ ._signin_dropdown_1bz7x_213 li[role="heading"] {
122
+ margin-top: 1px;
123
+ }
124
+
125
+ ._signin_header_1bz7x_249 {
126
+ color: #323339;
127
+ font-weight: 700;
128
+ padding: 0.5rem 1rem;
129
+ text-align: left;
130
+ }
131
+
132
+ ._signin_subheader_1bz7x_263 {
133
+ color: #2f5b88;
134
+ padding: 0.5rem 0.5rem 0.5rem 1.5rem;
135
+ }
136
+
137
+ ._signin_header_1bz7x_249,
138
+ ._signin_subheader_1bz7x_263 a {
139
+ line-height: 1.5;
140
+ }
141
+
142
+ @keyframes _fadeInDown_1bz7x_1 {
143
+ from {
144
+ opacity: 0;
145
+ transform: translate3d(0, -1%, 0);
146
+ }
147
+
148
+ to {
149
+ opacity: 1;
150
+ transform: none;
151
+ }
152
+ }
153
+
154
+ ._opacity_1bz7x_307 {
155
+ animation-duration: 0.5s;
156
+ animation-fill-mode: both;
157
+ animation-name: _fadeInDown_1bz7x_1;
158
+ }
159
+
160
+ ._footer_1bz7x_319 {
161
+ margin-top: 0.5rem;
162
+ padding-top: 1rem;
163
+ }
164
+
165
+ ._footer_1bz7x_319::before {
166
+ content: "";
167
+ background-color: #8f8f8f;
168
+ height: 2px;
169
+ opacity: 0.3;
170
+ position: absolute;
171
+ right: 8px;
172
+ top: 0;
173
+ width: 94%;
174
+ }
175
+
176
+ ._open_1bz7x_351 {
177
+ opacity: 0.8;
178
+ }
179
+
180
+ ._open_1bz7x_351 > svg {
181
+ transform: scaleY(-1);
182
+ }
183
+
184
+ ._open_1bz7x_351 + ._signin_dropdown_1bz7x_213 {
185
+ display: block;
186
+ }
187
+
188
+ ._dd_wrapper_1bz7x_375 {
189
+ z-index: 1203;
190
+ max-width: 1440px;
191
+ }
192
+
193
+ ._dd_media_1bz7x_385 {
194
+ padding: 1.5rem;
195
+ width: 280px;
196
+ }
197
+
198
+ ._dd_media_img_1bz7x_395 {
199
+ min-height: 232px;
200
+ }
201
+
202
+ ._dd_site_navs_1bz7x_403 {
203
+ flex: 1 1 0%;
204
+ padding: 1.5rem;
205
+ display: flex;
206
+ flex-direction: column;
207
+ }
208
+
209
+ ._dd_media_header_1bz7x_417 p {
210
+ font-size: 14px;
211
+ line-height: 1.42;
212
+ }
213
+
214
+ ._dd_media_header_1bz7x_417 p[role="heading"] {
215
+ font: 600 1.25rem/ 1.4 var(--header-font-family);
216
+ }
217
+
218
+ ._mt_8_1bz7x_435 {
219
+ margin-top: 8px;
220
+ }
221
+
222
+ ._mt_16_1bz7x_443 {
223
+ margin-top: 1rem;
224
+ }
225
+
226
+ ._ml_8_1bz7x_451 {
227
+ margin-left: 8px;
228
+ }
229
+
230
+ ._dd_media_cta_1bz7x_459 > a {
231
+ border-radius: 8px;
232
+ color: #1e3860 !important;
233
+ display: inline-block;
234
+ font-size: 1.125rem;
235
+ font-weight: 700;
236
+ line-height: 1.44;
237
+ padding: 12px;
238
+ text-decoration: none;
239
+ width: 100%;
240
+ transition: all 0.25s ease;
241
+ border: 2px solid transparent;
242
+ }
243
+
244
+ ._reversed_row_1bz7x_487 {
245
+ flex-direction: row-reverse;
246
+ }
247
+
248
+ ._dd_media_cta_1bz7x_459 > a:hover {
249
+ background-color: transparent;
250
+ border-color: #fff;
251
+ color: #fff;
252
+ }
253
+
254
+ ._dd_media_cta_1bz7x_459 > a:active {
255
+ background-color: #fff;
256
+ border-color: transparent;
257
+ color: #1e3860 !important;
258
+ }
259
+
260
+ ._headline_1bz7x_519 > p {
261
+ font: 600 1.5rem / 1.33 var(--header-font-family);
262
+ flex: 1 1 0%;
263
+ color: #1e3860;
264
+ }
265
+
266
+ ._nav_anchor_1bz7x_531 {
267
+ width: 1.5rem;
268
+ height: 1.5rem;
269
+ aspect-ratio: 1;
270
+ background-color: #4a5560;
271
+ border-radius: 8px;
272
+ }
273
+
274
+ ._headline_cta_1bz7x_547 {
275
+ margin-left: 8px;
276
+ }
277
+
278
+ ._headline_cta_1bz7x_547 > a {
279
+ font-weight: 700;
280
+ line-height: 1.5;
281
+ text-decoration: none;
282
+ color: #1e3860;
283
+ }
284
+
285
+ ._sub_nav_link_1bz7x_93:hover,
286
+ ._signin_wrap_1bz7x_97 a:hover,
287
+ ._main_nav_link_1bz7x_49 a:not(.active):hover,
288
+ ._dd_site_navs_1bz7x_403 a:hover,
289
+ ._site_lists_1bz7x_577 a:hover {
290
+ text-decoration: underline;
291
+ }
292
+
293
+ ._dd_site_navs_1bz7x_403 hr {
294
+ border-style: solid;
295
+ border-width: 1px;
296
+ color: #a0aab3;
297
+ margin: 1.5rem 0;
298
+ opacity: 0.3;
299
+ position: relative;
300
+ }
301
+
302
+ ._site_lists_1bz7x_577 {
303
+ padding-bottom: 1.5rem;
304
+ }
305
+
306
+ ._site_lists_1bz7x_577 > * {
307
+ width: 100%;
308
+ }
309
+
310
+ ._site_lists_1bz7x_577 a {
311
+ color: #323339;
312
+ text-decoration: none;
313
+ }
314
+
315
+ ._site_lists_1bz7x_577 [role="heading"] {
316
+ color: #1e3860;
317
+ font-weight: 700;
318
+ }
319
+
320
+ ._site_lists_1bz7x_577 li + li {
321
+ margin-top: 8px;
322
+ }
323
+
324
+ ._hamburger_1bz7x_647 {
325
+ background: transparent;
326
+ border: none;
327
+ font-size: 0px;
328
+ line-height: 1;
329
+ outline: none;
330
+ }
331
+
332
+ ._hamburger_1bz7x_647:hover,
333
+ ._mobile_header_1bz7x_21 button:hover {
334
+ cursor: pointer;
335
+ opacity: 0.8;
336
+ }
337
+
338
+ ._signin_wrap_1bz7x_97 > ._mobile_only_1bz7x_675 > a {
339
+ color: #4a5560;
340
+ padding: 0;
341
+ line-height: 1;
342
+ }
343
+
344
+ ._mobile_logo_1bz7x_687 {
345
+ flex: 1 1 0%;
346
+ text-align: center;
347
+ }
348
+
349
+ ._highlight_1bz7x_697 > a {
350
+ border-bottom: none;
351
+ color: #2f5b88;
352
+ font-weight: 700;
353
+ line-height: 1.44;
354
+ }
355
+
356
+ @media (max-width: 1121px) {
357
+ ._mobile_logo_1bz7x_687 {
358
+ position: absolute;
359
+ transform: translateX(-50%);
360
+ left: 50%;
361
+ flex: none;
362
+ }
363
+ }
364
+
365
+ ._mobile_header_1bz7x_21 {
366
+ padding-bottom: 1rem;
367
+ display: grid;
368
+ place-items: center;
369
+ border-bottom: 1px solid #ebebeb;
370
+ }
371
+
372
+ ._mobile_header_1bz7x_21 p {
373
+ font: 400 20px / 1.3 var(--header-font-family);
374
+ }
375
+
376
+ ._mobile_header_1bz7x_21 button {
377
+ background: none;
378
+ border: none;
379
+ position: absolute;
380
+ right: 40px;
381
+ top: 50%;
382
+ transform: translateY(-50%);
383
+ }
384
+
385
+ ._mobile_nav_1bz7x_769 {
386
+ border-right: 1px solid #ebebeb;
387
+ left: -100%;
388
+ min-height: 100vh;
389
+ position: fixed;
390
+ top: 0;
391
+ transition: all 0.4s ease-in-out;
392
+ width: 100%;
393
+ z-index: 999;
394
+ }
395
+
396
+ ._mobile_opened_1bz7x_791 {
397
+ left: 0%;
398
+ }
399
+
400
+ body:has(.__mobile_opened_1bz7x_799) {
401
+ overflow-y: hidden;
402
+ }
403
+
404
+ ._mobile_nav_item_1bz7x_807 {
405
+ background-color: #f4f4f4;
406
+ border-bottom: 1px solid #ebebeb;
407
+ }
408
+
409
+ ._mobile_nav_item_1bz7x_807 > a {
410
+ color: #323339;
411
+ display: flex;
412
+ font-weight: 700;
413
+ line-height: 1.5;
414
+ padding: 16px 40px;
415
+ text-decoration: none;
416
+ width: 100%;
417
+ }
418
+
419
+ ._mobile_nav_item_1bz7x_807._has_dropdown_1bz7x_837 {
420
+ background-color: #f4f4f4;
421
+ isolation: isolate;
422
+ position: relative;
423
+ }
424
+
425
+ ._mobile_nav_item_1bz7x_807._has_dropdown_1bz7x_837::before {
426
+ content: "";
427
+ background-color: #ebebeb;
428
+ height: 100%;
429
+ position: absolute;
430
+ right: 104px;
431
+ top: 0;
432
+ width: 1px;
433
+ z-index: -1;
434
+ }
435
+
436
+ ._mobile_nav_item_1bz7x_807._has_dropdown_1bz7x_837 > a {
437
+ color: #1e3860;
438
+ }
439
+
440
+ ._icon_wrap_1bz7x_879 {
441
+ line-height: 1;
442
+ height: 24px;
443
+ }
444
+
445
+ ._mobile_footer_1bz7x_889 {
446
+ position: relative;
447
+ width: 100%;
448
+ }
449
+
450
+ ._mobile_footer_content_1bz7x_899 {
451
+ background-color: #f4f4f4;
452
+ flex: 1 1 0%;
453
+ padding: 16px 24px 16px 40px;
454
+ }
455
+
456
+ ._mobile_footer_content_1bz7x_899 p {
457
+ line-height: 1.5;
458
+ text-overflow: ellipsis;
459
+ display: -webkit-box;
460
+ -webkit-box-orient: vertical;
461
+ -webkit-line-clamp: 2;
462
+ }
463
+
464
+ ._mobile_footer_media_1bz7x_927 {
465
+ flex-basis: 42%;
466
+ background: url("https://images.axos.com/o9ov1v03uwqk/5LzVOJ16CkxenX8yTyoeHe/71d6e3fafbeeef1074dfa4160a94d1ae/axos-advisor-contact-us-today-as295109964_.webp")
467
+ no-repeat center center / cover;
468
+ }
469
+
470
+ ._footer_cta_1bz7x_939 {
471
+ margin-top: 3px;
472
+ }
473
+
474
+ ._footer_cta_1bz7x_939 a {
475
+ border-radius: 4px;
476
+ border: 2px solid transparent;
477
+ color: #fff;
478
+ display: inline-block;
479
+ font-weight: 700;
480
+ padding: 4px 32px;
481
+ text-decoration: none;
482
+ }
483
+
484
+ ._footer_cta_1bz7x_939 a:hover {
485
+ background-color: transparent;
486
+ text-decoration: underline;
487
+ }
488
+
489
+ ._footer_cta_1bz7x_939 a:active {
490
+ border-color: transparent;
491
+ color: #fff;
492
+ }
493
+
494
+ ._mobile_footer_1bz7x_889 > .flex_row {
495
+ min-height: 112px;
496
+ }
497
+
498
+ ._inner_wrapper_1bz7x_995 {
499
+ max-height: 100vh;
500
+ overflow-y: scroll;
501
+ }
502
+
503
+ ._btn_1bz7x_1005 {
504
+ display: block;
505
+ position: relative;
506
+ }
507
+
508
+ ._sub_menu_1bz7x_1015 {
509
+ overflow: hidden;
510
+ max-height: 0;
511
+ transition: max-height 0.8s ease-out;
512
+ background: #fff;
513
+ overflow-y: scroll;
514
+ }
515
+
516
+ ._sub_menu_1bz7x_1015 a,
517
+ ._sub_menu_1bz7x_1015 span {
518
+ display: block;
519
+ padding: 12px 14px 12px 64px;
520
+ position: relative;
521
+ color: #323339;
522
+ text-decoration: none;
523
+ }
524
+
525
+ ._sub_menu_1bz7x_1015 ._main_1bz7x_49 {
526
+ font-weight: 700;
527
+ }
528
+
529
+ ._sub_menu_1bz7x_1015 a + a {
530
+ border-top: 1px solid #ebebeb;
531
+ }
532
+
533
+ ._dd_footer_1bz7x_1065 {
534
+ justify-content: flex-end;
535
+ flex: 1 1 0%;
536
+ align-items: end;
537
+ font-size: 11px;
538
+ letter-spacing: 0.3px;
539
+ }
540
+
541
+ @media (max-width: 1280px) and (min-width: 1121px) {
542
+ ._wrapper_1bz7x_9 {
543
+ width: calc(100% - 28px);
544
+ }
545
+
546
+ ._dd_wrapper_1bz7x_375 > ._wrapper_1bz7x_9 {
547
+ width: 100%;
548
+ }
549
+ }
550
+
551
+ @media (max-width: 1120px) {
552
+ ._desktop_only_1bz7x_1103 {
553
+ display: none !important;
554
+ }
555
+ }
556
+
557
+ @media (max-width: 768px) {
558
+ ._wrapper_1bz7x_9 {
559
+ width: calc(100% - 48px);
560
+ }
561
+
562
+ ._mobile_header_1bz7x_21 button {
563
+ right: 1.5rem;
564
+ }
565
+
566
+ ._mobile_nav_item_1bz7x_807 > a {
567
+ padding: 16px 24px;
568
+ }
569
+
570
+ ._sub_menu_1bz7x_1015 a,
571
+ ._sub_menu_1bz7x_1015 span {
572
+ padding-left: 48px;
573
+ }
574
+
575
+ ._mobile_nav_item_1bz7x_807._has_dropdown_1bz7x_837::before {
576
+ right: 72px;
577
+ }
578
+
579
+ ._mobile_footer_content_1bz7x_899 {
580
+ padding-right: 15px;
581
+ padding-left: 24px;
582
+ }
583
+ }
584
+
585
+ @media (max-width: 450px) {
586
+ ._footer_cta_1bz7x_939 a {
587
+ white-space: break-spaces;
588
+ width: 100%;
589
+ text-align: center;
590
+ }
591
+ }
592
+
593
+ @media (min-width: 1121px) {
594
+ ._mobile_only_1bz7x_675 {
595
+ display: none !important;
596
+ }
597
+ }