PluginProbe ʕ •ᴥ•ʔ
My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) / 2.1.1
My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) v2.1.1
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
1386 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: 30px 0;
566 }
567 #rpt_pricr h2 {
568 padding: 50px 0 30px;
569 text-align: center;
570 font-size: 24px;
571 }
572 .rpt_plans .rpt_plan {
573 -moz-box-sizing: border-box;
574 -webkit-box-sizing: border-box
575 }
576
577 .rpt_2_plans .rpt_plan {
578 margin-right: 2%;
579 width: 49%;
580 float: left
581 }
582
583 .rpt_2_plans .rpt_plan:last-child {
584 margin-right: 0
585 }
586
587 .rpt_3_plans .rpt_plan {
588 margin-right: 2%;
589 width: 32%;
590 float: left
591 }
592
593 .rpt_3_plans .rpt_plan:last-child {
594 margin-right: 0
595 }
596
597 .rpt_4_plans .rpt_plan {
598 margin-right: 1%;
599 width: 24.25%;
600 float: left
601 }
602
603 .rpt_4_plans .rpt_plan:last-child {
604 margin-right: 0
605 }
606
607 .rpt_5_plans .rpt_plan {
608 margin-right: .5%;
609 width: 19.6%;
610 float: left
611 }
612
613 .rpt_5_plans .rpt_plan:last-child {
614 margin-right: 0
615 }
616
617 .rpt_style_bic .rpt_plan, .rpt_style_loc .rpt_plan {
618 -webkit-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .19);
619 -moz-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .19);
620 box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .19)
621 }
622
623 .rpt_plans .rpt_plan .rpt_title img {
624 margin-right: 10px;
625 position: relative;
626 vertical-align: middle
627 }
628
629 .rpt_plans .rpt_plan .rpt_title {
630 background: #B2D2FC;
631 font-weight: 300;
632 padding: 24px 18px;
633 font-size: 26px;
634 color: #fff;
635 line-height: 35px;
636 height: auto;
637 color: #444;
638 }
639
640 .rpt_plans .rpt_plan .rpt_title span {
641 display: inline-block;
642 position: relative;
643 top: -10px
644 }
645
646 .rpt_style_basic .rpt_plan .rpt_title {
647 border-bottom: #B2D2FC solid 1px;
648 border-top-left-radius: 8px;
649 border-top-right-radius: 8px;
650 }
651
652 .rpt_style_spec .rpt_plan .rpt_title {
653 color: #fff
654 }
655
656 .rpt_style_bic .rpt_plan .rpt_title, .rpt_style_loc .rpt_plan .rpt_title, .rpt_style_swl .rpt_plan .rpt_title {
657 background: #333
658 }
659
660 .rpt_plans .rpt_sm_title .rpt_plan .rpt_title {
661 font-size: 20px;
662 line-height: 18px
663 }
664
665 .rpt_plans .rpt_xsm_title .rpt_plan .rpt_title {
666 font-size: 15px;
667 line-height: 15px
668 }
669
670 .rpt_4_plans .rpt_plan .rpt_title {
671 font-size: 17px;
672 line-height: 15px
673 }
674
675 .rpt_4_plans .rpt_sm_title .rpt_plan .rpt_title {
676 font-size: 15px;
677 line-height: 13px
678 }
679
680 .rpt_4_plans .rpt_xsm_title .rpt_plan .rpt_title {
681 font-size: 13px;
682 line-height: 11px
683 }
684
685 .rpt_5_plans .rpt_plan .rpt_title {
686 font-size: 15px;
687 line-height: 13px
688 }
689
690 .rpt_5_plans .rpt_sm_title .rpt_plan .rpt_title {
691 font-size: 13px;
692 line-height: 11px
693 }
694
695 .rpt_5_plans .rpt_xsm_title .rpt_plan .rpt_title {
696 font-size: 12px;
697 line-height: 10px
698 }
699
700 .rpt_plans .rpt_recommended_plan .rpt_title {
701 background: #B2D2FC
702 }
703
704 .rpt_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {
705 position: relative;
706 top: -44px;
707 left: -10px;
708 font-size: 35px;
709 line-height: 0
710 }
711
712 .rpt_4_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {
713 top: -36px
714 }
715
716 .rpt_5_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {
717 top: -26px
718 }
719
720 .rpt_sm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {
721 font-size: 30px;
722 top: -44px;
723 left: -4px
724 }
725
726 .rpt_xsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {
727 font-size: 25px;
728 top: -30px;
729 left: -4px
730 }
731
732 .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {
733 font-size: 21px;
734 top: -14px;
735 left: -4px
736 }
737
738 .rpt_style_basic .rpt_plan .rpt_head {
739 background: #D6EFFF
740 }
741
742 .rpt_style_spec .rpt_plan .rpt_head {
743 background: #222
744 }
745
746 .rpt_style_swl .rpt_plan .rpt_head {
747 background: #fff
748 }
749
750 .rpt_plans .rpt_plan .rpt_head .rpt_price {
751 padding: 6px 10px;
752 font-size: 74px;
753 line-height: 80px;
754 font-weight: 300;
755 text-align: center;
756 color: #424242
757 }
758
759 .rpt_style_basic .rpt_plan .rpt_head .rpt_price, .rpt_style_spec .rpt_plan .rpt_head .rpt_price {
760 text-shadow: 1px 2px 7px rgba(0, 0, 0, .6)
761 }
762
763 .rpt_style_swl .rpt_plan .rpt_head .rpt_price {
764 color: #000
765 }
766
767 .rpt_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {
768 font-size: 62px
769 }
770
771 .rpt_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {
772 font-size: 56px
773 }
774
775 .rpt_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {
776 font-size: 38px
777 }
778
779 .rpt_4_plans .rpt_plan .rpt_head .rpt_price {
780 font-size: 69px;
781 line-height: 80px
782 }
783
784 .rpt_4_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {
785 font-size: 53px;
786 line-height: 65px
787 }
788
789 .rpt_4_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {
790 font-size: 47px;
791 line-height: 64px
792 }
793
794 .rpt_4_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {
795 font-size: 31px;
796 line-height: 60px
797 }
798
799 .rpt_5_plans .rpt_plan .rpt_head .rpt_price {
800 font-size: 59px;
801 line-height: 80px
802 }
803
804 .rpt_5_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {
805 font-size: 44px;
806 line-height: 60px
807 }
808
809 .rpt_5_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {
810 font-size: 37px;
811 line-height: 53px
812 }
813
814 .rpt_5_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {
815 font-size: 24px;
816 line-height: 50px
817 }
818
819 .rpt_plans .rpt_recommended_plan .rpt_head .rpt_price {
820 font-size: 98px
821 }
822
823 .rpt_4_plans .rpt_recommended_plan .rpt_head .rpt_price {
824 font-size: 74px
825 }
826
827 .rpt_5_plans .rpt_recommended_plan .rpt_head .rpt_price {
828 font-size: 67px
829 }
830
831 .rpt_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {
832 font-size: 83px
833 }
834
835 .rpt_4_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {
836 font-size: 60px
837 }
838
839 .rpt_5_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {
840 font-size: 54px
841 }
842
843 .rpt_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {
844 font-size: 55px
845 }
846
847 .rpt_4_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {
848 font-size: 49px
849 }
850
851 .rpt_5_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {
852 font-size: 41px
853 }
854
855 .rpt_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {
856 font-size: 42px
857 }
858
859 .rpt_4_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {
860 font-size: 34px
861 }
862
863 .rpt_5_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {
864 font-size: 26px
865 }
866
867 .rpt_plans .rpt_plan .rpt_head .rpt_recurrence {
868 font-size: 13px;
869 font-weight: 300;
870 line-height: 18px;
871 padding: 20px 40px 10px;
872 color: #444444;
873 text-align: center
874 }
875
876 .rpt_style_spec .rpt_plan .rpt_head .rpt_recurrence {
877 color: #d3d3d3
878 }
879
880 .rpt_style_bic .rpt_plan .rpt_head .rpt_recurrence, .rpt_style_loc .rpt_plan .rpt_head .rpt_recurrence {
881 color: #f5f5f5
882 }
883
884 .rpt_style_swl .rpt_plan .rpt_head .rpt_recurrence {
885 color: grey
886 }
887
888 .rpt_plans .rpt_sm_recurrence .rpt_plan .rpt_head .rpt_recurrence {
889 font-size: 11px;
890 padding: 20px 40px 4px
891 }
892
893 .rpt_plans .rpt_plan .rpt_head .rpt_subtitle {
894 font-size: 16px;
895 line-height: 20px;
896 font-weight: 300;
897 text-align: center;
898 padding: 10px 30px 20px
899 }
900
901 .rpt_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
902 font-size: 14px
903 }
904
905 .rpt_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
906 font-size: 12px
907 }
908
909 .rpt_4_plans .rpt_plan .rpt_head .rpt_subtitle {
910 font-size: 16px;
911 line-height: 18px;
912 padding: 10px 10px 20px
913 }
914
915 .rpt_4_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
916 font-size: 14px;
917 line-height: 17px
918 }
919
920 .rpt_4_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
921 font-size: 13px;
922 line-height: 16px
923 }
924
925 .rpt_5_plans .rpt_plan .rpt_head .rpt_subtitle {
926 font-size: 15px;
927 line-height: 18px;
928 padding: 10px 10px 20px
929 }
930
931 .rpt_5_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
932 font-size: 13px;
933 line-height: 17px
934 }
935
936 .rpt_5_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
937 font-size: 12px;
938 line-height: 16px
939 }
940
941 .rpt_plans .rpt_plan .rpt_head .rpt_description {
942 font-size: 14px;
943 line-height: 20px;
944 padding: 10px 20px;
945 font-weight: 300;
946 text-align: center;
947 color: #333333
948 }
949
950 .rpt_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description {
951 font-size: 12px
952 }
953
954 .rpt_style_bic .rpt_plan .rpt_head .rpt_description, .rpt_style_loc .rpt_plan .rpt_head .rpt_description {
955 color: #f5f5f5
956 }
957
958 .rpt_4_plans .rpt_plan .rpt_head .rpt_description {
959 font-size: 13px;
960 line-height: 18px
961 }
962
963 .rpt_4_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description {
964 font-size: 12px;
965 line-height: 17px
966 }
967
968 .rpt_5_plans .rpt_plan .rpt_head .rpt_description {
969 font-size: 12px;
970 line-height: 18px
971 }
972
973 .rpt_5_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description {
974 font-size: 11px;
975 line-height: 17px
976 }
977
978 .rpt_plans .rpt_plan .rpt_features {
979 padding: 20px;
980 background: #f0ecfb;
981 text-align: center
982 }
983
984 .rpt_plans .rpt_plan .rpt_features .rpt_feature {
985 font-size: 16px;
986 padding: 6px 16px;
987 border-bottom: 1px dotted #d3d3d3
988 }
989 .rpt_plans .rpt_plan .rpt_features .rpt_feature a {
990 color: #333333;
991 }
992
993 .rpt_plans .rpt_plan .rpt_features .rpt_feature:last-child {
994 border-bottom: none
995 }
996
997 .rpt_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature {
998 font-size: 14px
999 }
1000
1001 .rpt_style_bic .rpt_plan .rpt_features, .rpt_style_loc .rpt_plan .rpt_features, .rpt_style_swl .rpt_plan .rpt_features {
1002 background: #fff
1003 }
1004
1005 .rpt_style_swl .rpt_plan .rpt_features .rpt_feature {
1006 padding: 5px 16px
1007 }
1008
1009 .rpt_4_plans .rpt_plan .rpt_features .rpt_feature {
1010 padding: 6px 10px;
1011 font-size: 14px
1012 }
1013
1014 .rpt_4_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature {
1015 font-size: 12px
1016 }
1017
1018 .rpt_5_plans .rpt_plan .rpt_features .rpt_feature {
1019 padding: 6px 10px;
1020 font-size: 13px
1021 }
1022
1023 .rpt_5_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature {
1024 font-size: 11px
1025 }
1026
1027 .rpt_plans .rpt_plan .rpt_foot {
1028 display: block;
1029 padding: 10px 30px;
1030 border-top: #7559C0 solid 2px;
1031 background: #7559C0;
1032 text-align: center;
1033 color: #fff;
1034 font-size: 24px;
1035 text-decoration: none;
1036 font-weight: 300;
1037 transition: All .5s ease;
1038 -webkit-transition: All .5s ease;
1039 -moz-transition: All .5s ease;
1040 -o-transition: All .5s ease
1041 }
1042
1043 .rpt_plans .rpt_sm_button .rpt_plan .rpt_foot {
1044 font-size: 19px
1045 }
1046
1047 .rpt_style_basic .rpt_plan .rpt_foot {
1048 border-bottom-left-radius: 8px;
1049 border-bottom-right-radius: 8px
1050 }
1051
1052 .rpt_style_swl .rpt_plan .rpt_foot {
1053 border-top: none;
1054 padding: 10px 30px 20px;
1055 color: #000;
1056 background: #333
1057 }
1058
1059 .rpt_4_plans .rpt_plan .rpt_foot {
1060 padding: 4px 20px;
1061 font-size: 19px
1062 }
1063
1064 .rpt_4_plans .rpt_sm_button .rpt_plan .rpt_foot, .rpt_5_plans .rpt_plan .rpt_foot {
1065 padding: 4px 20px;
1066 font-size: 17px
1067 }
1068
1069 .rpt_5_plans .rpt_sm_button .rpt_plan .rpt_foot {
1070 font-size: 16px
1071 }
1072
1073 .rpt_plans .rpt_plan .rpt_foot:hover {
1074 opacity: .8
1075 }
1076
1077 .rpt_style_swl .rpt_plan .rpt_foot:hover {
1078 opacity: 1
1079 }
1080
1081 .rpt_plans .rpt_recommended_plan .rpt_foot {
1082 font-size: 30px;
1083 padding: 16px 0
1084 }
1085
1086 .rpt_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {
1087 font-size: 26px
1088 }
1089
1090 .rpt_4_plans .rpt_recommended_plan .rpt_foot {
1091 font-size: 22px;
1092 font-weight: 300;
1093 padding: 10px 0
1094 }
1095
1096 .rpt_4_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {
1097 font-size: 19px;
1098 padding: 10px 0
1099 }
1100
1101 .rpt_5_plans .rpt_recommended_plan .rpt_foot {
1102 font-size: 20px;
1103 font-weight: 300;
1104 padding: 10px 0
1105 }
1106
1107 .rpt_5_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {
1108 font-size: 18px;
1109 padding: 10px 0
1110 }
1111
1112 .rpt_custom_btn {
1113 border-bottom-left-radius: 5px;
1114 border-bottom-right-radius: 5px;
1115 text-align: center;
1116 padding: 16px 20px
1117 }
1118
1119 .rpt_plans .rpt_recommended_plan {
1120 position: relative;
1121 top: -10px
1122 }
1123
1124 .rpt_recommended_plan img.rpt_recommended {
1125 position: absolute !important;
1126 right: 10px !important
1127 }
1128
1129 .rpt_style_bic .rpt_recommended_plan, .rpt_style_loc .rpt_recommended_plan {
1130 -webkit-box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .39);
1131 -moz-box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .39);
1132 box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .39)
1133 }
1134
1135 a.rpt_tooltip {
1136 display: block;
1137 outline: 0;
1138 position: relative
1139 }
1140
1141 a.rpt_tooltip strong {
1142 line-height: 30px
1143 }
1144
1145 a.rpt_tooltip > span.intool {
1146 width: 90%;
1147 padding: 10px;
1148 margin-top: 56px;
1149 opacity: 0;
1150 visibility: hidden;
1151 z-index: 10;
1152 position: absolute;
1153 top: -15px;
1154 display: block;
1155 color: #f5f5f5;
1156 font-size: 13px;
1157 line-height: 20px;
1158 background: #333;
1159 font-weight: 300;
1160 text-align: center
1161 }
1162
1163 a.rpt_tooltip:hover {
1164 cursor: zoom-in
1165 }
1166
1167 a.rpt_tooltip .rpt_tooltip_plus {
1168 text-decoration: none !important;
1169 display: inline;
1170 font-size: 12px;
1171 font-weight: 700;
1172 position: relative;
1173 top: -6px
1174 }
1175
1176 .rpt_feature:hover a.rpt_tooltip > span.intool {
1177 opacity: .98;
1178 text-decoration: none;
1179 visibility: visible;
1180 overflow: visible
1181 }
1182
1183 a.rpt_tooltip span.intool b {
1184 width: 10px;
1185 height: 10px;
1186 margin-left: 35%;
1187 margin-top: -15px;
1188 position: absolute;
1189 -webkit-transform: rotate(-45deg);
1190 -moz-transform: rotate(-45deg);
1191 -o-transform: rotate(-45deg);
1192 transform: rotate(-45deg);
1193 display: none \0/;
1194 background: #333
1195 }
1196
1197 .rpt_3_plans a.rpt_tooltip > span.intool {
1198 margin-left: -1%
1199 }
1200
1201 .rpt_4_plans a.rpt_tooltip > span.intool {
1202 margin-left: 0
1203 }
1204
1205 .rpt_5_plans a.rpt_tooltip > span.intool {
1206 margin-left: -2%
1207 }
1208
1209 .entry-content .rpt_plan a, .rpt_plan a {
1210 border-bottom: none !important;
1211 text-decoration: none;
1212 }
1213
1214 .rpt_plans .rpt_plan .rpt_icon {
1215 max-width: 30px;
1216 max-height: 30px
1217 }
1218
1219 .rpt_plans .rpt_plan img {
1220 display: inline;
1221 margin: 0 10px 0 0;
1222 padding: 0;
1223 -webkit-box-shadow: 0 0 0 0 transparent;
1224 -moz-box-shadow: 0 0 0 0 transparent;
1225 box-shadow: 0 0 0 0 transparent;
1226 border: none
1227 }
1228
1229 .folder-testimonial {
1230 position: relative;
1231 }
1232 .folder-testimonial .testimonial-data {
1233 position: relative;
1234 }
1235 .folder-testimonial .testimonial-data {
1236 position: relative;
1237 margin-left: 30px;
1238 padding: 10px 10px 10px 40px;
1239 background: #f5f5f5;
1240 font-size: 16px;
1241 line-height: 22px;
1242 }
1243 .folder-testimonial .testimonial-image {
1244 position: absolute;
1245 height: 60px;
1246 width: 60px;
1247 overflow: hidden;
1248 border-radius: 30px;
1249 top: 50%;
1250 margin-top: -30px;
1251 z-index: 1;
1252 }
1253 .folder-testimonial .testimonial-image img {
1254 width: 100%;
1255 height: auto;
1256 }
1257 .folder-testimonial-list {
1258 width: 100%;
1259 max-width: 1080px;
1260 margin: 30px auto;
1261 }
1262 .testimonial-title {
1263 font-weight: bold;
1264 font-size: 18px;
1265 padding: 0 0 5px 0;
1266 }
1267 .testimonial-author {
1268 font-size: 16px;
1269 font-style: italic;
1270 font-weight: 500;
1271 padding: 5px 0 0 0;
1272 }
1273 @media only screen and (max-width: 640px) {
1274 .rpt_plans .rpt_plan {
1275 width: 96%;
1276 margin: 10px 2% 20px !important
1277 }
1278
1279 .rpt_plans .rpt_plan .rpt_title {
1280 position: relative;
1281 font-size: 26px !important;
1282 line-height: 35px !important
1283 }
1284
1285 .rpt_plans .rpt_plan .rpt_head .rpt_price {
1286 font-size: 74px !important;
1287 line-height: 100px !important
1288 }
1289
1290 .rpt_plans .rpt_plan .rpt_head .rpt_subtitle {
1291 font-size: 17px !important;
1292 line-height: 28px !important;
1293 padding: 10px 40px 20px
1294 }
1295
1296 .rpt_plans .rpt_plan .rpt_head .rpt_description {
1297 font-size: 15px !important;
1298 line-height: 26px !important;
1299 padding: 0 40px 30px
1300 }
1301
1302 .rpt_plans .rpt_plan .rpt_features .rpt_feature {
1303 padding: 6px 16px;
1304 font-size: 14px !important
1305 }
1306
1307 .rpt_plans .rpt_plan .rpt_foot {
1308 padding: 10px 40px;
1309 text-align: center;
1310 color: #fff;
1311 font-size: 20px
1312 }
1313
1314 .rpt_plans .rpt_recommended_plan .rpt_foot {
1315 font-size: 30px;
1316 font-weight: 300;
1317 padding: 20px 0
1318 }
1319
1320 .rpt_plan .rpt_head .rpt_price .rpt_currency {
1321 top: -36px !important;
1322 left: -10px !important;
1323 font-size: 35px !important
1324 }
1325 }
1326
1327 #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 {
1328 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
1329 font-weight: 300 !important
1330 }
1331
1332 .client-testimonial {
1333 margin: 20px auto 20px;
1334 background: #f0ecfb;
1335 padding: 20px;
1336 border: solid 1px #d3cfde;
1337 -webkit-border-radius: 5px;
1338 -moz-border-radius: 5px;
1339 border-radius: 5px;
1340 }
1341 .client-testimonial span.dashicons.dashicons-yes {
1342 background: #00bd00;
1343 color: #fff;
1344 border-radius: 50%;
1345 -webkit-border-radius: 50%;
1346 -moz-border-radius: 50%;
1347 }
1348 .client-testimonial p.text-center {
1349 text-align: center;
1350 margin: 6px 0;
1351 font-size: 14px;
1352 }
1353 .client-testimonial .payment {
1354 margin: 20px 0;
1355 text-align: center;
1356 }
1357 .testimonial-image {
1358 width: 10%;
1359 display: inline-block;
1360 vertical-align: middle;
1361 }
1362 .testimonial-content {
1363 width: 85%;
1364 display: inline-block;
1365 vertical-align: middle;
1366 padding-left: 15px;
1367 }
1368 .testimonial-image img {
1369 border-radius: 50%;
1370 -webkit-border-radius: 50%;
1371 -moz-border-radius: 50%;
1372 width: 100%;
1373 height: auto;
1374 }
1375 .client-testimonial .author {
1376 font-weight: bold;
1377 padding: 5px 0 0 0;
1378 font-size: 14px;
1379 }
1380 .testimonial-box {
1381 padding: 15px;
1382 background: #d6efff;
1383 -webkit-border-radius: 5px;
1384 -moz-border-radius: 5px;
1385 border-radius: 5px;
1386 }