src/components/blog/MailForm2.astro 32.2 K raw
1
---
2
3
---
4
<script
5
	src="https://groot.mailerlite.com/js/w/webforms.min.js?v300817f630ad0e957914d0b28a2b6d78"
6
	type="text/javascript"
7
></script>
8
9
<script>
10
	function ml_webform_success_3788997() {
11
		var $ = ml_jQuery || jQuery;
12
		$(".ml-subscribe-form-3788997 .row-success").show();
13
		$(".ml-subscribe-form-3788997 .row-form").hide();
14
	}
15
</script>
16
17
<style type="text/css">
18
	@import url("https://assets.mlcdn.com/fonts.css?version=1677160");
19
</style>
20
<style type="text/css">
21
	/* LOADER */
22
	.ml-form-embedSubmitLoad {
23
		display: inline-block;
24
		width: 20px;
25
		height: 20px;
26
	}
27
28
	.g-recaptcha {
29
		transform: scale(1);
30
		-webkit-transform: scale(1);
31
		transform-origin: 0 0;
32
		-webkit-transform-origin: 0 0;
33
		height: ;
34
	}
35
36
	.sr-only {
37
		position: absolute;
38
		width: 1px;
39
		height: 1px;
40
		padding: 0;
41
		margin: -1px;
42
		overflow: hidden;
43
		clip: rect(0, 0, 0, 0);
44
		border: 0;
45
	}
46
47
	.ml-form-embedSubmitLoad:after {
48
		content: " ";
49
		display: block;
50
		width: 11px;
51
		height: 11px;
52
		margin: 1px;
53
		border-radius: 50%;
54
		border: 4px solid #fff;
55
		border-color: #ffffff #ffffff #ffffff transparent;
56
		animation: ml-form-embedSubmitLoad 1.2s linear infinite;
57
	}
58
	@keyframes ml-form-embedSubmitLoad {
59
		0% {
60
			transform: rotate(0deg);
61
		}
62
		100% {
63
			transform: rotate(360deg);
64
		}
65
	}
66
	#mlb2-3788997.ml-form-embedContainer {
67
		box-sizing: border-box;
68
		display: table;
69
		margin: 0 auto;
70
		position: static;
71
		width: 100% !important;
72
	}
73
	#mlb2-3788997.ml-form-embedContainer h4,
74
	#mlb2-3788997.ml-form-embedContainer p,
75
	#mlb2-3788997.ml-form-embedContainer span,
76
	#mlb2-3788997.ml-form-embedContainer button {
77
		text-transform: none !important;
78
		letter-spacing: normal !important;
79
	}
80
	#mlb2-3788997.ml-form-embedContainer .ml-form-embedWrapper {
81
		background-color: #2e3440;
82
83
		border-width: 0px;
84
		border-color: transparent;
85
		border-radius: 4px;
86
		border-style: solid;
87
		box-sizing: border-box;
88
		display: inline-block !important;
89
		margin: 0;
90
		padding: 0;
91
		position: relative;
92
	}
93
	#mlb2-3788997.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
94
	#mlb2-3788997.ml-form-embedContainer .ml-form-embedWrapper.embedDefault {
95
		width: 400px;
96
	}
97
	#mlb2-3788997.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
98
		max-width: 400px;
99
		width: 100%;
100
	}
101
	#mlb2-3788997.ml-form-embedContainer .ml-form-align-left {
102
		text-align: left;
103
	}
104
	#mlb2-3788997.ml-form-embedContainer .ml-form-align-center {
105
		text-align: center;
106
	}
107
	#mlb2-3788997.ml-form-embedContainer .ml-form-align-default {
108
		display: table-cell !important;
109
		vertical-align: middle !important;
110
		text-align: center !important;
111
	}
112
	#mlb2-3788997.ml-form-embedContainer .ml-form-align-right {
113
		text-align: right;
114
	}
115
	#mlb2-3788997.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img {
116
		border-top-left-radius: 4px;
117
		border-top-right-radius: 4px;
118
		height: auto;
119
		margin: 0 auto !important;
120
		max-width: 100%;
121
		width: undefinedpx;
122
	}
123
	#mlb2-3788997.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
124
	#mlb2-3788997.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
125
		padding: 20px 20px 0 20px;
126
	}
127
	#mlb2-3788997.ml-form-embedContainer
128
		.ml-form-embedWrapper
129
		.ml-form-embedBody.ml-form-embedBodyHorizontal {
130
		padding-bottom: 0;
131
	}
132
	#mlb2-3788997.ml-form-embedContainer
133
		.ml-form-embedWrapper
134
		.ml-form-embedBody
135
		.ml-form-embedContent,
136
	#mlb2-3788997.ml-form-embedContainer
137
		.ml-form-embedWrapper
138
		.ml-form-successBody
139
		.ml-form-successContent {
140
		text-align: left;
141
		margin: 0 0 20px 0;
142
	}
143
	#mlb2-3788997.ml-form-embedContainer
144
		.ml-form-embedWrapper
145
		.ml-form-embedBody
146
		.ml-form-embedContent
147
		h4,
148
	#mlb2-3788997.ml-form-embedContainer
149
		.ml-form-embedWrapper
150
		.ml-form-successBody
151
		.ml-form-successContent
152
		h4 {
153
		color: #000000;
154
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
155
		font-size: 30px;
156
		font-weight: 400;
157
		margin: 0 0 10px 0;
158
		text-align: left;
159
		word-break: break-word;
160
	}
161
	#mlb2-3788997.ml-form-embedContainer
162
		.ml-form-embedWrapper
163
		.ml-form-embedBody
164
		.ml-form-embedContent
165
		p,
166
	#mlb2-3788997.ml-form-embedContainer
167
		.ml-form-embedWrapper
168
		.ml-form-successBody
169
		.ml-form-successContent
