PluginProbe ʕ •ᴥ•ʔ
EmbedPress – PDF Embedder, Embed PDF viewer, YouTube Videos, 3D FlipBook, Social feeds & more / 3.7.1
EmbedPress – PDF Embedder, Embed PDF viewer, YouTube Videos, 3D FlipBook, Social feeds & more v3.7.1
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
1365 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 .embedpress-gutenberg-wrapper.aligncenter.ep-content-share-enabled .ep-embed-content-wraper{
781 justify-content: center;
782 }
783 .embedpress-gutenberg-wrapper.alignright.ep-content-share-enabled .ep-embed-content-wraper{
784 justify-content: right;
785 }
786 .embedpress-gutenberg-wrapper.alignleft.ep-content-share-enabled .ep-embed-content-wraper{
787 justify-content: left;
788 }
789
790 /* mimmikcssEnd */
791
792 @media all and (max-width: 1024px) {
793
794 /* tabcssStart */
795 .ep_nft_content_wrap.ep_nft__wrapper,
796 .ep_nft_content_wrap.ep_nft_list {
797 grid-template-columns: repeat(3, 1fr) !important;
798 }
799
800 .alignleft .ose-opensea,
801 .alignright .ose-opensea,
802 .aligncenter .ose-opensea {
803 max-width: 100% !important;
804 }
805
806 /* tabcssEnd */
807
808 }
809
810 @media all and (max-width: 991px) {
811
812 /* tabcssStart */
813 .ose-opensea {
814 min-width: 100% !important;
815 max-width: calc(100% - 40px) !important;
816 }
817
818
819
820 .ep_nft_content_wrap.ep_nft__wrapper,
821 .ep_nft_content_wrap.ep_nft_list {
822 grid-template-columns: repeat(2, 1fr) !important;
823 }
824
825 /* tabcssEnd */
826
827 }
828
829 @media all and (max-width: 767px) {
830
831 /* mobcssStart */
832 .ep_nft_content_wrap.ep_nft__wrapper,
833 .ep_nft_content_wrap.ep_nft_list {
834 grid-template-columns: repeat(1, 1fr) !important;
835 }
836
837 /* mobcssEnd */
838
839 }
840
841
842 /* NFT Single item CSS */
843 .ep-nft-single-item-wraper.ep_nft_content_wrap .ep_nft_item {
844 box-shadow: none;
845 }
846
847 .ep-nft-rank-wraper {
848 margin-bottom: 16px;
849 font-weight: 600;
850 color: #333;
851 font-size: 16px;
852 }
853
854 .ep-nft-rank-wraper.ep-empty-label span{
855 margin-left: 0px;
856 }
857 span.ep-nft-rank {
858 padding: 2px 8px;
859 border-radius: 7px;
860 margin-left: 10px;
861 display: inline-block;
862 font-size: 14px;
863 font-weight: 600;
864 background: transparent!important;
865 border: 1px solid #ddd;
866 color: #333;
867 }
868
869 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content {
870 width: calc(55% - 15px);
871 }
872
873 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail {
874 width: 45%;
875 height: 100%;
876 }
877
878 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail img {
879 height: 100%;
880 }
881
882 .ep-nft-single-item-wraper span.eb_nft_label {
883 color: #333;
884 /* margin-bottom: -10px; */
885 }
886
887 .ep-nft-single-item-wraper .ep_nft_content .ep_nft_price {
888 display: flex;
889 flex-direction: column;
890 margin-right: 45px;
891 }
892
893 .ep-nft-single-item-wraper span.eb_nft_price {
894 font-size: 30px;
895 line-height: normal;
896 }
897
898 .ep-nft-single-item-wraper .ep_nft_content .ep_nft_creator img {
899 height: 15px;
900 width: 15px;
901 border-radius: 50%;
902 }
903
904 .ep-nft-single-item-wraper .ep-usd-price {
905 bottom: 0;
906 font-size: 12px;
907 }
908
909 .ep-nft-single-item-wraper span.eb_nft_label {
910 /* margin-bottom: -14px; */
911 font-size: 15px;
912 }
913
914 .ep-nft-single-item-wraper .ep_nft_content .ep_nft_title {
915 margin-bottom: 10px;
916 font-size: 24px;
917 }
918
919 .ep-nft-single-item-wraper .CollectionLink--name svg {
920 width: 20px;
921 height: 20px;
922 margin-left: 5px;
923 }
924
925 .ep-nft-single-item-wraper a.CollectionLink--link {
926 font-size: 15px;
927 font-weight: 500;
928 text-decoration: none;
929 margin-bottom: 15px;
930 display: block;
931 color: #3080E2;
932 }
933
934 .ep-nft-single-item-wraper sub.verified-icon {
935 bottom: -5px;
936 left: 4px;
937 }
938
939 /* toggle */
940 .ep-nft-single-item-wraper .ep-accordion {
941 border: 1px solid #ddd;
942 border-radius: 10px;
943 margin-top: 15px;
944 display: block;
945 }
946
947 .ep-nft-single-item-wraper .ep-toggle {
948 display: none;
949 }
950
951 .ep-nft-single-item-wraper .ep-option {
952 position: relative;
953 }
954
955 .ep-nft-single-item-wraper .ep-content {
956 padding: 1em;
957 border-top: 1px solid #ddd;
958 }
959
960 .ep-nft-single-item-wraper .ep-content {
961 -webkit-backface-visibility: hidden;
962 backface-visibility: hidden;
963 transform: translateZ(0);
964 transition: all 0.2s;
965 }
966
967 .ep-nft-single-item-wraper .ep-title {
968 -webkit-backface-visibility: hidden;
969 backface-visibility: hidden;
970 transform: translateZ(0);
971 transition: all 0.2s;
972 padding: 1em;
973 display: flex;
974 color: #333;
975 font-weight: bold;
976 cursor: pointer;
977 border-radius: 10px 10px 0 0;
978 align-items: center;
979 }
980
981 .ep-nft-single-item-wraper label.ep-title svg {
982 width: 20px;
983 height: 20px;
984 margin-right: 6px;
985 }
986
987 .ep-nft-single-item-wraper .ep-asset-detail-item {
988 display: flex;
989 justify-content: space-between;
990 font-weight: 500;
991 }
992
993 .ep-nft-single-item-wraper .ep-asset-detail-item span {
994 word-break: break-word;
995 max-width: 75%;
996 }
997
998 .ep-nft-single-item-wraper .ep-content {
999 display: block;
1000 }
1001
1002 .ep-nft-single-item-wraper .ep-content p {
1003 margin: 0;
1004 padding: 0.5em 1em 1em;
1005 font-size: 0.9em;
1006 line-height: 1.5;
1007 }
1008
1009 .ep-nft-single-item-wraper .ep-toggle:checked+.ep-title+.ep-content {
1010 display: none;
1011 background: transparent;
1012 }
1013
1014
1015
1016 .ep-nft-single-item-wraper .ep_nft_content .ep_nft_price_wrapper {
1017 display: flex;
1018 }
1019
1020 .ep-nft-single-item-wraper .ep-toggle+.ep-title:after {
1021 content: "";
1022 display: inline-block;
1023 position: absolute;
1024 width: 12px;
1025 height: 12px;
1026 background: transparent;
1027 text-indent: -9999px;
1028 border-top: 2px solid #bfbfbf;
1029 border-left: 2px solid #bfbfbf;
1030 transition: all 250ms ease-in-out;
1031 text-decoration: none;
1032 color: transparent;
1033 right: 15px;
1034 top: 50%;
1035 transform: rotate(45deg) translate(-20%, -5%);
1036 }
1037 .ep-nft-single-item-wraper .ep-toggle:checked+.ep-title:before {
1038 content: "";
1039 display: inline-block;
1040 position: absolute;
1041 width: 12px;
1042 height: 12px;
1043 background: transparent;
1044 text-indent: -9999px;
1045 border-top: 2px solid #bfbfbf;
1046 border-left: 2px solid #bfbfbf;
1047 transition: all 250ms ease-in-out;
1048 text-decoration: none;
1049 color: transparent;
1050 right: 15px;
1051 top: 50%;
1052 transform: rotate(225deg) translate(80%, 20%);
1053 }
1054 .ep-nft-single-item-wraper .ep-toggle:checked+.ep-title:after {
1055 display: none;
1056 }
1057
1058 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items .ep_nft_item .ep_nft_button span.ep-nft-rank{
1059 pointer-events: none;
1060 }
1061
1062 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-nft-single-item-wraper.ep-grid .ep_nft_content {
1063 margin-bottom: 20px;
1064 }
1065 .elementor-widget-container .ep-nft-gallery-wrapper .ep-loadmore-wrapper button, .embedpress-gutenberg-wrapper .ep-nft-gallery-wrapper .ep-loadmore-wrapper button{
1066 display: none;
1067 }
1068 @media screen and (max-width: 1024px) {
1069
1070 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper, .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft_list {
1071 grid-template-columns: repeat(1, 1fr) !important;
1072 }
1073
1074 }
1075 @media screen and (max-width: 991px) {
1076
1077 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper, .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft_list {
1078 grid-template-columns: repeat(1, 1fr) !important;
1079 }
1080
1081 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item {
1082 align-items: unset;
1083 flex-direction: column;
1084 }
1085
1086 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_thumbnail {
1087 width: 100%;
1088 }
1089
1090 .ep-nft-single-item-wraper.ep_nft_content_wrap.ep_nft__wrapper.nft_items.ep-list .ep_nft_item .ep_nft_content {
1091 width: 100%;
1092 }
1093 }
1094
1095 @media screen and (max-width: 537px) {
1096 .ep-nft-single-item-wraper sub.ep-usd-price {
1097 margin-bottom: 15px;
1098 display: block;
1099 }
1100 .ose-embedpress-responsive>iframe {
1101 height: auto!important;
1102 }
1103 .ose-google-drive iframe{
1104 height: 250px !important;
1105
1106 }
1107 }
1108
1109 .emebedpress-unit-percent iframe{
1110 width: 100%!important;
1111 }
1112
1113
1114 /* Locked content form */
1115
1116 .password-form-container {
1117 width: 350px;
1118 text-align: center;
1119 padding: 30px;
1120 border-radius: 10px;
1121 box-shadow: 0px 0px 10px #f4eded;
1122 background-color: #f9f9ff;
1123 max-width: 100%;
1124 margin: auto;
1125 }
1126 .password-form-container h2 {
1127 font-size: 22px;
1128 margin-bottom: 15px;
1129 font-family: system-ui;
1130 }
1131 .password-form-container p {
1132 font-size: 12px;
1133 font-family: sans-serif;
1134 line-height: 1.4em;
1135 margin-bottom: 15px;
1136 }
1137 form.password-form {
1138 margin-bottom: 2px;
1139 }
1140 .password-form-container input[type="password"] {
1141 padding: 10px;
1142 border-radius: 5px;
1143 width: 100%;
1144 margin-bottom: 12px;
1145 font-size: 20px;
1146 color: #6354a5;
1147 outline: none;
1148 border: 1px solid #ddd;
1149 outline: 0;
1150 padding-left: 50px;
1151 font-family: sans-serif;
1152 height: 42px;
1153 }
1154
1155 .password-form-container input[type="password"]::placeholder{
1156 color: #e0d1d1;
1157 font-size: 14px;
1158 }
1159
1160 .password-field{
1161 position: relative;
1162 }
1163 .password-field span {
1164 position: absolute;
1165 top: 0px;
1166 left: 0px;
1167 display: flex;
1168 align-items: center;
1169 justify-content: center;
1170 height: 42px;
1171 width: 40px;
1172 background: #DED7FC;
1173 border-radius: 4px;
1174 }
1175 .password-field svg {
1176 width: 22px;
1177 }
1178 .password-form-container input[type="submit"] {
1179 padding: 12px 20px;
1180 background-color: #6354a5;
1181 color: #fff;
1182 border: none;
1183 border-radius: 5px;
1184 font-size: 14px;
1185 cursor: pointer;
1186 font-family: sans-serif;
1187 transition: background-color 0.3s ease, box-shadow 0.3s ease;
1188 font-weight: initial;
1189 white-space: normal;
1190 word-break: break-all;
1191 min-height: 42px;
1192 }
1193 .password-form-container button:hover {
1194 background-color: #0062cc;
1195 box-shadow: 0px 0px 10px #007bff;
1196 }
1197 .password-form-container .error-message {
1198 color: #ff0000;
1199 margin-top: 20px;
1200 font-size: 12px;
1201 line-height: 1.4em;
1202 }
1203 .password-form-container .error-message.hidden {
1204 display: none;
1205 }
1206 p.need-access-message {
1207 margin-bottom: 2px;
1208 margin-top: 13px;
1209 }
1210 .wp-block-embed__wrapper {
1211 display: inline-block;
1212 width: 100%;
1213 max-width: 100%!important;
1214 }
1215 .wp-block-embed__wrapper.position-right-wraper, .wp-block-embed__wrapper.position-right-wraper {
1216 max-width: calc(100% - 40px) !important;
1217 }
1218
1219 .ep-elementor-content {
1220 position: relative;
1221 display: inline-block;
1222 max-width: 100%;
1223 }
1224 .ep-elementor-content.source-opensea {
1225 display: block;
1226 }
1227 /* social share css */
1228 .wp-block-embedpress-embedpress > div, .ep-gutenberg-content {
1229 position: relative;
1230 clear: both;
1231 }
1232 .gutenberg-pdf-wraper {
1233 position: relative;
1234 width: 100%;
1235 }
1236 .ep-embed-content-wraper {
1237 width: 100%;
1238 }
1239 .ep-content-share-enabled .ep-embed-content-wraper {
1240 display: flex!important;
1241 }
1242 .ep-share-position-right .ep-embed-content-wraper{
1243 flex-direction: row;
1244 }
1245 .ep-share-position-left .ep-embed-content-wraper{
1246 flex-direction: row-reverse;
1247 }
1248
1249 .ep-share-position-bottom .ep-embed-content-wraper{
1250 flex-direction: column;
1251 }
1252
1253 .ep-share-position-top .ep-embed-content-wraper {
1254 flex-direction: column-reverse;
1255 }
1256
1257 .ep-fixed-width .gutenberg-pdf-wraper{
1258 display: inline-block;
1259 }
1260
1261 .ep-percentage-width .embedpress-inner-iframe{
1262 width: 100%;
1263 }
1264
1265 /* social share css */
1266
1267 .ep-social-share {
1268 display: flex;
1269 align-items: center;
1270 }
1271
1272 .ep-social-share.share-position-right {
1273 right: -40px;
1274 top: 0;
1275 flex-direction: column;
1276 }
1277 .ep-social-share.share-position-left {
1278 left: 0px;
1279 top: 0;
1280 flex-direction: column;
1281 }
1282
1283 .embedpress-gutenberg-wrapper .ep-social-share.share-position-left, .ep-elementor-content .ep-social-share.share-position-left{
1284 left: -40px;
1285 }
1286
1287 .ep-social-icon {
1288 display: flex;
1289 justify-content: center;
1290 align-items: center;
1291 width: 40px;
1292 height: 40px;
1293 margin: 0;
1294 color: #fff;
1295 text-decoration: none;
1296 font-size: 20px;
1297 }
1298
1299 .ep-social-icon:hover {
1300 opacity: 0.8;
1301 }
1302
1303 .ep-social-share svg {
1304 width: 20px;
1305 height: auto;
1306 }
1307 a.ep-social-icon.pinterest svg {
1308 height: 25px;
1309 }
1310
1311 .facebook {
1312 background-color: #3b5998;
1313 }
1314 .facebook svg {
1315 width: 40px;
1316 }
1317
1318 .twitter {
1319 background-color: #55acee;
1320 }
1321
1322 .pinterest {
1323 background-color: #bd081c;
1324 }
1325
1326 .linkedin {
1327 background-color: #0077b5;
1328 }
1329
1330 .reddit {
1331 background-color: #ff4500;
1332 }
1333
1334 .ep-social-icon i {
1335 margin-right: 0;
1336 }
1337
1338 .ep-content-locked .watermark{
1339 display: none!important;
1340 }
1341 .ep-content-protection-enabled .watermark {
1342 display: none!important;
1343 }
1344
1345 .embedpress-pro-control.not-active {
1346 pointer-events: none;
1347 }
1348
1349 .emebedpress-unit-percent, .ep-elementor-content.ep-percentage-width {
1350 width: 100%;
1351 }
1352
1353 .embedpress-yt-live-chat-wrap{
1354 margin-right: 0!important;
1355 margin-left: 0!important;;
1356 }
1357 .embedpress-gutenberg-wrapper.aligncenter .embedpress-yt-live-chat-wrap {
1358 margin: 0 auto!important;;
1359 }
1360 .embedpress-gutenberg-wrapper.alignright .embedpress-yt-live-chat-wrap {
1361 margin-left: auto!important;;
1362 }
1363 .embedpress-gutenberg-wrapper.alignleft .embedpress-yt-live-chat-wrap {
1364 margin-right: auto!important;;
1365 }