PluginProbe ʕ •ᴥ•ʔ
EmbedPress – PDF Embedder, 3D PDF FlipBook, Google Reviews, YouTube Videos, Upload & Embed PDF documents / 3.7.0
EmbedPress – PDF Embedder, 3D PDF FlipBook, Google Reviews, YouTube Videos, Upload & Embed PDF documents v3.7.0
4.6.0 4.5.6 4.5.5 4.5.4 4.5.3 4.5.2 trunk 1.0.0 1.1.0 1.1.1 1.1.2 1.1.3 1.2.0 1.3.0 1.3.1 1.4.0 1.4.1 1.4.2 1.4.3 1.4.4 1.5.0 1.6.0 1.6.1 1.6.2 1.6.3 1.7.0 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 2.0.0 2.0.1 2.0.2 2.0.3 2.1.0 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.2.0 2.2.1 2.2.2 2.3.0 2.3.1 2.3.2 2.3.3 2.4.0 2.4.1 2.5.0 2.5.1 2.5.2 2.5.3 2.5.4 2.5.5 2.6.0 2.6.1 2.6.2 2.7.0 2.7.1 2.7.2 2.7.3 2.7.4 2.7.5 2.7.6 2.7.7 3.0.0 3.0.1 3.0.2 3.0.3 3.0.4 3.1.0 3.1.1 3.1.2 3.1.3 3.2.0 3.2.1 3.3.0 3.3.1 3.3.2 3.3.3 3.3.4 3.3.5 3.3.6 3.3.7 3.4.0 3.4.1 3.4.2 3.4.3 3.5.0 3.5.1 3.5.2 3.5.3 3.6.0 3.6.1 3.6.2 3.6.3 3.6.4 3.6.5 3.6.6 3.6.7 3.6.8 3.7.0 3.7.1 3.7.2 3.7.3 3.8.0 3.8.1 3.8.2 3.8.3 3.8.4 3.8.5 3.9.0 3.9.1 3.9.10 3.9.11 3.9.12 3.9.13 3.9.14 3.9.15 3.9.16 3.9.17 3.9.2 3.9.3 3.9.4 3.9.5 3.9.6 3.9.7 3.9.8 3.9.9 4.0.0 4.0.1 4.0.10 4.0.11 4.0.12 4.0.13 4.0.14 4.0.2 4.0.3 4.0.4 4.0.5 4.0.6 4.0.7 4.0.8 4.0.9 4.1.0 4.1.1 4.1.10 4.1.2 4.1.3 4.1.4 4.1.5 4.1.6 4.1.7 4.1.8 4.1.9 4.2.0 4.2.1 4.2.2 4.2.3 4.2.4 4.2.5 4.2.6 4.2.7 4.2.8 4.2.9 4.3.0 4.3.1 4.4.0 4.4.1 4.4.10 4.4.11 4.4.2 4.4.3 4.4.4 4.4.5 4.4.6 4.4.7 4.4.8 4.4.9 4.5.0 4.5.1
embedpress / assets / css / embedpress.css
embedpress / assets / css Last commit date
vendor 7 years ago admin-notices.css 4 years ago admin.css 3 years ago el-icon.css 3 years ago embedpress-elementor.css 3 years ago embedpress.css 3 years ago font.css 7 years ago index.html 7 years ago preview.css 6 years ago
embedpress.css
1341 lines
1 /**
2 * @package EmbedPress
3 * @author EmbedPress <help@embedpress.com>
4 * @copyright Copyright (C) 2018 EmbedPress. All rights reserved.
5 * @license GPLv2 or later
6 * @since 1.0
7 */
8 .embedpress-wrapper {
9 position: relative;
10 }
11
12 .ose-dailymotion.responsive,
13 .ose-kickstarter.responsive,
14 .ose-rutube.responsive,
15 .ose-ted.responsive,
16 .ose-vimeo.responsive,
17 .ose-youtube.responsive,
18 .ose-ustream.responsive,
19 .ose-google-docs.responsive,
20 .ose-animatron.responsive,
21 .ose-amcharts.responsive,
22 .ose-on-aol-com.responsive,
23 .ose-animoto.responsive,
24 .ose-soundcloud.responsive,
25 .ose-videojug.responsive,
26 .ose-facebook.responsive,
27 .ose-issuu.responsive {
28 overflow: hidden;
29 position: relative;
30 height: auto;
31 }
32
33 .ose-dailymotion.responsive iframe,
34 .ose-kickstarter.responsive iframe,
35 .ose-rutube.responsive iframe,
36 .ose-ted.responsive iframe,
37 .ose-vimeo.responsive iframe,
38 .ose-vine.responsive iframe,
39 .ose-youtube.responsive iframe,
40 .ose-ustream.responsive iframe,
41 .ose-google-docs.responsive iframe,
42 .ose-animatron.responsive iframe,
43 .ose-amcharts.responsive iframe,
44 .ose-on-aol-com.responsive iframe,
45 .ose-animoto.responsive iframe,
46 .ose-soundcloud.responsive iframe,
47 .ose-videojug.responsive iframe,
48 .ose-issuu.responsive iframe {
49 left: 0;
50 top: 0;
51 height: 100%;
52 width: 100%;
53 position: absolute;
54 }
55
56 /* 16:9 aspect ratio */
57 .ose-dailymotion.responsive,
58 .ose-kickstarter.responsive,
59 .ose-rutube.responsive,
60 .ose-ted.responsive,
61 .ose-vimeo.responsive,
62 .ose-youtube.responsive,
63 .ose-animatron.responsive,
64 .ose-amcharts.responsive,
65 .ose-on-aol-com.responsive,
66 .ose-animoto.responsive,
67 .ose-videojug.responsive {
68 padding-bottom: 56.25%;
69 }
70
71 /* 1:1 aspect ratio */
72 .ose-vine.responsive {
73 padding-bottom: 100%;
74 }
75
76 /* Mixed aspect ratio */
77 .ose-ustream.responsive {
78 padding-bottom: 63.3%;
79 }
80
81 .ose-google-docs.responsive {
82 padding-bottom: 62.6%;
83 }
84
85 .ose-google-docs.ose-google-docs-drawings.responsive {
86 padding-bottom: 74.5%;
87 }
88
89 .ose-google-docs.ose-google-docs-document.responsive,
90 .ose-google-docs.ose-google-docs-forms.responsive,
91 .ose-google-docs.ose-google-docs-spreadsheets.responsive {
92 padding-bottom: 142%;
93 }
94
95 .ose-soundcloud.responsive {
96 padding-bottom: 155px;
97 }
98
99 .ose-issuu.responsive iframe {
100 z-index: 2;
101 }
102
103 .ose-issuu.responsive {
104 padding-bottom: 31.25%;
105 }
106
107 .ose-issuu>div>div>div:last-child {
108 width: 100% !important;
109 z-index: 0;
110 position: absolute;
111 bottom: 0;
112 }
113
114 .ose-mixcloud.responsive iframe {
115 width: 100%;
116 }
117
118 /* Fix scrolling on iOS devices */
119 .ose-google-docs.responsive {
120 -webkit-overflow-scrolling: touch;
121 overflow-y: auto;
122 }
123
124 .ose-facebook.responsive iframe {
125 padding-bottom: 0;
126 width: 100%;
127 }
128
129 .elementor-widget-container iframe {
130 max-height: 100% !important;
131 }
132
133 @media only screen and (max-width: 800px) {
134 .elementor-widget-container iframe {
135 max-height: 100% !important;
136 }
137
138 .elementor-widget-container .embedpress-facebook-vid-iframe,
139 .embedpress-gutenberg-wrapper .embedpress-facebook-vid-iframe,
140 .embedpress-facebook-vid-iframe {
141 max-height: inherit !important;
142 }
143
144 .ep-first-video iframe {
145 max-height: 100%!important;
146 }
147 .ep-youtube__content__block .youtube__content__body .content__wrap {
148 grid-template-columns: repeat(auto-fit, minmax(calc(50% - 30px), 1fr))!important;
149 }
150 }
151
152 @media only screen and (max-width: 500px) {
153
154 .elementor-widget-container .embedpress-facebook-vid-iframe,
155 .embedpress-gutenberg-wrapper .embedpress-facebook-vid-iframe,
156 .embedpress-facebook-vid-iframe {
157 max-height: 390px !important;
158 }
159 .ep-youtube__content__block .youtube__content__body .content__wrap {
160 grid-template-columns: repeat(auto-fit, minmax(calc(100% - 30px), 1fr))!important;
161 }
162 }
163
164 /*Meetup Event styling starts */
165 .embedpress-event .link {
166 color: #0098ab;
167 }
168
169 .embedpress-event .visibility--a11yHide {
170 border: 0;
171 clip: rect(0 0 0 0);
172 position: absolute;
173 overflow: hidden;
174 margin: -1px;
175 padding: 0;
176 width: 1px;
177 height: 1px;
178 }
179
180 .embedpress-event .text--small {
181 font-size: 14px;
182 margin: 0;
183 }
184
185 .embedpress-event .flex {
186 display: flex;
187 box-sizing: border-box;
188 }
189
190 .embedpress-event .flex--wrap {
191 flex-wrap: wrap;
192 }
193
194 .embedpress-event .flex--row {
195 align-items: center;
196 box-sizing: border-box;
197 display: flex;
198 justify-content: flex-start;
199 flex-direction: row;
200 flex-wrap: nowrap;
201 }
202
203 .embedpress-event .flex-item {
204 flex-basis: 0;
205 flex-grow: 1;
206 width: auto;
207 min-width: 0;
208 /*padding-left: 16px;*/
209 box-sizing: border-box;
210 }
211
212 .embedpress-event .flex-item--shrink {
213 flex-basis: auto;
214 -webkit-box-flex: 0;
215 flex-grow: 0;
216 flex-shrink: 0;
217 width: auto;
218 }
219
220 .embedpress-event .flex--row>.flex-item:first-child {
221 padding-left: 0;
222 }
223
224 .embedpress-event .text--bold {
225 font-weight: 700;
226 }
227
228 .embedpress-event h1,
229 .embedpress-event h2,
230 .embedpress-event h3,
231 .embedpress-event h4,
232 .embedpress-event h5,
233 .embedpress-event h6 {
234 font-size: inherit;
235 }
236
237 .embedpress-event .ep-event--title {
238 font-size: 32px;
239 font-weight: 700;
240 }
241
242 .embedpress-event .ep-event--date {
243 color: #757575;
244 font-weight: 400;
245 font-size: 16px;
246 }
247
248 /*Host*/
249 .embedpress-event .ep-event--host {
250 margin-top: 20px;
251 display: flex;
252 align-items: center;
253 margin-bottom: 20px;
254 }
255
256 .ep-event--host .avatar-print {
257 border-radius: 50%;
258 height: 50px;
259 width: 50px;
260 }
261
262 .embedpress-event img.avatar--person {
263 background-image: none !important;
264 background-repeat: no-repeat;
265 background-position: 50%;
266 background-size: cover;
267 border-radius: 50%;
268 box-sizing: border-box;
269 vertical-align: middle;
270 }
271
272 .event-info-hosts-text {
273 padding-left: 20px;
274 font-size: 16px;
275 font-weight: 400;
276 }
277
278 .embedpress-event .event-description {
279 margin-top: 20px;
280 }
281
282 .text--sectionTitle {
283 font-size: 20px;
284 line-height: 28px;
285 }
286
287 .ep-event--attendees {
288 margin-top: 50px;
289 }
290
291 .ep-event--attendees>.flex {
292 margin-bottom: 20px;
293 }
294
295 .ep-event--attendees .gridList {
296 list-style: none;
297 margin: 0 -16px 0 0;
298 padding: 0;
299 }
300
301 .ep-event--attendees .gridList-item {
302 width: auto;
303 }
304
305 .ep-event--attendees .gridList--autoHeight--has4>.gridList-item {
306 flex: 0 0 50%;
307 max-width: 50%;
308 }
309
310 .ep-event--attendees .groupMember-name {
311 line-height: 1.2 !important;
312 }
313
314 .ep-event--attendees .avatar--person {
315 margin-bottom: 15px;
316 display: inline-block;
317 border-radius: 50%;
318 }
319
320 .ep-event--attendees img.avatar-print {
321 border-radius: 50%;
322 }
323
324 .ep-event--attendees .groupMember-role {
325 font-size: 12px;
326 color: #757575;
327 padding-top: 2px;
328 margin: 0;
329 }
330
331 .ep-event--attendees .groupMember {
332 min-height: 100%;
333 min-width: 128px;
334 padding-left: 8px;
335 padding-right: 8px;
336 }
337
338 .embedpress-event .align--center {
339 text-align: center;
340 }
341
342 .embedpress-event .card {
343 background: #fff;
344 background-clip: padding-box;
345 background-size: cover;
346 border: 1px solid rgba(46, 62, 72, .12);
347 border-radius: 8px;
348 -webkit-box-sizing: border-box;
349 box-sizing: border-box;
350 display: block;
351 min-height: 100%;
352 padding: 16px 16px 18px;
353 position: relative;
354 white-space: normal;
355 }
356
357 .embedpress-event .card--hasHoverShadow {
358 transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1), transform .25s cubic-bezier(.4, 0, .2, 1);
359 }
360
361 .embedpress-event .ep-event-group-link {
362 display: flex;
363 flex-wrap: wrap;
364 align-items: center;
365 background: #ffffff;
366 border-radius: 8px;
367 padding: 20px;
368 margin-bottom: 20px;
369 border: 1px solid rgba(46, 62, 72, .12);
370 }
371
372 .embedpress-event .ep-event-group--name {
373 padding-left: 20px;
374 font-size: 14px;
375 line-height: 1.45;
376 margin: 0;
377 width: 70%;
378 word-break: break-word;
379 }
380
381 .embedpress-event .ep-event-group--image {
382 -o-object-fit: cover;
383 object-fit: cover;
384 width: 56px;
385 height: 56px;
386 border-radius: 4px;
387 }
388
389 .embedpress-event .ep-event-time-location {
390 background: #ffffff;
391 border-radius: 8px;
392 padding: 16px 20px 0 20px;
393 border: 1px solid rgba(46, 62, 72, .12);
394 }
395
396 .embedpress-event .ep-event-time-location .ep-event-datetime,
397 .embedpress-event .ep-event-time-location .ep-event-location {
398 padding-bottom: 20px;
399 }
400
401 .embedpress-event .ep-event-location .wrap--singleLine--truncate,
402 .embedpress-event .ep-event-time-location .ep-event-datetime {
403 font-size: 15px;
404 line-height: 1.5;
405 color: #2e3e48;
406 font-style: normal;
407 margin: 0;
408 }
409
410 .embedpress-event .ep-event-location address {
411 font-style: normal;
412 margin: 0;
413 }
414
415 .embedpress-event .ep-event-location .venueDisplay-venue-address {
416 font-style: normal;
417 color: #757575;
418 margin: 0;
419 }
420
421 .embedpress-event .ep-event-location p {
422 line-height: 20px;
423 }
424
425 .ep-event--attendees .gridList-item {
426 -webkit-box-sizing: border-box;
427 box-sizing: border-box;
428 display: inline-block;
429 font-size: 1rem;
430 margin: 0;
431 vertical-align: top;
432 width: 50%;
433 }
434
435 .gridList-itemInner {
436 -webkit-box-sizing: border-box;
437 box-sizing: border-box;
438 height: 100%;
439 padding: 0 16px 16px 0;
440 }
441
442 /*Youtube subscribe button*/
443 .embedpress-yt-subscribe {
444 display: flex;
445 align-items: center;
446 align-content: start;
447 text-align: center;
448 gap: 1rem;
449 max-width: 600px;
450 width: 100%;
451 }
452
453 .embedpress-yt-subscribe .embedpress-yt-subscribe.dark {
454 color: #ffffff;
455 }
456
457 .embedpress-yt-subscribe .embedpress-yt-sub-text {
458 display: inline-block;
459 margin: 0;
460 padding: 0;
461 }
462
463 /* Meetup styling for new markup*/
464 .dewqijm {
465 height: 100%;
466 margin-right: 10px;
467 }
468
469 .dewqijm img[src^="image"] {
470 display: none;
471 }
472
473 .dewqijm img[src^="http"] {
474 height: 56px !important;
475 width: 56px !important;
476 }
477
478 .dewqijm>div>div {
479 display: none;
480 }
481
482 .embedpress-event .sticky button {
483 display: none;
484 }
485
486 .embedpress-event .items-center {
487 align-items: center;
488 }
489
490 /*Media query*/
491 @media only screen and (min-width: 530px) {
492 .ep-event--attendees .gridList--autoHeight--has4>.gridList-item {
493 flex: 0 0 33.333333%;
494 max-width: 33.333333%;
495 }
496 }
497
498 @media only screen and (min-width: 640px) {
499 .embedpress-event .card {
500 padding: 18px 18px 20px;
501 }
502
503 .ep-event--attendees .gridList--autoHeight--has4>.gridList-item {
504 flex: 0 0 25%;
505 max-width: 25%;
506 }
507 }
508
509
510
511
512 /**
513 * NFT card frontend style
514 */
515
516 .ose-opensea {
517 height: 100% !important;
518 width: calc(100% - 40px) !important;
519 }
520
521 .ep_nft_content_wrap.ep_nft__wrapper {
522 display: grid;
523 }
524
525 .ep_nft_content_wrap.ep_nft__wrapper,
526 .ep_nft_content_wrap.ep_nft_list {
527 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
528 grid-column-gap: 15px;
529 grid-row-gap: 15px;
530 }
531
532 .ep_nft_content_wrap .ep_nft_item {
533 padding-top: 15px;
534 padding-right: 15px;
535 padding-left: 15px;
536 padding-bottom: 15px;
537 background-color: #ffffff;
538 border-radius: 10px;
539 transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
540 box-shadow: 0 4px 15px rgba(0, 0, 0, .09);
541 overflow: hidden;
542 padding: 15px;
543 position: relative;
544 transition: .3s ease-in-out;
545 }
546
547 .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-grid .ep_nft_item {
548 display: flex;
549 flex-direction: column;
550 }
551
552 .ep_nft_content_wrap.ep_nft_list .ep_nft_item {
553 justify-content: flex-start;
554 align-items: flex-start;
555 }
556
557 .ep_nft_content_wrap.ep_nft__wrapper.preset-3 .ep_nft_item .ep_nft_content {
558 background-color: #edecf6e6;
559 }
560
561 .ep_nft_content_wrap .ep_nft_thumbnail {
562 margin-top: 0px;
563 margin-right: 0px;
564 margin-left: 0px;
565 margin-bottom: 15px;
566 border-radius: 5px;
567 }
568
569 .ep_nft_content_wrap .ep_nft_thumbnail img {
570 height: 340px;
571 border-radius: 5px;
572 width: 100%;
573 object-fit: cover;
574 }
575
576 .ep_nft_content .ep_nft_title {
577 color: #333333;
578 font-size: 16px;
579 margin-top: 0px;
580 margin-right: 0px;
581 margin-left: 0px;
582 margin-bottom: 15px;
583 font-weight: 600;
584 word-break: break-all;
585 }
586
587 .ep_nft_content {
588 text-align: left;
589 }
590
591 .ep_nft_content .ep_nft_price {
592 color: #333333;
593 font-size: 14px;
594 margin-top: 0px;
595 margin-right: 0px;
596 margin-left: 0px;
597 margin-bottom: 0px;
598 display: flex;
599 font-weight: 600;
600 }
601
602 .ep_nft_content .ep_nft_price:first-child {
603 margin-bottom: 10px;
604 }
605
606 span.eb_nft_currency {
607 max-width: 28px;
608 display: flex;
609 align-items: center;
610 justify-content: center;
611 }
612
613 span.eb_nft_currency svg {
614 width: 100%;
615 height: auto;
616 }
617
618 .ep_nft_content .ep_nft_price_wrapper {
619 min-height: 20px;
620 }
621
622
623 .ep_nft_content .ep_nft_creator {
624 color: #333333;
625 font-size: 14px;
626 margin-top: 0px;
627 margin-right: 0px;
628 margin-left: 0px;
629 margin-bottom: 20px;
630 display: flex;
631 align-items: center;
632 gap: 5px;
633 }
634
635 .ep_nft_content .ep_nft_creator a {
636 color: #3080E2;
637 font-size: 14px;
638 text-decoration: none;
639 word-break: break-all;
640 text-decoration: none;
641 }
642
643 .ep_nft_content .ep_nft_creator img {
644 height: 30px;
645 width: 30px;
646 border-radius: 50%;
647 }
648
649 .ep_nft_content .ep_nft_button button {
650 margin-top: 0px;
651 margin-right: 0px;
652 margin-left: 0px;
653 margin-bottom: 0px;
654 }
655
656 .ep_nft_content .ep_nft_button button a {
657 background-color: #3080E2;
658 color: #ffffff;
659 font-size: 14px;
660 padding-top: 15px;
661 padding-right: 20px;
662 padding-left: 20px;
663 padding-bottom: 15px;
664 transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s;
665 }
666
667 .ep_nft_content .ep_nft_button button:hover a {
668 background-color: rgb(46, 142, 238);
669 color: #ffffff;
670 }
671
672 .ep-nft-gallery-wrapper .ep_nft_content_wrap.ep_nft__wrapper.ep-preset-1 .ep_nft_item:hover .ep_nft_button {
673 opacity: 1;
674 transform: translate(0);
675 visibility: visible;
676 }
677
678
679 .ep-nft-gallery-wrapper.ep-nft-gallery-r1a5mbx .ep_nft_button a.ep-details-btn:hover {
680 background-color: rgb(46, 142, 238);
681 color: #ffffff;
682 }
683
684 .ep-nft-gallery-wrapper .ep_nft_content_wrap.ep_nft__wrapper.ep-preset-1 .ep_nft_item:hover .ep_nft_button {
685 opacity: 1;
686 transform: translate(0);
687 visibility: visible;
688 }
689
690 .ep-nft-gallery-wrapper .ep_nft_content_wrap.ep_nft__wrapper.ep-preset-1 .ep_nft_item .ep_nft_button {
691 bottom: 0;
692 left: 0;
693 opacity: 0;
694 position: absolute;
695 transform: translateY(30px);
696 visibility: hidden;
697 width: 100%;
698 transition: 0.3s;
699 }
700
701 .ep-nft-gallery-wrapper.ep-nft-gallery-r1a5mbx .ep-nft-single-item-wraper .ep_nft_button {
702 margin-top: auto;
703 display: flex;
704 justify-content: space-between;
705 gap: 15px;
706 }
707
708 .ep-nft-gallery-wrapper.ep-nft-gallery-r1a5mbx .ep_nft_button a {
709 background-color: #3080E2;
710 color: #ffffff;
711 font-size: 14px;
712 padding: 10px 20px;
713 transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s;
714 display: block;
715 text-align: center;
716 font-weight: 500;
717 text-decoration: none;
718 }
719 .ep-nft-gallery-wrapper.ep-nft-gallery-r1a5mbx .ep_nft_button span.ep-nft-rank{
720 color: #a88484;
721 border-color: #a88484;
722 }
723
724 /* mimmikcssStart */
725
726
727 /* NFT List item CSS */
728
729 .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item {
730 display: flex;
731 gap: 15px;
732 align-items: center;
733 border-radius: 10px;
734 }
735
736 .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail {
737 width: 55%;
738 }
739
740 .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content {
741 width: calc(45% - 15px);
742 }
743
744 .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content .ep_nft_price.ep_nft_last_sale {
745 margin-bottom: 15px;
746 }
747
748 .ep_nft_content_wrap.ep_nft__wrapper.nft_items .ep_nft_item .ep_nft_thumbnail svg {
749 border-radius: 10px;
750 }
751
752 .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail img {
753 height: 260px;
754 }
755
756 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_button a {
757 border-radius: 10px;
758 width: 100%;
759 display: flex;
760 align-items: center;
761 justify-content: center;
762 }
763 .ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-grid.ep-preset-2 .ep_nft_content .ep_nft_price:last-child {
764 margin-bottom: 15px;
765 }
766
767 .alignleft .ose-opensea,
768 .alignright .ose-opensea,
769 .aligncenter .ose-opensea {
770 max-width: calc(100% - 40px) !important;
771 }
772
773 .embedpress-gutenberg-wrapper.alignright, .embedpress-gutenberg-wrapper.alignleft {
774 width: 100%;
775 }
776 .embedpress-gutenberg-wrapper.alignright .ep-embed-content-wraper>div {
777 float: right;
778 }
779
780 /* mimmikcssEnd */
781
782 @media all and (max-width: 1024px) {
783
784 /* tabcssStart */
785 .ep_nft_content_wrap.ep_nft__wrapper,
786 .ep_nft_content_wrap.ep_nft_list {
787 grid-template-columns: repeat(3, 1fr) !important;
788 }
789
790 .alignleft .ose-opensea,
791 .alignright .ose-opensea,
792 .aligncenter .ose-opensea {
793 max-width: 100% !important;
794 }
795
796 /* tabcssEnd */
797
798 }
799
800 @media all and (max-width: 991px) {
801
802 /* tabcssStart */
803 .ose-opensea {
804 min-width: 100% !important;
805 max-width: calc(100% - 40px) !important;
806 }
807
808
809
810 .ep_nft_content_wrap.ep_nft__wrapper,
811 .ep_nft_content_wrap.ep_nft_list {
812 grid-template-columns: repeat(2, 1fr) !important;
813 }
814
815 /* tabcssEnd */
816
817 }
818
819 @media all and (max-width: 767px) {
820
821 /* mobcssStart */
822 .ep_nft_content_wrap.ep_nft__wrapper,
823 .ep_nft_content_wrap.ep_nft_list {
824 grid-template-columns: repeat(1, 1fr) !important;
825 }
826
827 /* mobcssEnd */
828
829 }
830
831
832 /* NFT Single item CSS */
833 .ep-nft-single-item-wraper.ep_nft_content_wrap .ep_nft_item {
834 box-shadow: none;
835 }
836
837 .ep-nft-rank-wraper {
838 margin-bottom: 16px;
839 font-weight: 600;
840 color: #333;
841 font-size: 16px;
842 }
843
844 .ep-nft-rank-wraper.ep-empty-label span{
845 margin-left: 0px;
846 }
847 span.ep-nft-rank {
848 padding: 2px 8px;
849 border-radius: 7px;
850 margin-left: 10px;
851 display: inline-block;
852 font-size: 14px;
853 font-weight: 600;
854 background: transparent!important;
855 border: 1px solid #ddd;
856 color: #333;
857 }
858
859 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content {
860 width: calc(55% - 15px);
861 }
862
863 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail {
864 width: 45%;
865 height: 100%;
866 }
867
868 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail img {
869 height: 100%;
870 }
871
872 .ep-nft-single-item-wraper span.eb_nft_label {
873 color: #333;
874 /* margin-bottom: -10px; */
875 }
876
877 .ep-nft-single-item-wraper .ep_nft_content .ep_nft_price {
878 display: flex;
879 flex-direction: column;
880 margin-right: 45px;
881 }
882
883 .ep-nft-single-item-wraper span.eb_nft_price {
884 font-size: 30px;
885 line-height: normal;
886 }
887
888 .ep-nft-single-item-wraper .ep_nft_content .ep_nft_creator img {
889 height: 15px;
890 width: 15px;
891 border-radius: 50%;
892 }
893
894 .ep-nft-single-item-wraper .ep-usd-price {
895 bottom: 0;
896 font-size: 12px;
897 }
898
899 .ep-nft-single-item-wraper span.eb_nft_label {
900 /* margin-bottom: -14px; */
901 font-size: 15px;
902 }
903
904 .ep-nft-single-item-wraper .ep_nft_content .ep_nft_title {
905 margin-bottom: 10px;
906 font-size: 24px;
907 }
908
909 .ep-nft-single-item-wraper .CollectionLink--name svg {
910 width: 20px;
911 height: 20px;
912 margin-left: 5px;
913 }
914
915 .ep-nft-single-item-wraper a.CollectionLink--link {
916 font-size: 15px;
917 font-weight: 500;
918 text-decoration: none;
919 margin-bottom: 15px;
920 display: block;
921 color: #3080E2;
922 }
923
924 .ep-nft-single-item-wraper sub.verified-icon {
925 bottom: -5px;
926 left: 4px;
927 }
928
929 /* toggle */
930 .ep-nft-single-item-wraper .ep-accordion {
931 border: 1px solid #ddd;
932 border-radius: 10px;
933 margin-top: 15px;
934 display: block;
935 }
936
937 .ep-nft-single-item-wraper .ep-toggle {
938 display: none;
939 }
940
941 .ep-nft-single-item-wraper .ep-option {
942 position: relative;
943 }
944
945 .ep-nft-single-item-wraper .ep-content {
946 padding: 1em;
947 border-top: 1px solid #ddd;
948 }
949
950 .ep-nft-single-item-wraper .ep-content {
951 -webkit-backface-visibility: hidden;
952 backface-visibility: hidden;
953 transform: translateZ(0);
954 transition: all 0.2s;
955 }
956
957 .ep-nft-single-item-wraper .ep-title {
958 -webkit-backface-visibility: hidden;
959 backface-visibility: hidden;
960 transform: translateZ(0);
961 transition: all 0.2s;
962 padding: 1em;
963 display: flex;
964 color: #333;
965 font-weight: bold;
966 cursor: pointer;
967 border-radius: 10px 10px 0 0;
968 align-items: center;
969 }
970
971 .ep-nft-single-item-wraper label.ep-title svg {
972 width: 20px;
973 height: 20px;
974 margin-right: 6px;
975 }
976
977 .ep-nft-single-item-wraper .ep-asset-detail-item {
978 display: flex;
979 justify-content: space-between;
980 font-weight: 500;
981 }
982
983 .ep-nft-single-item-wraper .ep-asset-detail-item span {
984 word-break: break-word;
985 max-width: 75%;
986 }
987
988 .ep-nft-single-item-wraper .ep-content {
989 display: block;
990 }
991
992 .ep-nft-single-item-wraper .ep-content p {
993 margin: 0;
994 padding: 0.5em 1em 1em;
995 font-size: 0.9em;
996 line-height: 1.5;
997 }
998
999 .ep-nft-single-item-wraper .ep-toggle:checked+.ep-title+.ep-content {
1000 display: none;
1001 background: transparent;
1002 }
1003
1004
1005
1006 .ep-nft-single-item-wraper .ep_nft_content .ep_nft_price_wrapper {
1007 display: flex;
1008 }
1009
1010 .ep-nft-single-item-wraper .ep-toggle+.ep-title:after {
1011 content: "";
1012 display: inline-block;
1013 position: absolute;
1014 width: 12px;
1015 height: 12px;
1016 background: transparent;
1017 text-indent: -9999px;
1018 border-top: 2px solid #bfbfbf;
1019 border-left: 2px solid #bfbfbf;
1020 transition: all 250ms ease-in-out;
1021 text-decoration: none;
1022 color: transparent;
1023 right: 15px;
1024 top: 50%;
1025 transform: rotate(45deg) translate(-20%, -5%);
1026 }
1027 .ep-nft-single-item-wraper .ep-toggle:checked+.ep-title:before {
1028 content: "";
1029 display: inline-block;
1030 position: absolute;
1031 width: 12px;
1032 height: 12px;
1033 background: transparent;
1034 text-indent: -9999px;
1035 border-top: 2px solid #bfbfbf;
1036 border-left: 2px solid #bfbfbf;
1037 transition: all 250ms ease-in-out;
1038 text-decoration: none;
1039 color: transparent;
1040 right: 15px;
1041 top: 50%;
1042 transform: rotate(225deg) translate(80%, 20%);
1043 }
1044 .ep-nft-single-item-wraper .ep-toggle:checked+.ep-title:after {
1045 display: none;
1046 }
1047
1048 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items .ep_nft_item .ep_nft_button span.ep-nft-rank{
1049 pointer-events: none;
1050 }
1051
1052 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-nft-single-item-wraper.ep-grid .ep_nft_content {
1053 margin-bottom: 20px;
1054 }
1055 .elementor-widget-container .ep-nft-gallery-wrapper .ep-loadmore-wrapper button, .embedpress-gutenberg-wrapper .ep-nft-gallery-wrapper .ep-loadmore-wrapper button{
1056 display: none;
1057 }
1058 @media screen and (max-width: 1024px) {
1059
1060 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper, .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft_list {
1061 grid-template-columns: repeat(1, 1fr) !important;
1062 }
1063
1064 }
1065 @media screen and (max-width: 991px) {
1066
1067 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper, .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft_list {
1068 grid-template-columns: repeat(1, 1fr) !important;
1069 }
1070
1071 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item {
1072 align-items: unset;
1073 flex-direction: column;
1074 }
1075
1076 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail {
1077 width: 100%;
1078 }
1079
1080 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content {
1081 width: 100%;
1082 }
1083 }
1084
1085 @media screen and (max-width: 537px) {
1086 .ep-nft-single-item-wraper sub.ep-usd-price {
1087 margin-bottom: 15px;
1088 display: block;
1089 }
1090 .ose-embedpress-responsive>iframe {
1091 height: auto!important;
1092 }
1093 .ose-google-drive iframe{
1094 height: 250px !important;
1095
1096 }
1097 }
1098
1099 .emebedpress-unit-percent iframe{
1100 width: 100%!important;
1101 }
1102
1103
1104 /* Locked content form */
1105
1106 .password-form-container {
1107 width: 350px;
1108 text-align: center;
1109 padding: 30px;
1110 border-radius: 10px;
1111 box-shadow: 0px 0px 10px #f4eded;
1112 background-color: #f9f9ff;
1113 max-width: 100%;
1114 margin: auto;
1115 }
1116 .password-form-container h2 {
1117 font-size: 22px;
1118 margin-bottom: 15px;
1119 font-family: system-ui;
1120 }
1121 .password-form-container p {
1122 font-size: 12px;
1123 font-family: sans-serif;
1124 line-height: 1.4em;
1125 margin-bottom: 15px;
1126 }
1127 form.password-form {
1128 margin-bottom: 2px;
1129 }
1130 .password-form-container input[type="password"] {
1131 padding: 10px;
1132 border-radius: 5px;
1133 width: 100%;
1134 margin-bottom: 12px;
1135 font-size: 20px;
1136 color: #6354a5;
1137 outline: none;
1138 border: 1px solid #ddd;
1139 outline: 0;
1140 padding-left: 50px;
1141 font-family: sans-serif;
1142 height: 42px;
1143 }
1144
1145 .password-form-container input[type="password"]::placeholder{
1146 color: #e0d1d1;
1147 font-size: 14px;
1148 }
1149
1150 .password-field{
1151 position: relative;
1152 }
1153 .password-field span {
1154 position: absolute;
1155 top: 0px;
1156 left: 0px;
1157 display: flex;
1158 align-items: center;
1159 justify-content: center;
1160 height: 42px;
1161 width: 40px;
1162 background: #DED7FC;
1163 border-radius: 4px;
1164 }
1165 .password-field svg {
1166 width: 22px;
1167 }
1168 .password-form-container input[type="submit"] {
1169 padding: 12px 20px;
1170 background-color: #6354a5;
1171 color: #fff;
1172 border: none;
1173 border-radius: 5px;
1174 font-size: 14px;
1175 cursor: pointer;
1176 font-family: sans-serif;
1177 transition: background-color 0.3s ease, box-shadow 0.3s ease;
1178 font-weight: initial;
1179 white-space: normal;
1180 word-break: break-all;
1181 min-height: 42px;
1182 }
1183 .password-form-container button:hover {
1184 background-color: #0062cc;
1185 box-shadow: 0px 0px 10px #007bff;
1186 }
1187 .password-form-container .error-message {
1188 color: #ff0000;
1189 margin-top: 20px;
1190 font-size: 12px;
1191 line-height: 1.4em;
1192 }
1193 .password-form-container .error-message.hidden {
1194 display: none;
1195 }
1196 p.need-access-message {
1197 margin-bottom: 2px;
1198 margin-top: 13px;
1199 }
1200 .wp-block-embed__wrapper {
1201 display: inline-block;
1202 width: 100%;
1203 max-width: 100%!important;
1204 }
1205 .wp-block-embed__wrapper.position-right-wraper, .wp-block-embed__wrapper.position-right-wraper {
1206 max-width: calc(100% - 40px) !important;
1207 }
1208
1209 .ep-elementor-content {
1210 position: relative;
1211 display: inline-block;
1212 max-width: 100%;
1213 }
1214 .ep-elementor-content.source-opensea {
1215 display: block;
1216 }
1217 /* social share css */
1218 .wp-block-embedpress-embedpress > div, .ep-gutenberg-content {
1219 position: relative;
1220 }
1221 .gutenberg-pdf-wraper {
1222 position: relative;
1223 width: 100%;
1224 }
1225 .ep-embed-content-wraper {
1226 width: 100%;
1227 }
1228 .ep-content-share-enabled .ep-embed-content-wraper {
1229 display: flex!important;
1230 }
1231 .ep-share-position-right .ep-embed-content-wraper{
1232 flex-direction: row;
1233 }
1234 .ep-share-position-left .ep-embed-content-wraper{
1235 flex-direction: row-reverse;
1236 }
1237
1238 .ep-share-position-bottom .ep-embed-content-wraper{
1239 flex-direction: column;
1240 }
1241
1242 .ep-share-position-top .ep-embed-content-wraper {
1243 flex-direction: column-reverse;
1244 }
1245
1246 .ep-fixed-width .gutenberg-pdf-wraper{
1247 display: inline-block;
1248 }
1249
1250 .ep-percentage-width .embedpress-inner-iframe{
1251 width: 100%;
1252 }
1253
1254 /* social share css */
1255
1256 .social-share {
1257 display: flex;
1258 align-items: center;
1259 }
1260
1261 .social-share.share-position-right {
1262 right: -40px;
1263 top: 0;
1264 flex-direction: column;
1265 }
1266 .social-share.share-position-left {
1267 left: 0px;
1268 top: 0;
1269 flex-direction: column;
1270 }
1271
1272 .embedpress-gutenberg-wrapper .social-share.share-position-left, .ep-elementor-content .social-share.share-position-left{
1273 left: -40px;
1274 }
1275
1276 .social-icon {
1277 display: flex;
1278 justify-content: center;
1279 align-items: center;
1280 width: 40px;
1281 height: 40px;
1282 margin: 0;
1283 color: #fff;
1284 text-decoration: none;
1285 font-size: 20px;
1286 }
1287
1288 .social-icon:hover {
1289 opacity: 0.8;
1290 }
1291
1292 .social-share svg {
1293 width: 20px;
1294 height: auto;
1295 }
1296 a.social-icon.pinterest svg {
1297 height: 25px;
1298 }
1299
1300 .facebook {
1301 background-color: #3b5998;
1302 }
1303 .facebook svg {
1304 width: 40px;
1305 }
1306
1307 .twitter {
1308 background-color: #55acee;
1309 }
1310
1311 .pinterest {
1312 background-color: #bd081c;
1313 }
1314
1315 .linkedin {
1316 background-color: #0077b5;
1317 }
1318
1319 .reddit {
1320 background-color: #ff4500;
1321 }
1322
1323 .social-icon i {
1324 margin-right: 0;
1325 }
1326
1327 .ep-content-locked .watermark{
1328 display: none!important;
1329 }
1330 .ep-content-protection-enabled .watermark {
1331 display: none!important;
1332 }
1333
1334 .embedpress-pro-control.not-active {
1335 pointer-events: none;
1336 }
1337
1338 .emebedpress-unit-percent, .ep-elementor-content.ep-percentage-width {
1339 width: 100%;
1340 }
1341