@@ -4,8 +4,8 @@
44
55body {
66 font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
7− font-size: 3.5rem;
8− line-height: 6rem;
7+ font-size: (3.5rem / 4);
8+ line-height: (6rem / 4);
99 color: #000000;
1010}
1111
@@ -14,7 +14,7 @@ a {
1414}
1515
1616p img {
17− margin: 4rem 0;
17+ margin: (4rem / 4) 0;
1818 width: 100%;
1919}
2020
@@ -27,18 +27,19 @@ iframe {
2727 */
2828
2929.main-wrapper {
30− margin-top: 24rem;
30+ margin-top: (24rem / 4);
3131}
3232
3333.wrapper {
3434 position: relative;
3535 margin: 0 auto;
36− padding: 0 2rem;
36+ padding: 0 (4rem / 4);
3737 max-width: 960px;
3838}
3939
4040.container {
4141 display: flex;
42+ padding-bottom: (32rem / 4);
4243}
4344
4445.pop-up {
@@ -50,17 +51,17 @@ iframe {
5051
5152.container--fixed {
5253 position: fixed;
53− margin-top: -24rem;
54+ margin-top: -(24rem / 4);
5455}
5556
5657.content-nav {
5758 width: 20%;
5859 min-width: 200px;
59− //padding-right: 1rem;
60− margin-top: 24rem;
60+ padding-right: (1rem / 4);
61+ margin-top: (24rem / 4);
6162 &__item {
62− line-height: 8rem;
63− margin-bottom: 1rem;
63+ line-height: (8rem / 4);
64+ margin-bottom: (1rem / 4);
6465 }
6566 li {
6667 font-size: inherit;
@@ -70,8 +71,8 @@ iframe {
7071
7172.content-nav-icon {
7273 position: fixed;
73− left: 2rem;
74− top: 24rem;
74+ left: (2rem / 4);
75+ top: (24rem / 4);
7576 width: 10px;
7677 height: 10px;
7778 cursor: pointer;
@@ -102,7 +103,7 @@ iframe {
102103 }
103104 }
104105 .list:first-child {
105− padding-bottom: 14rem;
106+ padding-bottom: (14rem / 4);
106107 }
107108 .list li:last-child .subsub-list li:last-child {
108109 padding-bottom: 0;
@@ -113,10 +114,10 @@ iframe {
113114.content-nav-spacer {
114115 width: 20%;
115116 min-width: 200px;
116− padding-right: 5rem;
117+ padding-right: (5rem / 4);
117118 &__item {
118− line-height: 8rem;
119− margin-bottom: 1rem;
119+ line-height: (8rem / 4);
120+ margin-bottom: (1rem / 4);
120121 }
121122}
122123
@@ -128,7 +129,7 @@ iframe {
128129.content {
129130 position: relative;
130131 z-index: 3;
131− margin-top: -16rem;
132+ margin-top: -(16rem / 4);
132133}
133134
134135.content-nav-icon {
@@ -147,12 +148,12 @@ iframe {
147148}
148149
149150.sub-list {
150− padding-left: 4rem;
151+ padding-left: (4rem / 4);
151152 .sub-list {
152153 padding-left: 0;
153154 }
154155 .subsub-list {
155− padding-left: 4rem;
156+ padding-left: (4rem / 4);
156157 }
157158}
158159
@@ -167,12 +168,12 @@ iframe {
167168 display: flex;
168169 justify-content: flex-start;
169170 .list__item {
170− margin-right: 4rem;
171+ margin-right: (4rem / 4);
171172 }
172173}
173174
174175.body-regular {
175− margin-bottom: 7rem;
176+ margin-bottom: (7rem / 4);
176177}
177178
178179.video-wrapper {
@@ -196,7 +197,7 @@ iframe {
196197
197198.header {
198199 position: fixed;
199− height: 24rem;
200+ height: (24rem / 4);
200201 width: 100%;
201202 z-index: 2;
202203 top: 0;
@@ -209,24 +210,24 @@ iframe {
209210 supported by Chrome and Opera */
210211 &__navigation {
211212 display: none;
212− padding-top: 9rem;
213+ padding-top: (9rem / 4);
213214 }
214215 &__nav-icon {
215216 position: absolute;
216− margin-left: 2rem;
217− width: 6rem;
218− height: 10rem;
217+ margin-left: (4rem / 4);
218+ width: (6rem / 4);
219+ height: (10rem / 4);
219220 left: 0;
220− top: 6rem;
221+ top: (6rem / 4);
221222 z-index: 3;
222223 cursor: pointer;
223224 &:before, &:after {
224225 content: '';
225226 position: absolute;
226227 width: 100%;
227− height: 1rem;
228+ height: (1rem / 4);
228229 background: #000;
229− margin-bottom: 4rem;
230+ margin-bottom: (4rem / 4);
230231 top: 50%;
231232 left: 0;
232233 transform-origin: 50%;
@@ -273,7 +274,7 @@ iframe {
273274.posts {
274275 &__content {
275276 z-index: 3;
276− margin-left: -8rem;
277+ margin-left: -(8rem / 4);
277278 }
278279}
279280
@@ -418,10 +419,10 @@ textarea, input[type="text"], input[type="email"], input[type="number"], input[t
418419button, .btn {
419420 font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
420421 font-weight: 500;
421− font-size: 4rem;
422− line-height: 4rem;
422+ font-size: (4rem / 4);
423+ line-height: (4rem / 4);
423424 user-select: none;
424− padding: 3rem 6rem;
425+ padding: (3rem /4) (6rem / 4);
425426 margin: 0 0 6px;
426427 border: none;
427428 cursor: pointer;
@@ -526,7 +527,7 @@ button, .btn {
526527 font-weight: 700;
527528}
528529
529−.h-font {
530+.lowercase {
530531 text-transform: lowercase;
531532}
532533
@@ -539,59 +540,59 @@ h1, h2, h3, h4 {
539540 font-weight: 700;
540541}
541542h1 {
542− font-size: 8rem;
543− line-height: 8rem;
543+ font-size: (8rem / 4);
544+ line-height: (8rem / 4);
544545}
545546h2 {
546− font-size: 6rem;
547− line-height: 6rem;
547+ font-size: (6rem / 4);
548+ line-height: (6rem / 4);
548549}
549550h3 {
550− font-size: 5rem;
551− line-height: 5rem;
551+ font-size: (5rem / 4);
552+ line-height: (5rem / 4);
552553}
553554h4 {
554− font-size: 4.5rem;
555− line-height: 4.5rem;
555+ font-size: (4.5rem / 4);
556+ line-height: (4.5rem / 4);
556557}
557558h5 {
558− font-size: 4rem;
559− line-height: 4rem;
559+ font-size: (4rem / 4);
560+ line-height: (4rem / 4);
560561}
561562
562563.article {
563564 h1 {
564− margin-bottom: 7rem;
565+ margin-bottom: (7rem / 4);
565566 }
566567 h2 {
567− margin-top: 8rem;
568− margin-bottom: 4rem;
568+ margin-top: (8rem / 4);
569+ margin-bottom: (4rem / 4);
569570 }
570571 h3 {
571− margin-top: 7rem;
572− margin-bottom: 3rem;
572+ margin-top: (7rem / 4);
573+ margin-bottom: (3rem / 4);
573574 }
574575 h4 {
575− margin-top: 6.5rem;
576− margin-bottom: 2.5rem;
576+ margin-top: (6.5rem / 4);
577+ margin-bottom: (2.5rem / 4);
577578 }
578579 h5 {
579− margin-top: 6rem;
580− margin-bottom: 2rem;
580+ margin-top: (6rem / 4);
581+ margin-bottom: (2rem / 4);
581582 }
582583}
583584
584585li {
585− font-size: 4rem;
586− line-height: 8rem;
586+ font-size: (4rem / 4);
587+ line-height: (8rem / 4);
587588 font-weight: 400;
588589}
589590
590591p, .p {
591− font-size: 4rem;
592+ font-size: (4rem / 4);
592593 font-weight: 400;
593− line-height: 8rem;
594− margin: 0 0 4rem;
594+ line-height: (8rem / 4);
595+ margin: 0 0 (4rem / 4);
595596}
596597
597598pre, code {
@@ -603,6 +604,47 @@ pre, code {
603604 span {
604605 color: #000 !important;
605606 }
606− padding: 1rem;
607− font-size: 4rem;
607+ padding: (1rem / 4);
608+ font-size: (4rem / 4);
609+}
610+
611+textarea, input[type="text"], input[type="email"], input[type="number"] {
612+ border: 1px solid #B1B2B3;
613+ font-family: "Source Code Pro", mono;
614+ font-size: (4rem / 4);
615+ line-height: (6rem / 4);
616+ transition: all 0.1s linear;
617+ padding-right: 40px;
618+ position: relative;
619+ &:active, &:focus {
620+ border: 1px solid #000000;
621+ }
622+ &:required, &:invalid {
623+ box-shadow: none !important;
624+ border: 1px solid #EE892B;
625+ color: #EE892B;
626+ }
627+}
628+
629+.has-valid-input {
630+ position: relative;
631+ &:after {
632+ content: '✓';
633+ color: #2AA779;
634+ position: absolute;
635+ right: 10px;
636+ top: 50%;
637+ transform: translate(0,-50%);
638+ width: 15px;
639+ height: 24px;
640+ margin-top: -4px;
641+ }
642+ input[type="text"], input[type="email"], input[type="number"] {
643+ border: 1px solid #2AA779;
644+ }
645+}
646+
647+#mc_embed_signup form {
648+ padding: 0;
649+ text-align: inherit;
608650}