PluginProbe
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets / 4.1.14
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets v4.1.14
4.5.4 4.2.1 4.2.2 4.2.3 4.5.0 4.5.2 4.5.3 4.2.0 4.1.18 4.1.17 4.1.16 4.1.15 4.1.14 4.1.13 4.1.12 4.1.11 4.1.10 4.1.9 4.1.8 4.0.9 4.1.0 4.1.1 4.1.2 4.1.3 4.1.4 All 146 releases
ultimate-post-kit / admin / assets / css / upk-admin.css

upk-admin.css in Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets 4.1.14, at admin/assets/css/upk-admin.css

2,664 lines 86.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .ultimate-post-kit-dashboard {
2 position: relative;
3 /* license page style */
4 /* Start Custom CSS and JS Styles */
5 /* Start Custom CSS and JS Styles */
6 /* Start White Label Styles */
7 /* White Label Option Styles */
8 /* Slide-down animation keyframes */
9 /* White Label Title Input Styles */
10 /* Locked/Disabled State Styles */
11 }
12 .ultimate-post-kit-dashboard.wrap {
13 margin: 10px 20px 0 0;
14 }
15 .ultimate-post-kit-dashboard.wrap a:focus {
16 outline: none;
17 box-shadow: none;
18 }
19 .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options {
20 display: block;
21 columns: 1;
22 gap: 20px;
23 }
24 .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options .upk-option-item {
25 margin-bottom: 20px;
26 }
27 .ultimate-post-kit-dashboard.wrap .upk-affiliate-sub-title {
28 color: #1d2327;
29 font-size: 1.3em;
30 margin: 1em 0;
31 }
32 .ultimate-post-kit-dashboard.wrap .upk-affiliate-features ul {
33 list-style: inside;
34 }
35 .ultimate-post-kit-dashboard.wrap .ultimate-post-kit-settings-save-btn {
36 padding: 3px 30px;
37 color: #fff;
38 background: linear-gradient(to right, #00A85C, #58D34D);
39 border: 0;
40 }
41 .ultimate-post-kit-dashboard.wrap .ultimate-post-kit-settings-save-btn:hover {
42 background: linear-gradient(to right, #58D34D, #00A85C);
43 }
44 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header {
45 position: relative;
46 padding: 20px 30px;
47 background: #fff;
48 overflow: hidden;
49 z-index: 11;
50 border: 1px solid rgba(123, 123, 123, 0.09);
51 border-radius: 6px;
52 }
53 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header.bdt-sticky-fixed {
54 z-index: 999;
55 box-shadow: 0px -32px 0px 0px #ffffff, 0px 5px 15px rgba(0, 0, 0, 0.1);
56 border-bottom-left-radius: 0;
57 border-bottom-right-radius: 0;
58 border-bottom: 0;
59 }
60 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header.bdt-sticky-fixed .upk-header-elements {
61 opacity: 0.5;
62 transition: opacity 0.3s ease;
63 }
64 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header.bdt-sticky-fixed:hover .upk-header-elements {
65 opacity: 1;
66 }
67 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements {
68 position: absolute;
69 top: 0;
70 left: 0;
71 width: 100%;
72 height: 100%;
73 pointer-events: none;
74 z-index: 1;
75 }
76 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo,
77 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-new-page {
78 position: relative;
79 z-index: 2;
80 }
81 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element {
82 position: absolute;
83 display: block;
84 }
85 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-circle {
86 width: 160px;
87 height: 160px;
88 border-radius: 50%;
89 background: linear-gradient(45deg, rgba(88, 211, 77, 0.05), rgba(88, 211, 77, 0.08));
90 top: -80px;
91 right: 10%;
92 }
93 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-dots {
94 bottom: 20px;
95 left: 15%;
96 width: 80px;
97 height: 40px;
98 background-image: radial-gradient(rgba(88, 211, 77, 0.15) 2px, transparent 2px);
99 background-size: 10px 10px;
100 }
101 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-line {
102 width: 120px;
103 height: 2px;
104 background: linear-gradient(90deg, rgba(88, 211, 77, 0), rgba(88, 211, 77, 0.2));
105 transform: rotate(-45deg);
106 top: 40%;
107 right: 25%;
108 }
109 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-square {
110 width: 30px;
111 height: 30px;
112 border: 2px solid rgba(88, 211, 77, 0.1);
113 top: 30px;
114 left: 20%;
115 transform: rotate(15deg);
116 }
117 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-wave {
118 width: 140px;
119 height: 20px;
120 bottom: 20px;
121 right: 15%;
122 background: linear-gradient(45deg, rgba(88, 211, 77, 0) 45%, rgba(88, 211, 77, 0.1) 50%, rgba(88, 211, 77, 0) 55%);
123 background-size: 15px 15px;
124 transform: rotate(-10deg);
125 }
126 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo {
127 position: relative;
128 z-index: 1;
129 }
130 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header.bdt-sticky-fixed,
131 .ultimate-post-kit-dashboard.wrap .bdt-widget-filter-wrapper.bdt-sticky-fixed {
132 box-shadow: 0px -32px 0px 0px #ffffff, 0px 5px 15px rgba(0, 0, 0, 0.1);
133 border-bottom-left-radius: 0;
134 border-bottom-right-radius: 0;
135 }
136 .ultimate-post-kit-dashboard.wrap .upk-dashboard-wrapper {
137 background: #ffffff;
138 border-radius: 6px;
139 padding: 30px;
140 position: relative;
141 max-width: 1600px;
142 }
143 .ultimate-post-kit-dashboard.wrap .upk-dashboard-container {
144 gap: 20px;
145 }
146 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo {
147 width: 300px;
148 }
149 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo img {
150 height: 48px;
151 }
152 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-nav-title h3 {
153 font-size: 20px;
154 font-weight: 600;
155 }
156 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-nav-title h3 i {
157 margin-right: 10px;
158 }
159 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-new-page a {
160 text-decoration: none;
161 gap: 5px;
162 color: #fff;
163 border-radius: 6px;
164 transition: all 0.3s ease;
165 line-height: normal;
166 font-size: clamp(12px, 0.8vw, 14px);
167 font-weight: 600;
168 padding: clamp(10px, 1vw, 11px) clamp(10px, 1vw, 20px);
169 color: #58D34D;
170 border: 2px solid #58D34D;
171 }
172 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-new-page a:hover {
173 border-color: #00A85C;
174 color: #00A85C;
175 }
176 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-new-page a i {
177 transition: color 300ms ease-out;
178 }
179 .ultimate-post-kit-dashboard.wrap .upk-dashboard-nav-container-wrapper {
180 margin-top: 20px;
181 display: none;
182 }
183 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation {
184 box-sizing: border-box;
185 padding: 0;
186 min-width: 240px;
187 max-width: 240px;
188 }
189 .ultimate-post-kit-dashboard.wrap .upk-dashboard-compare-section {
190 border-top: 1px solid #f5f5f5;
191 margin-top: 50px;
192 padding-top: 50px;
193 }
194 .ultimate-post-kit-dashboard.wrap .upk-dashboard-compare-section .upk-feature-sub-title {
195 font-size: 15px;
196 font-weight: 500;
197 margin: 0 0 10px;
198 color: #6a6b72;
199 }
200 .ultimate-post-kit-dashboard.wrap .upk-dashboard-compare-section ul {
201 display: grid;
202 grid-template-columns: repeat(2, 1fr);
203 gap: 10px;
204 list-style: outside;
205 padding: 0;
206 margin: 30px 0 0;
207 font-size: 14px;
208 padding: 0 20px;
209 margin-bottom: 30px;
210 }
211 .ultimate-post-kit-dashboard.wrap .upk-highlight-text {
212 color: #48dab7;
213 padding: 3px 6px;
214 border-radius: 6px;
215 line-height: 1;
216 background: #e6fff8;
217 }
218 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter {
219 border-top: 2px solid #2196F3;
220 padding-top: 20px;
221 display: none;
222 }
223 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul {
224 gap: 2px;
225 }
226 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li {
227 margin: 0;
228 }
229 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li a {
230 font-size: 14px;
231 color: #666;
232 border: 1px solid transparent;
233 position: relative;
234 padding: 4px 6px;
235 }
236 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li a:before {
237 content: "";
238 position: absolute;
239 bottom: 0;
240 left: 0;
241 width: 0;
242 height: 2px;
243 background: #2196F3;
244 transition: width 0.3s ease;
245 }
246 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li a:hover {
247 color: #2196F3;
248 }
249 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li.bdt-active a {
250 color: #2196F3;
251 }
252 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li.bdt-active a:before {
253 width: 100%;
254 }
255 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter .upk-filter-by-text {
256 font-size: 14px;
257 margin-right: 10px;
258 font-weight: 600;
259 }
260 .ultimate-post-kit-dashboard.wrap .upk-dashboard-compare-section.bdt-card {
261 background: #fff;
262 border: 1px solid rgba(123, 123, 123, 0.09);
263 }
264 .ultimate-post-kit-dashboard.wrap .upk-dashboard-welcome-container {
265 grid-template-columns: repeat(12, 1fr);
266 grid-auto-flow: dense;
267 grid-row-gap: 20px;
268 grid-column-gap: 20px;
269 display: grid;
270 }
271 .ultimate-post-kit-dashboard.wrap .upk-dashboard-welcome-container p {
272 margin-bottom: 16px;
273 }
274 .ultimate-post-kit-dashboard.wrap .upk-dashboard-welcome-container .upk-dashboard-footer-item p {
275 margin-bottom: 0;
276 }
277 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(1),
278 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(3) {
279 grid-column: span 12/auto;
280 grid-row: span 1/auto;
281 }
282 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item {
283 grid-column: span 12/auto;
284 grid-row: span 1/auto;
285 }
286 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(2) {
287 grid-column: span 12/auto;
288 grid-row: span 2/auto;
289 }
290 .ultimate-post-kit-dashboard.wrap .upk-dashboard-template-quick-access img {
291 width: 100%;
292 height: auto;
293 border-radius: 6px;
294 margin-bottom: 20px;
295 }
296 .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner {
297 background-color: rgba(253, 228, 235, 0.12) !important;
298 border-color: #ffeaf0 !important;
299 }
300 .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner:after {
301 content: "PRO";
302 position: absolute;
303 right: 24px;
304 top: 50%;
305 transform: translateY(-50%);
306 font-size: 10px;
307 font-weight: 600;
308 color: #EF476F;
309 padding: 5px 9px;
310 border-radius: 20px;
311 background-color: #ffe4eb;
312 }
313 .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner .ultimate-post-kit-3pp-install,
314 .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner .ultimate-post-kit-3pp-active,
315 .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner .ultimate-post-kit-3pp-download,
316 .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner .switch {
317 display: none;
318 }
319 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li {
320 margin: 0;
321 border-bottom: 1px solid rgba(123, 123, 123, 0.09);
322 }
323 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li a {
324 padding: 16px 30px;
325 border: none;
326 background: none;
327 text-decoration: none;
328 font-size: clamp(14px, 1vw, 15px);
329 color: #666;
330 position: relative;
331 transition: box-shadow 300ms ease-out;
332 justify-content: flex-start;
333 gap: 12px;
334 font-weight: 600;
335 }
336 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li a:hover,
337 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li a:focus {
338 border-bottom: none;
339 color: #000;
340 box-shadow: none;
341 }
342 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li a:after {
343 background-color: #0680d6;
344 content: "";
345 height: 0;
346 position: absolute;
347 left: 0;
348 width: 4px;
349 transition: height 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
350 transform: translateY(-50%);
351 top: 50%;
352 }
353 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li.bdt-active a {
354 color: #0680d6;
355 }
356 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li.bdt-active a:after {
357 height: 75%;
358 }
359 .ultimate-post-kit-dashboard.wrap .bdt-card {
360 border-radius: 6px;
361 background-color: #fff;
362 border: 1px solid rgba(123, 123, 123, 0.09);
363 }
364 .ultimate-post-kit-dashboard.wrap .upk-option-page {
365 margin-top: 20px;
366 }
367 .ultimate-post-kit-dashboard.wrap .upk-option-page p {
368 font-size: 15px;
369 line-height: 1.6;
370 color: #666;
371 max-width: 600px;
372 }
373 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .bdt-width-expand > [class^=upk-icon-] {
374 font-size: 48px;
375 margin-right: 20px;
376 }
377 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-free .bdt-width-expand > [class^=upk-icon-] {
378 color: #48484a;
379 }
380 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-pro .bdt-width-expand > [class^=upk-icon-] {
381 color: #48484a;
382 }
383 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item[data-content-type~=update] > .upk-option-item-inner:before, .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item[data-content-type~=new] > .upk-option-item-inner:before {
384 width: 70px;
385 height: 20px;
386 color: #fff;
387 position: absolute;
388 transform: rotate(-45deg);
389 text-align: center;
390 line-height: 20px;
391 font-size: 9px;
392 left: -20px;
393 top: 4px;
394 }
395 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item[data-content-type~=new] > .upk-option-item-inner:before {
396 background-color: #EF476F;
397 content: "NEW";
398 }
399 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item[data-content-type~=update] > .upk-option-item-inner:before {
400 background-color: #0680d6;
401 content: "UPDATE";
402 }
403 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-label-wrap {
404 display: flex;
405 flex-direction: column;
406 align-items: flex-start;
407 gap: 10px;
408 }
409 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-label-wrap .upk-option-links {
410 display: flex;
411 gap: 8px;
412 align-items: center;
413 }
414 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-label {
415 font-size: 15px;
416 font-weight: 500;
417 }
418 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-demo,
419 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-video {
420 color: #837f90;
421 transition: all 0.2s ease-out;
422 text-decoration: none;
423 display: flex;
424 flex-direction: row-reverse;
425 align-items: center;
426 gap: 5px;
427 font-size: 12px;
428 }
429 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-demo i,
430 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-video i {
431 font-size: 14px;
432 color: currentColor;
433 }
434 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-demo:hover i,
435 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-video:hover i {
436 color: currentColor;
437 }
438 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-free .upk-option-demo:hover,
439 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-free .upk-option-video:hover {
440 color: #06D6A0;
441 }
442 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-pro .upk-option-demo:hover,
443 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-pro .upk-option-video:hover {
444 color: #EF476F;
445 }
446 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-item-inner {
447 position: relative;
448 border: 1px solid rgba(123, 123, 123, 0.09);
449 }
450 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-item-inner.upk-option-group {
451 background-color: #fff;
452 border: 1px solid rgba(123, 123, 123, 0.09);
453 }
454 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-item-inner .upk-option-item-inner {
455 border: none;
456 }
457 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper {
458 position: relative;
459 padding: 20px;
460 background: #fff;
461 overflow: hidden;
462 z-index: 998;
463 border-radius: 6px;
464 border: 1px solid rgba(123, 123, 123, 0.09);
465 margin-bottom: 20px;
466 }
467 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-filter-shape {
468 position: absolute;
469 bottom: 0;
470 left: 0;
471 width: 100%;
472 height: 100%;
473 z-index: -1;
474 pointer-events: none;
475 }
476 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-filter-shape svg {
477 position: absolute;
478 bottom: 0;
479 left: 0;
480 width: 100%;
481 height: 100%;
482 transform: scale(1.5);
483 }
484 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul {
485 margin-top: 0;
486 margin-bottom: 0;
487 }
488 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-badge {
489 height: 18px;
490 width: 18px;
491 margin-left: 5px;
492 font-size: 10px;
493 }
494 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-button-default {
495 text-decoration: none;
496 color: #444;
497 background-color: #fff;
498 transition: all 0.3s cubic-bezier(0.3, 0.36, 0.25, 1);
499 border: none;
500 border-radius: 6px;
501 outline: none;
502 font-size: clamp(12px, 1vw, 14px);
503 font-weight: 500;
504 padding: 10px 12px;
505 line-height: 18px;
506 }
507 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-button-default:hover {
508 background: #0680d6;
509 color: #fff;
510 }
511 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li {
512 margin: 0;
513 padding: 0;
514 }
515 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li:first-child {
516 padding-left: 20px;
517 }
518 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li a {
519 text-decoration: none;
520 color: #444;
521 transition: all 0.3s cubic-bezier(0.3, 0.36, 0.25, 1);
522 border: none;
523 border-radius: 6px;
524 outline: none;
525 font-size: clamp(12px, 0.8vw, 14px);
526 font-weight: 500;
527 padding: 10px clamp(10px, 0.9vw, 10px);
528 background: #e9f4ff;
529 }
530 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li a:hover {
531 background: #0680d6;
532 color: #fff;
533 outline: none;
534 }
535 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li a:hover .bdt-badge {
536 background-color: #118ab2;
537 }
538 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.bdt-active a {
539 background: #0680d6;
540 color: #fff;
541 box-shadow: none;
542 }
543 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-free a {
544 background-color: #B6FFEC;
545 color: #06D6A0;
546 }
547 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-free a:hover {
548 background-color: #06D6A0;
549 color: #fff;
550 }
551 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-free.bdt-active a {
552 background-color: #06D6A0;
553 color: #fff;
554 box-shadow: none;
555 }
556 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-pro a {
557 background-color: #ffcdd9;
558 color: #EF476F;
559 }
560 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-pro a:hover {
561 background-color: #EF476F;
562 color: #fff;
563 box-shadow: none;
564 }
565 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-pro.bdt-active a {
566 background-color: #EF476F;
567 color: #fff;
568 box-shadow: none;
569 }
570 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-active-all-widget {
571 background-color: #1e87f0;
572 color: #fff;
573 }
574 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-active-all-widget:hover, .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-active-all-widget.bdt-active {
575 background-color: #0c6fd1;
576 }
577 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-deactive-all-widget {
578 background-color: #c81b07;
579 color: #fff;
580 }
581 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-deactive-all-widget.bdt-active, .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-deactive-all-widget:hover {
582 background-color: #cf1c08;
583 }
584 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-dropdown {
585 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
586 border-radius: 3px;
587 background-color: #fff;
588 }
589 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-dropdown ul li a {
590 font-size: 14px;
591 }
592 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-dropdown ul li a:focus {
593 box-shadow: none;
594 }
595 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-dropdown ul li.bdt-active a {
596 color: #fff;
597 }
598 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options {
599 display: grid;
600 grid-template-columns: repeat(1, 1fr);
601 gap: 15px;
602 }
603 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item {
604 margin-bottom: 0 !important;
605 }
606 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-group .upk-option-item .upk-option-label {
607 font-size: 14px !important;
608 }
609 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-item-inner .bdt-input {
610 height: 34px;
611 border-radius: 6px !important;
612 }
613 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-item-inner .bdt-input:focus {
614 background-color: #fff;
615 }
616 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-item-inner input[type=text] {
617 border-radius: 3px;
618 }
619 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-item-inner textarea {
620 width: 100%;
621 }
622 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item > .upk-option-item-inner {
623 line-height: 1;
624 padding: 18px 25px;
625 border-radius: 6px;
626 transition: all 0.3s cubic-bezier(0.3, 0.36, 0.25, 1);
627 }
628 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item > .upk-option-item-inner:hover {
629 box-shadow: none;
630 }
631 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item > .upk-option-item-inner:hover .upk-widget-count-text {
632 color: #7c99b7;
633 }
634 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item > .upk-option-item-inner:hover [class^=upk-icon-] {
635 color: #052442;
636 }
637 .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap .bdt-subnav {
638 margin: 0;
639 }
640 .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap .bdt-widget-search input {
641 min-height: 40px;
642 padding: 0 8px;
643 border-color: rgba(30, 135, 240, 0.3);
644 }
645 .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap .bdt-widget-search input:focus {
646 border: 1px solid #1e87f0;
647 outline: 0;
648 box-shadow: 0 0 0 1px #1e87f0;
649 }
650 .ultimate-post-kit-dashboard .ultimate-post-kit-settings-save-btn {
651 border-radius: 6px;
652 }
653 .ultimate-post-kit-dashboard .upk-setting-save-btn {
654 z-index: 99999 !important;
655 position: relative;
656 }
657 .ultimate-post-kit-dashboard .switch {
658 position: relative;
659 display: inline-block;
660 width: 44px;
661 height: 24px;
662 background-color: rgba(0, 0, 0, 0.25);
663 border-radius: 20px;
664 transition: all 0.3s ease-out;
665 overflow: hidden;
666 cursor: pointer;
667 }
668 .ultimate-post-kit-dashboard .switch::after {
669 content: "";
670 position: absolute;
671 width: 20px;
672 height: 20px;
673 border-radius: 20px;
674 background-color: white;
675 top: 2px;
676 left: 3px;
677 transition: all 0.3s cubic-bezier(0.24, 0.85, 0.58, 1);
678 }
679 .ultimate-post-kit-dashboard input[type=checkbox]:checked + .switch::after {
680 transform: translateX(18px);
681 }
682 .ultimate-post-kit-dashboard input[type=checkbox]:checked + .switch {
683 background-color: #1e87f0;
684 }
685 .ultimate-post-kit-dashboard input[type=checkbox] {
686 position: absolute;
687 left: -9999px;
688 }
689 .ultimate-post-kit-dashboard .upk-widget-pro input[type=checkbox]:checked + .switch {
690 background-color: #EF476F;
691 }
692 .ultimate-post-kit-dashboard .upk-widget-free input[type=checkbox]:checked + .switch {
693 background-color: #06D6A0;
694 }
695 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status {
696 font-size: 13px;
697 }
698 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status li > div {
699 padding-bottom: 5px;
700 margin-bottom: 5px;
701 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
702 }
703 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .label1 {
704 width: 200px;
705 }
706 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status span {
707 display: inline-block;
708 line-height: 1.6;
709 }
710 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .valid,
711 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .invalid {
712 font-size: 15px;
713 width: 20px;
714 height: 18px;
715 margin-left: 10px;
716 margin-right: 15px;
717 vertical-align: middle;
718 border-radius: 3px;
719 }
720 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .invalid {
721 background: red;
722 color: #fff;
723 }
724 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .valid {
725 background: #06D6A0;
726 color: #fff;
727 }
728 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .valid i::before {
729 margin-left: -1px;
730 }
731 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status i::before {
732 font-size: 15px;
733 line-height: 20px;
734 }
735 .ultimate-post-kit-dashboard .upk-no-result {
736 display: none;
737 position: absolute;
738 top: 50%;
739 left: 50%;
740 transform: translate(-50%, -50%) !important;
741 }
742 .ultimate-post-kit-dashboard .bdt-animation-shake {
743 animation-name: bdt-shake !important;
744 display: block !important;
745 }
746 .ultimate-post-kit-dashboard .upk-code-editor-description {
747 color: #0073aa;
748 font-size: 13px;
749 margin: 5px 0 10px 0;
750 font-style: italic;
751 opacity: 0.9;
752 }
753 .ultimate-post-kit-dashboard .upk-code-section-header {
754 margin-bottom: 20px;
755 background: #fefefe;
756 padding: 20px;
757 border-radius: 6px;
758 border: 1px solid rgba(123, 123, 123, 0.09);
759 }
760 .ultimate-post-kit-dashboard .upk-section-title {
761 color: #23282d;
762 font-size: 18px;
763 font-weight: 600;
764 margin: 0 0 8px 0;
765 padding: 0;
766 }
767 .ultimate-post-kit-dashboard .upk-section-description {
768 color: #666;
769 font-size: 14px;
770 margin: 0;
771 line-height: 1.5;
772 }
773 .ultimate-post-kit-dashboard .upk-page-exclusion-wrapper {
774 border: 1px solid rgba(123, 123, 123, 0.09);
775 border-radius: 4px;
776 padding: 20px;
777 margin-bottom: 20px;
778 }
779 .ultimate-post-kit-dashboard .upk-exclusion-label {
780 display: block;
781 font-weight: 600;
782 margin-bottom: 8px;
783 color: #23282d;
784 }
785 .ultimate-post-kit-dashboard .upk-page-select {
786 width: 100%;
787 min-height: 120px;
788 max-height: 200px;
789 padding: 8px;
790 border: 1px solid rgba(123, 123, 123, 0.09);
791 border-radius: 4px;
792 background: #fff;
793 font-size: 14px;
794 max-width: 100%;
795 }
796 .ultimate-post-kit-dashboard .upk-page-select option {
797 padding: 4px 8px;
798 }
799 .ultimate-post-kit-dashboard .upk-exclusion-help {
800 color: #666 !important;
801 font-size: 14px !important;
802 font-style: italic !important;
803 margin: 12px 0 0 0 !important;
804 line-height: 1.4 !important;
805 }
806 .ultimate-post-kit-dashboard .upk-dashboard-nav-container {
807 position: relative;
808 z-index: 98;
809 }
810 .ultimate-post-kit-dashboard .upk-dashboard-nav-container.bdt-sticky-fixed {
811 z-index: 998;
812 }
813 .ultimate-post-kit-dashboard .bdt-tab-container {
814 position: relative;
815 }
816 .ultimate-post-kit-dashboard #ultimate_post_kit_elementor_extend_page .upk-option-item-inner,
817 .ultimate-post-kit-dashboard #ultimate_post_kit_other_settings_page .upk-option-item-inner,
818 .ultimate-post-kit-dashboard #ultimate_post_kit_third_party_widget_page .upk-option-item-inner,
819 .ultimate-post-kit-dashboard #ultimate_post_kit_active_modules_page .upk-option-item-inner {
820 overflow: hidden;
821 }
822 .ultimate-post-kit-dashboard #ultimate_post_kit_other_settings_page .upk-options > .upk-option-item > .upk-option-item-inner > label > .upk-option-label {
823 font-weight: 700;
824 font-size: 22px;
825 }
826 .ultimate-post-kit-dashboard #ultimate_post_kit_other_settings_page .upk-options > .upk-option-item > .upk-option-item-inner .description {
827 margin-top: 20px;
828 }
829 .ultimate-post-kit-dashboard #ultimate_post_kit_elementor_extend_page .upk-widget-count-text,
830 .ultimate-post-kit-dashboard #ultimate_post_kit_other_settings_page .upk-widget-count-text {
831 display: none;
832 }
833 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item {
834 border: 1px solid rgba(123, 123, 123, 0.09);
835 border-radius: 6px;
836 background: #fefefe;
837 }
838 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item > .upk-option-item-inner {
839 padding: 35px;
840 border: 0;
841 background: transparent;
842 break-inside: avoid-column;
843 }
844 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item > .upk-option-item-inner a i {
845 font-size: 18px;
846 }
847 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item > .upk-option-item-inner .upk-option-item {
848 margin-top: 10px;
849 }
850 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item > .upk-option-item-inner .upk-option-item:nth-last-child(1) {
851 margin-top: 0;
852 }
853 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input,
854 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page textarea {
855 border-color: #ddd;
856 }
857 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=text]:focus,
858 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=password]:focus,
859 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=color]:focus,
860 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=date]:focus,
861 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=datetime]:focus,
862 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=datetime-local]:focus,
863 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=email]:focus,
864 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=month]:focus,
865 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=number]:focus,
866 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=search]:focus,
867 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=tel]:focus,
868 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=time]:focus,
869 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=url]:focus,
870 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=week]:focus,
871 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=checkbox]:focus,
872 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=radio]:focus,
873 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page select:focus,
874 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page textarea:focus {
875 border-color: #0680d6;
876 box-shadow: none;
877 }
878 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-option-video {
879 position: absolute;
880 right: 25px;
881 top: 20px;
882 background: #e9f4ff;
883 padding: 8px;
884 border-radius: 6px;
885 }
886 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-option-label {
887 display: block;
888 margin-bottom: 25px;
889 font-size: 18px;
890 }
891 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-option-group .upk-option-label {
892 margin-bottom: 15px;
893 }
894 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page p.description {
895 font-size: 12px !important;
896 color: #999;
897 margin-top: 10px;
898 }
899 .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page p.description a {
900 color: #888;
901 }
902 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .upk-white-label-options .upk-option-item-inner {
903 background: #fefefe;
904 padding: 30px;
905 }
906 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin {
907 display: flex;
908 flex-direction: column;
909 gap: 20px;
910 }
911 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card {
912 flex-direction: column;
913 gap: 20px;
914 }
915 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card {
916 border-radius: 6px;
917 transition-property: box-shadow, color;
918 transition-duration: 0.3s;
919 transition-timing-function: cubic-bezier(0.3, 0.36, 0.25, 1);
920 }
921 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card a {
922 text-decoration: none;
923 }
924 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card a:focus {
925 box-shadow: none;
926 }
927 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card p {
928 margin-top: 0;
929 }
930 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-count-canvas-wrap .upk-feature-title {
931 margin-bottom: 5px;
932 }
933 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-count-wrap {
934 flex: none;
935 }
936 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-widget-count {
937 color: #a1a8ad;
938 font-size: 12px;
939 line-height: 1.7;
940 text-transform: uppercase;
941 }
942 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content {
943 width: 100%;
944 gap: 20px;
945 flex-direction: column;
946 align-items: flex-start;
947 }
948 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .upk-feature-title {
949 font-weight: 500;
950 }
951 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .bdt-plugin-logo-wrap {
952 gap: 15px;
953 }
954 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content img {
955 width: clamp(50px, 8vw, 70px);
956 height: auto;
957 vertical-align: middle;
958 }
959 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .upk-feature-title {
960 margin-bottom: 0;
961 }
962 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content p {
963 margin: 0 0 10px 0;
964 font-size: 15px;
965 line-height: 1.5;
966 color: #656a71;
967 max-width: 600px;
968 font-weight: 300;
969 }
970 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content span.active-installs {
971 font-size: 14px;
972 font-weight: 500;
973 color: #9C27B0;
974 }
975 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content span.active-installs .installs-count {
976 color: #9C27B0;
977 }
978 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .bdt-others-plugin-updated {
979 color: #656a71;
980 }
981 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugins-link {
982 display: flex;
983 flex-wrap: wrap;
984 justify-content: left;
985 gap: 8px;
986 width: 100%;
987 flex: 1;
988 min-width: 300px;
989 }
990 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugins-link .bdt-dashboard-sec-btn {
991 padding: 9px 20px !important;
992 }
993 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-user-wrap {
994 gap: 10px;
995 flex-wrap: wrap;
996 }
997 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-user-wrap .bdt-others-plugin-user {
998 color: #373333;
999 padding: 4px 6px;
1000 border-radius: 6px;
1001 font-size: 10px;
1002 font-weight: 700;
1003 box-shadow: 0 2px 8px rgba(76, 89, 98, 0.2);
1004 text-transform: uppercase;
1005 line-height: 1;
1006 border: 1px solid #dcd8e8;
1007 }
1008 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-dashboard-compare-section-buttons {
1009 display: flex;
1010 align-items: center;
1011 }
1012 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button {
1013 color: #fff;
1014 border-radius: 6px;
1015 transition: all 0.3s ease;
1016 line-height: normal;
1017 font-size: clamp(12px, 0.8vw, 14px);
1018 font-weight: 600;
1019 padding: clamp(10px, 1vw, 11px) clamp(10px, 1vw, 20px);
1020 }
1021 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-welcome-button {
1022 color: #fff;
1023 background: linear-gradient(to right, #00A85C, #58D34D);
1024 border: 0;
1025 padding: 13px 20px;
1026 }
1027 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-welcome-button:hover {
1028 background: linear-gradient(to right, #58D34D, #00A85C);
1029 }
1030 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-dashboard-sec-btn {
1031 color: #58D34D;
1032 border: 2px solid #58D34D;
1033 }
1034 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-dashboard-sec-btn:hover {
1035 border-color: #00A85C;
1036 color: #00A85C;
1037 }
1038 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-red {
1039 background: #ffcdd9;
1040 color: #EF476F;
1041 }
1042 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-red:hover {
1043 background: #EF476F;
1044 color: #fff;
1045 box-shadow: none;
1046 }
1047 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-green {
1048 background: #B6FFEC;
1049 color: #06D6A0;
1050 }
1051 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-green:hover {
1052 background: #06D6A0;
1053 color: #fff;
1054 }
1055 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-blue {
1056 background: #0680d6;
1057 color: #fff;
1058 }
1059 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-blue:hover {
1060 background: #097396;
1061 color: #fff;
1062 }
1063 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-grey {
1064 background-color: #e3e8eb;
1065 color: #1d2327;
1066 }
1067 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-grey:hover {
1068 background: #1d2327;
1069 color: #fff;
1070 }
1071 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-feature-title {
1072 color: #333;
1073 font-weight: 700;
1074 font-size: clamp(18px, 1vw, 20px);
1075 margin-bottom: 20px;
1076 padding: 0;
1077 }
1078 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-dashboard-welcome-title {
1079 font-size: 30px;
1080 }
1081 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-dashboard-compare-title,
1082 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-dashboard-template-quick-title {
1083 font-size: 24px;
1084 }
1085 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.bdt-card-green {
1086 background: rgba(173, 200, 101, 0.03);
1087 box-shadow: 0 0 0 1px rgba(173, 200, 101, 0.3);
1088 }
1089 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.bdt-card-red {
1090 color: #777;
1091 box-shadow: 0 0 0 1px rgba(255, 65, 77, 0.3);
1092 }
1093 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.bdt-card-blue {
1094 color: #777;
1095 box-shadow: 0 0 0 1px #0680d6;
1096 }
1097 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion {
1098 padding-top: 5px;
1099 }
1100 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-accordion-title {
1101 font-size: 16px;
1102 padding: 10px 20px;
1103 background: rgba(255, 65, 77, 0.1);
1104 border-radius: 6px;
1105 font-weight: 400;
1106 letter-spacing: 0.3px;
1107 }
1108 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-accordion-title:hover, .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-accordion-title:focus {
1109 box-shadow: 0 0 0 1px rgba(255, 65, 77, 0.3);
1110 }
1111 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-open .bdt-accordion-title {
1112 color: #000;
1113 background: rgba(255, 65, 77, 0.3);
1114 }
1115 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-accordion-content {
1116 padding: 0 20px;
1117 }
1118 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .check-system-status {
1119 margin-top: 20px;
1120 }
1121 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial {
1122 display: flex;
1123 flex-direction: column;
1124 }
1125 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .bdt-list {
1126 margin-bottom: 20px;
1127 flex-grow: 1;
1128 }
1129 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .bdt-list-divider > li:nth-child(n+2) {
1130 border-top: 1px solid rgba(173, 200, 101, 0.3);
1131 }
1132 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .upk-link-title {
1133 margin: 0;
1134 font-size: 14px;
1135 color: rgba(173, 200, 101, 0.7);
1136 }
1137 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .upk-link-title:hover {
1138 color: #06D6A0;
1139 }
1140 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .bdt-video-btn {
1141 font-weight: 500;
1142 color: #444;
1143 border: 1px solid #06D6A0;
1144 display: inline-block;
1145 width: 145px;
1146 padding: 5px;
1147 text-align: center;
1148 border-radius: 3px;
1149 }
1150 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .bdt-video-btn:hover {
1151 color: #000;
1152 }
1153 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item {
1154 text-decoration: none;
1155 transition: all 0.3s ease;
1156 transform: translateY(0);
1157 position: relative;
1158 }
1159 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item .upk-feature-title {
1160 font-size: 18px;
1161 margin: 0 0 10px;
1162 }
1163 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item .upk-dashboard-footer-item-icon {
1164 display: inline-block;
1165 padding: 10px;
1166 border-radius: 6px;
1167 border: 1px solid #f3f3f3;
1168 margin-bottom: 18px;
1169 background: #f5fffc;
1170 color: #58D34D;
1171 }
1172 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item i {
1173 font-size: 18px;
1174 width: 18px;
1175 height: 18px;
1176 }
1177 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item:after {
1178 content: "\f504";
1179 font-family: dashicons;
1180 position: absolute;
1181 top: 15px;
1182 right: 15px;
1183 font-size: 20px;
1184 color: #58D34D;
1185 opacity: 0;
1186 transition: all 0.3s ease;
1187 }
1188 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item:hover {
1189 transform: translateY(-3px);
1190 box-shadow: 0 10px 20px rgba(73, 221, 179, 0.065);
1191 border-color: #58D34D;
1192 }
1193 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item:hover:after {
1194 opacity: 1;
1195 transform: translateX(5px);
1196 }
1197 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item:hover .upk-dashboard-footer-item-icon {
1198 animation: upk-footer-icon-bounce 0.5s ease-in-out;
1199 }
1200 @keyframes upk-footer-icon-bounce {
1201 0%, 100% {
1202 transform: translateY(0);
1203 }
1204 50% {
1205 transform: translateY(-5px);
1206 }
1207 }
1208 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-support-section {
1209 margin-top: 30px;
1210 }
1211 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-support-section .upk-feature-title {
1212 display: flex;
1213 align-items: center;
1214 gap: 10px;
1215 margin-bottom: 10px;
1216 }
1217 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-support-section .upk-feature-title i {
1218 font-size: 20px;
1219 color: #58D34D;
1220 margin: 0;
1221 padding: 0;
1222 border: 0;
1223 background: none;
1224 }
1225 .ultimate-post-kit-dashboard #ultimate_post_kit_active_modules_page .checkbox,
1226 .ultimate-post-kit-dashboard #ultimate_post_kit_third_party_widget_page .checkbox {
1227 margin-top: 5px;
1228 }
1229 .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-install,
1230 .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-active,
1231 .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-download {
1232 text-decoration: none;
1233 color: #EF476F;
1234 line-height: normal;
1235 background-color: #eee;
1236 border-radius: 100px;
1237 padding: 5px;
1238 display: inline-flex;
1239 }
1240 .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-install:hover,
1241 .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-active:hover,
1242 .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-download:hover {
1243 color: #fb6094;
1244 }
1245 .ultimate-post-kit-dashboard .ultimate-post-kit-footer-info {
1246 background-color: #073B4C;
1247 color: #90b6c3;
1248 border-radius: 6px;
1249 box-sizing: border-box;
1250 padding: 30px 40px;
1251 background-image: url("../images/shiny-overlay.svg");
1252 background-position: top right;
1253 background-repeat: no-repeat;
1254 }
1255 .ultimate-post-kit-dashboard .ultimate-post-kit-footer-info p {
1256 font-size: 14px !important;
1257 color: #90b6c3 !important;
1258 text-align: center;
1259 margin-top: 25px;
1260 }
1261 .ultimate-post-kit-dashboard .ultimate-post-kit-footer-info a {
1262 color: #e5f4f9;
1263 }
1264 .ultimate-post-kit-dashboard .bdt-admin-alert {
1265 background-color: #fff3da;
1266 border-radius: 2px;
1267 padding: 10px 20px;
1268 box-sizing: border-box;
1269 margin-top: 30px;
1270 }
1271 .ultimate-post-kit-dashboard .upk-dashboard-divider {
1272 width: 100%;
1273 margin-top: 50px;
1274 margin-bottom: 50px;
1275 min-height: 20px;
1276 background-size: 20px 20px;
1277 background-repeat: repeat-x;
1278 }
1279 .ultimate-post-kit-dashboard .upk-dashboard-panel {
1280 position: relative;
1281 }
1282 .ultimate-post-kit-dashboard .upk-dashboard-panel .dashicons.dashicons-yes {
1283 color: #06D6A0;
1284 }
1285 .ultimate-post-kit-dashboard .upk-dashboard-panel .dashicons.dashicons-no {
1286 color: #FF0000;
1287 }
1288 .ultimate-post-kit-dashboard .upk-dashboard-panel .dashicons.dashicons-heart {
1289 color: #EA355F;
1290 }
1291 .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-comparision {
1292 padding-left: 0;
1293 }
1294 .ultimate-post-kit-dashboard .upk-dashboard-panel h1 {
1295 font-weight: 700;
1296 }
1297 .ultimate-post-kit-dashboard .upk-purchase-button a {
1298 color: #ffffff;
1299 border-style: none;
1300 border-radius: 4px 4px 4px 4px;
1301 box-shadow: 0px 10px 40px 0px rgba(0, 130, 117, 0.29);
1302 padding: 18px 45px 18px 45px;
1303 font-weight: 700;
1304 cursor: pointer;
1305 display: inline-block;
1306 text-transform: uppercase;
1307 font-size: 14px;
1308 outline: none;
1309 position: relative;
1310 transition: all 0.3s ease-out;
1311 text-align: center;
1312 overflow: hidden;
1313 background-color: transparent;
1314 background-image: linear-gradient(145deg, #20e2ad 0%, #08aeec 100%);
1315 text-decoration: none;
1316 letter-spacing: 1px;
1317 }
1318 .ultimate-post-kit-dashboard .upk-purchase-button a:hover {
1319 background-image: linear-gradient(145deg, #08aeec 0%, #20e2ad 100%);
1320 box-shadow: 0px 10px 40px 0px rgba(0, 130, 117, 0.46);
1321 }
1322 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .el-license-container p.submit {
1323 margin: 0;
1324 padding: 0;
1325 }
1326 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page h3.el-license-title,
1327 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management-title {
1328 font-size: 22px;
1329 margin-top: 0;
1330 margin-bottom: 50px;
1331 }
1332 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page ol {
1333 margin-bottom: 20px;
1334 }
1335 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-upk-license-field {
1336 display: block;
1337 margin-bottom: 15px;
1338 }
1339 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-upk-license-field input {
1340 font-size: 200%;
1341 padding: 0 10px;
1342 display: block;
1343 margin-top: 10px;
1344 border-radius: 6px;
1345 border-color: #ddd;
1346 width: 100%;
1347 max-width: 650px;
1348 }
1349 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-upk-license-field label {
1350 display: inline-block;
1351 margin-bottom: 5px;
1352 }
1353 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-upk-license-active-btn {
1354 margin-top: 25px;
1355 }
1356 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info {
1357 font-size: 14px;
1358 line-height: 24px;
1359 max-width: 850px;
1360 margin-bottom: 50px;
1361 }
1362 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-info-title {
1363 width: 150px;
1364 display: inline-block;
1365 position: relative;
1366 padding-right: 5px;
1367 margin-right: 10px;
1368 }
1369 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-info-title:after {
1370 content: ":";
1371 position: absolute;
1372 right: 2px;
1373 }
1374 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-valid,
1375 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-invalid {
1376 padding: 4px 8px;
1377 color: #fff;
1378 background-color: #06D6A0;
1379 border-radius: 3px;
1380 font-size: 14px;
1381 }
1382 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-invalid {
1383 background-color: #f44336;
1384 }
1385 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-key {
1386 font-weight: 700;
1387 opacity: 0.8;
1388 }
1389 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .button {
1390 padding: 14px 16px;
1391 font-size: 14px;
1392 height: auto;
1393 border: 0;
1394 border-radius: 6px;
1395 min-height: auto;
1396 font-weight: 600;
1397 line-height: 1;
1398 }
1399 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .button-primary {
1400 background: #1e87f0;
1401 color: #fff;
1402 text-decoration: none;
1403 text-shadow: none;
1404 box-shadow: none;
1405 }
1406 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .button-primary:active, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .button-primary:hover {
1407 background: #0e6dcd;
1408 }
1409 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-subsite-header {
1410 display: flex;
1411 align-items: center;
1412 gap: 14px;
1413 }
1414 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-feature-title {
1415 font-size: 24px;
1416 font-weight: 600;
1417 margin: 0;
1418 padding: 0;
1419 }
1420 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-status-icon {
1421 background: #3ab981;
1422 display: inline-block;
1423 padding: 10px;
1424 border-radius: 50%;
1425 }
1426 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-status-icon svg {
1427 fill: #fff;
1428 width: 24px;
1429 height: 24px;
1430 display: block;
1431 }
1432 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-status-success {
1433 margin-bottom: 20px;
1434 padding: 20px;
1435 border-radius: 5px;
1436 background: rgba(78, 255, 177, 0.071);
1437 border-left: 4px solid #10b981;
1438 margin-top: 30px;
1439 }
1440 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-status-success h3,
1441 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-status-warning h3 {
1442 margin: 0 0 20px;
1443 font-size: 20px;
1444 }
1445 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-status-warning {
1446 margin-bottom: 20px;
1447 padding: 15px;
1448 border-radius: 5px;
1449 background: #fffbeb;
1450 border-left: 4px solid #f59e0b;
1451 }
1452 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-details,
1453 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-network-info {
1454 margin: 15px 0;
1455 font-size: 16px;
1456 }
1457 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-details ul,
1458 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-network-info ul {
1459 margin: 10px 0;
1460 padding-left: 0;
1461 list-style: inside;
1462 font-size: 14px;
1463 }
1464 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-details li,
1465 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-network-info li {
1466 margin: 8px 0;
1467 }
1468 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-instructions {
1469 margin: 15px 0;
1470 }
1471 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-instructions ol {
1472 margin: 10px 0;
1473 padding-left: 20px;
1474 }
1475 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-instructions ol li {
1476 margin: 8px 0;
1477 }
1478 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-admin-actions {
1479 margin-top: 20px;
1480 padding-top: 15px;
1481 }
1482 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .license-valid {
1483 color: #10b981;
1484 font-weight: bold;
1485 }
1486 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management-title {
1487 gap: 10px;
1488 }
1489 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-actions-buttons {
1490 display: flex;
1491 align-items: center;
1492 gap: 7px;
1493 flex-wrap: wrap;
1494 }
1495 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .bdt-actions-buttons .bdt-button {
1496 padding: 10px 18px;
1497 font-size: 12px;
1498 line-height: 1.4;
1499 border-radius: 6px;
1500 font-weight: 600;
1501 }
1502 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .bdt-subsite-license-management-table {
1503 border-radius: 6px;
1504 overflow: hidden;
1505 }
1506 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table {
1507 border-collapse: collapse;
1508 }
1509 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table thead td, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table thead th {
1510 border-bottom: 1px solid rgba(0, 0, 0, 0.059);
1511 }
1512 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table td, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table th {
1513 padding: 14px 16px;
1514 border: 1px solid rgba(0, 0, 0, 0.059);
1515 }
1516 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table th {
1517 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1518 }
1519 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table .bdt-badge {
1520 height: 24px;
1521 }
1522 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table tbody tr td:nth-last-child(1) a {
1523 background: rgba(65, 75, 255, 0.251);
1524 border: 1px solid rgba(65, 75, 255, 0.251);
1525 color: #414bff;
1526 }
1527 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table tbody tr td:nth-last-child(1) a:hover {
1528 background: rgba(54, 64, 243, 0.325);
1529 }
1530 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table .striped > tbody > :nth-child(odd),
1531 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table ul.striped > :nth-child(odd),
1532 .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table tbody > tr:nth-child(odd) {
1533 background-color: transparent;
1534 }
1535 .ultimate-post-kit-dashboard .upk-widget-count-text {
1536 font-size: 11px;
1537 color: #b7b7b7;
1538 margin-top: 7px;
1539 display: block;
1540 text-transform: uppercase;
1541 }
1542 .ultimate-post-kit-dashboard .upk-go-pro {
1543 font-weight: bold;
1544 color: #f44336;
1545 text-shadow: 1px 1px 1px #eee;
1546 }
1547 .ultimate-post-kit-dashboard #bdt-ultimate_post_kit_get_pro {
1548 letter-spacing: 1px;
1549 overflow: hidden;
1550 color: #fff;
1551 background: linear-gradient(to right, #00A85C, #58D34D);
1552 margin: 16px 30px;
1553 border-radius: 6px;
1554 justify-content: center;
1555 }
1556 .ultimate-post-kit-dashboard #bdt-ultimate_post_kit_get_pro:after {
1557 display: none;
1558 }
1559 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-row {
1560 margin-bottom: 20px;
1561 }
1562 .ultimate-post-kit-dashboard .upk-custom-code-section .CodeMirror-placeholder {
1563 opacity: 0.5;
1564 }
1565 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor-title {
1566 font-size: 16px;
1567 font-weight: 600;
1568 color: #333;
1569 margin: 0 0 15px 0;
1570 padding-bottom: 10px;
1571 border-bottom: 2px solid #f0f0f0;
1572 }
1573 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor {
1574 width: 100%;
1575 min-height: 200px;
1576 font-family: "Monaco", "Consolas", "Courier New", monospace;
1577 font-size: 13px;
1578 line-height: 1.5;
1579 border: 1px solid rgba(123, 123, 123, 0.09);
1580 border-radius: 4px;
1581 padding: 15px;
1582 color: #333;
1583 resize: vertical;
1584 transition: border-color 0.3s ease, box-shadow 0.3s ease;
1585 background: #fefefe;
1586 }
1587 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor:focus {
1588 border-color: #0680d6;
1589 box-shadow: 0 0 0 1px #0680d6;
1590 outline: none;
1591 background: #fff;
1592 }
1593 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor::placeholder {
1594 color: #999;
1595 font-style: italic;
1596 }
1597 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section {
1598 padding: 20px 0;
1599 border-top: 1px solid #f0f0f0;
1600 }
1601 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button {
1602 color: #58D34D;
1603 padding: 16px 24px;
1604 font-size: clamp(12px, 1vw, 14px);
1605 font-weight: 600;
1606 border-radius: 6px;
1607 border: none;
1608 cursor: pointer;
1609 transition: all 0.3s ease;
1610 display: inline-flex;
1611 align-items: center;
1612 gap: 8px;
1613 line-height: normal;
1614 border: 2px solid #58D34D;
1615 }
1616 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button .dashicons {
1617 font-size: 16px;
1618 width: 16px;
1619 height: 16px;
1620 line-height: 1;
1621 }
1622 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button:hover {
1623 transform: translateY(-1px);
1624 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
1625 }
1626 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button:active {
1627 transform: translateY(0);
1628 }
1629 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-blue {
1630 background: #0680d6;
1631 color: #fff;
1632 }
1633 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-blue:hover {
1634 background: #097396;
1635 }
1636 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-grey {
1637 background: #e3e8eb;
1638 color: #1d2327;
1639 }
1640 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-grey:hover {
1641 background: #1d2327;
1642 color: #fff;
1643 }
1644 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert {
1645 border-radius: 6px;
1646 padding: 15px;
1647 position: relative;
1648 }
1649 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert.bdt-alert-success {
1650 background-color: #d4edda;
1651 border: 1px solid #c3e6cb;
1652 color: #155724;
1653 }
1654 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert.bdt-alert-error {
1655 background-color: #f8d7da;
1656 border: 1px solid #f5c6cb;
1657 color: #721c24;
1658 }
1659 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert p {
1660 margin: 0;
1661 font-weight: 500;
1662 }
1663 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert .bdt-alert-close {
1664 position: absolute;
1665 top: 5px;
1666 right: -5px;
1667 background: none;
1668 border: none;
1669 font-size: 18px;
1670 cursor: pointer;
1671 opacity: 0.6;
1672 }
1673 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert .bdt-alert-close:hover {
1674 opacity: 1;
1675 }
1676 .ultimate-post-kit-dashboard .upk-code-editor.scrolling {
1677 border-color: #0680d6;
1678 box-shadow: 0 0 0 1px fade(#0680d6, 30%);
1679 }
1680 .ultimate-post-kit-dashboard .upk-code-editor:focus::selection {
1681 background-color: fade(#0680d6, 20%);
1682 }
1683 .ultimate-post-kit-dashboard .bdt-button:disabled {
1684 opacity: 0.7;
1685 cursor: not-allowed;
1686 }
1687 .ultimate-post-kit-dashboard .bdt-button:disabled:hover {
1688 transform: none !important;
1689 box-shadow: none !important;
1690 }
1691 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar {
1692 width: 8px;
1693 }
1694 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-track {
1695 background: #f1f1f1;
1696 border-radius: 4px;
1697 }
1698 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-thumb {
1699 background: #c1c1c1;
1700 border-radius: 4px;
1701 }
1702 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-thumb:hover {
1703 background: #a8a8a8;
1704 }
1705 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner {
1706 position: relative;
1707 background: #fff;
1708 z-index: 1;
1709 border-radius: 6px;
1710 border: 1px solid rgba(123, 123, 123, 0.09);
1711 padding: 20px 0;
1712 overflow: hidden;
1713 min-height: 100vh;
1714 }
1715 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner.bdt-sticky-fixed {
1716 top: 115px !important;
1717 }
1718 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements {
1719 position: absolute;
1720 top: 0;
1721 left: 0;
1722 width: 100%;
1723 height: 100%;
1724 pointer-events: none;
1725 z-index: 0;
1726 }
1727 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element {
1728 position: absolute;
1729 display: block;
1730 }
1731 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-circle {
1732 width: 180px;
1733 height: 180px;
1734 border-radius: 50%;
1735 background: linear-gradient(45deg, rgba(73, 221, 180, 0.05), rgba(73, 221, 180, 0.1));
1736 top: -90px;
1737 right: -90px;
1738 }
1739 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-dots {
1740 bottom: 40px;
1741 left: 20px;
1742 width: 60px;
1743 height: 60px;
1744 background-image: radial-gradient(rgba(73, 221, 180, 0.15) 2px, transparent 2px);
1745 background-size: 10px 10px;
1746 }
1747 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-line {
1748 width: 100px;
1749 height: 2px;
1750 background: linear-gradient(90deg, rgba(73, 221, 180, 0), rgba(73, 221, 180, 0.2));
1751 transform: rotate(-45deg);
1752 bottom: 100px;
1753 right: 20px;
1754 }
1755 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-square {
1756 width: 40px;
1757 height: 40px;
1758 border: 2px solid rgba(73, 221, 180, 0.1);
1759 top: 40px;
1760 left: 30px;
1761 transform: rotate(15deg);
1762 }
1763 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-triangle {
1764 width: 0;
1765 height: 0;
1766 border-left: 25px solid transparent;
1767 border-right: 25px solid transparent;
1768 border-bottom: 40px solid rgba(73, 221, 180, 0.08);
1769 top: 60%;
1770 right: 40px;
1771 transform: rotate(15deg);
1772 }
1773 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus {
1774 width: 30px;
1775 height: 30px;
1776 top: 30%;
1777 left: 40px;
1778 }
1779 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus:before, .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus:after {
1780 content: "";
1781 position: absolute;
1782 background: rgba(73, 221, 180, 0.15);
1783 }
1784 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus:before {
1785 width: 100%;
1786 height: 2px;
1787 top: 50%;
1788 transform: translateY(-50%);
1789 }
1790 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus:after {
1791 width: 2px;
1792 height: 100%;
1793 left: 50%;
1794 transform: translateX(-50%);
1795 }
1796 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-wave {
1797 width: 100px;
1798 height: 20px;
1799 bottom: 30px;
1800 right: 40px;
1801 background: linear-gradient(45deg, rgba(73, 221, 180, 0) 45%, rgba(73, 221, 180, 0.1) 50%, rgba(73, 221, 180, 0) 55%);
1802 background-size: 15px 15px;
1803 transform: rotate(-10deg);
1804 }
1805 .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .bdt-dashboard-navigation {
1806 position: relative;
1807 z-index: 1;
1808 }
1809 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper {
1810 position: relative;
1811 background: #fff;
1812 overflow: hidden;
1813 z-index: 98;
1814 border-radius: 6px;
1815 border: 1px solid rgba(123, 123, 123, 0.09);
1816 }
1817 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper.bdt-sticky-fixed {
1818 z-index: 998;
1819 border-top-left-radius: 0 !important;
1820 border-top-right-radius: 0 !important;
1821 box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
1822 }
1823 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper.bdt-sticky-fixed .upk-filter-elements {
1824 opacity: 0.5;
1825 transition: opacity 0.3s ease;
1826 }
1827 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper.bdt-sticky-fixed:hover .upk-filter-elements {
1828 opacity: 1;
1829 }
1830 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-used-unused-widgets {
1831 margin-left: 10px;
1832 }
1833 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-used-unused-widgets li:first-child {
1834 padding-left: 0 !important;
1835 }
1836 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements {
1837 position: absolute;
1838 top: 0;
1839 left: 0;
1840 width: 100%;
1841 height: 100%;
1842 pointer-events: none;
1843 z-index: 1;
1844 }
1845 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element {
1846 position: absolute;
1847 display: block;
1848 }
1849 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-circle {
1850 width: 140px;
1851 height: 140px;
1852 border-radius: 50%;
1853 background: linear-gradient(135deg, rgba(88, 211, 77, 0.05), rgba(88, 211, 77, 0.08));
1854 top: -70px;
1855 right: 5%;
1856 animation: floatingShape 6s ease-in-out infinite;
1857 }
1858 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-dots {
1859 bottom: 10px;
1860 left: 10px;
1861 width: 70px;
1862 height: 35px;
1863 background-image: radial-gradient(rgba(88, 211, 77, 0.15) 2px, transparent 2px);
1864 background-size: 8px 8px;
1865 animation: fadeInOut 4s ease-in-out infinite;
1866 }
1867 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-wave {
1868 width: 120px;
1869 height: 20px;
1870 bottom: 25px;
1871 right: 10%;
1872 background: repeating-linear-gradient(45deg, rgba(88, 211, 77, 0) 0px, rgba(88, 211, 77, 0.1) 2px, rgba(88, 211, 77, 0) 4px);
1873 transform: rotate(-15deg);
1874 animation: waveMotion 3s ease-in-out infinite;
1875 }
1876 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon {
1877 top: 20%;
1878 left: 15px;
1879 width: 35px;
1880 height: 20px;
1881 background: rgba(88, 211, 77, 0.1);
1882 position: absolute;
1883 transform: rotate(30deg);
1884 }
1885 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon:before, .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon:after {
1886 content: "";
1887 position: absolute;
1888 width: 0;
1889 height: 0;
1890 border-left: 18px solid transparent;
1891 border-right: 18px solid transparent;
1892 }
1893 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon:before {
1894 bottom: 100%;
1895 border-bottom: 10px solid rgba(88, 211, 77, 0.1);
1896 }
1897 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon:after {
1898 top: 100%;
1899 border-top: 10px solid rgba(88, 211, 77, 0.1);
1900 }
1901 .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-zigzag {
1902 top: 40%;
1903 right: 20px;
1904 width: 50px;
1905 height: 25px;
1906 background: linear-gradient(45deg, transparent 45%, rgba(88, 211, 77, 0.1) 45%, rgba(88, 211, 77, 0.1) 55%, transparent 55%);
1907 background-size: 10px 10px;
1908 animation: zigzagFloat 5s ease-in-out infinite;
1909 }
1910 .ultimate-post-kit-dashboard #upk-extra-options-tab-content {
1911 margin-top: 30px;
1912 }
1913 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab {
1914 border-bottom: 2px solid #f1f1f1;
1915 margin: 0;
1916 padding: 0;
1917 list-style: none;
1918 display: flex;
1919 gap: 20px;
1920 }
1921 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li {
1922 margin: 0;
1923 padding: 0;
1924 display: inline-block;
1925 }
1926 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li a {
1927 padding: 15px 0;
1928 display: inline-block;
1929 font-size: 15px;
1930 font-weight: 500;
1931 color: #666;
1932 text-decoration: none;
1933 position: relative;
1934 transition: all 0.3s ease;
1935 }
1936 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li a:after {
1937 content: "";
1938 position: absolute;
1939 bottom: -2px;
1940 left: 0;
1941 width: 0;
1942 height: 2px;
1943 background: #58D34D;
1944 transition: width 0.3s ease;
1945 }
1946 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li a:hover {
1947 color: #333;
1948 }
1949 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li.bdt-active a {
1950 color: #58D34D;
1951 }
1952 .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li.bdt-active a:after {
1953 width: 100%;
1954 }
1955 .ultimate-post-kit-dashboard .upk-option-page .bdt-widget-filter-wrapper ul {
1956 display: none;
1957 gap: 10px;
1958 }
1959 .ultimate-post-kit-dashboard .upk-white-label-options .slider:before {
1960 height: 18px;
1961 width: 18px;
1962 left: 2px;
1963 bottom: 1px;
1964 }
1965 .ultimate-post-kit-dashboard .upk-white-label-options .switch:after {
1966 display: none;
1967 }
1968 .ultimate-post-kit-dashboard .upk-white-label-options input:checked + .slider:before {
1969 transform: translateX(18px);
1970 }
1971 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-row {
1972 margin-bottom: 20px;
1973 }
1974 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor-title {
1975 font-size: 16px;
1976 font-weight: 600;
1977 color: #333;
1978 margin: 0 0 15px 0;
1979 padding-bottom: 10px;
1980 border-bottom: 2px solid #f0f0f0;
1981 }
1982 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container {
1983 position: relative;
1984 }
1985 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .upk-code-editor {
1986 min-height: 200px;
1987 width: 100%;
1988 font-family: "Monaco", "Consolas", "Courier New", monospace;
1989 font-size: 13px;
1990 line-height: 1.5;
1991 border: 1px solid #ddd;
1992 border-radius: 4px;
1993 background: #fefefe;
1994 }
1995 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror {
1996 min-height: 200px;
1997 width: 100% !important;
1998 border: 1px solid #ddd;
1999 border-radius: 4px;
2000 font-family: "Monaco", "Consolas", "Courier New", monospace;
2001 font-size: 13px;
2002 line-height: 1.5;
2003 background: #fff;
2004 box-sizing: border-box;
2005 display: block;
2006 }
2007 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror.CodeMirror-focused {
2008 border-color: #0680d6;
2009 box-shadow: 0 0 0 1px fade(#0680d6, 25%);
2010 }
2011 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-scroll {
2012 min-height: 200px;
2013 padding: 0;
2014 box-sizing: border-box;
2015 }
2016 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-lines {
2017 padding: 4px 0;
2018 cursor: text;
2019 }
2020 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-gutters {
2021 border-right: 1px solid #ddd;
2022 background: #fefefe;
2023 white-space: nowrap;
2024 min-width: 40px;
2025 }
2026 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-linenumber {
2027 color: #999;
2028 padding: 0 8px;
2029 white-space: nowrap;
2030 text-align: right;
2031 min-width: 20px;
2032 }
2033 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-line {
2034 padding: 0 4px;
2035 line-height: inherit;
2036 }
2037 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-cursor {
2038 border-left: 1px solid #333;
2039 height: auto;
2040 }
2041 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-code {
2042 font-family: "Monaco", "Consolas", "Courier New", monospace;
2043 font-size: 13px;
2044 outline: none;
2045 }
2046 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror.CodeMirror-wrap {
2047 width: 100%;
2048 }
2049 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror.CodeMirror-empty .CodeMirror-scroll {
2050 min-height: 200px;
2051 }
2052 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section {
2053 padding: 20px 0;
2054 border-top: 1px solid #f0f0f0;
2055 }
2056 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button {
2057 padding: 12px 24px;
2058 font-size: 14px;
2059 font-weight: 500;
2060 border-radius: 5px;
2061 border: none;
2062 cursor: pointer;
2063 transition: all 0.3s ease;
2064 display: inline-flex;
2065 align-items: center;
2066 gap: 8px;
2067 }
2068 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button .dashicons {
2069 font-size: 16px;
2070 line-height: 1;
2071 }
2072 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button:hover {
2073 transform: translateY(-1px);
2074 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
2075 }
2076 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button:active {
2077 transform: translateY(0);
2078 }
2079 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-blue {
2080 background: #0680d6;
2081 color: #fff;
2082 }
2083 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-blue:hover {
2084 background: #097396;
2085 }
2086 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-grey {
2087 background: #e3e8eb;
2088 color: #1d2327;
2089 }
2090 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-grey:hover {
2091 background: #1d2327;
2092 color: #fff;
2093 }
2094 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert {
2095 border-radius: 5px;
2096 padding: 15px 40px 15px 15px;
2097 position: relative;
2098 }
2099 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert.bdt-alert-success {
2100 background-color: #d4edda;
2101 border: 1px solid #c3e6cb;
2102 color: #155724;
2103 }
2104 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert.bdt-alert-error {
2105 background-color: #f8d7da;
2106 border: 1px solid #f5c6cb;
2107 color: #721c24;
2108 }
2109 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert p {
2110 margin: 0;
2111 font-weight: 500;
2112 }
2113 .ultimate-post-kit-dashboard .upk-code-editor.scrolling {
2114 border-color: #0680d6;
2115 box-shadow: 0 0 0 1px fade(#0680d6, 30%);
2116 }
2117 .ultimate-post-kit-dashboard .upk-code-editor:focus::selection {
2118 background-color: fade(#0680d6, 20%);
2119 }
2120 .ultimate-post-kit-dashboard .bdt-button:disabled {
2121 opacity: 0.7;
2122 cursor: not-allowed;
2123 }
2124 .ultimate-post-kit-dashboard .bdt-button:disabled:hover {
2125 transform: none !important;
2126 box-shadow: none !important;
2127 }
2128 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar {
2129 width: 8px;
2130 }
2131 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-track {
2132 background: #f1f1f1;
2133 border-radius: 4px;
2134 }
2135 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-thumb {
2136 background: #c1c1c1;
2137 border-radius: 4px;
2138 }
2139 .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-thumb:hover {
2140 background: #a8a8a8;
2141 }
2142 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .switch {
2143 position: relative;
2144 display: inline-block;
2145 width: 46px;
2146 height: 24px;
2147 }
2148 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .switch input {
2149 opacity: 0;
2150 width: 0;
2151 height: 0;
2152 }
2153 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .slider {
2154 position: absolute;
2155 cursor: pointer;
2156 top: 0;
2157 left: 0;
2158 right: 0;
2159 bottom: 0;
2160 background-color: #ccc;
2161 -webkit-transition: 0.4s;
2162 transition: 0.4s;
2163 border-radius: 34px;
2164 }
2165 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .slider:before {
2166 position: absolute;
2167 content: "";
2168 height: 20px;
2169 width: 20px;
2170 left: 3px;
2171 bottom: 2px;
2172 background-color: white;
2173 -webkit-transition: 0.4s;
2174 transition: 0.4s;
2175 border-radius: 50%;
2176 }
2177 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page input:checked + .slider {
2178 background-color: #2196F3;
2179 }
2180 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page input:focus + .slider {
2181 box-shadow: 0 0 1px #2196F3;
2182 }
2183 .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page input:checked + .slider:before {
2184 transform: translateX(22px);
2185 }
2186 .ultimate-post-kit-dashboard .upk-option-item-inner {
2187 background: #fff;
2188 border-radius: 8px;
2189 }
2190 .ultimate-post-kit-dashboard .upk-option-title {
2191 margin: 0 0 10px 0;
2192 font-size: 18px;
2193 font-weight: 600;
2194 color: #1e1e1e;
2195 }
2196 .ultimate-post-kit-dashboard .upk-option-description {
2197 margin: 0;
2198 color: #666;
2199 font-size: 14px;
2200 }
2201 .ultimate-post-kit-dashboard .ultimate-post-kit-white-label-save-btn,
2202 .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-save-btn,
2203 .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-reset-btn {
2204 padding: 3px 30px;
2205 line-height: 40px;
2206 font-size: 16px;
2207 color: #fff;
2208 background: linear-gradient(to right, #00A85C, #58D34D);
2209 border: 0;
2210 border-radius: 6px;
2211 }
2212 .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-save-btn {
2213 margin-right: 12px;
2214 }
2215 .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-save-btn:hover {
2216 background: linear-gradient(to right, #58D34D, #00A85C);
2217 }
2218 .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-reset-btn,
2219 .ultimate-post-kit-dashboard .ultimate-post-kit-white-label-save-btn {
2220 background: linear-gradient(to right, #fa6336, #ff3c3c);
2221 color: #fff;
2222 }
2223 .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-reset-btn:hover,
2224 .ultimate-post-kit-dashboard .ultimate-post-kit-white-label-save-btn:hover {
2225 background: linear-gradient(to right, #ff3c3c, #fa6336);
2226 }
2227 .ultimate-post-kit-dashboard .upk-code-message,
2228 .ultimate-post-kit-dashboard .upk-white-label-message {
2229 position: fixed;
2230 top: -100px; /* Start hidden above viewport */
2231 left: 50%;
2232 transform: translateX(-50%);
2233 z-index: 999;
2234 border-radius: 4px;
2235 opacity: 0;
2236 animation: slideDown 0.5s ease-out forwards;
2237 }
2238 .ultimate-post-kit-dashboard .upk-code-message .bdt-alert,
2239 .ultimate-post-kit-dashboard .upk-white-label-message .bdt-alert {
2240 padding-right: 40px;
2241 }
2242 @keyframes slideDown {
2243 to {
2244 top: 20px; /* End position slightly from top */
2245 opacity: 1;
2246 }
2247 }
2248 .ultimate-post-kit-dashboard .bdt-alert {
2249 padding: 15px;
2250 margin-bottom: 20px;
2251 border: 1px solid transparent;
2252 border-radius: 4px;
2253 position: relative;
2254 }
2255 .ultimate-post-kit-dashboard .bdt-alert-success {
2256 color: #155724;
2257 background-color: #d4edda;
2258 border-color: #c3e6cb;
2259 }
2260 .ultimate-post-kit-dashboard .bdt-alert-close {
2261 position: absolute;
2262 top: 0;
2263 right: 0;
2264 padding: 15px;
2265 color: inherit;
2266 text-decoration: none;
2267 }
2268 .ultimate-post-kit-dashboard .dashicons {
2269 font-family: dashicons;
2270 display: inline-block;
2271 line-height: 1;
2272 font-weight: 400;
2273 font-style: normal;
2274 speak: none;
2275 text-decoration: inherit;
2276 text-transform: none;
2277 text-rendering: auto;
2278 -webkit-font-smoothing: antialiased;
2279 -moz-osx-font-smoothing: grayscale;
2280 width: 20px;
2281 height: 20px;
2282 font-size: 20px;
2283 vertical-align: top;
2284 }
2285 .ultimate-post-kit-dashboard .upk-white-label-input {
2286 width: 100%;
2287 max-width: 400px;
2288 padding: 12px 16px;
2289 border: 1px solid #ddd;
2290 border-radius: 4px;
2291 font-size: 14px;
2292 line-height: 1.4;
2293 background-color: #fff;
2294 transition: border-color 0.3s ease;
2295 }
2296 .ultimate-post-kit-dashboard .upk-white-label-input:focus {
2297 outline: none;
2298 border-color: #2196F3;
2299 box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.1);
2300 }
2301 .ultimate-post-kit-dashboard .upk-white-label-input-wrapper {
2302 position: relative;
2303 margin: 20px 0;
2304 }
2305 .ultimate-post-kit-dashboard .upk-input-help {
2306 margin: 12px 0 0 0 !important;
2307 color: #666 !important;
2308 font-size: 14px !important;
2309 font-style: italic;
2310 }
2311 .ultimate-post-kit-dashboard .upk-white-label-title-section {
2312 width: 100%;
2313 }
2314 .ultimate-post-kit-dashboard .upk-white-label-fields {
2315 transition: all 0.3s ease;
2316 margin-top: 20px;
2317 }
2318 .ultimate-post-kit-dashboard .upk-white-label-locked {
2319 opacity: 0.6;
2320 pointer-events: none;
2321 }
2322 .ultimate-post-kit-dashboard .upk-white-label-locked .upk-option-item {
2323 background-color: #fefefe;
2324 }
2325 .ultimate-post-kit-dashboard .upk-white-label-locked .switch input:disabled + .slider {
2326 background-color: #ddd;
2327 cursor: not-allowed;
2328 }
2329 .ultimate-post-kit-dashboard .upk-white-label-locked .switch input:disabled + .slider:before {
2330 background-color: #f0f0f0;
2331 }
2332 .ultimate-post-kit-dashboard .upk-white-label-locked .upk-white-label-input:disabled {
2333 background-color: #fefefe;
2334 color: #999;
2335 cursor: not-allowed;
2336 }
2337 .ultimate-post-kit-dashboard .bdt-btn-blue:disabled {
2338 background-color: #ccc !important;
2339 color: #666 !important;
2340 cursor: not-allowed !important;
2341 opacity: 0.6;
2342 }
2343 .ultimate-post-kit-dashboard .bdt-alert-warning {
2344 color: #856404;
2345 background-color: #fff3cd;
2346 border-color: #ffeaa7;
2347 padding: 20px;
2348 border: 1px solid;
2349 border-radius: 8px;
2350 }
2351 .ultimate-post-kit-dashboard .bdt-alert-warning strong {
2352 display: block;
2353 margin-bottom: 8px;
2354 font-size: 16px;
2355 }
2356 .ultimate-post-kit-dashboard .bdt-others-plugin-rating .bdt-others-plugin-rating-stars i {
2357 color: #e26f56;
2358 font-size: 17px;
2359 }
2360 .ultimate-post-kit-dashboard .bdt-others-plugin-rating .bdt-others-plugin-rating-text {
2361 font-size: 13px;
2362 color: #656a71;
2363 }
2364 .ultimate-post-kit-dashboard .upk-dashboard-new-page-wrapper {
2365 gap: 15px;
2366 }
2367 .ultimate-post-kit-dashboard .upk-install-plugin.bdt-installing {
2368 opacity: 0.7;
2369 cursor: not-allowed;
2370 }
2371 .ultimate-post-kit-dashboard .upk-install-plugin.bdt-installing:before {
2372 content: "";
2373 display: inline-block;
2374 width: 12px;
2375 height: 12px;
2376 border: 2px solid #ffffff;
2377 border-top: 2px solid transparent;
2378 border-radius: 50%;
2379 animation: spin 1s linear infinite;
2380 margin-right: 5px;
2381 }
2382 .ultimate-post-kit-dashboard .upk-install-plugin.bdt-installed {
2383 background-color: #28a745;
2384 border-color: #28a745;
2385 }
2386
2387 #adminmenu #toplevel_page_ultimate_post_kit_options a[href="admin.php?page=ultimate_post_kit_options_upgrade"] {
2388 font-weight: 600;
2389 color: #20E2AD;
2390 transition: color 0.3s ease;
2391 }
2392
2393 #adminmenu #toplevel_page_ultimate_post_kit_options a[href="admin.php?page=ultimate_post_kit_options_upgrade"]:hover {
2394 color: #08aeec;
2395 }
2396
2397 .toplevel_page_ultimate_post_kit_options .bdt-notification {
2398 top: 43px;
2399 width: 400px;
2400 }
2401 .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message {
2402 line-height: 1;
2403 padding: 20px;
2404 border-radius: 6px;
2405 box-shadow: 0 0 0 2px #06D6A0, 0 15px 22px 2px rgba(0, 0, 0, 0.2);
2406 background: #fff;
2407 font-size: 18px;
2408 color: #06D6A0;
2409 border-color: transparent;
2410 }
2411 .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message > div {
2412 display: flex;
2413 align-items: center;
2414 }
2415 .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message > div .bdt-spinner {
2416 margin-right: 15px;
2417 }
2418 .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message .bdt-notification-close {
2419 top: 50%;
2420 right: 10px;
2421 transform: translateY(-50%);
2422 height: 30px;
2423 width: 30px;
2424 line-height: 32px;
2425 background: #fff0f3;
2426 border-radius: 6px;
2427 text-align: center;
2428 display: flex;
2429 align-items: center;
2430 justify-content: center;
2431 }
2432 .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message .dashicons {
2433 margin-right: 5px;
2434 }
2435 .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message svg {
2436 display: inline-flex;
2437 color: #EF476F;
2438 width: 12px;
2439 }
2440 .toplevel_page_ultimate_post_kit_options .bdt-lightbox-toolbar {
2441 padding: 45px 15px;
2442 background: rgba(0, 0, 0, 0.3);
2443 color: rgba(255, 255, 255, 0.7);
2444 }
2445
2446 @keyframes animate1 {
2447 0% {
2448 transform: translateX(-100%);
2449 }
2450 100% {
2451 transform: translateX(100%);
2452 }
2453 }
2454 @keyframes animate2 {
2455 0% {
2456 transform: translateY(-100%);
2457 }
2458 100% {
2459 transform: translateY(100%);
2460 }
2461 }
2462 @keyframes animate3 {
2463 0% {
2464 transform: translateX(100%);
2465 }
2466 100% {
2467 transform: translateX(-100%);
2468 }
2469 }
2470 @keyframes animate4 {
2471 0% {
2472 transform: translateY(100%);
2473 }
2474 100% {
2475 transform: translateY(-100%);
2476 }
2477 }
2478 @keyframes spin {
2479 0% {
2480 transform: rotate(0deg);
2481 }
2482 100% {
2483 transform: rotate(360deg);
2484 }
2485 }
2486 @keyframes floatingShape {
2487 0%, 100% {
2488 transform: translateY(0);
2489 }
2490 50% {
2491 transform: translateY(-10px);
2492 }
2493 }
2494 @keyframes fadeInOut {
2495 0%, 100% {
2496 opacity: 0.3;
2497 }
2498 50% {
2499 opacity: 1;
2500 }
2501 }
2502 @keyframes waveMotion {
2503 0%, 100% {
2504 transform: rotate(-15deg) translateX(0);
2505 }
2506 50% {
2507 transform: rotate(-15deg) translateX(5px);
2508 }
2509 }
2510 @keyframes zigzagFloat {
2511 0%, 100% {
2512 transform: translateX(0);
2513 }
2514 50% {
2515 transform: translateX(5px);
2516 }
2517 }
2518 @media (min-width: 1400px) {
2519 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-welcome-content p {
2520 margin-right: 160px;
2521 }
2522 .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-facebook-community p {
2523 margin-right: 160px;
2524 }
2525 .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status {
2526 font-size: 14px;
2527 }
2528 }
2529 @media screen and (max-width: 960px) {
2530 .ultimate-post-kit-dashboard .upk-widget-onoff {
2531 margin: 0;
2532 }
2533 }
2534 @media (min-width: 960px) {
2535 .ultimate-post-kit-dashboard.wrap {
2536 padding: 0 15px 15px 15px;
2537 }
2538 .ultimate-post-kit-dashboard.wrap .ultimate-post-kit-footer-info p {
2539 text-align: right;
2540 margin-top: 0;
2541 }
2542 }
2543 @media (max-width: 639px) {
2544 .ultimate-post-kit-dashboard.wrap .upk-option-item-inner {
2545 padding: 0;
2546 }
2547 .ultimate-post-kit-dashboard.wrap .upk-option-item-inner [class^=upk-icon-] {
2548 display: none;
2549 }
2550 .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap {
2551 display: block;
2552 }
2553 .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap .bdt-subnav {
2554 margin: 20px 0 0 -20px;
2555 }
2556 .ultimate-post-kit-dashboard.wrap .bdt-card {
2557 background-image: none;
2558 }
2559 .ultimate-post-kit-dashboard.wrap .bdt-button {
2560 width: 100%;
2561 }
2562 }
2563 @media (max-width: 959px) {
2564 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper {
2565 margin-bottom: 20px;
2566 }
2567 }
2568 @media (min-width: 768px) {
2569 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item {
2570 grid-column: span 6/auto;
2571 }
2572 .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options {
2573 columns: 2;
2574 }
2575 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options {
2576 grid-template-columns: repeat(2, 1fr);
2577 }
2578 .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul {
2579 display: flex;
2580 }
2581 .ultimate-post-kit-dashboard.wrap .upk-content-type-filter {
2582 display: block;
2583 }
2584 }
2585 @media (min-width: 1200px) {
2586 .ultimate-post-kit-dashboard.wrap .upk-dashboard-nav-container-wrapper {
2587 display: block;
2588 }
2589 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(1),
2590 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(3) {
2591 grid-column: span 7/auto;
2592 }
2593 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(2) {
2594 grid-column: span 5/auto;
2595 }
2596 .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card {
2597 flex-direction: row;
2598 }
2599 .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card .bdt-others-plugins-link {
2600 justify-content: right;
2601 }
2602 }
2603 @media (min-width: 1440px) {
2604 .ultimate-post-kit-dashboard.wrap .upk-dashboard-container {
2605 gap: 30px;
2606 }
2607 .ultimate-post-kit-dashboard.wrap .upk-dashboard-nav-container-wrapper {
2608 margin-top: 30px;
2609 }
2610 .ultimate-post-kit-dashboard.wrap .upk-option-page {
2611 margin-top: 30px;
2612 }
2613 .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation {
2614 min-width: 300px;
2615 max-width: 300px;
2616 }
2617 .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo {
2618 width: 300px;
2619 }
2620 .ultimate-post-kit-dashboard.wrap .upk-dashboard-welcome-container {
2621 grid-row-gap: 30px;
2622 grid-column-gap: 30px;
2623 }
2624 .ultimate-post-kit-dashboard.wrap .bdt-widget-filter-wrapper {
2625 margin-bottom: 30px;
2626 }
2627 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(1),
2628 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(3) {
2629 grid-column: span 8/auto;
2630 }
2631 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(2) {
2632 grid-column: span 4/auto;
2633 }
2634 .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options {
2635 gap: 30px !important;
2636 }
2637 .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options .upk-option-item {
2638 margin-bottom: 30px !important;
2639 }
2640 }
2641 @media (min-width: 1600px) {
2642 .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options {
2643 columns: 3;
2644 }
2645 .ultimate-post-kit-dashboard.wrap .upk-dashboard-item {
2646 grid-column: span 3/auto;
2647 }
2648 .ultimate-post-kit-dashboard.wrap .bdt-subnav > * {
2649 padding-left: 20px;
2650 }
2651 .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options {
2652 grid-template-columns: repeat(3, 1fr);
2653 }
2654 }
2655 @media (max-width: 959px) {
2656 .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper {
2657 margin-bottom: 20px;
2658 }
2659 }
2660 @media (max-width: 768px) {
2661 .ultimate-post-kit-dashboard.wrap .upk-white-label-input {
2662 max-width: 100%;
2663 }
2664 }