170
		p {
171
		color: #edeff3;
172
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
173
		font-size: 14px;
174
		font-weight: 400;
175
		line-height: 20px;
176
		margin: 0 0 10px 0;
177
		text-align: left;
178
	}
179
	#mlb2-3788997.ml-form-embedContainer
180
		.ml-form-embedWrapper
181
		.ml-form-embedBody
182
		.ml-form-embedContent
183
		ul,
184
	#mlb2-3788997.ml-form-embedContainer
185
		.ml-form-embedWrapper
186
		.ml-form-embedBody
187
		.ml-form-embedContent
188
		ol,
189
	#mlb2-3788997.ml-form-embedContainer
190
		.ml-form-embedWrapper
191
		.ml-form-successBody
192
		.ml-form-successContent
193
		ul,
194
	#mlb2-3788997.ml-form-embedContainer
195
		.ml-form-embedWrapper
196
		.ml-form-successBody
197
		.ml-form-successContent
198
		ol {
199
		color: #edeff3;
200
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
201
		font-size: 14px;
202
	}
203
	#mlb2-3788997.ml-form-embedContainer
204
		.ml-form-embedWrapper
205
		.ml-form-embedBody
206
		.ml-form-embedContent
207
		ol
208
		ol,
209
	#mlb2-3788997.ml-form-embedContainer
210
		.ml-form-embedWrapper
211
		.ml-form-successBody
212
		.ml-form-successContent
213
		ol
214
		ol {
215
		list-style-type: lower-alpha;
216
	}
217
	#mlb2-3788997.ml-form-embedContainer
218
		.ml-form-embedWrapper
219
		.ml-form-embedBody
220
		.ml-form-embedContent
221
		ol
222
		ol
223
		ol,
224
	#mlb2-3788997.ml-form-embedContainer
225
		.ml-form-embedWrapper
226
		.ml-form-successBody
227
		.ml-form-successContent
228
		ol
229
		ol
230
		ol {
231
		list-style-type: lower-roman;
232
	}
233
	#mlb2-3788997.ml-form-embedContainer
234
		.ml-form-embedWrapper
235
		.ml-form-embedBody
236
		.ml-form-embedContent
237
		p
238
		a,
239
	#mlb2-3788997.ml-form-embedContainer
240
		.ml-form-embedWrapper
241
		.ml-form-successBody
242
		.ml-form-successContent
243
		p
244
		a {
245
		color: #000000;
246
		text-decoration: underline;
247
	}
248
249
	#mlb2-3788997.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group {
250
		text-align: left !important;
251
	}
252
253
	#mlb2-3788997.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
254
		margin-bottom: 5px;
255
		color: #333333;
256
		font-size: 14px;
257
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
258
		font-weight: bold;
259
		font-style: normal;
260
		text-decoration: none;
261
		display: inline-block;
262
		line-height: 20px;
263
	}
264
	#mlb2-3788997.ml-form-embedContainer
265
		.ml-form-embedWrapper
266
		.ml-form-embedBody
267
		.ml-form-embedContent
268
		p:last-child,
269
	#mlb2-3788997.ml-form-embedContainer
270
		.ml-form-embedWrapper
271
		.ml-form-successBody
272
		.ml-form-successContent
273
		p:last-child {
274
		margin: 0;
275
	}
276
	#mlb2-3788997.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
277
		margin: 0;
278
		width: 100%;
279
	}
280
	#mlb2-3788997.ml-form-embedContainer
281
		.ml-form-embedWrapper
282
		.ml-form-embedBody
283
		.ml-form-formContent,
284
	#mlb2-3788997.ml-form-embedContainer
285
		.ml-form-embedWrapper
286
		.ml-form-embedBody
287
		.ml-form-checkboxRow {
288
		margin: 0 0 20px 0;
289
		width: 100%;
290
	}
291
	#mlb2-3788997.ml-form-embedContainer
292
		.ml-form-embedWrapper
293
		.ml-form-embedBody
294
		.ml-form-checkboxRow {
295
		float: left;
296
	}
297
	#mlb2-3788997.ml-form-embedContainer
298
		.ml-form-embedWrapper
299
		.ml-form-embedBody
300
		.ml-form-formContent.horozintalForm {
301
		margin: 0;
302
		padding: 0 0 20px 0;
303
		width: 100%;
304
		height: auto;
305
		float: left;
306
	}
307
	#mlb2-3788997.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
308
		margin: 0 0 10px 0;
309
		width: 100%;
310
	}
311
	#mlb2-3788997.ml-form-embedContainer
312
		.ml-form-embedWrapper
313
		.ml-form-embedBody
314
		.ml-form-fieldRow.ml-last-item {
315
		margin: 0;
316
	}
317
	#mlb2-3788997.ml-form-embedContainer
318
		.ml-form-embedWrapper
319
		.ml-form-embedBody
320
		.ml-form-fieldRow.ml-formfieldHorizintal {
321
		margin: 0;
322
	}
323
	#mlb2-3788997.ml-form-embedContainer
324
		.ml-form-embedWrapper
325
		.ml-form-embedBody
326
		.ml-form-fieldRow
327
		input {
328
		background-color: #2e3440 !important;
329
		color: #edeff3 !important;
330
		border-color: #88c0d0;
331
		border-radius: 4px !important;
332
		border-style: solid !important;
333
		border-width: 1px !important;
334
		font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
335
		font-size: 14px !important;
336
		height: auto;
337
		line-height: 21px !important;
338
		margin-bottom: 0;
339
		margin-top: 0;
340
		margin-left: 0;
341
		margin-right: 0;
342
		padding: 10px 10px !important;
343
		width: 100% !important;
344
		box-sizing: border-box !important;
345
		max-width: 100% !important;
346
	}
347
	#mlb2-3788997.ml-form-embedContainer
348
		.ml-form-embedWrapper
349
		.ml-form-embedBody
