messing with another one? idk man... bac941ee
Steve · 2023-03-01 22:48 2 file(s) · +1338 −1
src/components/blog/MailForm2.astro (added) +1336 −0
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 +
src/pages/posts/[post].astro +2 −1
4 4
import { getCollection } from "astro:content";
5 5
import PostLayout from "@/layouts/BlogPost";
6 6
import MailForm from "@/components/blog/MailForm";
7 +
import MailForm2 from "@/components/blog/MailForm2";
7 8
8 9
export async function getStaticPaths(): Promise<GetStaticPathsResult> {
9 10
	const posts: CollectionEntry<"post">[] = await getCollection("post");
24 25
25 26
<PostLayout post={post}>
26 27
	<Content />
27 -
  <MailForm />
28 +
  <MailForm2 />
28 29
</PostLayout>