← All changes | assets/css/conditionals/e-swiper.css +88 -28 4.2.0-dev2 → 3.24.8 View file →

		@@ -3,17 +3,25 @@
3	3	--swiper-navigation-size: 44px;
4	4	--swiper-pagination-bullet-size: 6px;
5	5	--swiper-pagination-bullet-horizontal-gap: 6px;
6	6	}
7		-.elementor-element .swiper .swiper-slide figure, .elementor-lightbox .swiper .swiper-slide figure {
	7	+.elementor-element .swiper .swiper-slide figure,
	8	+.elementor-element .swiper-container .swiper-slide figure, .elementor-lightbox .swiper .swiper-slide figure,
	9	+.elementor-lightbox .swiper-container .swiper-slide figure {
8	10	line-height: 0;
9	11	}
10		-.elementor-element .swiper .elementor-lightbox-content-source, .elementor-lightbox .swiper .elementor-lightbox-content-source {
	12	+.elementor-element .swiper .elementor-lightbox-content-source,
	13	+.elementor-element .swiper-container .elementor-lightbox-content-source, .elementor-lightbox .swiper .elementor-lightbox-content-source,
	14	+.elementor-lightbox .swiper-container .elementor-lightbox-content-source {
11	15	display: none;
12	16	}
13	17	.elementor-element .swiper .elementor-swiper-button,
14		-.elementor-element .swiper ~ .elementor-swiper-button, .elementor-lightbox .swiper .elementor-swiper-button,
15		-.elementor-lightbox .swiper ~ .elementor-swiper-button {
	18	+.elementor-element .swiper ~ .elementor-swiper-button,
	19	+.elementor-element .swiper-container .elementor-swiper-button,
	20	+.elementor-element .swiper-container ~ .elementor-swiper-button, .elementor-lightbox .swiper .elementor-swiper-button,
	21	+.elementor-lightbox .swiper ~ .elementor-swiper-button,
	22	+.elementor-lightbox .swiper-container .elementor-swiper-button,
	23	+.elementor-lightbox .swiper-container ~ .elementor-swiper-button {
16	24	position: absolute;
17	25	display: inline-flex;
18	26	z-index: 1;
19	27	cursor: pointer;
		@@ -22,30 +30,48 @@
22	30	top: 50%;
23	31	transform: translateY(-50%);
24	32	}
25	33	.elementor-element .swiper .elementor-swiper-button svg,
26		-.elementor-element .swiper ~ .elementor-swiper-button svg, .elementor-lightbox .swiper .elementor-swiper-button svg,
27		-.elementor-lightbox .swiper ~ .elementor-swiper-button svg {
	34	+.elementor-element .swiper ~ .elementor-swiper-button svg,
	35	+.elementor-element .swiper-container .elementor-swiper-button svg,
	36	+.elementor-element .swiper-container ~ .elementor-swiper-button svg, .elementor-lightbox .swiper .elementor-swiper-button svg,
	37	+.elementor-lightbox .swiper ~ .elementor-swiper-button svg,
	38	+.elementor-lightbox .swiper-container .elementor-swiper-button svg,
	39	+.elementor-lightbox .swiper-container ~ .elementor-swiper-button svg {
28	40	fill: rgba(238, 238, 238, 0.9);
29	41	height: 1em;
30	42	width: 1em;
31	43	}
32	44	.elementor-element .swiper .elementor-swiper-button-prev,
33		-.elementor-element .swiper ~ .elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-prev,
34		-.elementor-lightbox .swiper ~ .elementor-swiper-button-prev {
	45	+.elementor-element .swiper ~ .elementor-swiper-button-prev,
	46	+.elementor-element .swiper-container .elementor-swiper-button-prev,
	47	+.elementor-element .swiper-container ~ .elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-prev,
	48	+.elementor-lightbox .swiper ~ .elementor-swiper-button-prev,
	49	+.elementor-lightbox .swiper-container .elementor-swiper-button-prev,
	50	+.elementor-lightbox .swiper-container ~ .elementor-swiper-button-prev {
35	51	left: 10px;
36	52	}
37	53	.elementor-element .swiper .elementor-swiper-button-next,
38		-.elementor-element .swiper ~ .elementor-swiper-button-next, .elementor-lightbox .swiper .elementor-swiper-button-next,
39		-.elementor-lightbox .swiper ~ .elementor-swiper-button-next {
	54	+.elementor-element .swiper ~ .elementor-swiper-button-next,
	55	+.elementor-element .swiper-container .elementor-swiper-button-next,
	56	+.elementor-element .swiper-container ~ .elementor-swiper-button-next, .elementor-lightbox .swiper .elementor-swiper-button-next,
	57	+.elementor-lightbox .swiper ~ .elementor-swiper-button-next,
	58	+.elementor-lightbox .swiper-container .elementor-swiper-button-next,
	59	+.elementor-lightbox .swiper-container ~ .elementor-swiper-button-next {
40	60	right: 10px;
41	61	}
42	62	.elementor-element .swiper .elementor-swiper-button.swiper-button-disabled,
43		-.elementor-element .swiper ~ .elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled,
44		-.elementor-lightbox .swiper ~ .elementor-swiper-button.swiper-button-disabled {
	63	+.elementor-element .swiper ~ .elementor-swiper-button.swiper-button-disabled,
	64	+.elementor-element .swiper-container .elementor-swiper-button.swiper-button-disabled,
	65	+.elementor-element .swiper-container ~ .elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled,
	66	+.elementor-lightbox .swiper ~ .elementor-swiper-button.swiper-button-disabled,
	67	+.elementor-lightbox .swiper-container .elementor-swiper-button.swiper-button-disabled,
	68	+.elementor-lightbox .swiper-container ~ .elementor-swiper-button.swiper-button-disabled {
45	69	opacity: 0.3;
46	70	}
47		-.elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image, .elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image {
	71	+.elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image,
	72	+.elementor-element .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image, .elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image,
	73	+.elementor-lightbox .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image {
48	74	width: 100%;
49	75	}
50	76	.elementor-element .swiper .swiper-pagination-fraction,
51	77	.elementor-element .swiper .swiper-pagination-custom,
		@@ -52,42 +78,66 @@
52	78	.elementor-element .swiper .swiper-horizontal > .swiper-pagination-bullets,
53	79	.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
54	80	.elementor-element .swiper ~ .swiper-pagination-fraction,
55	81	.elementor-element .swiper ~ .swiper-pagination-custom,
56		-.elementor-element .swiper ~ .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper .swiper-pagination-fraction,
	82	+.elementor-element .swiper ~ .swiper-pagination-bullets.swiper-pagination-horizontal,
	83	+.elementor-element .swiper-container .swiper-pagination-fraction,
	84	+.elementor-element .swiper-container .swiper-pagination-custom,
	85	+.elementor-element .swiper-container .swiper-horizontal > .swiper-pagination-bullets,
	86	+.elementor-element .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,
	87	+.elementor-element .swiper-container ~ .swiper-pagination-fraction,
	88	+.elementor-element .swiper-container ~ .swiper-pagination-custom,
	89	+.elementor-element .swiper-container ~ .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper .swiper-pagination-fraction,
57	90	.elementor-lightbox .swiper .swiper-pagination-custom,
58	91	.elementor-lightbox .swiper .swiper-horizontal > .swiper-pagination-bullets,
59	92	.elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
60	93	.elementor-lightbox .swiper ~ .swiper-pagination-fraction,
61	94	.elementor-lightbox .swiper ~ .swiper-pagination-custom,
62		-.elementor-lightbox .swiper ~ .swiper-pagination-bullets.swiper-pagination-horizontal {
	95	+.elementor-lightbox .swiper ~ .swiper-pagination-bullets.swiper-pagination-horizontal,
	96	+.elementor-lightbox .swiper-container .swiper-pagination-fraction,
	97	+.elementor-lightbox .swiper-container .swiper-pagination-custom,
	98	+.elementor-lightbox .swiper-container .swiper-horizontal > .swiper-pagination-bullets,
	99	+.elementor-lightbox .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,
	100	+.elementor-lightbox .swiper-container ~ .swiper-pagination-fraction,
	101	+.elementor-lightbox .swiper-container ~ .swiper-pagination-custom,
	102	+.elementor-lightbox .swiper-container ~ .swiper-pagination-bullets.swiper-pagination-horizontal {
63	103	bottom: 5px;
64	104	}
65	105	.elementor-element .swiper.swiper-cube .elementor-swiper-button,
66		-.elementor-element .swiper.swiper-cube ~ .elementor-swiper-button, .elementor-lightbox .swiper.swiper-cube .elementor-swiper-button,
67		-.elementor-lightbox .swiper.swiper-cube ~ .elementor-swiper-button {
	106	+.elementor-element .swiper.swiper-cube ~ .elementor-swiper-button,
	107	+.elementor-element .swiper-container.swiper-cube .elementor-swiper-button,
	108	+.elementor-element .swiper-container.swiper-cube ~ .elementor-swiper-button, .elementor-lightbox .swiper.swiper-cube .elementor-swiper-button,
	109	+.elementor-lightbox .swiper.swiper-cube ~ .elementor-swiper-button,
	110	+.elementor-lightbox .swiper-container.swiper-cube .elementor-swiper-button,
	111	+.elementor-lightbox .swiper-container.swiper-cube ~ .elementor-swiper-button {
68	112	transform: translate3d(0, -50%, 1px);
69	113	}
70		-.elementor-element :where(.swiper-horizontal) ~ .swiper-pagination-bullets, .elementor-lightbox :where(.swiper-horizontal) ~ .swiper-pagination-bullets {
	114	+.elementor-element :where(.swiper-container-horizontal) ~ .swiper-pagination-bullets, .elementor-lightbox :where(.swiper-container-horizontal) ~ .swiper-pagination-bullets {
71	115	bottom: 5px;
72	116	left: 0;
73	117	width: 100%;
74	118	}
75		-.elementor-element :where(.swiper-horizontal) ~ .swiper-pagination-bullets .swiper-pagination-bullet, .elementor-lightbox :where(.swiper-horizontal) ~ .swiper-pagination-bullets .swiper-pagination-bullet {
	119	+.elementor-element :where(.swiper-container-horizontal) ~ .swiper-pagination-bullets .swiper-pagination-bullet, .elementor-lightbox :where(.swiper-container-horizontal) ~ .swiper-pagination-bullets .swiper-pagination-bullet {
76	120	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
77	121	}
78		-.elementor-element :where(.swiper-horizontal) ~ .swiper-pagination-progressbar, .elementor-lightbox :where(.swiper-horizontal) ~ .swiper-pagination-progressbar {
	122	+.elementor-element :where(.swiper-container-horizontal) ~ .swiper-pagination-progressbar, .elementor-lightbox :where(.swiper-container-horizontal) ~ .swiper-pagination-progressbar {
79	123	width: 100%;
80	124	height: 4px;
81	125	left: 0;
82	126	top: 0;
83	127	}
84		-.elementor-element.elementor-pagination-position-outside .swiper, .elementor-lightbox.elementor-pagination-position-outside .swiper {
	128	+.elementor-element.elementor-pagination-position-outside .swiper,
	129	+.elementor-element.elementor-pagination-position-outside .swiper-container, .elementor-lightbox.elementor-pagination-position-outside .swiper,
	130	+.elementor-lightbox.elementor-pagination-position-outside .swiper-container {
85	131	padding-bottom: 30px;
86	132	}
87	133	.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button,
88		-.elementor-element.elementor-pagination-position-outside .swiper ~ .elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button,
89		-.elementor-lightbox.elementor-pagination-position-outside .swiper ~ .elementor-swiper-button {
	134	+.elementor-element.elementor-pagination-position-outside .swiper ~ .elementor-swiper-button,
	135	+.elementor-element.elementor-pagination-position-outside .swiper-container .elementor-swiper-button,
	136	+.elementor-element.elementor-pagination-position-outside .swiper-container ~ .elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button,
	137	+.elementor-lightbox.elementor-pagination-position-outside .swiper ~ .elementor-swiper-button,
	138	+.elementor-lightbox.elementor-pagination-position-outside .swiper-container .elementor-swiper-button,
	139	+.elementor-lightbox.elementor-pagination-position-outside .swiper-container ~ .elementor-swiper-button {
90	140	top: calc(50% - 30px / 2);
91	141	}
92	142	.elementor-element .elementor-swiper, .elementor-lightbox .elementor-swiper {
93	143	position: relative;
		@@ -94,19 +144,29 @@
94	144	}
95	145	.elementor-element .elementor-main-swiper, .elementor-lightbox .elementor-main-swiper {
96	146	position: static;
97	147	}
98		-.elementor-element.elementor-arrows-position-outside .swiper, .elementor-lightbox.elementor-arrows-position-outside .swiper {
	148	+.elementor-element.elementor-arrows-position-outside .swiper,
	149	+.elementor-element.elementor-arrows-position-outside .swiper-container, .elementor-lightbox.elementor-arrows-position-outside .swiper,
	150	+.elementor-lightbox.elementor-arrows-position-outside .swiper-container {
99	151	width: calc(100% - 60px);
100	152	}
101	153	.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
102		-.elementor-element.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
103		-.elementor-lightbox.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-prev {
	154	+.elementor-element.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-prev,
	155	+.elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev,
	156	+.elementor-element.elementor-arrows-position-outside .swiper-container ~ .elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
	157	+.elementor-lightbox.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-prev,
	158	+.elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev,
	159	+.elementor-lightbox.elementor-arrows-position-outside .swiper-container ~ .elementor-swiper-button-prev {
104	160	left: 0;
105	161	}
106	162	.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
107		-.elementor-element.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
108		-.elementor-lightbox.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-next {
	163	+.elementor-element.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-next,
	164	+.elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next,
	165	+.elementor-element.elementor-arrows-position-outside .swiper-container ~ .elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
	166	+.elementor-lightbox.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-next,
	167	+.elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next,
	168	+.elementor-lightbox.elementor-arrows-position-outside .swiper-container ~ .elementor-swiper-button-next {
109	169	right: 0;
110	170	}
111	171
112	172	/*# sourceMappingURL=e-swiper.css.map */