PluginProbe ʕ •ᴥ•ʔ
My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) / 2.1.3
My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) v2.1.3
2.9.1 2.9.0 2.8.9 2.8.8 trunk 1.0 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.8.1 1.8.2 1.8.3 1.8.4 1.8.5 1.8.6 1.8.7 1.8.8 1.8.9 1.9 1.9.1 2.0 2.0.1 2.0.3 2.0.4 2.0.5 2.0.6 2.1 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.2 2.2.1 2.2.2 2.2.3 2.2.4 2.2.5 2.2.6 2.2.7 2.2.8 2.2.9 2.3 2.3.1 2.3.2 2.3.3 2.3.4 2.3.5 2.3.6 2.3.7 2.3.8 2.3.9 2.4 2.4.1 2.4.2 2.4.3 2.4.4 2.4.5 2.4.6 2.4.7 2.4.8 2.4.9 2.5 2.5.1 2.5.2 2.5.3 2.5.4 2.5.5 2.5.6 2.5.7 2.5.8 2.5.9 2.6 2.6.1 2.6.2 2.6.3 2.6.4 2.6.5 2.6.6 2.6.7 2.6.8 2.6.9 2.7 2.7.1 2.7.2 2.7.3 2.7.4 2.7.5 2.7.6 2.7.7 2.7.8 2.7.9 2.8.0 2.8.1 2.8.2 2.8.3 2.8.4 2.8.5 2.8.6 2.8.7
mystickymenu / css / mystickymenu-admin.css
mystickymenu / css Last commit date
mystickymenu-admin.css 7 years ago
mystickymenu-admin.css
1398 lines
1 #custom-handle {
2 width: 3em;
3 height: 1.6em;
4 top: 50%;
5 margin-top: -.8em;
6 text-align: center;
7 line-height: 1.6em;
8 }
9
10 #mystickymenu {
11 font-family: 'Poppins', sans-serif;
12 }
13
14 .main-content {
15 float: left;
16 width: 65%;
17 }
18
19 .main-sidebar {
20 float: right;
21 width: 30%;
22 background: #ffffff;
23 border: 1px solid #e5e5e5;
24 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
25 }
26
27 .main-sidebar h3 {
28 margin: 0;
29 padding: 8px 12px;
30 border-bottom: 1px solid #ececec;
31 }
32
33 .main-sidebar .inner {
34 padding: 10px;
35 }
36
37 .main-sidebar p {
38 padding: 8px;
39 margin: 0;
40 border-top: solid 1px #e5e5e5;
41 }
42
43 /*.mystickyinput {padding-top: 6px;}*/
44 @media screen and (max-width: 782px) {
45 .main-content, .main-sidebar {
46 width: 100%;
47 float: none;
48 clear: both;
49 }
50 }
51
52 .myssticky-remove-hand {
53 cursor: default;
54 }
55
56 /* */
57 .mystickymenu-content-section input[type="number"]#myfixed_zindex {
58 -moz-appearance: textfield-multiline;
59 }
60
61 .mystickymenu-content-section input[type="number"] {
62 -moz-appearance: textfield;
63 }
64
65 .mystickymenu-content-section input[type="number"]::-webkit-inner-spin-button, .mystickymenu-content-section input[type="number"]::-webkit-outer-spin-button {
66 -webkit-appearance: none;
67 margin: 0;
68 }
69
70 .mystickymenu-content-section .mysticky-number {
71 display: inline-block;
72 margin: 0 0 10px;
73 position: relative;
74 }
75
76 #mystickymenu .mystickymenu-content-section .mysticky-number {
77 /*width: 90px;*/
78 }
79
80 #mystickymenu input[type=number] {
81 color: #A7A7A7;
82 border-radius: 21px;
83 background-color: #ffffff;
84 border: 1px solid #DCE2E2;
85 font-size: 14px;
86 font-weight: 400;
87 height: 42px;
88 padding: 0 10px 0 12px;
89 margin: 0;
90 width: 229px;
91 box-shadow: none;
92 }
93
94 .pt_number {
95 display: inline-block;
96 vertical-align: top;
97 margin-top: 7px;
98 }
99
100 .mystickymenu-content-section .mysticky-number:focus {
101 outline: 0;
102 }
103
104 .mystickymenu-content-section .mysticky-number .pt_number {
105 float: left;
106 position: relative;
107 height: 30px;
108 }
109
110 .mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton {
111 position: relative;
112 cursor: pointer;
113 border-left: 1px solid #b7b7b7;
114 width: 15px;
115 text-align: center;
116 color: #333;
117 font-size: 14px;
118 line-height: 1.1;
119 -webkit-transform: translateX(-100%);
120 transform: translateX(-100%);
121 -webkit-user-select: none;
122 -moz-user-select: none;
123 -ms-user-select: none;
124 user-select: none;
125 }
126
127 .mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton:active {
128 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
129 -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
130 }
131
132 .mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton.pt_numberup {
133 position: absolute;
134 height: 50%;
135 top: 0;
136 border-bottom: 1px solid #b7b7b7;
137 }
138
139 .mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton.pt_numberdown {
140 position: absolute;
141 bottom: 0px;
142 height: 50%;
143 }
144
145 /* */
146
147 input#mysticky_class_selector {
148 border-radius: 24px;
149 border: 1px solid #E6E5EC;
150 height: 46px;
151 padding: 0 26px;
152 width: 49%
153 }
154
155 .mystickymenu-content-section {
156 background-color: #F9FCFC;
157 border-radius: 7px;
158 margin-bottom: 20px;
159 border: 1px solid #E1E6E6;
160 }
161
162 input#myfixed_disable_small_screen {
163 border-radius: 21px;
164 }
165
166 input#mysticky_active_on_height_home {
167 border-radius: 21px;
168 }
169
170 textarea#myfixed_cssstyle {
171 width: 100%;
172 margin-top: 12px;
173 border-radius: 10px;
174 background-color: #fff;
175 height: 120px;
176 resize: none;
177 border: 1px solid #DCE2E2;
178 padding: 10px 10px;
179 }
180
181 label {
182 font-size: 15px;
183 }
184
185 .sticky-class-sec tr td {
186 width: 50%;
187 }
188
189 .px-wrap {
190 position: relative;
191 display: inline-block;
192 vertical-align: top;
193 }
194
195 .mystickymenu-content-option {
196 padding: 20px 20px 0;
197 }
198
199 .mystickymenu-heading {
200 padding-bottom: 20px;
201 }
202
203 .myStickymenu-header-title {
204 background-color: #B2D2FC;
205 padding: 13px 20px;
206 border-radius: 10px 10px 0 0;
207 }
208
209 .myStickymenu-header-title h3 {
210 margin: 0;
211 color: #1F4B84;
212 font-size: 18px;
213 font-weight: 600;
214 line-height: 1.2;
215 }
216
217 .mystickymenu-heading p {
218 background-color: #D6EFFF;
219 color: #1F4B84;
220 border-radius: 0 0 10px 10px;
221 padding: 13px 20px;
222 margin: 0;
223 font-size: 14px;
224 line-height: 28px;
225 }
226
227 .mystickynumber {
228 position: relative;
229 padding-left: 30px;
230 }
231
232 .pt_numberbutton.pt_numberup {
233 height: 25px;
234 width: 25px;
235 line-height: 25px;
236 background-color: #808080;
237 border-radius: 50%;
238 position: relative;
239 margin-left: 5px;
240 display: inline-block;
241 color: white;
242 font-size: 21px;
243 cursor: pointer;
244 text-align: center;
245 margin-top: 2px;
246 }
247
248 .pt_numberbutton.pt_numberdown {
249 height: 25px;
250 width: 25px;
251 line-height: 25px;
252 background-color: #808080;
253 border-radius: 50%;
254 position: absolute;
255 top: 8px;
256 left: 0;
257 display: inline-block;
258 color: white;
259 font-size: 21px;
260 cursor: pointer;
261 text-align: center;
262 }
263
264 span.input-px {
265 height: 42px;
266 width: 57px;
267 background-color: #808080;
268 position: absolute;
269 right: 0;
270 top: 0px;
271 display: inline-block;
272 vertical-align: top;
273 font-size: 14px;
274 border-radius: 0 21px 21px 0;
275 color: #fff;
276 line-height: 42px;
277 text-align: center;
278 }
279
280 .mysticky_device_upgrade {
281 background-color: #f0ecfb;
282 border-radius: 20px;
283 padding: 15px 40px 20px 20px;
284 }
285
286 .mystickymenu-content-section.mystickymenu-content-upgrade {
287 background-color: #f4f4fd;
288 }
289
290 .myStickymenu-upgrade {
291 background: #E1DAF6;
292 border-radius: 20px;
293 color: #7559C0;
294 padding-top: 6px;
295 padding-bottom: 6px;
296 padding-left: 10px;
297 padding-right: 10px;
298 font-weight: bold;
299 text-transform: uppercase;
300 font-size: 12px;
301 float: right;
302 }
303
304 .myStickymenu-upgrade:before {
305 content: "\f160";
306 font-family: dashicons;
307 position: relative;
308 top: 3px;
309 font-size: 16px;
310 }
311
312 .mystickymenu-input-section ul.mystickymenu-input-multicheckbox li {
313 display: inline-block;
314 width: 21%;
315 }
316
317 input#submit.button.button-primary {
318 background: #00c67c;
319 border-color: #00c67c;
320 text-transform: uppercase;
321 border-radius: 31px;
322 font-size: 26px;
323 padding-left: 23px;
324 padding-right: 23px;
325 height: 60px;
326 width: 200px;
327 border: 0;
328 box-shadow: none;
329 font-weight: 600;
330 text-shadow: none;
331 }
332
333 input.button.button-secondary.confirm {
334 background: #969696;
335 border-color: #969696;
336 text-transform: uppercase;
337 font-size: 26px;
338 padding-left: 23px;
339 padding-right: 23px;
340 float: right;
341 color: white;
342 margin-right: 10px;
343 height: 60px;
344 width: 200px;
345 border-radius: 31px;
346 font-weight: 600;
347 }
348
349 table ul.mystickymenu-input-multicheckbox {
350 width: 100%;
351 display: inline-flex;
352 }
353
354 p.myStickymenu-review a {
355 font-size: 20px;
356 }
357
358 table ul.mystickymenu-input-multicheckbox li {
359 padding-right: 21px;
360 }
361
362 table {
363 width: 100%;
364 }
365
366 #mystickymenu table tr td {
367 padding: 20px;
368 }
369
370 div#mystickymenu {
371 overflow-x: hidden;
372 }
373
374 label.mysticky_title {
375 font-weight: 500;
376 font-size: 18px;
377 line-height: 1.2;
378 color: #4F4F4F;
379 }
380
381 .mystickymenu-content-option p label.mysticky_text {
382 margin-left: 0px;
383 }
384
385 span.mysticky_text {
386 font-size: 14px;
387 color: #9E9E9E;
388 margin-left: 20px;
389 font-style: italic;
390 }
391
392 label.mysticky_text {
393 font-size: 14px;
394 /*color: #9E9E9E;*/
395 margin-left: 20px;
396 font-style: italic;
397 }
398
399 select#mystickymenu-select {
400 border-radius: 24px;
401 border: 1px solid #E6E5EC;
402 height: 46px;
403 box-shadow: none;
404 padding: 0 26px;
405 width: 49%;
406 display: inline-block;
407 vertical-align: top;
408 }
409
410 .mystickymenu-input-section {
411 margin-top: 9px;
412 }
413
414 label.mysticky_title.css-style-title {
415 font-size: 20px;
416 }
417
418 span.wp-color-result-text {
419 display: none;
420 }
421
422 button.button.wp-color-result {
423 border-radius: 50%;
424 height: 30px !important;
425 }
426
427 .mystickymenu-content-section h3 {
428 margin-left: 20px;
429 font-weight: 600;
430 font-size: 26px;
431 line-height: 1.2;
432 color: #4F4F4F;
433 margin: 0;
434 padding: 24px 20px;
435 }
436
437 .form-table {
438 margin-top: 0;
439 }
440
441 ul.mystickymenu-input-multicheckbox li span {
442 font-size: 16px;
443 color: #4F4F4F;
444 }
445
446 .mystickymenu-input-section label {
447 /*color: #9E9E9E;*/
448 font-size: 16px;
449 }
450 #mystickymenu .mystickymenu-input-section input.mystickymenu_normal_text{
451 border-radius: 0px;
452 height: 35px;
453 margin: 10px;
454 }
455 #mystickymenu .mystickymenu-input-section span.description{
456 font-style: normal;
457 font-size: 16px;
458 }
459 .myStickymenu-upgrade a {
460 text-decoration: none;
461 color: #7559C0;
462 }
463
464 #mystickymenu p.submit {
465 margin-top: 0;
466 padding-top: 0;
467 float: right;
468 }
469
470 td {
471 vertical-align: top !important;
472 }
473
474 p.description {
475 color: rgba(79, 79, 79, 0.5);
476 font-size: 12px;
477 line-height: 1.2;
478 margin: 5px 0 0;
479 }
480
481 div#slider.ui-slider {
482 width: 229px;
483 background-color: #DCE2E2;
484 height: 2px;
485 border: 0;
486 border-radius: 2px;
487 }
488
489 .mystickymenu-content-section .ui-state-active, .ui-widget-content .ui-state-active {
490 color: #454545;
491 }
492
493 #mystickymenu #custom-handle {
494 width: 1.6em;
495 border-radius: 50%;
496 background-color: #fff;
497 box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
498 border: 0;
499 }
500 .sticky-header-menu {
501 text-align: center;
502 padding: 0 0 20px 0;
503 }
504 .sticky-header-menu ul {
505 display: inline-block;
506 padding: 1px;
507 background-color: #D6EFFF;
508 -webkit-border-radius: 23px;
509 -moz-border-radius: 23px;
510 border-radius: 23px;
511 }
512 .sticky-header-menu ul li {
513 display: inline-block;
514 margin: 0;
515 }
516 .sticky-header-menu ul li a {
517 display: inline-block;
518 padding: 0 20px;
519 line-height: 40px;
520 height: 40px;
521 font-size: 16px;
522 text-decoration: none;
523 -webkit-border-radius: 20px;
524 -moz-border-radius: 20px;
525 border-radius: 20px;
526 }
527 .sticky-header-menu ul li a:hover {
528 background: #f0ecfb;
529 color: #7559C0;
530 }
531 .sticky-header-menu ul li a.active {
532 background: #E1DAF6;
533 color: #7559C0;
534 }
535 .sticky-header-content {
536 display: none;
537 }
538 @media only screen and (min-width: 1024px) and (max-width: 1200px) {
539 .pt_numberbutton.pt_numberdown {
540 position: relative;
541 margin-left: -75px;
542 top: -29px;
543 }
544
545 .pt_numberbutton.pt_numberup {
546 position: relative;
547 top: -29px;
548 left: 70px;
549 }
550
551 span.input-px {
552 position: relative;
553 left: 112px;
554 top: -24px !important;
555 margin-left: -20px;
556 }
557 }
558
559
560
561 #rpt_pricr {
562 width: 100%;
563 max-width: 1024px;
564 margin: 0 auto;
565 padding: 25px 25px 25px 25px;
566 background: #fff;
567
568 -webkit-border-radius: 5px;
569 -moz-border-radius: 5px;
570 border-radius: 5px;
571 }
572 #rpt_pricr h2 {
573 padding: 50px 0 30px;
574 text-align: center;
575 font-size: 24px;
576 }
577 .rpt_plans .rpt_plan {
578 -moz-box-sizing: border-box;
579 -webkit-box-sizing: border-box
580 }
581
582 .rpt_2_plans .rpt_plan {
583 margin-right: 2%;
584 width: 49%;
585 float: left
586 }
587
588 .rpt_2_plans .rpt_plan:last-child {
589 margin-right: 0
590 }
591
592 .rpt_3_plans .rpt_plan {
593 margin-right: 2%;
594 width: 32%;
595 float: left
596 }
597
598 .rpt_3_plans .rpt_plan:last-child {
599 margin-right: 0
600 }
601
602 .rpt_4_plans .rpt_plan {
603 margin-right: 1%;
604 width: 24.25%;
605 float: left
606 }
607
608 .rpt_4_plans .rpt_plan:last-child {
609 margin-right: 0
610 }
611
612 .rpt_5_plans .rpt_plan {
613 margin-right: .5%;
614 width: 19.6%;
615 float: left
616 }
617
618 .rpt_5_plans .rpt_plan:last-child {
619 margin-right: 0
620 }
621
622 .rpt_style_bic .rpt_plan, .rpt_style_loc .rpt_plan {
623 -webkit-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .19);
624 -moz-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .19);
625 box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .19)
626 }
627
628 .rpt_plans .rpt_plan .rpt_title img {
629 margin-right: 10px;
630 position: relative;
631 vertical-align: middle
632 }
633
634 .rpt_plans .rpt_plan .rpt_title {
635 background: #6371db;
636 font-weight: 300;
637 padding: 24px 18px;
638 font-size: 26px;
639 color: #fff;
640 line-height: 35px;
641 height: auto;
642 }
643
644 .rpt_plans .rpt_plan .rpt_title span {
645 display: inline-block;
646 position: relative;
647 top: -10px
648 }
649
650 .rpt_style_basic .rpt_plan .rpt_title {
651 border-bottom: #6371db solid 1px;
652 border-top-left-radius: 8px;
653 border-top-right-radius: 8px;
654 }
655
656 .rpt_style_spec .rpt_plan .rpt_title {
657 color: #fff
658 }
659
660 .rpt_style_bic .rpt_plan .rpt_title, .rpt_style_loc .rpt_plan .rpt_title, .rpt_style_swl .rpt_plan .rpt_title {
661 background: #333
662 }
663
664 .rpt_plans .rpt_sm_title .rpt_plan .rpt_title {
665 font-size: 20px;
666 line-height: 18px
667 }
668
669 .rpt_plans .rpt_xsm_title .rpt_plan .rpt_title {
670 font-size: 15px;
671 line-height: 15px
672 }
673
674 .rpt_4_plans .rpt_plan .rpt_title {
675 font-size: 17px;
676 line-height: 15px
677 }
678
679 .rpt_4_plans .rpt_sm_title .rpt_plan .rpt_title {
680 font-size: 15px;
681 line-height: 13px
682 }
683
684 .rpt_4_plans .rpt_xsm_title .rpt_plan .rpt_title {
685 font-size: 13px;
686 line-height: 11px
687 }
688
689 .rpt_5_plans .rpt_plan .rpt_title {
690 font-size: 15px;
691 line-height: 13px
692 }
693
694 .rpt_5_plans .rpt_sm_title .rpt_plan .rpt_title {
695 font-size: 13px;
696 line-height: 11px
697 }
698
699 .rpt_5_plans .rpt_xsm_title .rpt_plan .rpt_title {
700 font-size: 12px;
701 line-height: 10px
702 }
703
704 .rpt_plans .rpt_recommended_plan .rpt_title {
705 background: #6371db
706 }
707
708 .rpt_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {
709 position: relative;
710 top: -44px;
711 left: -10px;
712 font-size: 35px;
713 line-height: 0
714 }
715
716 .rpt_4_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {
717 top: -36px
718 }
719
720 .rpt_5_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {
721 top: -26px
722 }
723
724 .rpt_sm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {
725 font-size: 30px;
726 top: -44px;
727 left: -4px
728 }
729
730 .rpt_xsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {
731 font-size: 25px;
732 top: -30px;
733 left: -4px
734 }
735
736 .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {
737 font-size: 21px;
738 top: -14px;
739 left: -4px
740 }
741
742 .rpt_style_basic .rpt_plan .rpt_head {
743 background: #ec86c6
744 }
745
746 .rpt_style_spec .rpt_plan .rpt_head {
747 background: #fff
748 }
749
750 .rpt_style_swl .rpt_plan .rpt_head {
751 background: #fff
752 }
753
754 .rpt_plans .rpt_plan .rpt_head .rpt_price {
755 padding: 6px 10px;
756 font-size: 74px;
757 line-height: 80px;
758 font-weight: 300;
759 text-align: center;
760 color: #ffffff
761 }
762
763 .rpt_style_basic .rpt_plan .rpt_head .rpt_price, .rpt_style_spec .rpt_plan .rpt_head .rpt_price {
764 text-shadow: 1px 2px 7px rgba(0, 0, 0, .6)
765 }
766
767 .rpt_style_swl .rpt_plan .rpt_head .rpt_price {
768 color: #000
769 }
770
771 .rpt_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {
772 font-size: 62px
773 }
774
775 .rpt_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {
776 font-size: 56px
777 }
778
779 .rpt_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {
780 font-size: 38px
781 }
782
783 .rpt_4_plans .rpt_plan .rpt_head .rpt_price {
784 font-size: 69px;
785 line-height: 80px
786 }
787
788 .rpt_4_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {
789 font-size: 53px;
790 line-height: 65px
791 }
792
793 .rpt_4_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {
794 font-size: 47px;
795 line-height: 64px
796 }
797
798 .rpt_4_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {
799 font-size: 31px;
800 line-height: 60px
801 }
802
803 .rpt_5_plans .rpt_plan .rpt_head .rpt_price {
804 font-size: 59px;
805 line-height: 80px
806 }
807
808 .rpt_5_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {
809 font-size: 44px;
810 line-height: 60px
811 }
812
813 .rpt_5_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {
814 font-size: 37px;
815 line-height: 53px
816 }
817
818 .rpt_5_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {
819 font-size: 24px;
820 line-height: 50px
821 }
822
823 .rpt_plans .rpt_recommended_plan .rpt_head .rpt_price {
824 font-size: 98px
825 }
826
827 .rpt_4_plans .rpt_recommended_plan .rpt_head .rpt_price {
828 font-size: 74px
829 }
830
831 .rpt_5_plans .rpt_recommended_plan .rpt_head .rpt_price {
832 font-size: 67px
833 }
834
835 .rpt_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {
836 font-size: 83px
837 }
838
839 .rpt_4_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {
840 font-size: 60px
841 }
842
843 .rpt_5_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {
844 font-size: 54px
845 }
846
847 .rpt_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {
848 font-size: 55px
849 }
850
851 .rpt_4_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {
852 font-size: 49px
853 }
854
855 .rpt_5_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {
856 font-size: 41px
857 }
858
859 .rpt_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {
860 font-size: 42px
861 }
862
863 .rpt_4_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {
864 font-size: 34px
865 }
866
867 .rpt_5_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {
868 font-size: 26px
869 }
870
871 .rpt_plans .rpt_plan .rpt_head .rpt_recurrence {
872 font-size: 13px;
873 font-weight: 300;
874 line-height: 18px;
875 padding: 20px 10px 10px;
876 color: #ffffff;
877 text-align: center
878 }
879
880 .rpt_style_spec .rpt_plan .rpt_head .rpt_recurrence {
881 color: #d3d3d3
882 }
883
884 .rpt_style_bic .rpt_plan .rpt_head .rpt_recurrence, .rpt_style_loc .rpt_plan .rpt_head .rpt_recurrence {
885 color: #f5f5f5
886 }
887
888 .rpt_style_swl .rpt_plan .rpt_head .rpt_recurrence {
889 color: grey
890 }
891
892 .rpt_plans .rpt_sm_recurrence .rpt_plan .rpt_head .rpt_recurrence {
893 font-size: 11px;
894 padding: 20px 40px 4px
895 }
896
897 .rpt_plans .rpt_plan .rpt_head .rpt_subtitle {
898 font-size: 16px;
899 line-height: 20px;
900 font-weight: 300;
901 text-align: center;
902 padding: 10px 30px 20px
903 }
904
905 .rpt_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
906 font-size: 14px
907 }
908
909 .rpt_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
910 font-size: 12px
911 }
912
913 .rpt_4_plans .rpt_plan .rpt_head .rpt_subtitle {
914 font-size: 16px;
915 line-height: 18px;
916 padding: 10px 10px 20px
917 }
918
919 .rpt_4_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
920 font-size: 14px;
921 line-height: 17px
922 }
923
924 .rpt_4_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
925 font-size: 13px;
926 line-height: 16px
927 }
928
929 .rpt_5_plans .rpt_plan .rpt_head .rpt_subtitle {
930 font-size: 15px;
931 line-height: 18px;
932 padding: 10px 10px 20px
933 }
934
935 .rpt_5_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
936 font-size: 13px;
937 line-height: 17px
938 }
939
940 .rpt_5_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
941 font-size: 12px;
942 line-height: 16px
943 }
944
945 .rpt_plans .rpt_plan .rpt_head .rpt_description {
946 font-size: 14px;
947 line-height: 20px;
948 padding: 10px 20px;
949 font-weight: 300;
950 text-align: center;
951 color: #ffffff
952 }
953
954 .rpt_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description {
955 font-size: 12px
956 }
957
958 .rpt_style_bic .rpt_plan .rpt_head .rpt_description, .rpt_style_loc .rpt_plan .rpt_head .rpt_description {
959 color: #f5f5f5
960 }
961
962 .rpt_4_plans .rpt_plan .rpt_head .rpt_description {
963 font-size: 13px;
964 line-height: 18px
965 }
966
967 .rpt_4_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description {
968 font-size: 12px;
969 line-height: 17px
970 }
971
972 .rpt_5_plans .rpt_plan .rpt_head .rpt_description {
973 font-size: 12px;
974 line-height: 18px
975 }
976
977 .rpt_5_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description {
978 font-size: 11px;
979 line-height: 17px
980 }
981
982 .rpt_plans .rpt_plan .rpt_features {
983 padding: 20px;
984 background: #f0ecfb;
985 text-align: center
986 }
987
988 .rpt_plans .rpt_plan .rpt_features .rpt_feature {
989 font-size: 16px;
990 padding: 6px 16px;
991 border-bottom: 1px dotted #d3d3d3
992 }
993 .rpt_plans .rpt_plan .rpt_features .rpt_feature a {
994 color: #333333;
995 }
996
997 .rpt_plans .rpt_plan .rpt_features .rpt_feature:last-child {
998 border-bottom: none
999 }
1000
1001 .rpt_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature {
1002 font-size: 14px
1003 }
1004
1005 .rpt_style_bic .rpt_plan .rpt_features, .rpt_style_loc .rpt_plan .rpt_features, .rpt_style_swl .rpt_plan .rpt_features {
1006 background: #fff
1007 }
1008
1009 .rpt_style_swl .rpt_plan .rpt_features .rpt_feature {
1010 padding: 5px 16px
1011 }
1012
1013 .rpt_4_plans .rpt_plan .rpt_features .rpt_feature {
1014 padding: 6px 10px;
1015 font-size: 14px
1016 }
1017
1018 .rpt_4_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature {
1019 font-size: 12px
1020 }
1021
1022 .rpt_5_plans .rpt_plan .rpt_features .rpt_feature {
1023 padding: 6px 10px;
1024 font-size: 13px
1025 }
1026
1027 .rpt_5_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature {
1028 font-size: 11px
1029 }
1030
1031 .rpt_plans .rpt_plan .rpt_foot {
1032 display: block;
1033 padding: 10px 30px;
1034 border-top: #7559C0 solid 2px;
1035 background: #7559C0;
1036 text-align: center;
1037 color: #fff;
1038 font-size: 24px;
1039 text-decoration: none;
1040 font-weight: 300;
1041 transition: All .5s ease;
1042 -webkit-transition: All .5s ease;
1043 -moz-transition: All .5s ease;
1044 -o-transition: All .5s ease
1045 }
1046
1047 .rpt_plans .rpt_sm_button .rpt_plan .rpt_foot {
1048 font-size: 19px
1049 }
1050
1051 .rpt_style_basic .rpt_plan .rpt_foot {
1052 border-bottom-left-radius: 8px;
1053 border-bottom-right-radius: 8px
1054 }
1055
1056 .rpt_style_swl .rpt_plan .rpt_foot {
1057 border-top: none;
1058 padding: 10px 30px 20px;
1059 color: #000;
1060 background: #333
1061 }
1062
1063 .rpt_4_plans .rpt_plan .rpt_foot {
1064 padding: 4px 20px;
1065 font-size: 19px
1066 }
1067
1068 .rpt_4_plans .rpt_sm_button .rpt_plan .rpt_foot, .rpt_5_plans .rpt_plan .rpt_foot {
1069 padding: 4px 20px;
1070 font-size: 17px
1071 }
1072
1073 .rpt_5_plans .rpt_sm_button .rpt_plan .rpt_foot {
1074 font-size: 16px
1075 }
1076
1077 .rpt_plans .rpt_plan .rpt_foot:hover {
1078 opacity: .8
1079 }
1080
1081 .rpt_style_swl .rpt_plan .rpt_foot:hover {
1082 opacity: 1
1083 }
1084
1085 .rpt_plans .rpt_recommended_plan .rpt_foot {
1086 font-size: 30px;
1087 padding: 16px 0
1088 }
1089
1090 .rpt_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {
1091 font-size: 26px
1092 }
1093
1094 .rpt_4_plans .rpt_recommended_plan .rpt_foot {
1095 font-size: 22px;
1096 font-weight: 300;
1097 padding: 10px 0
1098 }
1099
1100 .rpt_4_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {
1101 font-size: 19px;
1102 padding: 10px 0
1103 }
1104
1105 .rpt_5_plans .rpt_recommended_plan .rpt_foot {
1106 font-size: 20px;
1107 font-weight: 300;
1108 padding: 10px 0
1109 }
1110
1111 .rpt_5_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {
1112 font-size: 18px;
1113 padding: 10px 0
1114 }
1115
1116 .rpt_custom_btn {
1117 border-bottom-left-radius: 5px;
1118 border-bottom-right-radius: 5px;
1119 text-align: center;
1120 padding: 16px 20px
1121 }
1122
1123 .rpt_plans .rpt_recommended_plan {
1124 position: relative;
1125 top: -10px
1126 }
1127
1128 .rpt_recommended_plan img.rpt_recommended {
1129 position: absolute !important;
1130 right: 10px !important
1131 }
1132
1133 .rpt_style_bic .rpt_recommended_plan, .rpt_style_loc .rpt_recommended_plan {
1134 -webkit-box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .39);
1135 -moz-box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .39);
1136 box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .39)
1137 }
1138
1139 a.rpt_tooltip {
1140 display: block;
1141 outline: 0;
1142 position: relative
1143 }
1144
1145 a.rpt_tooltip strong {
1146 line-height: 30px
1147 }
1148
1149 a.rpt_tooltip > span.intool {
1150 width: 90%;
1151 padding: 10px;
1152 margin-top: 56px;
1153 opacity: 0;
1154 visibility: hidden;
1155 z-index: 10;
1156 position: absolute;
1157 top: -15px;
1158 display: block;
1159 color: #f5f5f5;
1160 font-size: 13px;
1161 line-height: 20px;
1162 background: #333;
1163 font-weight: 300;
1164 text-align: center
1165 }
1166
1167 a.rpt_tooltip:hover {
1168 cursor: zoom-in
1169 }
1170
1171 a.rpt_tooltip .rpt_tooltip_plus {
1172 text-decoration: none !important;
1173 display: inline;
1174 font-size: 12px;
1175 font-weight: 700;
1176 position: relative;
1177 top: -6px
1178 }
1179
1180 .rpt_feature:hover a.rpt_tooltip > span.intool {
1181 opacity: .98;
1182 text-decoration: none;
1183 visibility: visible;
1184 overflow: visible
1185 }
1186
1187 a.rpt_tooltip span.intool b {
1188 width: 10px;
1189 height: 10px;
1190 margin-left: 35%;
1191 margin-top: -15px;
1192 position: absolute;
1193 -webkit-transform: rotate(-45deg);
1194 -moz-transform: rotate(-45deg);
1195 -o-transform: rotate(-45deg);
1196 transform: rotate(-45deg);
1197 display: none \0/;
1198 background: #333
1199 }
1200
1201 .rpt_3_plans a.rpt_tooltip > span.intool {
1202 margin-left: -1%
1203 }
1204
1205 .rpt_4_plans a.rpt_tooltip > span.intool {
1206 margin-left: 0
1207 }
1208
1209 .rpt_5_plans a.rpt_tooltip > span.intool {
1210 margin-left: -2%
1211 }
1212
1213 .entry-content .rpt_plan a, .rpt_plan a {
1214 border-bottom: none !important;
1215 text-decoration: none;
1216 }
1217
1218 .rpt_plans .rpt_plan .rpt_icon {
1219 max-width: 30px;
1220 max-height: 30px
1221 }
1222
1223 .rpt_plans .rpt_plan img {
1224 display: inline;
1225 margin: 0 10px 0 0;
1226 padding: 0;
1227 -webkit-box-shadow: 0 0 0 0 transparent;
1228 -moz-box-shadow: 0 0 0 0 transparent;
1229 box-shadow: 0 0 0 0 transparent;
1230 border: none
1231 }
1232
1233 .folder-testimonial {
1234 position: relative;
1235 }
1236 .folder-testimonial .testimonial-data {
1237 position: relative;
1238 }
1239 .folder-testimonial .testimonial-data {
1240 position: relative;
1241 margin-left: 30px;
1242 padding: 10px 10px 10px 40px;
1243 background: #f5f5f5;
1244 font-size: 16px;
1245 line-height: 22px;
1246 }
1247 .folder-testimonial .testimonial-image {
1248 position: absolute;
1249 height: 60px;
1250 width: 60px;
1251 overflow: hidden;
1252 border-radius: 30px;
1253 top: 50%;
1254 margin-top: -30px;
1255 z-index: 1;
1256 }
1257 .folder-testimonial .testimonial-image img {
1258 width: 100%;
1259 height: auto;
1260 }
1261 .folder-testimonial-list {
1262 width: 100%;
1263 max-width: 1080px;
1264 margin: 30px auto;
1265 }
1266 .testimonial-title {
1267 font-weight: bold;
1268 font-size: 18px;
1269 padding: 0 0 5px 0;
1270 }
1271 .testimonial-author {
1272 font-size: 16px;
1273 font-style: italic;
1274 font-weight: 500;
1275 padding: 5px 0 0 0;
1276 }
1277 p.udner-title strong {
1278 font-size: 30px;
1279 padding-bottom: 40px;
1280 display: block;
1281 color: #b97fcf;
1282 text-align: center;
1283 }
1284 p.udner-title {
1285 margin: 0;
1286 padding: 0;
1287 }
1288 @media only screen and (max-width: 640px) {
1289 .rpt_plans .rpt_plan {
1290 width: 96%;
1291 margin: 10px 2% 20px !important
1292 }
1293
1294 .rpt_plans .rpt_plan .rpt_title {
1295 position: relative;
1296 font-size: 26px !important;
1297 line-height: 35px !important
1298 }
1299
1300 .rpt_plans .rpt_plan .rpt_head .rpt_price {
1301 font-size: 74px !important;
1302 line-height: 100px !important
1303 }
1304
1305 .rpt_plans .rpt_plan .rpt_head .rpt_subtitle {
1306 font-size: 17px !important;
1307 line-height: 28px !important;
1308 padding: 10px 40px 20px
1309 }
1310
1311 .rpt_plans .rpt_plan .rpt_head .rpt_description {
1312 font-size: 15px !important;
1313 line-height: 26px !important;
1314 padding: 0 40px 30px
1315 }
1316
1317 .rpt_plans .rpt_plan .rpt_features .rpt_feature {
1318 padding: 6px 16px;
1319 font-size: 14px !important
1320 }
1321
1322 .rpt_plans .rpt_plan .rpt_foot {
1323 padding: 10px 40px;
1324 text-align: center;
1325 color: #fff;
1326 font-size: 20px
1327 }
1328
1329 .rpt_plans .rpt_recommended_plan .rpt_foot {
1330 font-size: 30px;
1331 font-weight: 300;
1332 padding: 20px 0
1333 }
1334
1335 .rpt_plan .rpt_head .rpt_price .rpt_currency {
1336 top: -36px !important;
1337 left: -10px !important;
1338 font-size: 35px !important
1339 }
1340 }
1341
1342 #rpt_pricr .rpt_plan_ori .rpt_features .rpt_feature, #rpt_pricr .rpt_plan_ori .rpt_features .rpt_feature a, #rpt_pricr .rpt_plan_ori .rpt_foot, #rpt_pricr .rpt_plan_ori .rpt_head .rpt_description, #rpt_pricr .rpt_plan_ori .rpt_head .rpt_price, #rpt_pricr .rpt_plan_ori .rpt_head .rpt_price .rpt_currency, #rpt_pricr .rpt_plan_ori .rpt_head .rpt_recurrence, #rpt_pricr .rpt_plan_ori .rpt_head .rpt_subtitle, #rpt_pricr .rpt_plan_ori .rpt_title {
1343 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
1344 font-weight: 300 !important
1345 }
1346
1347 .client-testimonial {
1348 margin: 20px auto 0px;
1349 -webkit-border-radius: 5px;
1350 -moz-border-radius: 5px;
1351 border-radius: 5px;
1352 }
1353 .client-testimonial span.dashicons.dashicons-yes {
1354 background: #00bd00;
1355 color: #fff;
1356 border-radius: 50%;
1357 -webkit-border-radius: 50%;
1358 -moz-border-radius: 50%;
1359 }
1360 .client-testimonial p.text-center {
1361 text-align: center;
1362 margin: 6px 0;
1363 font-size: 14px;
1364 }
1365 .client-testimonial .payment {
1366 margin: 20px 0;
1367 text-align: center;
1368 }
1369 .testimonial-image {
1370 width: 10%;
1371 display: inline-block;
1372 vertical-align: middle;
1373 }
1374 .testimonial-content {
1375 width: 85%;
1376 display: inline-block;
1377 vertical-align: middle;
1378 padding-left: 15px;
1379 }
1380 .testimonial-image img {
1381 border-radius: 50%;
1382 -webkit-border-radius: 50%;
1383 -moz-border-radius: 50%;
1384 width: 100%;
1385 height: auto;
1386 }
1387 .client-testimonial .author {
1388 font-weight: bold;
1389 padding: 5px 0 0 0;
1390 font-size: 14px;
1391 }
1392 .testimonial-box {
1393 padding: 15px;
1394 background: #d6efff;
1395 -webkit-border-radius: 5px;
1396 -moz-border-radius: 5px;
1397 border-radius: 5px;
1398 }