| @@ -1,4 +1,5 @@ | ||
| 1 | +@charset "UTF-8"; | |
| 1 | 2 | .upk-slider .swiper-pagination, |
| 2 | 3 | .upk-dots-container .swiper-pagination, |
| 3 | 4 | .upk-arrows-dots-container .swiper-pagination { |
| 4 | 5 | position: relative; |
| @@ -151,10 +152,19 @@ | ||
| 151 | 152 | position: absolute; |
| 152 | 153 | width: 100% !important; |
| 153 | 154 | } |
| 154 | 155 | |
| 155 | -.upk-navigation-type-progress .swiper-pagination-progress { | |
| 156 | - transform: translateY(15px); | |
| 156 | +[class*=upk-progress-align-top] .swiper-pagination-progressbar { | |
| 157 | + top: 0; | |
| 158 | + bottom: auto; | |
| 159 | +} | |
| 160 | + | |
| 161 | +[class*=upk-progress-align-bottom] .swiper-pagination-progressbar { | |
| 162 | + bottom: 0; | |
| 163 | + top: auto; | |
| 164 | +} | |
| 165 | + | |
| 166 | +.upk-navigation-type-progressbar .swiper-pagination-progressbar { | |
| 157 | 167 | height: 5px; |
| 158 | 168 | width: 100%; |
| 159 | 169 | } |
| 160 | 170 | |
| @@ -349,8 +359,9 @@ | ||
| 349 | 359 | } |
| 350 | 360 | |
| 351 | 361 | [class*=elementor-widget-upk-] { |
| 352 | 362 | /* Swiper */ |
| 363 | + /* Elementor forces sibling progressbars to top: 0 — reset per UPK position. */ | |
| 353 | 364 | } |
| 354 | 365 | [class*=elementor-widget-upk-] .swiper .elementor-lightbox-content-source { |
| 355 | 366 | display: none; |
| 356 | 367 | } |
| @@ -362,8 +373,16 @@ | ||
| 362 | 373 | [class*=elementor-widget-upk-] .swiper-pagination-progressbar { |
| 363 | 374 | background: rgba(0, 0, 0, 0.25); |
| 364 | 375 | position: absolute; |
| 365 | 376 | } |
| 377 | +[class*=elementor-widget-upk-] .swiper-pagination-progressbar.upk-position-top { | |
| 378 | + top: 0; | |
| 379 | + bottom: auto; | |
| 380 | +} | |
| 381 | +[class*=elementor-widget-upk-] .swiper-pagination-progressbar.upk-position-bottom { | |
| 382 | + bottom: 0; | |
| 383 | + top: auto; | |
| 384 | +} | |
| 366 | 385 | [class*=elementor-widget-upk-] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { |
| 367 | 386 | background: #007aff; |
| 368 | 387 | position: absolute; |
| 369 | 388 | right: 0; |
| @@ -372,8 +391,14 @@ | ||
| 372 | 391 | height: 100%; |
| 373 | 392 | transform: scale(0); |
| 374 | 393 | transform-origin: right top; |
| 375 | 394 | } |
| 395 | +[class*=elementor-widget-upk-] .upk-position-bottom.swiper-pagination-progressbar { | |
| 396 | + top: auto; | |
| 397 | +} | |
| 398 | +[class*=elementor-widget-upk-] .upk-position-top.swiper-pagination-progressbar { | |
| 399 | + bottom: auto; | |
| 400 | +} | |
| 376 | 401 | |
| 377 | 402 | .upk-alert { |
| 378 | 403 | padding: 20px; |
| 379 | 404 | background: #2b2d42; |
| @@ -465,8 +490,13 @@ | ||
| 465 | 490 | list-style-type: none; |
| 466 | 491 | } |
| 467 | 492 | .ep-pagination .upk-pagination li:hover a, .ep-pagination .upk-pagination li.upk-active a { |
| 468 | 493 | color: #ef233c; |
| 494 | +} | |
| 495 | +.ep-pagination .upk-pagination li:hover a span, | |
| 496 | +.ep-pagination .upk-pagination li:hover a i, .ep-pagination .upk-pagination li.upk-active a span, | |
| 497 | +.ep-pagination .upk-pagination li.upk-active a i { | |
| 498 | + color: inherit; | |
| 469 | 499 | } |
| 470 | 500 | .ep-pagination .upk-pagination li a { |
| 471 | 501 | font-size: 16px; |
| 472 | 502 | font-weight: 600; |