350
		.ml-form-fieldRow
351
		input::-webkit-input-placeholder,
352
	#mlb2-3788997.ml-form-embedContainer
353
		.ml-form-embedWrapper
354
		.ml-form-embedBody
355
		.ml-form-horizontalRow
356
		input::-webkit-input-placeholder {
357
		color: #edeff3;
358
	}
359
360
	#mlb2-3788997.ml-form-embedContainer
361
		.ml-form-embedWrapper
362
		.ml-form-embedBody
363
		.ml-form-fieldRow
364
		input::-moz-placeholder,
365
	#mlb2-3788997.ml-form-embedContainer
366
		.ml-form-embedWrapper
367
		.ml-form-embedBody
368
		.ml-form-horizontalRow
369
		input::-moz-placeholder {
370
		color: #edeff3;
371
	}
372
373
	#mlb2-3788997.ml-form-embedContainer
374
		.ml-form-embedWrapper
375
		.ml-form-embedBody
376
		.ml-form-fieldRow
377
		input:-ms-input-placeholder,
378
	#mlb2-3788997.ml-form-embedContainer
379
		.ml-form-embedWrapper
380
		.ml-form-embedBody
381
		.ml-form-horizontalRow
382
		input:-ms-input-placeholder {
383
		color: #edeff3;
384
	}
385
386
	#mlb2-3788997.ml-form-embedContainer
387
		.ml-form-embedWrapper
388
		.ml-form-embedBody
389
		.ml-form-fieldRow
390
		input:-moz-placeholder,
391
	#mlb2-3788997.ml-form-embedContainer
392
		.ml-form-embedWrapper
393
		.ml-form-embedBody
394
		.ml-form-horizontalRow
395
		input:-moz-placeholder {
396
		color: #edeff3;
397
	}
398
399
	#mlb2-3788997.ml-form-embedContainer
400
		.ml-form-embedWrapper
401
		.ml-form-embedBody
402
		.ml-form-fieldRow
403
		textarea,
404
	#mlb2-3788997.ml-form-embedContainer
405
		.ml-form-embedWrapper
406
		.ml-form-embedBody
407
		.ml-form-horizontalRow
408
		textarea {
409
		background-color: #2e3440 !important;
410
		color: #edeff3 !important;
411
		border-color: #88c0d0;
412
		border-radius: 4px !important;
413
		border-style: solid !important;
414
		border-width: 1px !important;
415
		font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
416
		font-size: 14px !important;
417
		height: auto;
418
		line-height: 21px !important;
419
		margin-bottom: 0;
420
		margin-top: 0;
421
		padding: 10px 10px !important;
422
		width: 100% !important;
423
		box-sizing: border-box !important;
424
		max-width: 100% !important;
425
	}
426
427
	#mlb2-3788997.ml-form-embedContainer
428
		.ml-form-embedWrapper
429
		.ml-form-embedBody
430
		.ml-form-fieldRow
431
		.custom-radio
432
		.custom-control-label::before,
433
	#mlb2-3788997.ml-form-embedContainer
434
		.ml-form-embedWrapper
435
		.ml-form-embedBody
436
		.ml-form-horizontalRow
437
		.custom-radio
438
		.custom-control-label::before,
439
	#mlb2-3788997.ml-form-embedContainer
440
		.ml-form-embedWrapper
441
		.ml-form-embedBody
442
		.ml-form-fieldRow
443
		.custom-checkbox
444
		.custom-control-label::before,
445
	#mlb2-3788997.ml-form-embedContainer
446
		.ml-form-embedWrapper
447
		.ml-form-embedBody
448
		.ml-form-horizontalRow
449
		.custom-checkbox
450
		.custom-control-label::before,
451
	#mlb2-3788997.ml-form-embedContainer
452
		.ml-form-embedWrapper
453
		.ml-form-embedBody
454
		.ml-form-embedPermissions
455
		.ml-form-embedPermissionsOptionsCheckbox
456
		.label-description::before,
457
	#mlb2-3788997.ml-form-embedContainer
458
		.ml-form-embedWrapper
459
		.ml-form-embedBody
460
		.ml-form-interestGroupsRow
461
		.ml-form-interestGroupsRowCheckbox
462
		.label-description::before,
463
	#mlb2-3788997.ml-form-embedContainer
464
		.ml-form-embedWrapper
465
		.ml-form-embedBody
466
		.ml-form-checkboxRow
467
		.label-description::before {
468
		border-color: #88c0d0 !important;
469
		background-color: #2e3440 !important;
470
	}
471
472
	#mlb2-3788997.ml-form-embedContainer
473
		.ml-form-embedWrapper
474
		.ml-form-embedBody
475
		.ml-form-fieldRow
476
		input.custom-control-input[type="checkbox"] {
477
		box-sizing: border-box;
478
		padding: 0;
479
		position: absolute;
480
		z-index: -1;
481
		opacity: 0;
482
		margin-top: 5px;
483
		margin-left: -1.5rem;
484
		overflow: visible;
485
	}
486
487
	#mlb2-3788997.ml-form-embedContainer
488
		.ml-form-embedWrapper
489
		.ml-form-embedBody
490
		.ml-form-fieldRow
491
		.custom-checkbox
492
		.custom-control-label::before,
493
	#mlb2-3788997.ml-form-embedContainer
494
		.ml-form-embedWrapper
495
		.ml-form-embedBody
496
		.ml-form-horizontalRow
497
		.custom-checkbox
498
		.custom-control-label::before,
499
	#mlb2-3788997.ml-form-embedContainer
500
		.ml-form-embedWrapper
501
		.ml-form-embedBody
502
		.ml-form-embedPermissions
503
		.ml-form-embedPermissionsOptionsCheckbox
504
		.label-description::before,
505
	#mlb2-3788997.ml-form-embedContainer
