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