PluginProbe
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News / 2.2.10
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News v2.2.10
4.0.8 4.0.7 4.0.6 4.0.5 4.0.4 4.0.3 4.0.2 4.0.1 2.3.5 2.3.6 2.4.0 2.4.1 2.4.10 2.4.11 2.4.12 2.4.13 2.4.14 2.4.15 2.4.16 2.4.17 2.4.18 2.4.19 2.4.2 2.4.20 2.4.21 All 88 releases
← All changes | public/assets/css/style.css +422 -484 2.4.212.2.10 View file →
@@ -1,55 +1,47 @@
1 1 /* Extra CSS */
2 2
3 3 .pcp-demo-section {
4 - max-width: 1200px;
5 - margin: 0 auto;
4 + max-width: 1200px;
5 + margin: 0 auto;
6 6 }
7 7
8 8 .pcp-section-padding {
9 - padding: 80px 0;
9 + padding: 80px 0;
10 10 }
11 11
12 12 /* Common CSS */
13 13 .pcp-align-left {
14 - text-align: left;
14 + text-align: left;
15 15 }
16 -
17 16 .pcp-align-center {
18 - text-align: center;
17 + text-align: center;
19 18 }
20 -
21 19 .pcp-align-right {
22 - text-align: right;
20 + text-align: right;
23 21 }
24 -
25 22 .sp-pcp-section {
26 - color: #444;
23 + color: #444;
27 24 }
28 25
29 26 .entry .entry-content .sp-pcp-section a,
30 27 .sp-pcp-section a {
31 - text-decoration: none;
32 - transition: all 0.33s;
28 + text-decoration: none;
29 + transition: all 0.33s;
33 30 }
34 31
35 32 .sp-pcp-section img {
36 - max-width: 100%;
37 - vertical-align: middle;
33 + max-width: 100%;
34 + vertical-align: middle;
38 35 }
39 36
40 37 .sp-pcp-section * {
41 - box-sizing: border-box;
38 + box-sizing: border-box;
42 39 }
43 -
44 40 .sp-pcp-section .swiper-container {
45 - position: initial;
41 + position: initial;
46 42 }
47 43
48 -.sp-pcp-section .swiper-container.sp-pcp-carousel.top_right {
49 - position: relative;
50 -}
51 -
52 44 /* Single post */
53 45
54 46 .sp-pcp-post .sp-pcp-thumb:focus,
55 47 .sp-pcp-post .sp-pcp-thumb img:focus,
@@ -54,30 +46,27 @@
54 46 .sp-pcp-post .sp-pcp-thumb:focus,
55 47 .sp-pcp-post .sp-pcp-thumb img:focus,
56 48 .sp-pcp-post .sp-pcp-thumb:hover,
57 49 .sp-pcp-post .sp-pcp-thumb img:hover {
58 - outline: none;
59 - text-decoration: none;
60 - outline-offset: 0;
61 - color: transparent;
62 - border: none;
50 + outline: none;
51 + text-decoration: none;
52 + outline-offset: 0;
53 + color: transparent;
54 + border: none;
63 55 }
64 -
65 56 .sp-pcp-post {
66 - display: -webkit-flex;
67 - display: flex;
68 - flex-direction: column;
69 - overflow: hidden;
57 + display: -webkit-flex;
58 + display: flex;
59 + flex-direction: column;
60 + overflow: hidden;
70 61 }
71 -
72 62 .sp-pcp-post a {
73 - text-decoration: none;
63 + text-decoration: none;
74 64 }
75 -
76 65 .sp-pcp-post .pcp-post-thumb-wrapper {
77 - overflow: hidden;
78 - display: block;
79 - margin-bottom: 11px;
66 + overflow: hidden;
67 + display: block;
68 + margin-bottom: 11px;
80 69 }
81 70
82 71 /* .sp-pcp-post .sp-pcp-post:hover .sp-pcp-post-thumb-area img {
83 72 transform: scale(1.2);
@@ -82,633 +71,582 @@
82 71 /* .sp-pcp-post .sp-pcp-post:hover .sp-pcp-post-thumb-area img {
83 72 transform: scale(1.2);
84 73 } */
85 74 .sp-pcp-post .sp-pcp-post-thumb-area {
86 - position: relative;
87 - /* margin-bottom: 15px;
75 + position: relative;
76 + /* margin-bottom: 15px;
88 77 order: 1; */
89 78 }
90 79
91 80 .sp-pcp-post .sp-pcp-post-thumb-area img {
92 - max-width: 100%;
93 - transition: ease all 0.3s;
94 - height: 100%;
81 + max-width: 100%;
82 + transition: ease all 0.3s;
83 + height: 100%;
95 84 }
96 85
97 86 .sp-pcp-post .sp-pcp-title {
98 - margin: 0;
99 - font-size: 15px;
87 + margin: 0;
88 + font-size: 15px;
100 89 }
101 -
102 90 .sp-pcp-post .sp-pcp-title {
103 - margin: 0 0 9px 0;
91 + margin: 0 0 9px 0;
104 92 }
105 -
106 93 .sp-pcp-post .sp-pcp-title a,
107 94 .sp-pcp-post .sp-pcp-title {
108 - text-transform: none;
109 - font-size: 20px;
110 - line-height: 24px;
111 - color: #111;
112 - font-weight: 400;
113 - text-decoration: none;
95 + text-transform: none;
96 + font-size: 20px;
97 + line-height: 24px;
98 + color: #111;
99 + font-weight: 400;
114 100 }
115 -
116 101 .sp-pcp-post .sp-pcp-post-meta {
117 - margin: 0px 0px 9px 0px;
118 - text-align: left;
102 + margin: 0px 0px 9px 0px;
103 + text-align: left;
119 104 }
120 -
121 105 .sp-pcp-post .sp-pcp-post-meta ul {
122 - list-style: none;
123 - margin: 0;
124 - padding: 0;
125 - line-height: 1;
106 + list-style: none;
107 + margin: 0;
108 + padding: 0;
109 + line-height: 1;
126 110 }
127 111
128 112 .sp-pcp-post .sp-pcp-post-meta ul li {
129 - display: inline-block;
130 - margin: 0 5px 5px 0;
113 + display: inline-block;
114 + margin: 0 5px 5px 0;
131 115 }
132 116
133 117 .sp-pcp-post .sp-pcp-post-meta ul li .fa,
134 118 .sp-pcp-post .sp_pcp_cf_list .fa {
135 - margin-right: 3px;
119 + margin-right: 3px;
136 120 }
137 121
138 122 .sp-pcp-post .sp-pcp-post-meta ul li a {
139 - display: inline-block;
140 - text-decoration: none;
141 - box-shadow: none;
123 + display: inline-block;
124 + text-decoration: none;
125 + box-shadow: none;
142 126 }
143 -
144 127 .sp-pcp-post .sp-pcp-post-meta li,
145 128 .sp-pcp-post .sp-pcp-post-meta ul,
146 129 .sp-pcp-post .sp-pcp-post-meta li a {
147 - text-transform: none;
148 - font-size: 14px;
149 - line-height: 16px;
150 - letter-spacing: 0px;
151 - color: #888;
130 + text-transform: none;
131 + font-size: 14px;
132 + line-height: 16px;
133 + letter-spacing: 0px;
134 + color: #888;
152 135 }
153 136
154 137 .sp-pcp-post .sp-pcp-post-content {
155 - text-transform: none;
156 - font-size: 16px;
157 - line-height: 20px;
158 - letter-spacing: 0px;
159 - margin: 0px 0px 17px 0px;
160 - color: #444;
138 + text-transform: none;
139 + font-size: 16px;
140 + line-height: 20px;
141 + letter-spacing: 0px;
142 + margin: 0px 0px 17px 0px;
143 + color: #444;
161 144 }
162 145
163 146 .sp-pcp-post .sp-pcp-post-content p:first-of-type {
164 - margin-top: 0;
147 + margin-top: 0;
165 148 }
166 149
167 150 .sp-pcp-post .sp-pcp-post-content p:last-of-type {
168 - margin-bottom: 0;
151 + margin-bottom: 0;
169 152 }
170 153
171 154 .sp-pcp-post .sp-pcp-post-content .sp-pcp-readmore {
172 - margin-top: 15px;
155 + margin-top: 15px;
173 156 }
174 157
175 158 .sp-pcp-post .sp-pcp-post-content .sp-pcp-readmore a {
176 - display: inline-block;
177 - border: 1px solid #888;
178 - padding: 7px 12px;
179 - box-shadow: 0 0 0;
180 - text-transform: uppercase;
181 - font-size: 12px;
182 - line-height: 18px;
183 - letter-spacing: 0px;
184 - background: transparent;
185 - color: #111;
186 - border-color: #888;
187 - border-radius: 0;
159 + display: inline-block;
160 + border: 1px solid #888;
161 + padding: 7px 12px;
162 + box-shadow: 0 0 0;
163 + text-transform: uppercase;
164 + font-size: 12px;
165 + line-height: 18px;
166 + letter-spacing: 0px;
167 + background: transparent;
168 + color: #111;
169 + border-color: #888;
170 + border-radius: 0;
188 171 }
189 172
190 173 /* Carousel */
191 174 .pcp-carousel-wrapper .sp-pcp-carousel {
192 - padding-bottom: 60px;
193 - padding-top: 60px;
175 + padding-bottom: 60px;
176 + padding-top: 60px;
194 177 }
195 178
196 179 .pcp-carousel-wrapper .bottom_center.sp-pcp-carousel {
197 - padding-bottom: 72px;
180 + padding-bottom: 72px;
198 181 }
199 -
200 182 .pcp-carousel-wrapper {
201 - position: relative;
183 + position: relative;
202 184 }
203 185
204 186 .pcp-carousel-wrapper .pcp-button-prev,
205 187 .pcp-carousel-wrapper .pcp-button-next {
206 - background-image: none;
207 - background-size: auto;
208 - font-size: 25px;
209 - height: 33px;
210 - width: 33px;
211 - margin-top: 16px;
212 - /* border: 2px solid #444; */
213 - text-align: center;
214 - /* color: #444; */
215 - line-height: 31px;
216 - -webkit-transition: 0.3s;
188 + background-image: none;
189 + background-size: auto;
190 + font-size: 25px;
191 + height: 33px;
192 + width: 33px;
193 + margin-top: 16px;
194 + /* border: 2px solid #444; */
195 + text-align: center;
196 + /* color: #444; */
197 + line-height: 31px;
198 + -webkit-transition: 0.3s;
217 199 }
218 200
219 201 .pcp-carousel-wrapper .pcp-button-prev.top_right,
220 202 .pcp-carousel-wrapper .pcp-button-next.top_right {
221 - top: 0;
222 - right: 0;
203 + top: 0;
204 + right: 0;
223 205 }
224 206
225 207 .pcp-carousel-wrapper .pcp-button-prev.top_right {
226 - right: 42px;
227 - left: auto;
208 + right: 42px;
209 + left: auto;
228 210 }
229 211
230 212 .pcp-carousel-wrapper .pcp-button-prev.top_center,
231 213 .pcp-carousel-wrapper .pcp-button-next.top_center {
232 - top: 0;
233 - left: calc(50% + 5px);
234 - text-align: center;
214 + top: 0;
215 + left: calc(50% + 5px);
216 + text-align: center;
235 217 }
236 218
237 219 .pcp-carousel-wrapper .pcp-button-prev.top_center {
238 - right: auto;
239 - left: calc(50% - 40px);
220 + right: auto;
221 + left: calc(50% - 40px);
240 222 }
241 223
242 224 .pcp-carousel-wrapper .pcp-button-prev.top_left,
243 225 .pcp-carousel-wrapper .pcp-button-next.top_left {
244 - top: 0;
245 - left: 0;
246 - text-align: center;
226 + top: 0;
227 + left: 0;
228 + text-align: center;
247 229 }
248 230
249 231 .pcp-carousel-wrapper .pcp-button-next.top_left {
250 - right: auto;
251 - left: 40px;
232 + right: auto;
233 + left: 40px;
252 234 }
253 235
254 236 .pcp-carousel-wrapper .swiper-button-prev::after,
255 237 .pcp-carousel-wrapper .swiper-button-next::after {
256 - display: none;
238 + display: none;
257 239 }
258 -
259 240 .swiper-lazy-preloader-black {
260 - --swiper-preloader-color: #888;
241 + --swiper-preloader-color: #888;
261 242 }
262 -
263 243 .pcp-carousel-wrapper.center .swiper-slide .sp-pcp-post {
264 - transform: scale(0.9);
265 - opacity: 0.8;
266 - transition: 0.22s all;
244 + transform: scale(0.9);
245 + opacity: 0.8;
246 + transition: 0.22s all;
267 247 }
268 -
269 248 .pcp-carousel-wrapper.center .swiper-slide.swiper-slide-active .sp-pcp-post {
270 - transform: scale(1.1);
271 - opacity: 1;
249 + transform: scale(1.1);
250 + opacity: 1;
272 251 }
273 252
274 253 /* Bottom Position */
275 254 .pcp-carousel-wrapper .pcp-button-prev.bottom_right,
276 255 .pcp-carousel-wrapper .pcp-button-next.bottom_right {
277 - bottom: 0;
278 - right: 0;
279 - top: auto;
256 + bottom: 0;
257 + right: 0;
258 + top: auto;
280 259 }
281 260
282 261 .pcp-carousel-wrapper .pcp-button-prev.bottom_right {
283 - right: 44px;
284 - left: auto;
262 + right: 44px;
263 + left: auto;
285 264 }
286 265
287 266 .pcp-carousel-wrapper .pcp-button-prev.bottom_center,
288 267 .pcp-carousel-wrapper .pcp-button-next.bottom_center {
289 - top: auto;
290 - bottom: 33px;
291 - left: calc(50% + 5px);
292 - text-align: center;
268 + top: auto;
269 + bottom: 33px;
270 + left: calc(50% + 5px);
271 + text-align: center;
293 272 }
294 273
295 274 .pcp-carousel-wrapper .pcp-button-prev.bottom_center {
296 - right: auto;
297 - left: calc(50% - 40px);
275 + right: auto;
276 + left: calc(50% - 40px);
298 277 }
299 278
300 279 .pcp-carousel-wrapper .pcp-button-prev.bottom_left,
301 280 .pcp-carousel-wrapper .pcp-button-next.bottom_left {
302 - top: auto;
303 - bottom: 0;
304 - left: 0;
281 + top: auto;
282 + bottom: 0;
283 + left: 0;
305 284 }
306 285
307 286 .pcp-carousel-wrapper .pcp-button-next.bottom_left {
308 - right: auto;
309 - left: 40px;
287 + right: auto;
288 + left: 40px;
310 289 }
311 290
312 -.sp-pcp-post {
313 - direction: ltr
291 +/* Center outer */
292 +/*
293 +.pcp-carousel-wrapper .pcp-button-next.vertically_center_outer,
294 +.pcp-carousel-wrapper .pcp-button-prev.vertically_center_outer {
295 + top: 50%;
296 + -webkit-transform: translateY(-50%);
297 + transform: translateY(-50%);
298 + left: -35px;
314 299 }
315 300
316 -html[dir="rtl"] .sp-pcp-post {
317 - direction: rtl
301 +.pcp-carousel-wrapper .pcp-button-next.vertically_center_outer,
302 +.pcp-carousel-wrapper .pcp-button-next.vertical_center_inner_hover {
303 + right: -35px;
304 + left: auto;
318 305 }
306 +.pcp-carousel-wrapper .pcp-button-prev.vertical_center_inner_hover {
307 + right: auto;
308 + left: -35px;
309 +}
310 +.pcp-carousel-wrapper:hover .pcp-button-next.vertical_center_inner_hover {
311 + right: 10px;
312 +}
313 +.pcp-carousel-wrapper:hover .pcp-button-prev.vertical_center_inner_hover {
314 + left: 10px;
315 +}
319 316
317 +.pcp-carousel-wrapper .pcp-button-prev.swiper-button-prev .fa,
318 +.pcp-carousel-wrapper .pcp-button-next.swiper-button-next .fa {
319 + line-height: 31px;
320 +}
321 +
322 +.pcp-carousel-wrapper .pcp-button-prev.swiper-button-prev:hover,
323 +.pcp-carousel-wrapper .pcp-button-next.swiper-button-next:hover {
324 + background: #444444;
325 + color: #fff;
326 +}
327 + */
320 328 /* Bullet pagination */
321 329
322 -.pcp-carousel-wrapper .swiper-pagination-bullets.dots .swiper-pagination-bullet {
323 - width: 11px;
324 - height: 11px;
325 - opacity: 1;
326 - margin: 0 4px;
330 +.pcp-carousel-wrapper
331 + .swiper-pagination-bullets.dots
332 + .swiper-pagination-bullet {
333 + width: 11px;
334 + height: 11px;
335 + opacity: 1;
327 336 }
328 -
329 -.pcp-carousel-wrapper .swiper-pagination-bullets.number .swiper-pagination-bullet {
330 - margin: 0 4px;
331 - background: #444;
332 - padding: 5px 10px;
333 - border-radius: 0;
334 - opacity: 1;
335 - height: auto;
336 - color: #fff;
337 - width: auto;
338 - margin: 3px 3px;
339 - display: inline-block;
340 - font-size: 14px;
337 +.pcp-carousel-wrapper
338 + .swiper-pagination-bullets.number
339 + .swiper-pagination-bullet {
340 + margin: 0 4px;
341 + background: #444;
342 + padding: 5px 10px;
343 + border-radius: 0;
344 + opacity: 1;
345 + height: auto;
346 + color: #fff;
347 + width: auto;
348 + margin: 3px 3px;
349 + display: inline-block;
350 + font-size: 14px;
341 351 }
342 352
343 353 /* Grid CSS */
344 354
345 355 .sp-pcp-container {
346 - width: 100%;
347 - margin-right: auto;
348 - margin-left: auto;
349 - position: relative;
350 - overflow: hidden;
356 + width: 100%;
357 + margin-right: auto;
358 + margin-left: auto;
359 + position: relative;
351 360 }
352 361
353 -.sp-pcp-row.no-gutters>[class*="sp-pcp-col-"] {
354 - padding-right: 0;
355 - padding-left: 0;
362 +.sp-pcp-row.no-gutters > [class*="sp-pcp-col-"] {
363 + padding-right: 0;
364 + padding-left: 0;
356 365 }
357 366
358 367 .sp-pcp-row {
359 - display: flex;
360 - flex-wrap: wrap;
361 - margin-right: -10px;
362 - margin-left: -10px;
368 + display: flex;
369 + flex-wrap: wrap;
370 + margin-right: -10px;
371 + margin-left: -10px;
363 372 }
364 373
365 374 .sp-pcp-row [class*="sp-pcp-col-"] {
366 - /* position: relative; */
367 - width: 100%;
368 - padding-right: 10px;
369 - padding-left: 10px;
370 - padding-bottom: 20px;
375 + /* position: relative; */
376 + width: 100%;
377 + padding-right: 10px;
378 + padding-left: 10px;
379 + padding-bottom: 20px;
371 380 }
372 381
373 382 @media (min-width: 1200px) {
374 - .sp-pcp-row .sp-pcp-col-xl-1 {
375 - flex: 0 0 100%;
376 - max-width: 100%;
377 - }
378 -
379 - .sp-pcp-row .sp-pcp-col-xl-2 {
380 - flex: 0 0 50%;
381 - max-width: 50%;
382 - }
383 -
384 - .sp-pcp-row .sp-pcp-col-xl-3 {
385 - flex: 0 0 33.22222222%;
386 - max-width: 33.22222222%;
387 - }
388 -
389 - .sp-pcp-row .sp-pcp-col-xl-4 {
390 - flex: 0 0 25%;
391 - max-width: 25%;
392 - }
393 -
394 - .sp-pcp-row .sp-pcp-col-xl-5 {
395 - flex: 0 0 20%;
396 - max-width: 20%;
397 - }
398 -
399 - .sp-pcp-row .sp-pcp-col-xl-6 {
400 - flex: 0 0 16.66666666666667%;
401 - max-width: 16.66666666666667%;
402 - }
403 -
404 - .sp-pcp-row .sp-pcp-col-xl-7 {
405 - flex: 0 0 14.28571428%;
406 - max-width: 14.28571428%;
407 - }
408 -
409 - .sp-pcp-row .sp-pcp-col-xl-8 {
410 - flex: 0 0 12.5%;
411 - max-width: 12.5%;
412 - }
383 + .sp-pcp-row .sp-pcp-col-xl-1 {
384 + flex: 0 0 100%;
385 + max-width: 100%;
386 + }
387 + .sp-pcp-row .sp-pcp-col-xl-2 {
388 + flex: 0 0 50%;
389 + max-width: 50%;
390 + }
391 + .sp-pcp-row .sp-pcp-col-xl-3 {
392 + flex: 0 0 33.22222222%;
393 + max-width: 33.22222222%;
394 + }
395 + .sp-pcp-row .sp-pcp-col-xl-4 {
396 + flex: 0 0 25%;
397 + max-width: 25%;
398 + }
399 + .sp-pcp-row .sp-pcp-col-xl-5 {
400 + flex: 0 0 20%;
401 + max-width: 20%;
402 + }
403 + .sp-pcp-row .sp-pcp-col-xl-6 {
404 + flex: 0 0 16.66666666666667%;
405 + max-width: 16.66666666666667%;
406 + }
407 + .sp-pcp-row .sp-pcp-col-xl-7 {
408 + flex: 0 0 14.28571428%;
409 + max-width: 14.28571428%;
410 + }
411 + .sp-pcp-row .sp-pcp-col-xl-8 {
412 + flex: 0 0 12.5%;
413 + max-width: 12.5%;
414 + }
413 415 }
414 416
415 417 @media (max-width: 1200px) {
416 - .sp-pcp-row .sp-pcp-col-lg-1 {
417 - flex: 0 0 100%;
418 - max-width: 100%;
419 - }
420 -
421 - .sp-pcp-row .sp-pcp-col-lg-2 {
422 - flex: 0 0 50%;
423 - max-width: 50%;
424 - }
425 -
426 - .sp-pcp-row .sp-pcp-col-lg-3 {
427 - flex: 0 0 33.22222222%;
428 - max-width: 33.22222222%;
429 - }
430 -
431 - .sp-pcp-row .sp-pcp-col-lg-4 {
432 - flex: 0 0 25%;
433 - max-width: 25%;
434 - }
435 -
436 - .sp-pcp-row .sp-pcp-col-lg-5 {
437 - flex: 0 0 20%;
438 - max-width: 20%;
439 - }
440 -
441 - .sp-pcp-row .sp-pcp-col-lg-6 {
442 - flex: 0 0 16.66666666666667%;
443 - max-width: 16.66666666666667%;
444 - }
445 -
446 - .sp-pcp-row .sp-pcp-col-lg-7 {
447 - flex: 0 0 14.28571428%;
448 - max-width: 14.28571428%;
449 - }
450 -
451 - .sp-pcp-row .sp-pcp-col-lg-8 {
452 - flex: 0 0 12.5%;
453 - max-width: 12.5%;
454 - }
418 + .sp-pcp-row .sp-pcp-col-lg-1 {
419 + flex: 0 0 100%;
420 + max-width: 100%;
421 + }
422 + .sp-pcp-row .sp-pcp-col-lg-2 {
423 + flex: 0 0 50%;
424 + max-width: 50%;
425 + }
426 + .sp-pcp-row .sp-pcp-col-lg-3 {
427 + flex: 0 0 33.22222222%;
428 + max-width: 33.22222222%;
429 + }
430 + .sp-pcp-row .sp-pcp-col-lg-4 {
431 + flex: 0 0 25%;
432 + max-width: 25%;
433 + }
434 + .sp-pcp-row .sp-pcp-col-lg-5 {
435 + flex: 0 0 20%;
436 + max-width: 20%;
437 + }
438 + .sp-pcp-row .sp-pcp-col-lg-6 {
439 + flex: 0 0 16.66666666666667%;
440 + max-width: 16.66666666666667%;
441 + }
442 + .sp-pcp-row .sp-pcp-col-lg-7 {
443 + flex: 0 0 14.28571428%;
444 + max-width: 14.28571428%;
445 + }
446 + .sp-pcp-row .sp-pcp-col-lg-8 {
447 + flex: 0 0 12.5%;
448 + max-width: 12.5%;
449 + }
455 450 }
456 451
457 452 @media (max-width: 992px) {
458 - .sp-pcp-row .sp-pcp-col-md-1 {
459 - flex: 0 0 100%;
460 - max-width: 100%;
461 - }
462 -
463 - .sp-pcp-row .sp-pcp-col-md-2 {
464 - flex: 0 0 50%;
465 - max-width: 50%;
466 - }
467 -
468 - .sp-pcp-row .sp-pcp-col-md-2-5 {
469 - flex: 0 0 75%;
470 - max-width: 75%;
471 - }
472 -
473 - .sp-pcp-row .sp-pcp-col-md-3 {
474 - flex: 0 0 33.333%;
475 - max-width: 33.333%;
476 - }
477 -
478 - .sp-pcp-row .sp-pcp-col-md-4 {
479 - flex: 0 0 25%;
480 - max-width: 25%;
481 - }
482 -
483 - .sp-pcp-row .sp-pcp-col-md-5 {
484 - flex: 0 0 20%;
485 - max-width: 20%;
486 - }
487 -
488 - .sp-pcp-row .sp-pcp-col-md-6 {
489 - flex: 0 0 16.66666666666667%;
490 - max-width: 16.66666666666667%;
491 - }
492 -
493 - .sp-pcp-row .sp-pcp-col-md-7 {
494 - flex: 0 0 14.28571428%;
495 - max-width: 14.28571428%;
496 - }
497 -
498 - .sp-pcp-row .sp-pcp-col-md-8 {
499 - flex: 0 0 12.5%;
500 - max-width: 12.5%;
501 - }
453 + .sp-pcp-row .sp-pcp-col-md-1 {
454 + flex: 0 0 100%;
455 + max-width: 100%;
456 + }
457 + .sp-pcp-row .sp-pcp-col-md-2 {
458 + flex: 0 0 50%;
459 + max-width: 50%;
460 + }
461 + .sp-pcp-row .sp-pcp-col-md-2-5 {
462 + flex: 0 0 75%;
463 + max-width: 75%;
464 + }
465 + .sp-pcp-row .sp-pcp-col-md-3 {
466 + flex: 0 0 33.333%;
467 + max-width: 33.333%;
468 + }
469 + .sp-pcp-row .sp-pcp-col-md-4 {
470 + flex: 0 0 25%;
471 + max-width: 25%;
472 + }
473 + .sp-pcp-row .sp-pcp-col-md-5 {
474 + flex: 0 0 20%;
475 + max-width: 20%;
476 + }
477 + .sp-pcp-row .sp-pcp-col-md-6 {
478 + flex: 0 0 16.66666666666667%;
479 + max-width: 16.66666666666667%;
480 + }
481 + .sp-pcp-row .sp-pcp-col-md-7 {
482 + flex: 0 0 14.28571428%;
483 + max-width: 14.28571428%;
484 + }
485 + .sp-pcp-row .sp-pcp-col-md-8 {
486 + flex: 0 0 12.5%;
487 + max-width: 12.5%;
488 + }
502 489 }
503 490
504 491 @media (max-width: 768px) {
505 - .sp-pcp-row .sp-pcp-col-sm-1 {
506 - flex: 0 0 100%;
507 - max-width: 100%;
508 - }
509 -
510 - .sp-pcp-row .sp-pcp-col-sm-2 {
511 - flex: 0 0 50%;
512 - max-width: 50%;
513 - }
514 -
515 - .sp-pcp-row .sp-pcp-col-sm-2-5 {
516 - flex: 0 0 75%;
517 - max-width: 75%;
518 - }
519 -
520 - .sp-pcp-row .sp-pcp-col-sm-3 {
521 - flex: 0 0 33.333%;
522 - max-width: 33.333%;
523 - }
524 -
525 - .sp-pcp-row .sp-pcp-col-sm-4 {
526 - flex: 0 0 25%;
527 - max-width: 25%;
528 - }
529 -
530 - .sp-pcp-row .sp-pcp-col-sm-5 {
531 - flex: 0 0 20%;
532 - max-width: 20%;
533 - }
534 -
535 - .sp-pcp-row .sp-pcp-col-sm-6 {
536 - flex: 0 0 16.66666666666667%;
537 - max-width: 16.66666666666667%;
538 - }
539 -
540 - .sp-pcp-row .sp-pcp-col-sm-7 {
541 - flex: 0 0 14.28571428%;
542 - max-width: 14.28571428%;
543 - }
544 -
545 - .sp-pcp-row .sp-pcp-col-sm-8 {
546 - flex: 0 0 12.5%;
547 - max-width: 12.5%;
548 - }
492 + .sp-pcp-row .sp-pcp-col-sm-1 {
493 + flex: 0 0 100%;
494 + max-width: 100%;
495 + }
496 + .sp-pcp-row .sp-pcp-col-sm-2 {
497 + flex: 0 0 50%;
498 + max-width: 50%;
499 + }
500 + .sp-pcp-row .sp-pcp-col-sm-2-5 {
501 + flex: 0 0 75%;
502 + max-width: 75%;
503 + }
504 + .sp-pcp-row .sp-pcp-col-sm-3 {
505 + flex: 0 0 33.333%;
506 + max-width: 33.333%;
507 + }
508 + .sp-pcp-row .sp-pcp-col-sm-4 {
509 + flex: 0 0 25%;
510 + max-width: 25%;
511 + }
512 + .sp-pcp-row .sp-pcp-col-sm-5 {
513 + flex: 0 0 20%;
514 + max-width: 20%;
515 + }
516 + .sp-pcp-row .sp-pcp-col-sm-6 {
517 + flex: 0 0 16.66666666666667%;
518 + max-width: 16.66666666666667%;
519 + }
520 + .sp-pcp-row .sp-pcp-col-sm-7 {
521 + flex: 0 0 14.28571428%;
522 + max-width: 14.28571428%;
523 + }
524 + .sp-pcp-row .sp-pcp-col-sm-8 {
525 + flex: 0 0 12.5%;
526 + max-width: 12.5%;
527 + }
549 528 }
550 -
551 529 .pcp-post-pagination.pcp-on-mobile {
552 - display: none;
530 + display: none;
553 531 }
554 -
555 532 @media (max-width: 420px) {
556 - .sp-pcp-row .sp-pcp-col-xs-1 {
557 - flex: 0 0 100%;
558 - max-width: 100%;
559 - }
560 -
561 - .sp-pcp-row .sp-pcp-col-xs-2 {
562 - flex: 0 0 50%;
563 - max-width: 50%;
564 - }
565 -
566 - .sp-pcp-row .sp-pcp-col-xs-3 {
567 - flex: 0 0 33.22222222%;
568 - max-width: 33.22222222%;
569 - }
570 -
571 - .sp-pcp-row .sp-pcp-col-xs-4 {
572 - flex: 0 0 25%;
573 - max-width: 25%;
574 - }
575 -
576 - .sp-pcp-row .sp-pcp-col-xs-5 {
577 - flex: 0 0 20%;
578 - max-width: 20%;
579 - }
580 -
581 - .sp-pcp-row .sp-pcp-col-xs-6 {
582 - flex: 0 0 16.66666666666667%;
583 - max-width: 16.66666666666667%;
584 - }
585 -
586 - .sp-pcp-row .sp-pcp-col-xs-7 {
587 - flex: 0 0 14.28571428%;
588 - max-width: 14.28571428%;
589 - }
590 -
591 - .sp-pcp-row .sp-pcp-col-xs-8 {
592 - flex: 0 0 12.5%;
593 - max-width: 12.5%;
594 - }
595 -
596 - .pcp-post-pagination.pcp-on-mobile:not(.pcp-hide) {
597 - display: block;
598 - }
599 -
600 - .pcp-post-pagination:not(.pcp-on-mobile) {
601 - display: none;
602 - }
533 + .sp-pcp-row .sp-pcp-col-xs-1 {
534 + flex: 0 0 100%;
535 + max-width: 100%;
536 + }
537 + .sp-pcp-row .sp-pcp-col-xs-2 {
538 + flex: 0 0 50%;
539 + max-width: 50%;
540 + }
541 + .sp-pcp-row .sp-pcp-col-xs-3 {
542 + flex: 0 0 33.22222222%;
543 + max-width: 33.22222222%;
544 + }
545 + .sp-pcp-row .sp-pcp-col-xs-4 {
546 + flex: 0 0 25%;
547 + max-width: 25%;
548 + }
549 + .sp-pcp-row .sp-pcp-col-xs-5 {
550 + flex: 0 0 20%;
551 + max-width: 20%;
552 + }
553 + .sp-pcp-row .sp-pcp-col-xs-6 {
554 + flex: 0 0 16.66666666666667%;
555 + max-width: 16.66666666666667%;
556 + }
557 + .sp-pcp-row .sp-pcp-col-xs-7 {
558 + flex: 0 0 14.28571428%;
559 + max-width: 14.28571428%;
560 + }
561 + .sp-pcp-row .sp-pcp-col-xs-8 {
562 + flex: 0 0 12.5%;
563 + max-width: 12.5%;
564 + }
565 + .pcp-post-pagination.pcp-on-mobile:not(.pcp-hide) {
566 + display: block;
567 + }
568 + .pcp-post-pagination:not(.pcp-on-mobile) {
569 + display: none;
570 + }
603 571 }
604 572
605 573 /* post pagination */
606 574 .pcp-post-pagination {
607 - margin-top: 20px;
608 - margin-bottom: 30px;
575 + margin-top: 20px;
576 + margin-bottom: 30px;
609 577 }
610 -
611 578 .pcp-post-pagination a,
612 579 .pcp-post-pagination .page-numbers {
613 - background: #fff;
614 - color: #5e5e5e;
615 - border: 2px solid #bbb;
616 - width: 34px;
617 - height: 34px;
618 - line-height: 34px;
619 - font-size: 14px;
620 - text-align: center;
621 - display: inline-block;
622 - font-weight: 700;
623 - margin-right: 4px;
624 - text-decoration: none;
625 - font-weight: 700;
626 - border-radius: 3px;
627 - -webkit-transition: all 0.33s;
628 - transition: all 0.33s;
629 - -webkit-box-sizing: content-box;
630 - box-sizing: content-box;
631 - cursor: pointer;
580 + background: #fff;
581 + color: #5e5e5e;
582 + border: 2px solid #bbb;
583 + width: 34px;
584 + height: 34px;
585 + line-height: 34px;
586 + font-size: 14px;
587 + text-align: center;
588 + display: inline-block;
589 + font-weight: 700;
590 + margin-right: 4px;
591 + text-decoration: none;
592 + font-weight: 700;
593 + border-radius: 3px;
594 + -webkit-transition: all 0.33s;
595 + transition: all 0.33s;
596 + -webkit-box-sizing: content-box;
597 + box-sizing: content-box;
598 + cursor: pointer;
632 599 }
633 -
634 600 .pcp-post-pagination a.pcp_next.active,
635 601 .pcp-post-pagination a.pcp_prev.active {
636 - display: none;
602 + display: none;
637 603 }
638 -
639 604 .pcp-post-pagination .page-numbers.current,
640 605 .pcp-post-pagination a.active {
641 - cursor: auto;
642 - color: #fff;
643 - background: #e1624b;
644 - border-color: #e1624b;
606 + cursor: auto;
607 + color: #fff;
608 + background: #e1624b;
609 + border-color: #e1624b;
645 610 }
646 -
647 611 .pcp-load-more button {
648 - margin-top: 20px;
649 - box-shadow: none;
650 - border: none;
651 - border-radius: 2px;
652 - padding: 10px 18px;
653 - background: #e1624b;
654 - color: #fff;
655 - font-size: 14px;
656 - text-transform: uppercase;
657 - font-weight: 500;
612 + margin-top: 20px;
613 + box-shadow: none;
614 + border: none;
615 + border-radius: 2px;
616 + padding: 10px 18px;
617 + background: #e1624b;
618 + color: #fff;
619 + font-size: 14px;
620 + text-transform: uppercase;
621 + font-weight: 500;
658 622 }
659 -
660 623 .pcp-hide {
661 - display: none;
624 + display: none;
662 625 }
663 -
664 626 .pcp-post-pagination a.pcp-hide,
665 627 .pcp-post-pagination .page-numbers.pcp-hide {
666 - display: none;
628 + display: none;
667 629 }
668 -
669 630 .pcp-infinite-scroll-loader svg {
670 - stroke: #e1624b;
631 + stroke: #e1624b;
671 632 }
672 633
673 -.pcp-carousel-wrapper.standard .sp-pcp-carousel:not(.swiper-initialized,.swiper-container-initialized) .swiper-wrapper {
674 - display: flex;
675 - width: unset;
676 -}
677 634
678 -@media screen and (min-width: 992px) {
679 - .pcp-carousel-wrapper.standard .sp-pcp-carousel:not(.swiper-initialized,.swiper-container-initialized) .swiper-wrapper {
680 - margin-left: -20px;
681 - }
682 - .pcp-carousel-wrapper.standard .sp-pcp-carousel:not(.swiper-initialized,.swiper-container-initialized) .swiper-wrapper>.swiper-slide {
683 - width: 25%;
684 - min-width: 25%;
685 - padding-left: 20px;
686 - }
687 -}
688 -
689 635 /**
690 636 * Ajax Preloader.
691 637 */
692 638 .pcp-ajax-preloader {
693 - text-align: center;
639 + text-align: center;
694 640 }
695 -
696 641 /* Preloader */
697 642 .pcp-preloader {
698 - background-color: #fff;
699 - background-image: url(../img/preloader.svg);
700 - background-repeat: no-repeat;
701 - background-position: center center;
702 - position: absolute;
703 - z-index: 9999;
704 - width: 100%;
705 - height: 100%;
706 - visibility: visible;
643 + background-color: #fff;
644 + background-image: url(../img/preloader.svg);
645 + background-repeat: no-repeat;
646 + background-position: center center;
647 + position: absolute;
648 + z-index: 9999;
649 + width: 100%;
650 + height: 100%;
651 + visibility: visible;
707 652 }
708 -.block-editor-page a.sp_sps_block_edit_button,
709 -a.sp_sps_block_edit_button {
710 - display: inline-block;
711 - text-decoration: underline;
712 - font-size: 16px;
713 - margin: 10px 0;
714 -}