506
		.ml-form-embedWrapper
507
		.ml-form-embedBody
508
		.ml-form-interestGroupsRow
509
		.ml-form-interestGroupsRowCheckbox
510
		.label-description::before,
511
	#mlb2-3788997.ml-form-embedContainer
512
		.ml-form-embedWrapper
513
		.ml-form-embedBody
514
		.ml-form-checkboxRow
515
		.label-description::before {
516
		border-radius: 4px !important;
517
	}
518
519
	#mlb2-3788997.ml-form-embedContainer
520
		.ml-form-embedWrapper
521
		.ml-form-embedBody
522
		.ml-form-checkboxRow
523
		input[type="checkbox"]:checked
524
		~ .label-description::after,
525
	#mlb2-3788997.ml-form-embedContainer
526
		.ml-form-embedWrapper
527
		.ml-form-embedBody
528
		.ml-form-embedPermissions
529
		.ml-form-embedPermissionsOptionsCheckbox
530
		input[type="checkbox"]:checked
531
		~ .label-description::after,
532
	#mlb2-3788997.ml-form-embedContainer
533
		.ml-form-embedWrapper
534
		.ml-form-embedBody
535
		.ml-form-fieldRow
536
		.custom-checkbox
537
		.custom-control-input:checked
538
		~ .custom-control-label::after,
539
	#mlb2-3788997.ml-form-embedContainer
540
		.ml-form-embedWrapper
541
		.ml-form-embedBody
542
		.ml-form-horizontalRow
543
		.custom-checkbox
544
		.custom-control-input:checked
545
		~ .custom-control-label::after,
546
	#mlb2-3788997.ml-form-embedContainer
547
		.ml-form-embedWrapper
548
		.ml-form-embedBody
549
		.ml-form-interestGroupsRow
550
		.ml-form-interestGroupsRowCheckbox
551
		input[type="checkbox"]:checked
552
		~ .label-description::after {
553
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
554
	}
555
556
	#mlb2-3788997.ml-form-embedContainer
557
		.ml-form-embedWrapper
558
		.ml-form-embedBody
559
		.ml-form-fieldRow
560
		.custom-radio
561
		.custom-control-input:checked
562
		~ .custom-control-label::after,
563
	#mlb2-3788997.ml-form-embedContainer
564
		.ml-form-embedWrapper
565
		.ml-form-embedBody
566
		.ml-form-fieldRow
567
		.custom-radio
568
		.custom-control-input:checked
569
		~ .custom-control-label::after {
570
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
571
	}
572
573
	#mlb2-3788997.ml-form-embedContainer
574
		.ml-form-embedWrapper
575
		.ml-form-embedBody
576
		.ml-form-fieldRow
577
		.custom-radio
578
		.custom-control-input:checked
579
		~ .custom-control-label::before,
580
	#mlb2-3788997.ml-form-embedContainer
581
		.ml-form-embedWrapper
582
		.ml-form-embedBody
583
		.ml-form-horizontalRow
584
		.custom-radio
585
		.custom-control-input:checked
586
		~ .custom-control-label::before,
587
	#mlb2-3788997.ml-form-embedContainer
588
		.ml-form-embedWrapper
589
		.ml-form-embedBody
590
		.ml-form-fieldRow
591
		.custom-checkbox
592
		.custom-control-input:checked
593
		~ .custom-control-label::before,
594
	#mlb2-3788997.ml-form-embedContainer
595
		.ml-form-embedWrapper
596
		.ml-form-embedBody
597
		.ml-form-horizontalRow
598
		.custom-checkbox
599
		.custom-control-input:checked
600
		~ .custom-control-label::before,
601
	#mlb2-3788997.ml-form-embedContainer
602
		.ml-form-embedWrapper
603
		.ml-form-embedBody
604
		.ml-form-embedPermissions
605
		.ml-form-embedPermissionsOptionsCheckbox
606
		input[type="checkbox"]:checked
607
		~ .label-description::before,
608
	#mlb2-3788997.ml-form-embedContainer
609
		.ml-form-embedWrapper
610
		.ml-form-embedBody
611
		.ml-form-interestGroupsRow
612
		.ml-form-interestGroupsRowCheckbox
613
		input[type="checkbox"]:checked
614
		~ .label-description::before,
615
	#mlb2-3788997.ml-form-embedContainer
616
		.ml-form-embedWrapper
617
		.ml-form-embedBody
618
		.ml-form-checkboxRow
619
		input[type="checkbox"]:checked
620
		~ .label-description::before {
621
		border-color: #88c0d0 !important;
622
		background-color: #88c0d0 !important;
623
		color: #ffffff !important;
624
	}
625
626
	#mlb2-3788997.ml-form-embedContainer
627
		.ml-form-embedWrapper
628
		.ml-form-embedBody
629
		.ml-form-fieldRow
630
		.custom-radio
631
		.custom-control-label::before,
632
	#mlb2-3788997.ml-form-embedContainer
633
		.ml-form-embedWrapper
634
		.ml-form-embedBody
635
		.ml-form-horizontalRow
636
		.custom-radio
637
		.custom-control-label::before,
638
	#mlb2-3788997.ml-form-embedContainer
639
		.ml-form-embedWrapper
640
		.ml-form-embedBody
641
		.ml-form-fieldRow
642
		.custom-radio
643
		.custom-control-label::after,
644
	#mlb2-3788997.ml-form-embedContainer
645
		.ml-form-embedWrapper
646
		.ml-form-embedBody
647
		.ml-form-horizontalRow
648
		.custom-radio
649
		.custom-control-label::after,
650
	#mlb2-3788997.ml-form-embedContainer
651
		.ml-form-embedWrapper
652
		.ml-form-embedBody
653
		.ml-form-fieldRow
654
		.custom-checkbox
655
		.custom-control-label::before,
656
	#mlb2-3788997.ml-form-embedContainer
