https://wfm4-level-2-5-style-guide.webflow.io/

1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Tue Nov 28 2023 07:12:56 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="wfm4-level-2-5-style-guide.webflow.io" data-wf-page="6565927ba78bb6e74affd22b" data-wf-site="6565927ba78bb6e74affd22f" lang="en"><head><meta charset="utf-8"/><link href="https://assets-global.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>WFM4 - Level 2 - Style Guide Ready &amp; All Blank Pages</title><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://assets-global.website-files.com/6565927ba78bb6e74affd22f/css/wfm4-level-2-5-style-guide.webflow.d39a59e36.min.css" rel="stylesheet" type="text/css"/>

1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>

1<link href="https://cdn.prod.website-files.com/6565927ba78bb6e74affd22f/6565927ba78bb6e74affd262_favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6565927ba78bb6e74affd22f/6565927ba78bb6e74affd27d_webclip.png" rel="apple-touch-icon"/><!-- Please keep this css code to improve the font quality-->
2<style>
3  * {
4  -webkit-font-smoothing: antialiased;
5  -moz-osx-font-smoothing: grayscale;
6  -o-font-smoothing: antialiased;
7}
8</style>
9
10<!-- You can remove this -->
11<meta name="facebook-domain-verification" content="mlk59ybu44651lzcbhhxjfl8vfae8q" /></head><body><div class="page-wrapper"><div class="global-styles w-embed"><style>
12
13/* Focus state style for keyboard navigation for the focusable elements */
14*[tabindex]:focus-visible,
15  input[type="file"]:focus-visible {
16   outline: 0.125rem solid #4d65ff;
17   outline-offset: 0.125rem;
18}
19
20/* Get rid of top margin on first element in any rich text element */
21.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
22  margin-top: 0 !important;
23}
24
25/* Get rid of bottom margin on last element in any rich text element */
26.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
27	margin-bottom: 0 !important;
28}
29
30/* Prevent all click and hover interaction with an element */
31.pointer-events-off {
32	pointer-events: none;
33}
34
35/* Enables all click and hover interaction with an element */
36.pointer-events-on {
37  pointer-events: auto;
38}
39
40/* Create a class of .div-square which maintains a 1:1 dimension of a div */
41.div-square::after {
42	content: "";
43	display: block;
44	padding-bottom: 100%;
45}
46
47/* Make sure containers never lose their center alignment */
48.container-medium,.container-small, .container-large {
49	margin-right: auto !important;
50  margin-left: auto !important;
51}
52
53/* 
54Make the following elements inherit typography styles from the parent and not have hardcoded values. 
55Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
56Uncomment this CSS to use it in the project. Leave this message for future hand-off.
57*/
58/*
59a,
60.w-input,
61.w-select,
62.w-tab-link,
63.w-nav-link,
64.w-dropdown-btn,
65.w-dropdown-toggle,
66.w-dropdown-link {
67  color: inherit;
68  text-decoration: inherit;
69  font-size: inherit;
70}
71*/
72
73/* Apply "..." after 3 lines of text */
74.text-style-3lines {
75	display: -webkit-box;
76	overflow: hidden;
77	-webkit-line-clamp: 3;
78	-webkit-box-orient: vertical;
79}
80
81/* Apply "..." after 2 lines of text */
82.text-style-2lines {
83	display: -webkit-box;
84	overflow: hidden;
85	-webkit-line-clamp: 2;
86	-webkit-box-orient: vertical;
87}
88
89/* Adds inline flex display */
90.display-inlineflex {
91  display: inline-flex;
92}
93
94/* These classes are never overwritten */
95.hide {
96  display: none !important;
97}
98
99@media screen and (max-width: 991px) {
100    .hide, .hide-tablet {
101        display: none !important;
102    }
103}
104  @media screen and (max-width: 767px) {
105    .hide-mobile-landscape{
106      display: none !important;
107    }
108}
109  @media screen and (max-width: 479px) {
110    .hide-mobile{
111      display: none !important;
112    }
113}
114 
115.margin-0 {
116  margin: 0rem !important;
117}
118  
119.padding-0 {
120  padding: 0rem !important;
121}
122
123.spacing-clean {
124padding: 0rem !important;
125margin: 0rem !important;
126}
127
128.margin-top {
129  margin-right: 0rem !important;
130  margin-bottom: 0rem !important;
131  margin-left: 0rem !important;
132}
133
134.padding-top {
135  padding-right: 0rem !important;
136  padding-bottom: 0rem !important;
137  padding-left: 0rem !important;
138}
139  
140.margin-right {
141  margin-top: 0rem !important;
142  margin-bottom: 0rem !important;
143  margin-left: 0rem !important;
144}
145
146.padding-right {
147  padding-top: 0rem !important;
148  padding-bottom: 0rem !important;
149  padding-left: 0rem !important;
150}
151
152.margin-bottom {
153  margin-top: 0rem !important;
154  margin-right: 0rem !important;
155  margin-left: 0rem !important;
156}
157
158.padding-bottom {
159  padding-top: 0rem !important;
160  padding-right: 0rem !important;
161  padding-left: 0rem !important;
162}
163
164.margin-left {
165  margin-top: 0rem !important;
166  margin-right: 0rem !important;
167  margin-bottom: 0rem !important;
168}
169  
170.padding-left {
171  padding-top: 0rem !important;
172  padding-right: 0rem !important;
173  padding-bottom: 0rem !important;
174}
175  
176.margin-horizontal {
177  margin-top: 0rem !important;
178  margin-bottom: 0rem !important;
179}
180
181.padding-horizontal {
182  padding-top: 0rem !important;
183  padding-bottom: 0rem !important;
184}
185
186.margin-vertical {
187  margin-right: 0rem !important;
188  margin-left: 0rem !important;
189}
190  
191.padding-vertical {
192  padding-right: 0rem !important;
193  padding-left: 0rem !important;
194}
195
196/* Apply "..." at 100% width */
197.truncate-width { 
198		width: 100%; 
199    white-space: nowrap; 
200    overflow: hidden; 
201    text-overflow: ellipsis; 
202}
203/* Removes native scrollbar */
204.no-scrollbar {

205    -ms-overflow-style: none;
206    overflow: -moz-scrollbars-none; 
207}
208
209.no-scrollbar::-webkit-scrollbar {
210    display: none;
211}
212
213</style></div><main class="main-wrapper"></main></div>

213<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6565927ba78bb6e74affd22f" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

213<script src="https://assets-global.website-files.com/6565927ba78bb6e74affd22f/js/webflow.959dcf928.js" type="text/javascript"></script>

213</body></html>