blob: 5c196922407a43bd67675bcb1e73efa641e41613 [file] [log] [blame]
Lokesh Yadavba544372021-12-07 15:09:27 +05301.nav_element-container {
2 display: flex;
3 position: relative;
4}
5.nav_element-text {
6 font-style: normal;
7 transition: 0.3s;
8 font-weight: 500;
9 margin-left: 72px;
10}
11
12
13.button-container {
14 display: flex;
15 position: relative;
16 align-items: flex-start;
17 flex-direction: column;
18}
19.button-text {
20 color: var(--dl-color-gray-white);
21 cursor: pointer;
22 align-self: center;
23 margin-top: var(--dl-space-space-halfunit);
24 transition: 0.3s;
25 margin-left: var(--dl-space-space-halfunit);
26 padding-top: var(--dl-space-space-halfunit);
27 margin-right: var(--dl-space-space-halfunit);
28 padding-left: var(--dl-space-space-oneandhalfunits);
29 border-radius: var(--dl-radius-radius-radius8);
30 margin-bottom: var(--dl-space-space-halfunit);
31 padding-right: var(--dl-space-space-oneandhalfunits);
32 padding-bottom: var(--dl-space-space-halfunit);
33 background-color: var(--dl-color-primary-300);
34}
35.button-text:hover {
36 color: var(--dl-color-primary-300);
37 background-color: var(--dl-color-gray-white);
38}
39
40
41
42
43
44
45
46
47
48
49
50.navbar-image {
51 width: 60px;
52 height: 60px;
53}
54.navbar-container {
55 flex: 0 0 auto;
56 width: auto;
57 height: auto;
58 display: flex;
59 align-items: space-between;
60 margin-right: var(--dl-space-space-oneandhalfunits);
61 flex-direction: column;
62}
63.navbar-nav-elements-desktop {
64 flex: 0 0 auto;
65 display: flex;
66 align-self: center;
67 align-items: center;
68 margin-left: 0px;
69 flex-direction: row;
70}
71.navbar-navlink {
72 display: contents;
73}
74.navbar-component {
75 text-decoration: none;
76}
77.navbar-navlink1 {
78 display: contents;
79}
80.navbar-component1 {
81 text-decoration: none;
82}
83.navbar-navlink2 {
84 display: contents;
85}
86.navbar-component2 {
87 text-decoration: none;
88}
89.navbar-link {
90 display: contents;
91}
92.navbar-component3 {
93 text-decoration: none;
94}
95.navbar-link1 {
96 display: contents;
97}
98.navbar-component4 {
99 text-decoration: none;
100}
101.navbar-btn-group {
102 display: flex;
103 align-items: center;
104 flex-direction: row;
105 justify-content: space-between;
106 text-decoration: none;
107}
108.navbar-component5 {
109 text-decoration: none;
110}
111.navbar-burger-menu {
112 display: none;
113}
114.navbar-icon {
115 width: var(--dl-size-size-xsmall);
116 height: var(--dl-size-size-xsmall);
117 display: none;
118 transition: 0.3s;
119}
120
121.navbar-nav-elements-mobile {
122 flex: 0 0 auto;
123 display: none;
124 position: absolute;
125 align-self: center;
126 align-items: center;
127 margin-left: 0px;
128 flex-direction: column;
129}
130.navbar-navlink3 {
131 font-style: normal;
132 transition: 0.3s;
133}
134
135.navbar-navlink3:active {
136 color: var(--dl-color-primary-300);
137}
138.navbar-link3 {
139 font-style: normal;
140 transition: 0.3s;
141}
142
143.navbar-link3:active {
144 color: var(--dl-color-primary-300);
145}
146.navbar-navlink4 {
147 font-style: normal;
148 transition: 0.3s;
149 text-decoration: none;
150}
151
152.navbar-navlink4:active {
153 color: var(--dl-color-primary-300);
154}
155.navbar-text {
156 font-style: normal;
157 transition: 0.3s;
158}
159
160.navbar-text:active {
161 color: var(--dl-color-primary-300);
162}
163.navbar-text1 {
164 font-style: normal;
165 transition: 0.3s;
166}
167
168.navbar-text1:active {
169 color: var(--dl-color-primary-300);
170}
171.navbar-btn-group1 {
172 display: flex;
173 align-items: center;
174 flex-direction: row;
175 justify-content: space-between;
176 text-decoration: none;
177}
178.navbar-component6 {
179 text-decoration: none;
180}
181.navbar-container1 {
182 top: 32px;
183 width: 24px;
184 height: 24px;
185 position: absolute;
186}
187.navbar-icon2 {
188 width: 24px;
189 height: 24px;
190}
191
192@media(max-width: 991px) {
193 .navbar-nav-elements-desktop {
194 display: none;
195 }
196 .navbar-btn-group {
197 display: none;
198 }
199 .navbar-burger-menu {
200 display: flex;
201 }
202 .navbar-icon {
203 fill: #D9D9D9;
204 width: var(--dl-size-size-small);
205 height: var(--dl-size-size-small);
206 display: flex;
207 }
208 .navbar-nav-elements-mobile {
209 top: 0px;
210 left: 0px;
211 right: 0px;
212 display: flex;
213 align-items: flex-start;
214 margin-left: 0px;
215 padding-top: var(--dl-space-space-twounits);
216 padding-left: var(--dl-space-space-twounits);
217 padding-right: var(--dl-space-space-twounits);
218 padding-bottom: var(--dl-space-space-twounits);
219 background-color: var(--dl-color-gray-black);
220 }
221 .navbar-btn-group1 {
222 display: none;
223 }
224 .navbar-container1 {
225 right: 32px;
226 }
227}
228@media(max-width: 767px) {
229 .navbar-icon {
230 fill: var(--dl-color-gray-900);
231 width: var(--dl-size-size-small);
232 height: var(--dl-size-size-small);
233 }
234}
235@media(max-width: 479px) {
236 .navbar-image {
237 width: auto;
238 height: auto;
239 }
240 .navbar-burger-menu {
241 display: flex;
242 }
243 .navbar-icon {
244 fill: var(--dl-color-gray-900);
245 width: 32px;
246 height: 32px;
247 }
248 .navbar-nav-elements-mobile {
249 height: 100vh;
250 flex-direction: column;
251 justify-content: center;
252 background-color: var(--dl-color-gray-white);
253 }
254 .navbar-navlink3 {
255 color: var(--dl-color-primary-100);
256 margin-top: var(--dl-space-space-unit);
257 text-align: left;
258 margin-bottom: var(--dl-space-space-unit);
259 }
260 .navbar-link3 {
261 color: var(--dl-color-primary-100);
262 margin-top: var(--dl-space-space-unit);
263 text-align: left;
264 margin-bottom: var(--dl-space-space-unit);
265 }
266 .navbar-navlink4 {
267 color: var(--dl-color-primary-100);
268 margin-top: var(--dl-space-space-unit);
269 text-align: left;
270 margin-bottom: var(--dl-space-space-unit);
271 }
272 .navbar-text {
273 color: var(--dl-color-primary-100);
274 margin-top: var(--dl-space-space-unit);
275 text-align: left;
276 margin-bottom: var(--dl-space-space-unit);
277 }
278 .navbar-text1 {
279 color: var(--dl-color-primary-100);
280 margin-top: var(--dl-space-space-unit);
281 text-align: left;
282 margin-bottom: var(--dl-space-space-unit);
283 }
284 .navbar-btn-group1 {
285 display: flex;
286 margin-top: var(--dl-space-space-halfunit);
287 margin-bottom: var(--dl-space-space-halfunit);
288 }
289 .navbar-icon2 {
290 fill: var(--dl-color-primary-100);
291 }
292 .rootClassName {
293 width: 100%;
294 }
295}