657
		.ml-form-embedWrapper
658
		.ml-form-embedBody
659
		.ml-form-fieldRow
660
		.custom-checkbox
661
		.custom-control-label::after,
662
	#mlb2-3788997.ml-form-embedContainer
663
		.ml-form-embedWrapper
664
		.ml-form-embedBody
665
		.ml-form-horizontalRow
666
		.custom-checkbox
667
		.custom-control-label::before,
668
	#mlb2-3788997.ml-form-embedContainer
669
		.ml-form-embedWrapper
670
		.ml-form-embedBody
671
		.ml-form-horizontalRow
672
		.custom-checkbox
673
		.custom-control-label::after {
674
		top: 2px;
675
		box-sizing: border-box;
676
	}
677
678
	#mlb2-3788997.ml-form-embedContainer
679
		.ml-form-embedWrapper
680
		.ml-form-embedBody
681
		.ml-form-embedPermissions
682
		.ml-form-embedPermissionsOptionsCheckbox
683
		.label-description::before,
684
	#mlb2-3788997.ml-form-embedContainer
685
		.ml-form-embedWrapper
686
		.ml-form-embedBody
687
		.ml-form-embedPermissions
688
		.ml-form-embedPermissionsOptionsCheckbox
689
		.label-description::after,
690
	#mlb2-3788997.ml-form-embedContainer
691
		.ml-form-embedWrapper
692
		.ml-form-embedBody
693
		.ml-form-checkboxRow
694
		.label-description::before,
695
	#mlb2-3788997.ml-form-embedContainer
696
		.ml-form-embedWrapper
697
		.ml-form-embedBody
698
		.ml-form-checkboxRow
699
		.label-description::after {
700
		top: 0px !important;
701
		box-sizing: border-box !important;
702
	}
703
704
	#mlb2-3788997.ml-form-embedContainer
705
		.ml-form-embedWrapper
706
		.ml-form-embedBody
707
		.ml-form-checkboxRow
708
		.label-description::before,
709
	#mlb2-3788997.ml-form-embedContainer
710
		.ml-form-embedWrapper
711
		.ml-form-embedBody
712
		.ml-form-checkboxRow
713
		.label-description::after {
714
		top: 0px !important;
715
		box-sizing: border-box !important;
716
	}
717
718
	#mlb2-3788997.ml-form-embedContainer
719
		.ml-form-embedWrapper
720
		.ml-form-embedBody
721
		.ml-form-interestGroupsRow
722
		.ml-form-interestGroupsRowCheckbox
723
		.label-description::after {
724
		top: 0px !important;
725
		box-sizing: border-box !important;
726
		position: absolute;
727
		left: -1.5rem;
728
		display: block;
729
		width: 1rem;
730
		height: 1rem;
731
		content: "";
732
	}
733
734
	#mlb2-3788997.ml-form-embedContainer
735
		.ml-form-embedWrapper
736
		.ml-form-embedBody
737
		.ml-form-interestGroupsRow
738
		.ml-form-interestGroupsRowCheckbox
739
		.label-description::before {
740
		top: 0px !important;
741
		box-sizing: border-box !important;
742
	}
743
744
	#mlb2-3788997.ml-form-embedContainer
745
		.ml-form-embedWrapper
746
		.ml-form-embedBody
747
		.custom-control-label::before {
748
		position: absolute;
749
		top: 4px;
750
		left: -1.5rem;
751
		display: block;
752
		width: 16px;
753
		height: 16px;
754
		pointer-events: none;
755
		content: "";
756
		background-color: #ffffff;
757
		border: #adb5bd solid 1px;
758
		border-radius: 50%;
759
	}
760
761
	#mlb2-3788997.ml-form-embedContainer
762
		.ml-form-embedWrapper
763
		.ml-form-embedBody
764
		.custom-control-label::after {
765
		position: absolute;
766
		top: 2px !important;
767
		left: -1.5rem;
768
		display: block;
769
		width: 1rem;
770
		height: 1rem;
771
		content: "";
772
	}
773
774
	#mlb2-3788997.ml-form-embedContainer
775
		.ml-form-embedWrapper
776
		.ml-form-embedBody
777
		.ml-form-embedPermissions
778
		.ml-form-embedPermissionsOptionsCheckbox
779
		.label-description::before,
780
	#mlb2-3788997.ml-form-embedContainer
781
		.ml-form-embedWrapper
782
		.ml-form-embedBody
783
		.ml-form-interestGroupsRow
784
		.ml-form-interestGroupsRowCheckbox
785
		.label-description::before,
786
	#mlb2-3788997.ml-form-embedContainer
787
		.ml-form-embedWrapper
788
		.ml-form-embedBody
789
		.ml-form-checkboxRow
790
		.label-description::before {
791
		position: absolute;
792
		top: 4px;
793
		left: -1.5rem;
794
		display: block;
795
		width: 16px;
796
		height: 16px;
797
		pointer-events: none;
798
		content: "";
799
		background-color: #ffffff;
800
		border: #adb5bd solid 1px;
801
		border-radius: 50%;
802
	}
803
804
	#mlb2-3788997.ml-form-embedContainer
805
		.ml-form-embedWrapper
806
		.ml-form-embedBody
807
		.ml-form-embedPermissions
808
		.ml-form-embedPermissionsOptionsCheckbox
809
		.label-description::after {
810
		position: absolute;
811
		top: 0px !important;
812
		left: -1.5rem;
813
		display: block;
814
		width: 1rem;
815
		height: 1rem;
816
		content: "";
817
	}
818
819
	#mlb2-3788997.ml-form-embedContainer
820
		.ml-form-embedWrapper
821
		.ml-form-embedBody
822
		.ml-form-checkboxRow
823
		.label-description::after {
824
		position: absolute;
825
		top: 0px !important;
826
		left: -1.5rem;
827
		display: block;
828
		width: 1rem;
829
		height: 1rem;
830
		content: "";
831
	}
