PluginProbe
Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits / 3.1.9
Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits v3.1.9
3.2.2 3.2.3 3.2.1 3.2.0 3.1.9 3.1.8 3.1.7 3.1.6 3.1.5 3.1.4 3.1.3 3.1.2 3.1.1 3.1.0 3.0.9 trunk 1.0.6 1.0.7 1.0.8 1.0.9 1.1.0 1.1.1 1.1.3 1.1.4 1.1.5 All 174 releases
master-addons / assets / css / addons / ma-pricing-table.rtl.css

ma-pricing-table.rtl.css in Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits 3.1.9, at assets/css/addons/ma-pricing-table.rtl.css

497 lines 15.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* MA Pricing Table Start */
2 .jltma-pricing-tables .jltma-price-table {
3 border-radius: 5px;
4 box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
5 overflow: visible;
6 }
7 .jltma-pricing-tables .jltma-price-table-details {
8 overflow: visible;
9 }
10 .jltma-pricing-tables .jltma-price-table-title {
11 font-size: 1.75rem;
12 font-weight: 600;
13 margin: 0;
14 }
15 .jltma-pricing-tables .jltma-price-table-details ul,
16 .jltma-pricing-tables .jltma-price-table-details ol {
17 margin: 0;
18 padding: 2.5rem 0;
19 }
20 .jltma-pricing-tables .jltma-price-table-details ul li,
21 .jltma-pricing-tables .jltma-price-table-details ol li {
22 display: flex;
23 align-items: center;
24 list-style: none;
25 text-align: center;
26 padding: 13px 0;
27 }
28 .jltma-pricing-tables .jltma-price-table-details ul li i,
29 .jltma-pricing-tables .jltma-price-table-details ol li i {
30 width: 35px;
31 position: relative;
32 }
33 .jltma-pricing-tables .jltma-price-table-details ul li svg,
34 .jltma-pricing-tables .jltma-price-table-details ol li svg {
35 height: 20px;
36 width: 20px;
37 margin-left: 8px;
38 }
39 .jltma-pricing-tables .jltma-price-table-additional_info {
40 padding-bottom: 1rem;
41 font-size: 0.8em;
42 text-align: center;
43 }
44 .jltma-pricing-tables .jltma-price-table-btn {
45 border-radius: 8px;
46 cursor: pointer;
47 color: #fff;
48 display: inline-block;
49 font-size: 14px;
50 font-weight: 600;
51 line-height: 20px;
52 text-align: center;
53 text-transform: uppercase;
54 text-decoration: none;
55 width: 100%;
56 }
57 .jltma-pricing-tables .jltma-price-table-btn:hover {
58 text-decoration: none;
59 color: #fff;
60 }
61 .jltma-pricing-tables.default-table .jltma-price-table-bottom {
62 padding: 8px 3rem 1.25rem;
63 }
64 .jltma-pricing-tables.default-table .jltma-price-table-head, .jltma-pricing-tables.table-left-align .jltma-price-table-head {
65 color: #fff;
66 padding: 3.4rem 15px 3rem;
67 }
68 .jltma-pricing-tables.default-table .jltma-price-table-title, .jltma-pricing-tables.table-left-align .jltma-price-table-title {
69 color: #fff;
70 text-transform: uppercase;
71 }
72 .jltma-pricing-tables.default-table .jltma-price-table-title p, .jltma-pricing-tables.table-left-align .jltma-price-table-title p {
73 color: #fff;
74 margin: 0;
75 }
76 .jltma-pricing-tables.default-table .jltma-table-price-area, .jltma-pricing-tables.table-left-align .jltma-table-price-area {
77 margin-top: 2.5rem;
78 }
79 .jltma-pricing-tables.default-table .jltma-table-price-currency, .jltma-pricing-tables.table-left-align .jltma-table-price-currency {
80 font-size: 1.25rem;
81 font-weight: 700;
82 vertical-align: top;
83 }
84 .jltma-pricing-tables.default-table .jltma-table-price-amount, .jltma-pricing-tables.table-left-align .jltma-table-price-amount, .jltma-pricing-tables.table-active-zoom .jltma-table-price-amount {
85 font-size: 4rem;
86 font-weight: 700;
87 line-height: 1;
88 }
89 .jltma-pricing-tables.default-table .jltma-price-amount-duration, .jltma-pricing-tables.table-left-align .jltma-price-amount-duration, .jltma-pricing-tables.table-active-zoom .jltma-price-amount-duration {
90 font-size: 15px;
91 padding-right: 10px;
92 position: relative;
93 display: inline-flex;
94 }
95 .jltma-pricing-tables.default-table .jltma-price-table-details, .jltma-pricing-tables.table-left-align .jltma-price-table-details, .jltma-pricing-tables.table-active-zoom .jltma-price-table-details {
96 color: #78909c;
97 font-size: 15px;
98 font-weight: 500;
99 line-height: 23px;
100 padding: 0 15px;
101 }
102 .jltma-pricing-tables.table-bg-image .jltma-price-table-details li, .jltma-pricing-tables.table-bg-pattern .jltma-price-table-details li {
103 justify-content: right;
104 display: flex;
105 flex-direction: row;
106 }
107 .jltma-pricing-tables.table-left-align .jltma-price-table {
108 box-shadow: none;
109 border-radius: 0;
110 margin: 0 0 5rem;
111 }
112 .jltma-pricing-tables.table-left-align .jltma-price-table-head {
113 border-radius: 0;
114 padding: 3.4rem 1.875rem 3rem;
115 }
116 .jltma-pricing-tables.table-left-align .jltma-price-table-title {
117 text-transform: capitalize;
118 }
119 .jltma-pricing-tables.table-left-align [class*=col]:last-child .jltma-price-table-head,
120 .jltma-pricing-tables.table-left-align [class*=col]:last-child .jltma-price-table-details {
121 border-left: 0;
122 }
123 .jltma-pricing-tables.table-left-align .jltma-table-price-currency {
124 vertical-align: bottom;
125 }
126 .jltma-pricing-tables.table-left-align .jltma-table-price-area {
127 margin-top: 1rem;
128 }
129 .jltma-pricing-tables.table-left-align .jltma-price-amount-duration {
130 display: block;
131 font-weight: 500;
132 }
133 .jltma-pricing-tables.table-left-align .jltma-price-table-details {
134 margin: 2.8125rem 0;
135 padding: 0 2.8125rem;
136 }
137 .jltma-pricing-tables.table-left-align .jltma-price-table-details li {
138 justify-content: right;
139 }
140 .jltma-pricing-tables.table-left-align .jltma-price-table-bottom {
141 margin-top: 2rem;
142 padding: 0 0 1.25rem;
143 }
144 .jltma-pricing-tables.table-left-align .jltma-price-table-details ul,
145 .jltma-pricing-tables.table-left-align .jltma-price-table-details ol, .jltma-pricing-tables.table-active-zoom .jltma-price-table-details ul,
146 .jltma-pricing-tables.table-active-zoom .jltma-price-table-details ol {
147 margin: 0;
148 padding: 0;
149 }
150 .jltma-pricing-tables.table-left-align .jltma-price-table-details ul li,
151 .jltma-pricing-tables.table-left-align .jltma-price-table-details ol li, .jltma-pricing-tables.table-active-zoom .jltma-price-table-details ul li,
152 .jltma-pricing-tables.table-active-zoom .jltma-price-table-details ol li {
153 list-style: none;
154 padding: 8px 0;
155 }
156 .jltma-pricing-tables.table-left-align .jltma-price-table-btn, .jltma-pricing-tables.table-active-zoom .jltma-price-table-btn {
157 background-color: #4b00e7;
158 border-radius: 5px;
159 text-align: center;
160 }
161 .jltma-pricing-tables.table-active-zoom .active {
162 transform: scale(1, 1.1);
163 }
164 .jltma-pricing-tables.table-active-zoom .active .jltma-table-inner {
165 transform: scale(1, 0.91);
166 }
167 .jltma-pricing-tables.table-active-zoom .active .jltma-table-price-area {
168 background: #fff;
169 color: #393c3f;
170 }
171 .jltma-pricing-tables.table-active-zoom .active .jltma-price-table-title,
172 .jltma-pricing-tables.table-active-zoom .active .jltma-price-table-head p {
173 color: #f8f8f9;
174 }
175 .jltma-pricing-tables.table-active-zoom .active .jltma-price-table-details li {
176 border-bottom-color: #78baee;
177 color: #f8f8f9;
178 }
179 .jltma-pricing-tables.table-active-zoom .active .jltma-price-table-additional_info p {
180 color: #f8f8f9;
181 }
182 .jltma-pricing-tables.table-active-zoom .jltma-price-table-head {
183 color: #fff;
184 padding: 3.4rem 15px 3rem;
185 }
186 .jltma-pricing-tables.table-active-zoom .jltma-price-table-head p {
187 color: #78909c;
188 margin: 0;
189 }
190 .jltma-pricing-tables.table-active-zoom .active,
191 .jltma-pricing-tables.table-active-zoom .active .jltma-price-table-head {
192 border-radius: 0;
193 color: #f8f8f9;
194 }
195 .jltma-pricing-tables.table-active-zoom .jltma-price-table-title {
196 color: #393c3f;
197 text-transform: uppercase;
198 }
199 .jltma-pricing-tables.table-active-zoom .jltma-table-price-area {
200 background: -moz-linear-gradient(-45deg, #3d9ff3 0%, #3fd5cc 100%);
201 background: -webkit-linear-gradient(-45deg, #3d9ff3 0%, #3fd5cc 100%);
202 background: -ms-linear-gradient(-45deg, #3d9ff3 0%, #3fd5cc 100%);
203 border-radius: 50%;
204 color: #fff;
205 height: 200px;
206 width: 200px;
207 margin: 2rem auto 0;
208 padding-top: 3.4rem;
209 text-align: center;
210 }
211 .jltma-pricing-tables.table-active-zoom .jltma-price-amount-duration {
212 display: block;
213 }
214 .jltma-pricing-tables.table-active-zoom .jltma-table-price-currency {
215 font-size: 1.25rem;
216 font-weight: 700;
217 vertical-align: bottom;
218 }
219 .jltma-pricing-tables.table-active-zoom .jltma-price-table-details {
220 padding: 0 15px 3.875rem;
221 }
222 .jltma-pricing-tables.table-active-zoom .jltma-price-table-details li .jltma-tooltip-content {
223 position: relative;
224 }
225 .jltma-pricing-tables.table-active-zoom .jltma-price-table-details li .jltma-tooltip-content:after {
226 content: "";
227 width: 100%;
228 right: 0;
229 bottom: -5px;
230 position: absolute;
231 border-bottom-style: solid;
232 border-bottom-width: 2px;
233 border-bottom-color: #ffc107;
234 }
235 .jltma-pricing-tables.table-active-zoom .jltma-price-table-details li:last-child .jltma-tooltip-content:after {
236 display: none;
237 }
238 .jltma-pricing-tables.table-active-zoom .jltma-price-table-bottom, .jltma-pricing-tables.table-bg-image .jltma-price-table-bottom, .jltma-pricing-tables.table-bg-pattern .jltma-price-table-bottom {
239 margin-top: 3rem;
240 padding: 0 0 1.25rem;
241 }
242 .jltma-pricing-tables.table-active-zoom .active .jltma-price-table-btn, .jltma-pricing-tables.table-active-zoom .active .jltma-price-table-btn:hover {
243 background: #fff;
244 color: #4b00e7;
245 }
246 .jltma-pricing-tables.table-bg-image .jltma-price-table {
247 border-radius: 0;
248 }
249 .jltma-pricing-tables.table-bg-image .jltma-table-inner, .jltma-pricing-tables.table-bg-pattern .jltma-table-inner {
250 padding: 3.75rem;
251 text-align: right;
252 }
253 .jltma-pricing-tables.table-bg-image .header-icon {
254 color: #393c3f;
255 font-size: 4rem;
256 margin-bottom: 0.75rem;
257 }
258 .jltma-pricing-tables.table-bg-image .jltma-table-price-area, .jltma-pricing-tables.table-bg-pattern .jltma-table-price-area {
259 color: #393c3f;
260 margin-top: 1.2rem;
261 }
262 .jltma-pricing-tables.table-bg-image .jltma-table-price-currency, .jltma-pricing-tables.table-bg-pattern .jltma-table-price-currency {
263 font-size: 20px;
264 margin: 5px 0 0 5px;
265 vertical-align: top;
266 }
267 .jltma-pricing-tables.table-bg-image .jltma-table-price-amount, .jltma-pricing-tables.table-bg-pattern .jltma-table-price-amount {
268 font-size: 4rem;
269 line-height: 1;
270 }
271 .jltma-pricing-tables.table-bg-image .jltma-price-amount-duration, .jltma-pricing-tables.table-bg-pattern .jltma-price-amount-duration {
272 display: inline-flex;
273 font-weight: 600;
274 }
275 .jltma-pricing-tables.table-bg-image ul,
276 .jltma-pricing-tables.table-bg-image ol, .jltma-pricing-tables.table-bg-pattern ul,
277 .jltma-pricing-tables.table-bg-pattern ol {
278 margin: 1.5rem 0;
279 padding: 0;
280 }
281 .jltma-pricing-tables.table-bg-image li, .jltma-pricing-tables.table-bg-pattern li {
282 color: #78909c;
283 display: flex;
284 align-items: center;
285 justify-content: center;
286 font-size: 15px;
287 list-style: none;
288 line-height: 25px;
289 padding: 18px 0;
290 position: relative;
291 }
292 .jltma-pricing-tables.table-bg-image li .jltma-tooltip-content, .jltma-pricing-tables.table-bg-pattern li .jltma-tooltip-content {
293 position: relative;
294 }
295 .jltma-pricing-tables.table-bg-image li .jltma-tooltip-content:after, .jltma-pricing-tables.table-bg-pattern li .jltma-tooltip-content:after {
296 content: "";
297 width: 100%;
298 right: 0;
299 bottom: -5px;
300 position: absolute;
301 border-top-style: solid;
302 border-top-width: 2px;
303 border-top-color: #ffc107;
304 }
305 .jltma-pricing-tables.table-bg-image li:last-child .jltma-tooltip-content:after, .jltma-pricing-tables.table-bg-pattern li:last-child .jltma-tooltip-content:after {
306 display: none;
307 }
308 .jltma-pricing-tables.table-bg-image .jltma-price-table-btn, .jltma-pricing-tables.table-bg-pattern .jltma-price-table-btn {
309 border-radius: 5px;
310 color: #393c3f;
311 text-align: center;
312 }
313 .jltma-pricing-tables.table-bg-pattern .jltma-price-table {
314 border-radius: 15px;
315 overflow: hidden;
316 position: relative;
317 z-index: 0;
318 }
319 .jltma-pricing-tables.table-bg-pattern .jltma-price-table:before {
320 content: "";
321 height: 100%;
322 width: 100%;
323 right: 0;
324 top: -11%;
325 max-height: 280px;
326 position: absolute;
327 z-index: -1;
328 transform: skewY(23deg);
329 }
330 .jltma-pricing-tables.table-bg-pattern .jltma-price-table:after {
331 right: -15px;
332 top: 36%;
333 transform: rotate(23deg);
334 }
335 .jltma-pricing-tables.table-bg-pattern .jltma-price-table:before, .jltma-pricing-tables.table-bg-pattern .jltma-price-table:after {
336 background-color: #83f1af;
337 }
338 .jltma-pricing-tables.table-bg-pattern [class*=col]:nth-child(2) .jltma-price-table:before,
339 .jltma-pricing-tables.table-bg-pattern [class*=col]:nth-child(2) .jltma-price-table:after {
340 background-color: #f8a265;
341 }
342 .jltma-pricing-tables.table-bg-pattern [class*=col]:nth-child(3) .jltma-price-table:before,
343 .jltma-pricing-tables.table-bg-pattern [class*=col]:nth-child(3) .jltma-price-table:after {
344 background-color: #81d4fa;
345 }
346 .jltma-pricing-tables.table-bg-pattern .jltma-price-table:after,
347 .jltma-pricing-tables.table-bg-pattern .jltma-table-inner:after {
348 content: "";
349 border-radius: 15px;
350 height: 15px;
351 width: 125px;
352 position: absolute;
353 z-index: -1;
354 }
355 .jltma-pricing-tables.table-bg-pattern .jltma-table-inner {
356 position: relative;
357 }
358 .jltma-pricing-tables.table-bg-pattern .jltma-table-inner:after {
359 background-color: #fff;
360 left: -15px;
361 top: 15.5%;
362 width: 135px;
363 transform: rotate(23deg);
364 }
365 .jltma-pricing-tables.table-bg-pattern .jltma-price-table-details {
366 margin-top: 7.5rem;
367 }
368 .jltma-pricing-tables.table-bg-pattern li:before {
369 background-color: #cfd8dc;
370 }
371 .jltma-pricing-tables.table-bg-pattern .jltma-price-amount-duration:before {
372 top: -2px;
373 }
374 .jltma-pricing-tables.table-bg-pattern .jltma-price-table-bottom {
375 margin-top: 2.5rem;
376 }
377 .jltma-pricing-tables.table-bg-pattern .jltma-price-table-btn {
378 color: #393c3f;
379 }
380
381 .jltma-price-table-original-price {
382 text-decoration: line-through;
383 }
384
385 .jltma-fraction-price {
386 vertical-align: top;
387 }
388
389 .jltma-price-table-ribbon {
390 position: absolute;
391 top: -30px;
392 right: 0;
393 left: auto;
394 text-align: center;
395 }
396
397 .jltma-price-table-ribbon-inner {
398 font-size: 13px;
399 line-height: 2;
400 font-weight: 800;
401 text-transform: uppercase;
402 padding: 2px 10px;
403 box-sizing: border-box;
404 letter-spacing: 1px;
405 }
406
407 .jltma-price-table-ribbon.elementor-ribbon-center {
408 right: 50%;
409 left: auto;
410 transform: translateX(50%);
411 }
412
413 .jltma-price-table-ribbon.elementor-ribbon-right {
414 left: 0;
415 right: auto;
416 }
417
418 .jltma-price-table-ribbon.elementor-ribbon-justify {
419 right: 0;
420 left: 0;
421 }
422
423 .jltma-price-table-head {
424 border-top-right-radius: 0;
425 border-top-left-radius: 0;
426 }
427
428 .jltma-tooltip-item {
429 width: max-content;
430 }
431
432 @media (min-width: 768px) {
433 .default-table .row {
434 margin: 0 -7.5px;
435 }
436 .default-table [class*=col] {
437 padding: 0 7.5px;
438 }
439 .table-left-align .row,
440 .table-active-zoom .row {
441 box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
442 margin: 0;
443 }
444 .table-left-align [class*=col],
445 .table-active-zoom [class*=col] {
446 padding: 0;
447 }
448 .table-active-zoom .jltma-price-table-details {
449 padding: 0 3.875rem 3.875rem;
450 }
451 }
452 @media (max-width: 1023px) {
453 .default-table .jltma-price-table-bottom {
454 padding: 8px 0 2.75rem;
455 }
456 .default-table .jltma-price-table-head,
457 .table-left-align .jltma-price-table-head {
458 padding: 2.4rem 15px 2rem;
459 }
460 .default-table .jltma-table-price-area,
461 .table-left-align .jltma-table-price-area {
462 margin-top: 1.5rem;
463 }
464 .default-table .jltma-price-table-details ul,
465 .default-table .jltma-price-table-details ol {
466 padding: 1.5rem 0;
467 }
468 .default-table .jltma-price-table-details li {
469 padding: 10px 0;
470 }
471 .default-table .jltma-table-price-amount,
472 .table-left-align .jltma-table-price-amount,
473 .table-active-zoom .jltma-table-price-amount {
474 font-size: 3rem;
475 }
476 .table-left-align .jltma-price-table-details {
477 margin: 1.5rem 0;
478 padding: 0 15px;
479 }
480 .table-left-align .jltma-price-table {
481 margin-bottom: 3.5rem;
482 }
483 .table-active-zoom .jltma-price-table-head {
484 padding: 2.4rem 15px 2rem;
485 }
486 .table-active-zoom .active {
487 transform: scale(1, 1.075);
488 }
489 .table-active-zoom .jltma-price-table-details {
490 padding: 0 15px 2.875rem;
491 }
492 .table-bg-image .jltma-table-inner,
493 .table-bg-pattern .jltma-table-inner {
494 padding: 2.75rem 15px;
495 }
496 }
497 /* MA Pricing Table End */