blob: da853c271885aa001bc3c5af4358e96aec2ffcf9 [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_team-image {
51 width: 60px;
52 height: 60px;
53}
54.navbar_team-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_team-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_team-navlink {
72 display: contents;
73}
74.navbar_team-component {
75 text-decoration: none;
76}
77.navbar_team-navlink1 {
78 display: contents;
79}
80.navbar_team-component1 {
81 text-decoration: none;
82}
83.navbar_team-link {
84 display: contents;
85}
86.navbar_team-component2 {
87 text-decoration: none;
88}
89.navbar_team-link1 {
90 display: contents;
91}
92.navbar_team-component3 {
93 text-decoration: none;
94}
95.navbar_team-btn-group {
96 display: flex;
97 align-items: center;
98 flex-direction: row;
99 justify-content: space-between;
100 text-decoration: none;
101}
102.navbar_team-component4 {
103 text-decoration: none;
104}
105.navbar_team-burger-menu {
106 display: none;
107}
108.navbar_team-icon {
109 width: var(--dl-size-size-xsmall);
110 height: var(--dl-size-size-xsmall);
111 display: none;
112 transition: 0.3s;
113}
114
115.navbar_team-nav-elements-mobile {
116 flex: 0 0 auto;
117 display: none;
118 position: absolute;
119 align-self: center;
120 align-items: center;
121 margin-left: 0px;
122 flex-direction: column;
123}
124.navbar_team-navlink2 {
125 font-style: normal;
126 transition: 0.3s;
127}
128
129.navbar_team-navlink2:active {
130 color: var(--dl-color-primary-300);
131}
132.navbar_team-link3 {
133 font-style: normal;
134 transition: 0.3s;
135}
136
137.navbar_team-link3:active {
138 color: var(--dl-color-primary-300);
139}
140.navbar_team-navlink3 {
141 font-style: normal;
142 transition: 0.3s;
143 text-decoration: none;
144}
145
146.navbar_team-navlink3:active {
147 color: var(--dl-color-primary-300);
148}
149.navbar_team-text {
150 font-style: normal;
151 transition: 0.3s;
152}
153
154.navbar_team-text:active {
155 color: var(--dl-color-primary-300);
156}
157.navbar_team-text1 {
158 font-style: normal;
159 transition: 0.3s;
160}
161
162.navbar_team-text1:active {
163 color: var(--dl-color-primary-300);
164}
165.navbar_team-btn-group1 {
166 display: flex;
167 align-items: center;
168 flex-direction: row;
169 justify-content: space-between;
170 text-decoration: none;
171}
172.navbar_team-component5 {
173 text-decoration: none;
174}
175.navbar_team-container1 {
176 top: 32px;
177 width: 24px;
178 height: 24px;
179 position: absolute;
180}
181.navbar_team-icon2 {
182 width: 24px;
183 height: 24px;
184}
185
186@media(max-width: 991px) {
187 .navbar_team-nav-elements-desktop {
188 display: none;
189 }
190 .navbar_team-btn-group {
191 display: none;
192 }
193 .navbar_team-burger-menu {
194 display: flex;
195 }
196 .navbar_team-icon {
197 fill: #D9D9D9;
198 width: var(--dl-size-size-small);
199 height: var(--dl-size-size-small);
200 display: flex;
201 }
202 .navbar_team-nav-elements-mobile {
203 top: 0px;
204 left: 0px;
205 right: 0px;
206 display: flex;
207 align-items: flex-start;
208 margin-left: 0px;
209 padding-top: var(--dl-space-space-twounits);
210 padding-left: var(--dl-space-space-twounits);
211 padding-right: var(--dl-space-space-twounits);
212 padding-bottom: var(--dl-space-space-twounits);
213 background-color: var(--dl-color-gray-black);
214 }
215 .navbar_team-btn-group1 {
216 display: none;
217 }
218 .navbar_team-container1 {
219 right: 32px;
220 }
221}
222@media(max-width: 767px) {
223 .navbar_team-icon {
224 fill: var(--dl-color-gray-900);
225 width: var(--dl-size-size-small);
226 height: var(--dl-size-size-small);
227 }
228}
229@media(max-width: 479px) {
230 .navbar_team-image {
231 width: auto;
232 height: auto;
233 }
234 .navbar_team-burger-menu {
235 display: flex;
236 }
237 .navbar_team-icon {
238 fill: var(--dl-color-gray-900);
239 width: 32px;
240 height: 32px;
241 }
242 .navbar_team-nav-elements-mobile {
243 height: 100vh;
244 flex-direction: column;
245 justify-content: center;
246 background-color: var(--dl-color-gray-white);
247 }
248 .navbar_team-navlink2 {
249 color: var(--dl-color-primary-100);
250 margin-top: var(--dl-space-space-unit);
251 text-align: left;
252 margin-bottom: var(--dl-space-space-unit);
253 }
254 .navbar_team-link3 {
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_team-navlink3 {
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_team-text {
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_team-text1 {
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_team-btn-group1 {
279 display: flex;
280 margin-top: var(--dl-space-space-halfunit);
281 margin-bottom: var(--dl-space-space-halfunit);
282 }
283 .navbar_team-icon2 {
284 fill: var(--dl-color-primary-100);
285 }
286}