832
833
	#mlb2-3788997.ml-form-embedContainer
834
		.ml-form-embedWrapper
835
		.ml-form-embedBody
836
		.custom-radio
837
		.custom-control-label::after {
838
		background: no-repeat 50%/50% 50%;
839
	}
840
	#mlb2-3788997.ml-form-embedContainer
841
		.ml-form-embedWrapper
842
		.ml-form-embedBody
843
		.custom-checkbox
844
		.custom-control-label::after,
845
	#mlb2-3788997.ml-form-embedContainer
846
		.ml-form-embedWrapper
847
		.ml-form-embedBody
848
		.ml-form-embedPermissions
849
		.ml-form-embedPermissionsOptionsCheckbox
850
		.label-description::after,
851
	#mlb2-3788997.ml-form-embedContainer
852
		.ml-form-embedWrapper
853
		.ml-form-embedBody
854
		.ml-form-interestGroupsRow
855
		.ml-form-interestGroupsRowCheckbox
856
		.label-description::after,
857
	#mlb2-3788997.ml-form-embedContainer
858
		.ml-form-embedWrapper
859
		.ml-form-embedBody
860
		.ml-form-checkboxRow
861
		.label-description::after {
862
		background: no-repeat 50%/50% 50%;
863
	}
864
865
	#mlb2-3788997.ml-form-embedContainer
866
		.ml-form-embedWrapper
867
		.ml-form-embedBody
868
		.ml-form-fieldRow
869
		.custom-control,
870
	#mlb2-3788997.ml-form-embedContainer
871
		.ml-form-embedWrapper
872
		.ml-form-embedBody
873
		.ml-form-horizontalRow
874
		.custom-control {
875
		position: relative;
876
		display: block;
877
		min-height: 1.5rem;
878
		padding-left: 1.5rem;
879
	}
880
881
	#mlb2-3788997.ml-form-embedContainer
882
		.ml-form-embedWrapper
883
		.ml-form-embedBody
884
		.ml-form-fieldRow
885
		.custom-radio
886
		.custom-control-input,
887
	#mlb2-3788997.ml-form-embedContainer
888
		.ml-form-embedWrapper
889
		.ml-form-embedBody
890
		.ml-form-horizontalRow
891
		.custom-radio
892
		.custom-control-input,
893
	#mlb2-3788997.ml-form-embedContainer
894
		.ml-form-embedWrapper
895
		.ml-form-embedBody
896
		.ml-form-fieldRow
897
		.custom-checkbox
898
		.custom-control-input,
899
	#mlb2-3788997.ml-form-embedContainer
900
		.ml-form-embedWrapper
901
		.ml-form-embedBody
902
		.ml-form-horizontalRow
903
		.custom-checkbox
904
		.custom-control-input {
905
		position: absolute;
906
		z-index: -1;
907
		opacity: 0;
908
		box-sizing: border-box;
909
		padding: 0;
910
	}
911
912
	#mlb2-3788997.ml-form-embedContainer
913
		.ml-form-embedWrapper
914
		.ml-form-embedBody
915
		.ml-form-fieldRow
916
		.custom-radio
917
		.custom-control-label,
918
	#mlb2-3788997.ml-form-embedContainer
919
		.ml-form-embedWrapper
920
		.ml-form-embedBody
921
		.ml-form-horizontalRow
922
		.custom-radio
923
		.custom-control-label,
924
	#mlb2-3788997.ml-form-embedContainer
925
		.ml-form-embedWrapper
926
		.ml-form-embedBody
927
		.ml-form-fieldRow
928
		.custom-checkbox
929
		.custom-control-label,
930
	#mlb2-3788997.ml-form-embedContainer
931
		.ml-form-embedWrapper
932
		.ml-form-embedBody
933
		.ml-form-horizontalRow
934
		.custom-checkbox
935
		.custom-control-label {
936
		color: #000000;
937
		font-size: 12px !important;
938
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
939
		line-height: 22px;
940
		margin-bottom: 0;
941
		position: relative;
942
		vertical-align: top;
943
		font-style: normal;
944
		font-weight: 700;
945
	}
946
947
	#mlb2-3788997.ml-form-embedContainer
948
		.ml-form-embedWrapper
949
		.ml-form-embedBody
950
		.ml-form-fieldRow
951
		.custom-select,
952
	#mlb2-3788997.ml-form-embedContainer
953
		.ml-form-embedWrapper
954
		.ml-form-embedBody
955
		.ml-form-horizontalRow
956
		.custom-select {
957
		background-color: #2e3440 !important;
958
		color: #edeff3 !important;
959
		border-color: #88c0d0;
960
		border-radius: 4px !important;
961
		border-style: solid !important;
962
		border-width: 1px !important;
963
		font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
964
		font-size: 14px !important;
965
		line-height: 20px !important;
966
		margin-bottom: 0;
967
		margin-top: 0;
968
		padding: 10px 28px 10px 12px !important;
969
		width: 100% !important;
970
		box-sizing: border-box !important;
971
		max-width: 100% !important;
972
		height: auto;
973
		display: inline-block;
974
		vertical-align: middle;
975
		background: url("https://assets.mlcdn.com/ml/images/default/dropdown.svg") no-repeat right
976
			0.75rem center/8px 10px;
977
		-webkit-appearance: none;
978
		-moz-appearance: none;
979
		appearance: none;
980
	}
981
982
	#mlb2-3788997.ml-form-embedContainer
983
		.ml-form-embedWrapper
984
		.ml-form-embedBody
985
		.ml-form-horizontalRow {
986
		height: auto;
987
		width: 100%;
988
		float: left;
989
	}
990
	.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal {
991
		width: 70%;
992
		float: left;
993
	}
