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 -482 2.4.17 → 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,244 +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;
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
314 -}
315 -
316 -html[dir="rtl"] .sp-pcp-post {
317 - direction: rtl
318 -}
319 -
320 291 /* Center outer */
321 -/*
292 +/*
322 293 .pcp-carousel-wrapper .pcp-button-next.vertically_center_outer,
323 294 .pcp-carousel-wrapper .pcp-button-prev.vertically_center_outer {
324 295 top: 50%;
325 296 -webkit-transform: translateY(-50%);
@@ -355,389 +326,327 @@
355 326 }
356 327 */
357 328 /* Bullet pagination */
358 329
359 -.pcp-carousel-wrapper .swiper-pagination-bullets.dots .swiper-pagination-bullet {
360 - width: 11px;
361 - height: 11px;
362 - opacity: 1;
363 - 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;
364 336 }
365 -
366 -.pcp-carousel-wrapper .swiper-pagination-bullets.number .swiper-pagination-bullet {
367 - margin: 0 4px;
368 - background: #444;
369 - padding: 5px 10px;
370 - border-radius: 0;
371 - opacity: 1;
372 - height: auto;
373 - color: #fff;
374 - width: auto;
375 - margin: 3px 3px;
376 - display: inline-block;
377 - 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;
378 351 }
379 352
380 353 /* Grid CSS */
381 354
382 355 .sp-pcp-container {
383 - width: 100%;
384 - margin-right: auto;
385 - margin-left: auto;
386 - position: relative;
356 + width: 100%;
357 + margin-right: auto;
358 + margin-left: auto;
359 + position: relative;
387 360 }
388 361
389 -.sp-pcp-row.no-gutters>[class*="sp-pcp-col-"] {
390 - padding-right: 0;
391 - padding-left: 0;
362 +.sp-pcp-row.no-gutters > [class*="sp-pcp-col-"] {
363 + padding-right: 0;
364 + padding-left: 0;
392 365 }
393 366
394 367 .sp-pcp-row {
395 - display: flex;
396 - flex-wrap: wrap;
397 - margin-right: -10px;
398 - margin-left: -10px;
368 + display: flex;
369 + flex-wrap: wrap;
370 + margin-right: -10px;
371 + margin-left: -10px;
399 372 }
400 373
401 374 .sp-pcp-row [class*="sp-pcp-col-"] {
402 - /* position: relative; */
403 - width: 100%;
404 - padding-right: 10px;
405 - padding-left: 10px;
406 - padding-bottom: 20px;
375 + /* position: relative; */
376 + width: 100%;
377 + padding-right: 10px;
378 + padding-left: 10px;
379 + padding-bottom: 20px;
407 380 }
408 381
409 382 @media (min-width: 1200px) {
410 - .sp-pcp-row .sp-pcp-col-xl-1 {
411 - flex: 0 0 100%;
412 - max-width: 100%;
413 - }
414 -
415 - .sp-pcp-row .sp-pcp-col-xl-2 {
416 - flex: 0 0 50%;
417 - max-width: 50%;
418 - }
419 -
420 - .sp-pcp-row .sp-pcp-col-xl-3 {
421 - flex: 0 0 33.22222222%;
422 - max-width: 33.22222222%;
423 - }
424 -
425 - .sp-pcp-row .sp-pcp-col-xl-4 {
426 - flex: 0 0 25%;
427 - max-width: 25%;
428 - }
429 -
430 - .sp-pcp-row .sp-pcp-col-xl-5 {
431 - flex: 0 0 20%;
432 - max-width: 20%;
433 - }
434 -
435 - .sp-pcp-row .sp-pcp-col-xl-6 {
436 - flex: 0 0 16.66666666666667%;
437 - max-width: 16.66666666666667%;
438 - }
439 -
440 - .sp-pcp-row .sp-pcp-col-xl-7 {
441 - flex: 0 0 14.28571428%;
442 - max-width: 14.28571428%;
443 - }
444 -
445 - .sp-pcp-row .sp-pcp-col-xl-8 {
446 - flex: 0 0 12.5%;
447 - max-width: 12.5%;
448 - }
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 + }
449 415 }
450 416
451 417 @media (max-width: 1200px) {
452 - .sp-pcp-row .sp-pcp-col-lg-1 {
453 - flex: 0 0 100%;
454 - max-width: 100%;
455 - }
456 -
457 - .sp-pcp-row .sp-pcp-col-lg-2 {
458 - flex: 0 0 50%;
459 - max-width: 50%;
460 - }
461 -
462 - .sp-pcp-row .sp-pcp-col-lg-3 {
463 - flex: 0 0 33.22222222%;
464 - max-width: 33.22222222%;
465 - }
466 -
467 - .sp-pcp-row .sp-pcp-col-lg-4 {
468 - flex: 0 0 25%;
469 - max-width: 25%;
470 - }
471 -
472 - .sp-pcp-row .sp-pcp-col-lg-5 {
473 - flex: 0 0 20%;
474 - max-width: 20%;
475 - }
476 -
477 - .sp-pcp-row .sp-pcp-col-lg-6 {
478 - flex: 0 0 16.66666666666667%;
479 - max-width: 16.66666666666667%;
480 - }
481 -
482 - .sp-pcp-row .sp-pcp-col-lg-7 {
483 - flex: 0 0 14.28571428%;
484 - max-width: 14.28571428%;
485 - }
486 -
487 - .sp-pcp-row .sp-pcp-col-lg-8 {
488 - flex: 0 0 12.5%;
489 - max-width: 12.5%;
490 - }
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 + }
491 450 }
492 451
493 452 @media (max-width: 992px) {
494 - .sp-pcp-row .sp-pcp-col-md-1 {
495 - flex: 0 0 100%;
496 - max-width: 100%;
497 - }
498 -
499 - .sp-pcp-row .sp-pcp-col-md-2 {
500 - flex: 0 0 50%;
501 - max-width: 50%;
502 - }
503 -
504 - .sp-pcp-row .sp-pcp-col-md-2-5 {
505 - flex: 0 0 75%;
506 - max-width: 75%;
507 - }
508 -
509 - .sp-pcp-row .sp-pcp-col-md-3 {
510 - flex: 0 0 33.333%;
511 - max-width: 33.333%;
512 - }
513 -
514 - .sp-pcp-row .sp-pcp-col-md-4 {
515 - flex: 0 0 25%;
516 - max-width: 25%;
517 - }
518 -
519 - .sp-pcp-row .sp-pcp-col-md-5 {
520 - flex: 0 0 20%;
521 - max-width: 20%;
522 - }
523 -
524 - .sp-pcp-row .sp-pcp-col-md-6 {
525 - flex: 0 0 16.66666666666667%;
526 - max-width: 16.66666666666667%;
527 - }
528 -
529 - .sp-pcp-row .sp-pcp-col-md-7 {
530 - flex: 0 0 14.28571428%;
531 - max-width: 14.28571428%;
532 - }
533 -
534 - .sp-pcp-row .sp-pcp-col-md-8 {
535 - flex: 0 0 12.5%;
536 - max-width: 12.5%;
537 - }
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 + }
538 489 }
539 490
540 491 @media (max-width: 768px) {
541 - .sp-pcp-row .sp-pcp-col-sm-1 {
542 - flex: 0 0 100%;
543 - max-width: 100%;
544 - }
545 -
546 - .sp-pcp-row .sp-pcp-col-sm-2 {
547 - flex: 0 0 50%;
548 - max-width: 50%;
549 - }
550 -
551 - .sp-pcp-row .sp-pcp-col-sm-2-5 {
552 - flex: 0 0 75%;
553 - max-width: 75%;
554 - }
555 -
556 - .sp-pcp-row .sp-pcp-col-sm-3 {
557 - flex: 0 0 33.333%;
558 - max-width: 33.333%;
559 - }
560 -
561 - .sp-pcp-row .sp-pcp-col-sm-4 {
562 - flex: 0 0 25%;
563 - max-width: 25%;
564 - }
565 -
566 - .sp-pcp-row .sp-pcp-col-sm-5 {
567 - flex: 0 0 20%;
568 - max-width: 20%;
569 - }
570 -
571 - .sp-pcp-row .sp-pcp-col-sm-6 {
572 - flex: 0 0 16.66666666666667%;
573 - max-width: 16.66666666666667%;
574 - }
575 -
576 - .sp-pcp-row .sp-pcp-col-sm-7 {
577 - flex: 0 0 14.28571428%;
578 - max-width: 14.28571428%;
579 - }
580 -
581 - .sp-pcp-row .sp-pcp-col-sm-8 {
582 - flex: 0 0 12.5%;
583 - max-width: 12.5%;
584 - }
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 + }
585 528 }
586 -
587 529 .pcp-post-pagination.pcp-on-mobile {
588 - display: none;
530 + display: none;
589 531 }
590 -
591 532 @media (max-width: 420px) {
592 - .sp-pcp-row .sp-pcp-col-xs-1 {
593 - flex: 0 0 100%;
594 - max-width: 100%;
595 - }
596 -
597 - .sp-pcp-row .sp-pcp-col-xs-2 {
598 - flex: 0 0 50%;
599 - max-width: 50%;
600 - }
601 -
602 - .sp-pcp-row .sp-pcp-col-xs-3 {
603 - flex: 0 0 33.22222222%;
604 - max-width: 33.22222222%;
605 - }
606 -
607 - .sp-pcp-row .sp-pcp-col-xs-4 {
608 - flex: 0 0 25%;
609 - max-width: 25%;
610 - }
611 -
612 - .sp-pcp-row .sp-pcp-col-xs-5 {
613 - flex: 0 0 20%;
614 - max-width: 20%;
615 - }
616 -
617 - .sp-pcp-row .sp-pcp-col-xs-6 {
618 - flex: 0 0 16.66666666666667%;
619 - max-width: 16.66666666666667%;
620 - }
621 -
622 - .sp-pcp-row .sp-pcp-col-xs-7 {
623 - flex: 0 0 14.28571428%;
624 - max-width: 14.28571428%;
625 - }
626 -
627 - .sp-pcp-row .sp-pcp-col-xs-8 {
628 - flex: 0 0 12.5%;
629 - max-width: 12.5%;
630 - }
631 -
632 - .pcp-post-pagination.pcp-on-mobile:not(.pcp-hide) {
633 - display: block;
634 - }
635 -
636 - .pcp-post-pagination:not(.pcp-on-mobile) {
637 - display: none;
638 - }
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 + }
639 571 }
640 572
641 573 /* post pagination */
642 574 .pcp-post-pagination {
643 - margin-top: 20px;
644 - margin-bottom: 30px;
575 + margin-top: 20px;
576 + margin-bottom: 30px;
645 577 }
646 -
647 578 .pcp-post-pagination a,
648 579 .pcp-post-pagination .page-numbers {
649 - background: #fff;
650 - color: #5e5e5e;
651 - border: 2px solid #bbb;
652 - width: 34px;
653 - height: 34px;
654 - line-height: 34px;
655 - font-size: 14px;
656 - text-align: center;
657 - display: inline-block;
658 - font-weight: 700;
659 - margin-right: 4px;
660 - text-decoration: none;
661 - font-weight: 700;
662 - border-radius: 3px;
663 - -webkit-transition: all 0.33s;
664 - transition: all 0.33s;
665 - -webkit-box-sizing: content-box;
666 - box-sizing: content-box;
667 - 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;
668 599 }
669 -
670 600 .pcp-post-pagination a.pcp_next.active,
671 601 .pcp-post-pagination a.pcp_prev.active {
672 - display: none;
602 + display: none;
673 603 }
674 -
675 604 .pcp-post-pagination .page-numbers.current,
676 605 .pcp-post-pagination a.active {
677 - cursor: auto;
678 - color: #fff;
679 - background: #e1624b;
680 - border-color: #e1624b;
606 + cursor: auto;
607 + color: #fff;
608 + background: #e1624b;
609 + border-color: #e1624b;
681 610 }
682 -
683 611 .pcp-load-more button {
684 - margin-top: 20px;
685 - box-shadow: none;
686 - border: none;
687 - border-radius: 2px;
688 - padding: 10px 18px;
689 - background: #e1624b;
690 - color: #fff;
691 - font-size: 14px;
692 - text-transform: uppercase;
693 - 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;
694 622 }
695 -
696 623 .pcp-hide {
697 - display: none;
624 + display: none;
698 625 }
699 -
700 626 .pcp-post-pagination a.pcp-hide,
701 627 .pcp-post-pagination .page-numbers.pcp-hide {
702 - display: none;
628 + display: none;
703 629 }
704 -
705 630 .pcp-infinite-scroll-loader svg {
706 - stroke: #e1624b;
631 + stroke: #e1624b;
707 632 }
708 633
709 -.pcp-carousel-wrapper.standard .sp-pcp-carousel:not(.swiper-container-initialized) .swiper-wrapper {
710 - display: flex;
711 - width: unset;
712 -}
713 634
714 -@media screen and (min-width: 992px) {
715 - .pcp-carousel-wrapper.standard .sp-pcp-carousel:not(.swiper-container-initialized) .swiper-wrapper {
716 - margin-left: -20px;
717 - }
718 - .pcp-carousel-wrapper.standard .sp-pcp-carousel:not(.swiper-container-initialized) .swiper-wrapper>.swiper-slide {
719 - width: 25%;
720 - min-width: 25%;
721 - padding-left: 20px;
722 - }
723 -}
724 -
725 635 /**
726 636 * Ajax Preloader.
727 637 */
728 638 .pcp-ajax-preloader {
729 - text-align: center;
639 + text-align: center;
730 640 }
731 -
732 641 /* Preloader */
733 642 .pcp-preloader {
734 - background-color: #fff;
735 - background-image: url(../img/preloader.svg);
736 - background-repeat: no-repeat;
737 - background-position: center center;
738 - position: absolute;
739 - z-index: 9999;
740 - width: 100%;
741 - height: 100%;
742 - visibility: visible;
743 -}
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 +}