994
	.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal {
995
		width: 30%;
996
		float: left;
997
	}
998
	.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal.labelsOn {
999
		padding-top: 25px;
1000
	}
1001
	.ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields {
1002
		box-sizing: border-box;
1003
		float: left;
1004
		padding-right: 10px;
1005
	}
1006
	#mlb2-3788997.ml-form-embedContainer
1007
		.ml-form-embedWrapper
1008
		.ml-form-embedBody
1009
		.ml-form-horizontalRow
1010
		input {
1011
		background-color: #2e3440;
1012
		color: #edeff3;
1013
		border-color: #88c0d0;
1014
		border-radius: 4px;
1015
		border-style: solid;
1016
		border-width: 1px;
1017
		font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
1018
		font-size: 14px;
1019
		line-height: 20px;
1020
		margin-bottom: 0;
1021
		margin-top: 0;
1022
		padding: 10px 10px;
1023
		width: 100%;
1024
		box-sizing: border-box;
1025
		overflow-y: initial;
1026
	}
1027
	#mlb2-3788997.ml-form-embedContainer
1028
		.ml-form-embedWrapper
1029
		.ml-form-embedBody
1030
		.ml-form-horizontalRow
1031
		button {
1032
		background-color: #88c0d0 !important;
1033
		border-color: #88c0d0;
1034
		border-style: solid;
1035
		border-width: 1px;
1036
		border-radius: 4px;
1037
		box-shadow: none;
1038
		color: #ffffff !important;
1039
		cursor: pointer;
1040
		font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
1041
		font-size: 14px !important;
1042
		font-weight: 700;
1043
		line-height: 20px;
1044
		margin: 0 !important;
1045
		padding: 10px !important;
1046
		width: 100%;
1047
		height: auto;
1048
	}
1049
	#mlb2-3788997.ml-form-embedContainer
1050
		.ml-form-embedWrapper
1051
		.ml-form-embedBody
1052
		.ml-form-horizontalRow
1053
		button:hover {
1054
		background-color: #a0cfdc !important;
1055
		border-color: #a0cfdc !important;
1056
	}
1057
	#mlb2-3788997.ml-form-embedContainer
1058
		.ml-form-embedWrapper
1059
		.ml-form-embedBody
1060
		.ml-form-checkboxRow
1061
		input[type="checkbox"] {
1062
		box-sizing: border-box;
1063
		padding: 0;
1064
		position: absolute;
1065
		z-index: -1;
1066
		opacity: 0;
1067
		margin-top: 5px;
1068
		margin-left: -1.5rem;
1069
		overflow: visible;
1070
	}
1071
	#mlb2-3788997.ml-form-embedContainer
1072
		.ml-form-embedWrapper
1073
		.ml-form-embedBody
1074
		.ml-form-checkboxRow
1075
		.label-description {
1076
		color: #edeff3;
1077
		display: block;
1078
		font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
1079
		font-size: 12px;
1080
		text-align: left;
1081
		margin-bottom: 0;
1082
		position: relative;
1083
		vertical-align: top;
1084
	}
1085
	#mlb2-3788997.ml-form-embedContainer
1086
		.ml-form-embedWrapper
1087
		.ml-form-embedBody
1088
		.ml-form-checkboxRow
1089
		label {
1090
		font-weight: normal;
1091
		margin: 0;
1092
		padding: 0;
1093
		position: relative;
1094
		display: block;
1095
		min-height: 24px;
1096
		padding-left: 24px;
1097
	}
1098
	#mlb2-3788997.ml-form-embedContainer
1099
		.ml-form-embedWrapper
1100
		.ml-form-embedBody
1101
		.ml-form-checkboxRow
1102
		label
1103
		a {
1104
		color: #edeff3;
1105
		text-decoration: underline;
1106
	}
1107
	#mlb2-3788997.ml-form-embedContainer
1108
		.ml-form-embedWrapper
1109
		.ml-form-embedBody
1110
		.ml-form-checkboxRow
1111
		label
1112
		p {
1113
		color: #edeff3 !important;
1114
		font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
1115
		font-size: 12px !important;
1116
		font-weight: normal !important;
1117
		line-height: 18px !important;
1118
		padding: 0 !important;
1119
		margin: 0 5px 0 0 !important;
1120
	}
1121
	#mlb2-3788997.ml-form-embedContainer
1122
		.ml-form-embedWrapper
1123
		.ml-form-embedBody
1124
		.ml-form-checkboxRow
1125
		label
1126
		p:last-child {
1127
		margin: 0;
1128
	}
1129
	#mlb2-3788997.ml-form-embedContainer
1130
		.ml-form-embedWrapper
1131
		.ml-form-embedBody
1132
		.ml-form-embedSubmit {
1133
		margin: 0 0 20px 0;
1134
		float: left;
1135
		width: 100%;
1136
	}
1137
	#mlb2-3788997.ml-form-embedContainer
1138
		.ml-form-embedWrapper
1139
		.ml-form-embedBody
1140
		.ml-form-embedSubmit
1141
		button {
1142
		background-color: #88c0d0 !important;
1143
		border: none !important;
1144
		border-radius: 4px !important;
1145
		box-shadow: none !important;
1146
		color: #ffffff !important;
1147
		cursor: pointer;
1148
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
1149
		font-size: 14px !important;
1150
		font-weight: 700 !important;
1151
		line-height: 21px !important;
1152
		height: auto;
1153
		padding: 10px !important;
1154
		width: 100% !important;
1155
		box-sizing: border-box !important;
1156
	}
1157
	#mlb2-3788997.ml-form-embedContainer
1158
		.ml-form-embedWrapper
1159
		.ml-form-embedBody
1160
		.ml-form-embedSubmit
1161
		button.loading {
1162
		display: none;
1163
	}
1164
	#mlb2-3788997.ml-form-embedContainer
1165
		.ml-form-embedWrapper
1166
		.ml-form-embedBody
1167
		.ml-form-embedSubmit
1168
		button:hover {
1169
		background-color: #a0cfdc !important;
1170
	}
1171
	.ml-subscribe-close {
1172
		width: 30px;
1173
		height: 30px;
1174
		background: url("https://assets.mlcdn.com/ml/images/default/modal_close.png") no-repeat;
1175
		background-size: 30px;
1176
		cursor: pointer;
1177
		margin-top: -10px;
1178
		margin-right: -10px;
1179
		position: absolute;
1180
		top: 0;
1181
		right: 0;
1182
	}
1183
	.ml-error input,
1184
	.ml-error textarea,
1185
	.ml-error select {
1186
		border-color: #bf616a !important;
1187
	}
1188
1189
	.ml-error .custom-checkbox-radio-list {
1190
		border: 1px solid #bf616a !important;
1191
		border-radius: 4px;
1192
		padding: 10px;
1193
	}
1194
1195
	.ml-error .label-description,
1196
	.ml-error .label-description p,
1197
	.ml-error .label-description p a,
1198
	.ml-error label:first-child {
1199
		color: #bf616a !important;
1200
	}
1201
1202
	#mlb2-3788997.ml-form-embedContainer
1203
		.ml-form-embedWrapper
1204
		.ml-form-embedBody
1205
		.ml-form-checkboxRow.ml-error
1206
		.label-description
1207
		p,
1208
	#mlb2-3788997.ml-form-embedContainer
1209
		.ml-form-embedWrapper
1210
		.ml-form-embedBody
1211
		.ml-form-checkboxRow.ml-error
1212
		.label-description
1213
		p:first-letter {
1214
		color: #bf616a !important;
1215
	}
1216
	@media only screen and (max-width: 400px) {
1217
		.ml-form-embedWrapper.embedDefault,
1218
		.ml-form-embedWrapper.embedPopup {
1219
			width: 100% !important;
1220
		}
1221
		.ml-form-formContent.horozintalForm {
1222
			float: left !important;
1223
		}
1224
		.ml-form-formContent.horozintalForm .ml-form-horizontalRow {
1225
			height: auto !important;
1226
			width: 100% !important;
1227
			float: left !important;
1228
		}
1229
		.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal {
1230
			width: 100% !important;
1231
		}
1232
		.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div {
1233
			padding-right: 0px !important;
1234
			padding-bottom: 10px;
1235
		}
1236
		.ml-form-formContent.horozintalForm .ml-button-horizontal {
1237
			width: 100% !important;
1238
		}
1239
		.ml-form-formContent.horozintalForm .ml-button-horizontal.labelsOn {
1240
			padding-top: 0px !important;
1241
		}
1242
	}
1243
</style>
1244
1245
<div id="mlb2-3788997" class="ml-form-embedContainer ml-subscribe-form ml-subscribe-form-3788997">
1246
	<div class="ml-form-align-center">
1247
		<div class="ml-form-embedWrapper embedForm">
1248
			<div class="ml-form-embedBody ml-form-embedBodyDefault row-form">
1249
				<div class="ml-form-embedContent" style="margin-bottom: 0px; "></div>
1250
1251
        <h2>Stay Up to Date</h2>
1252
				<form
1253
					class="ml-block-form"
1254
					action="https://assets.mailerlite.com/jsonp/348641/forms/81502958838089519/subscribe"
1255
					data-code=""
1256
					method="post"
1257
					target="_blank"
1258
				>
1259
					<div class="ml-form-formContent">
1260
						<div class="ml-form-fieldRow ml-last-item">
1261
							<div class="ml-field-group ml-field-email ml-validate-email ml-validate-required">
1262
								<!-- input -->
1263
								<input
1264
									aria-label="email"
1265
									aria-required="true"
1266
									type="email"
1267
									class="form-control !font-mono"
1268
									data-inputmask=""
1269
									name="fields[email]"
1270
									placeholder="Email"
1271
									autocomplete="email"
1272
								/>
1273
								<!-- /input -->
1274
1275
								<!-- textarea -->
1276
1277
								<!-- /textarea -->
1278
1279
								<!-- select -->
1280
1281
								<!-- /select -->
1282
1283
								<!-- checkboxes -->
1284
1285
								<!-- /checkboxes -->
1286
1287
								<!-- radio -->
1288
1289
								<!-- /radio -->
1290
1291
								<!-- countries -->
1292
1293
								<!-- /countries -->
1294
							</div>
1295
						</div>
1296
					</div>
1297
1298
					<!-- Privacy policy -->
1299
1300
					<!-- /Privacy policy -->
1301
1302
					<div class="ml-form-checkboxRow ml-validate-required">
1303
						<label class="checkbox">
1304
							<input type="checkbox" />
1305
							<div class="label-description">
1306
								<p class="!font-mono">Opt in to receive news and updates.</p>
1307
							</div>
1308
						</label>
1309
					</div>
1310
1311
					<input type="hidden" name="ml-submit" value="1" />
1312
1313
					<div class="ml-form-embedSubmit">
1314
						<button type="submit" class="!font-mono primary">Subscribe</button>
1315
1316
						<button disabled="disabled" style="display: none;" type="button" class="loading">
1317
							<div class="ml-form-embedSubmitLoad"></div>
1318
							<span class="sr-only">Loading...</span>
1319
						</button>
1320
					</div>
1321
1322
					<input type="hidden" name="anticsrf" value="true" />
1323
				</form>
1324
			</div>
1325
1326
			<div class="ml-form-successBody row-success" style="display: none">
1327
				<div class="ml-form-successContent">
1328
					<h4>Thank you!</h4>
1329
1330
					<p>You have successfully joined our subscriber list.</p>
1331
				</div>
1332
			</div>
1333
		</div>
1334
	</div>
1335
</div>
1336