uikit 3.25.27-dev.2d5695a → 3.25.27-dev.9e97c1f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (224) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/build/prefix.js +1 -1
  3. package/build/publishDev.js +1 -1
  4. package/build/scope.js +1 -1
  5. package/build/scss.js +1 -1
  6. package/build/util.js +0 -2
  7. package/dist/css/uikit-core-rtl.css +1327 -1204
  8. package/dist/css/uikit-core-rtl.min.css +1 -1
  9. package/dist/css/uikit-core.css +1327 -1204
  10. package/dist/css/uikit-core.min.css +1 -1
  11. package/dist/css/uikit-rtl.css +1339 -1223
  12. package/dist/css/uikit-rtl.min.css +1 -1
  13. package/dist/css/uikit.css +1339 -1223
  14. package/dist/css/uikit.min.css +1 -1
  15. package/dist/js/components/countdown.js +1 -1
  16. package/dist/js/components/countdown.min.js +1 -1
  17. package/dist/js/components/filter.js +1 -1
  18. package/dist/js/components/filter.min.js +1 -1
  19. package/dist/js/components/lightbox-panel.js +134 -135
  20. package/dist/js/components/lightbox-panel.min.js +1 -1
  21. package/dist/js/components/lightbox.js +135 -136
  22. package/dist/js/components/lightbox.min.js +1 -1
  23. package/dist/js/components/marquee.js +215 -0
  24. package/dist/js/components/marquee.min.js +1 -0
  25. package/dist/js/components/notification.js +8 -6
  26. package/dist/js/components/notification.min.js +1 -1
  27. package/dist/js/components/parallax.js +8 -12
  28. package/dist/js/components/parallax.min.js +1 -1
  29. package/dist/js/components/slider-parallax.js +8 -12
  30. package/dist/js/components/slider-parallax.min.js +1 -1
  31. package/dist/js/components/slider.js +51 -25
  32. package/dist/js/components/slider.min.js +1 -1
  33. package/dist/js/components/slideshow-parallax.js +8 -12
  34. package/dist/js/components/slideshow-parallax.min.js +1 -1
  35. package/dist/js/components/slideshow.js +81 -102
  36. package/dist/js/components/slideshow.min.js +1 -1
  37. package/dist/js/components/sortable.js +1 -1
  38. package/dist/js/components/sortable.min.js +1 -1
  39. package/dist/js/components/tooltip.js +15 -17
  40. package/dist/js/components/tooltip.min.js +1 -1
  41. package/dist/js/components/upload.js +1 -1
  42. package/dist/js/components/upload.min.js +1 -1
  43. package/dist/js/uikit-core.js +874 -323
  44. package/dist/js/uikit-core.min.js +1 -1
  45. package/dist/js/uikit-icons.js +1 -1
  46. package/dist/js/uikit-icons.min.js +1 -1
  47. package/dist/js/uikit.js +737 -395
  48. package/dist/js/uikit.min.js +1 -1
  49. package/package.json +1 -1
  50. package/src/js/api/component.js +2 -3
  51. package/src/js/api/observables.js +16 -4
  52. package/src/js/api/options.js +6 -3
  53. package/src/js/api/props.js +1 -3
  54. package/src/js/api/state.js +7 -8
  55. package/src/js/components/index.js +1 -0
  56. package/src/js/components/internal/lightbox-animations.js +7 -26
  57. package/src/js/components/internal/slider-preload.js +1 -0
  58. package/src/js/components/internal/slideshow-animations.js +15 -62
  59. package/src/js/components/lightbox-panel.js +121 -96
  60. package/src/js/components/lightbox.js +5 -8
  61. package/src/js/components/marquee.js +156 -0
  62. package/src/js/components/notification.js +7 -5
  63. package/src/js/core/accordion.js +62 -31
  64. package/src/js/core/alert.js +1 -1
  65. package/src/js/core/drop.js +4 -3
  66. package/src/js/core/dropnav.js +3 -3
  67. package/src/js/core/grid.js +5 -19
  68. package/src/js/core/margin.js +3 -0
  69. package/src/js/core/overflow-auto.js +5 -1
  70. package/src/js/core/sticky.js +1 -1
  71. package/src/js/core/switcher.js +12 -49
  72. package/src/js/core/video.js +236 -21
  73. package/src/js/mixin/connect.js +90 -0
  74. package/src/js/mixin/internal/slideshow-animations.js +5 -13
  75. package/src/js/mixin/internal/slideshow-transitioner.js +2 -2
  76. package/src/js/mixin/parallax.js +1 -4
  77. package/src/js/mixin/position.js +1 -1
  78. package/src/js/mixin/scroll-driven.js +57 -0
  79. package/src/js/mixin/slider-parallax.js +9 -38
  80. package/src/js/mixin/togglable.js +13 -14
  81. package/src/js/util/attr.js +7 -7
  82. package/src/js/util/dom.js +3 -4
  83. package/src/js/util/lang.js +2 -2
  84. package/src/js/util/player.js +4 -2
  85. package/src/js/util/style.js +12 -13
  86. package/src/js/util/viewport.js +22 -25
  87. package/src/less/components/_import.less +8 -3
  88. package/src/less/components/animation.less +1 -1
  89. package/src/less/components/base.less +1 -1
  90. package/src/less/components/button.less +1 -1
  91. package/src/less/components/card.less +8 -8
  92. package/src/less/components/dropcap.less +71 -0
  93. package/src/less/components/floating-shadow.less +66 -0
  94. package/src/less/components/form.less +15 -15
  95. package/src/less/components/grid.less +58 -65
  96. package/src/less/components/lightbox.less +2 -8
  97. package/src/less/components/logo.less +94 -0
  98. package/src/less/components/margin.less +155 -124
  99. package/src/less/components/marquee.less +133 -0
  100. package/src/less/components/modal.less +1 -4
  101. package/src/less/components/nav.less +1 -1
  102. package/src/less/components/navbar.less +1 -1
  103. package/src/less/components/padding.less +9 -9
  104. package/src/less/components/position.less +9 -4
  105. package/src/less/components/search.less +1 -1
  106. package/src/less/components/slideshow.less +1 -4
  107. package/src/less/components/switcher.less +5 -2
  108. package/src/less/components/table.less +4 -4
  109. package/src/less/components/text.less +10 -4
  110. package/src/less/components/utility.less +0 -163
  111. package/src/less/components/visibility.less +4 -4
  112. package/src/less/theme/_import.less +6 -2
  113. package/src/less/theme/alert.less +0 -5
  114. package/src/less/theme/dropcap.less +29 -0
  115. package/src/less/theme/floating-shadow.less +20 -0
  116. package/src/less/theme/logo.less +29 -0
  117. package/src/less/theme/marquee.less +14 -0
  118. package/src/less/theme/thumbnav.less +1 -4
  119. package/src/less/theme/utility.less +0 -32
  120. package/src/scss/components/_import.scss +8 -3
  121. package/src/scss/components/animation.scss +1 -1
  122. package/src/scss/components/base.scss +1 -1
  123. package/src/scss/components/button.scss +1 -1
  124. package/src/scss/components/card.scss +8 -8
  125. package/src/scss/components/dropcap.scss +63 -0
  126. package/src/scss/components/floating-shadow.scss +63 -0
  127. package/src/scss/components/form.scss +14 -14
  128. package/src/scss/components/grid.scss +57 -64
  129. package/src/scss/components/lightbox.scss +2 -8
  130. package/src/scss/components/logo.scss +75 -0
  131. package/src/scss/components/margin.scss +155 -124
  132. package/src/scss/components/marquee.scss +136 -0
  133. package/src/scss/components/modal.scss +1 -4
  134. package/src/scss/components/nav.scss +1 -1
  135. package/src/scss/components/navbar.scss +1 -1
  136. package/src/scss/components/padding.scss +9 -9
  137. package/src/scss/components/position.scss +9 -4
  138. package/src/scss/components/search.scss +1 -1
  139. package/src/scss/components/slideshow.scss +1 -4
  140. package/src/scss/components/switcher.scss +5 -2
  141. package/src/scss/components/table.scss +4 -4
  142. package/src/scss/components/text.scss +10 -4
  143. package/src/scss/components/utility.scss +0 -129
  144. package/src/scss/components/visibility.scss +4 -4
  145. package/src/scss/mixins-theme.scss +44 -43
  146. package/src/scss/mixins.scss +40 -31
  147. package/src/scss/variables-theme.scss +14 -14
  148. package/src/scss/variables.scss +14 -14
  149. package/tests/accordion.html +77 -10
  150. package/tests/alert.html +1 -1
  151. package/tests/align.html +5 -5
  152. package/tests/animation.html +4 -4
  153. package/tests/article.html +7 -7
  154. package/tests/background.html +2 -2
  155. package/tests/badge.html +1 -1
  156. package/tests/base.html +2 -2
  157. package/tests/button.html +1 -1
  158. package/tests/card.html +15 -15
  159. package/tests/close.html +2 -2
  160. package/tests/comment.html +9 -9
  161. package/tests/container.html +2 -2
  162. package/tests/countdown.html +21 -21
  163. package/tests/cover.html +3 -3
  164. package/tests/description-list.html +1 -1
  165. package/tests/divider.html +3 -3
  166. package/tests/dotnav.html +1 -1
  167. package/tests/drop.html +7 -7
  168. package/tests/dropbar.html +5 -5
  169. package/tests/dropcap.html +26 -0
  170. package/tests/dropdown.html +1 -1
  171. package/tests/dropnav.html +18 -18
  172. package/tests/filter.html +3 -3
  173. package/tests/floating-shadow.html +44 -0
  174. package/tests/form.html +14 -14
  175. package/tests/grid.html +41 -47
  176. package/tests/heading.html +2 -2
  177. package/tests/height-viewport.html +4 -4
  178. package/tests/height.html +5 -5
  179. package/tests/icon.html +8 -8
  180. package/tests/image.html +6 -6
  181. package/tests/index.html +13 -13
  182. package/tests/js/index.js +1 -1
  183. package/tests/leader.html +5 -5
  184. package/tests/lightbox.html +6 -6
  185. package/tests/link.html +1 -1
  186. package/tests/list.html +4 -4
  187. package/tests/logo.html +84 -0
  188. package/tests/margin.html +59 -7
  189. package/tests/marker.html +3 -3
  190. package/tests/marquee.html +617 -0
  191. package/tests/modal.html +3 -3
  192. package/tests/nav.html +5 -5
  193. package/tests/navbar.html +27 -27
  194. package/tests/notification.html +8 -2
  195. package/tests/offcanvas.html +12 -12
  196. package/tests/overlay.html +3 -3
  197. package/tests/padding.html +1 -1
  198. package/tests/pagination.html +3 -3
  199. package/tests/parallax.html +1 -1
  200. package/tests/position.html +6 -6
  201. package/tests/scrollspy.html +13 -13
  202. package/tests/search.html +5 -5
  203. package/tests/section.html +17 -17
  204. package/tests/slidenav.html +3 -3
  205. package/tests/slider.html +5 -5
  206. package/tests/slideshow.html +33 -3
  207. package/tests/sortable.html +15 -15
  208. package/tests/sticky-navbar.html +4 -4
  209. package/tests/sticky-parallax.html +3 -3
  210. package/tests/sticky.html +3 -3
  211. package/tests/svg.html +3 -2
  212. package/tests/switcher.html +7 -7
  213. package/tests/tab.html +5 -5
  214. package/tests/text.html +9 -3
  215. package/tests/tile.html +4 -4
  216. package/tests/toggle.html +1 -1
  217. package/tests/tooltip.html +3 -3
  218. package/tests/totop.html +2 -2
  219. package/tests/transition.html +1 -1
  220. package/tests/upload.html +5 -5
  221. package/tests/utility.html +16 -116
  222. package/tests/video.html +224 -24
  223. package/tests/visibility.html +4 -4
  224. package/tests/width.html +12 -12
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.25.27-dev.2d5695a | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
1
+ /*! UIkit 3.25.27-dev.9e97c1f | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
2
2
  /* ========================================================================
3
3
  Component: Base
4
4
  ========================================================================== */
@@ -370,7 +370,7 @@ blockquote {
370
370
  /*
371
371
  * Content
372
372
  */
373
- blockquote p:last-of-type {
373
+ blockquote :where(p:last-of-type) {
374
374
  margin-bottom: 0;
375
375
  }
376
376
  blockquote footer {
@@ -1021,13 +1021,13 @@ a.uk-link-reset,
1021
1021
  overflow: visible !important;
1022
1022
  white-space: normal !important;
1023
1023
  }
1024
- .uk-table-responsive th:not(:first-child):not(.uk-table-link),
1025
- .uk-table-responsive td:not(:first-child):not(.uk-table-link),
1024
+ .uk-table-responsive th:not(:first-child, .uk-table-link),
1025
+ .uk-table-responsive td:not(:first-child, .uk-table-link),
1026
1026
  .uk-table-responsive .uk-table-link:not(:first-child) > a {
1027
1027
  padding-top: 5px !important;
1028
1028
  }
1029
- .uk-table-responsive th:not(:last-child):not(.uk-table-link),
1030
- .uk-table-responsive td:not(:last-child):not(.uk-table-link),
1029
+ .uk-table-responsive th:not(:last-child, .uk-table-link),
1030
+ .uk-table-responsive td:not(:last-child, .uk-table-link),
1031
1031
  .uk-table-responsive .uk-table-link:not(:last-child) > a {
1032
1032
  padding-bottom: 5px !important;
1033
1033
  }
@@ -1418,7 +1418,7 @@ a:hover .uk-icon-overlay {
1418
1418
  * Single-line
1419
1419
  */
1420
1420
  .uk-input,
1421
- .uk-select:not([multiple]):not([size]) {
1421
+ .uk-select:not([multiple], [size]) {
1422
1422
  height: 40px;
1423
1423
  vertical-align: middle;
1424
1424
  }
@@ -1534,7 +1534,7 @@ select.uk-form-width-xsmall {
1534
1534
  * 2. Style
1535
1535
  * 3. Set `color` for options in the select dropdown, because the inherited `color` might be too light.
1536
1536
  */
1537
- .uk-select:not([multiple]):not([size]) {
1537
+ .uk-select:not([multiple], [size]) {
1538
1538
  /* 1 */
1539
1539
  -webkit-appearance: none;
1540
1540
  -moz-appearance: none;
@@ -1545,13 +1545,13 @@ select.uk-form-width-xsmall {
1545
1545
  background-position: 100% 50%;
1546
1546
  }
1547
1547
  /* 3 */
1548
- .uk-select:not([multiple]):not([size]) option {
1548
+ .uk-select:not([multiple], [size]) option {
1549
1549
  color: #666;
1550
1550
  }
1551
1551
  /*
1552
1552
  * Disabled
1553
1553
  */
1554
- .uk-select:not([multiple]):not([size]):disabled {
1554
+ .uk-select:not([multiple], [size]):disabled {
1555
1555
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
1556
1556
  }
1557
1557
  /* Datalist
@@ -1667,7 +1667,7 @@ select.uk-form-width-xsmall {
1667
1667
  font-size: 0.875rem;
1668
1668
  }
1669
1669
  /* Single-line */
1670
- .uk-form-small:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) {
1670
+ .uk-form-small:is(.uk-input, .uk-search-input, .uk-select:not([multiple], [size])) {
1671
1671
  height: 30px;
1672
1672
  padding-left: 8px;
1673
1673
  padding-right: 8px;
@@ -1677,7 +1677,7 @@ select.uk-form-width-xsmall {
1677
1677
  padding: 5px 8px;
1678
1678
  }
1679
1679
  /* Any element */
1680
- .uk-form-small:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) {
1680
+ .uk-form-small:not(select, input, textarea, [type="radio"], [type="checkbox"]) {
1681
1681
  line-height: 28px;
1682
1682
  }
1683
1683
  /* Radio + Checkbox */
@@ -1692,7 +1692,7 @@ select.uk-form-width-xsmall {
1692
1692
  font-size: 1.25rem;
1693
1693
  }
1694
1694
  /* Single-line */
1695
- .uk-form-large:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) {
1695
+ .uk-form-large:is(.uk-input, .uk-search-input, .uk-select:not([multiple], [size])) {
1696
1696
  height: 55px;
1697
1697
  padding-left: 12px;
1698
1698
  padding-right: 12px;
@@ -1702,7 +1702,7 @@ select.uk-form-width-xsmall {
1702
1702
  padding: 7px 12px;
1703
1703
  }
1704
1704
  /* Any element */
1705
- .uk-form-large:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) {
1705
+ .uk-form-large:not(select, input, textarea, [type="radio"], [type="checkbox"]) {
1706
1706
  line-height: 53px;
1707
1707
  }
1708
1708
  /* Radio + Checkbox */
@@ -1789,7 +1789,7 @@ select.uk-form-width-xsmall {
1789
1789
  /*
1790
1790
  * Stacked
1791
1791
  */
1792
- .uk-form-stacked .uk-form-label {
1792
+ .uk-form-stacked :where(.uk-form-label) {
1793
1793
  display: block;
1794
1794
  margin-bottom: 5px;
1795
1795
  }
@@ -1799,23 +1799,23 @@ select.uk-form-width-xsmall {
1799
1799
  /* Tablet portrait and smaller */
1800
1800
  @media (max-width: 959px) {
1801
1801
  /* Behave like `uk-form-stacked` */
1802
- .uk-form-horizontal .uk-form-label {
1802
+ .uk-form-horizontal :where(.uk-form-label) {
1803
1803
  display: block;
1804
1804
  margin-bottom: 5px;
1805
1805
  }
1806
1806
  }
1807
1807
  /* Tablet landscape and bigger */
1808
1808
  @media (min-width: 960px) {
1809
- .uk-form-horizontal .uk-form-label {
1809
+ .uk-form-horizontal :where(.uk-form-label) {
1810
1810
  width: 200px;
1811
1811
  margin-top: 7px;
1812
1812
  float: left;
1813
1813
  }
1814
- .uk-form-horizontal .uk-form-controls {
1814
+ .uk-form-horizontal :where(.uk-form-controls) {
1815
1815
  margin-left: 215px;
1816
1816
  }
1817
1817
  /* Better vertical alignment if controls are checkboxes and radio buttons with text */
1818
- .uk-form-horizontal .uk-form-controls-text {
1818
+ .uk-form-horizontal :where(.uk-form-controls-text) {
1819
1819
  padding-top: 7px;
1820
1820
  }
1821
1821
  }
@@ -1851,7 +1851,7 @@ select.uk-form-width-xsmall {
1851
1851
  /*
1852
1852
  * Make `input` element clickable through icon, e.g. if it's a `span`
1853
1853
  */
1854
- .uk-form-icon:not(a):not(button):not(input) {
1854
+ .uk-form-icon:not(a, button, input) {
1855
1855
  pointer-events: none;
1856
1856
  }
1857
1857
  /*
@@ -1870,6 +1870,256 @@ select.uk-form-width-xsmall {
1870
1870
  .uk-form-icon-flip ~ .uk-input {
1871
1871
  padding-right: 40px !important;
1872
1872
  }
1873
+ /* ========================================================================
1874
+ Component: Search
1875
+ ========================================================================== */
1876
+ /*
1877
+ * 1. Container fits its content
1878
+ * 2. Create position context
1879
+ * 3. Prevent content overflow
1880
+ * 4. Reset `form`
1881
+ */
1882
+ .uk-search {
1883
+ /* 1 */
1884
+ display: inline-block;
1885
+ /* 2 */
1886
+ position: relative;
1887
+ /* 3 */
1888
+ max-width: 100%;
1889
+ /* 4 */
1890
+ margin: 0;
1891
+ }
1892
+ /* Input
1893
+ ========================================================================== */
1894
+ /*
1895
+ * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
1896
+ */
1897
+ .uk-search-input::-webkit-search-cancel-button,
1898
+ .uk-search-input::-webkit-search-decoration {
1899
+ -webkit-appearance: none;
1900
+ }
1901
+ /*
1902
+ * 1. Define consistent box sizing.
1903
+ * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
1904
+ * 3. Remove `border-radius` in iOS.
1905
+ * 4. Change font properties to `inherit` in all browsers
1906
+ * 5. Show the overflow in Edge.
1907
+ * 6. Remove default style in iOS.
1908
+ * 7. Vertical alignment
1909
+ * 8. Take the full container width
1910
+ * 9. Style
1911
+ */
1912
+ .uk-search-input {
1913
+ /* 1 */
1914
+ box-sizing: border-box;
1915
+ /* 2 */
1916
+ margin: 0;
1917
+ /* 3 */
1918
+ border-radius: 0;
1919
+ /* 4 */
1920
+ font: inherit;
1921
+ /* 5 */
1922
+ overflow: visible;
1923
+ /* 6 */
1924
+ -webkit-appearance: none;
1925
+ /* 7 */
1926
+ vertical-align: middle;
1927
+ /* 8 */
1928
+ width: 100%;
1929
+ /* 9 */
1930
+ border: none;
1931
+ color: #666;
1932
+ }
1933
+ .uk-search-input:focus {
1934
+ outline: none;
1935
+ }
1936
+ /* Placeholder */
1937
+ .uk-search-input::placeholder {
1938
+ color: #999;
1939
+ }
1940
+ /* Icon (Adopts `uk-icon`)
1941
+ ========================================================================== */
1942
+ /*
1943
+ * Position above input
1944
+ * 1. Set position
1945
+ * 2. Center icon vertically and horizontally
1946
+ * 3. Style
1947
+ */
1948
+ .uk-search .uk-search-icon {
1949
+ /* 1 */
1950
+ position: absolute;
1951
+ top: 0;
1952
+ bottom: 0;
1953
+ left: 0;
1954
+ /* 2 */
1955
+ display: inline-flex;
1956
+ justify-content: center;
1957
+ align-items: center;
1958
+ /* 3 */
1959
+ color: #999;
1960
+ }
1961
+ /*
1962
+ * Required for `a`.
1963
+ */
1964
+ .uk-search .uk-search-icon:hover {
1965
+ color: #999;
1966
+ }
1967
+ /*
1968
+ * Make `input` element clickable through icon, e.g. if it's a `span`
1969
+ */
1970
+ .uk-search .uk-search-icon:not(a, button, input) {
1971
+ pointer-events: none;
1972
+ }
1973
+ /*
1974
+ * Position modifier
1975
+ */
1976
+ .uk-search .uk-search-icon-flip {
1977
+ right: 0;
1978
+ left: auto;
1979
+ }
1980
+ /* Default modifier
1981
+ ========================================================================== */
1982
+ .uk-search-default {
1983
+ width: 240px;
1984
+ }
1985
+ /*
1986
+ * Input
1987
+ */
1988
+ .uk-search-default .uk-search-input {
1989
+ height: 40px;
1990
+ padding-left: 10px;
1991
+ padding-right: 10px;
1992
+ background: transparent;
1993
+ border: 1px solid #e5e5e5;
1994
+ }
1995
+ /* Focus */
1996
+ .uk-search-default .uk-search-input:focus {
1997
+ background-color: rgba(0, 0, 0, 0);
1998
+ border-color: #1e87f0;
1999
+ }
2000
+ /*
2001
+ * Icon
2002
+ */
2003
+ .uk-search-default .uk-search-icon {
2004
+ padding-left: 10px;
2005
+ padding-right: 10px;
2006
+ }
2007
+ .uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2008
+ padding-left: 40px;
2009
+ }
2010
+ .uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
2011
+ padding-right: 40px;
2012
+ }
2013
+ /* Navbar modifier
2014
+ ========================================================================== */
2015
+ .uk-search-navbar {
2016
+ width: 240px;
2017
+ }
2018
+ /*
2019
+ * Input
2020
+ */
2021
+ .uk-search-navbar .uk-search-input {
2022
+ height: 40px;
2023
+ padding-left: 10px;
2024
+ padding-right: 10px;
2025
+ background: #fff;
2026
+ border: 1px solid #e5e5e5;
2027
+ }
2028
+ /* Focus */
2029
+ .uk-search-navbar .uk-search-input:focus {
2030
+ background-color: #fff;
2031
+ border-color: #1e87f0;
2032
+ }
2033
+ /*
2034
+ * Icon
2035
+ */
2036
+ .uk-search-navbar .uk-search-icon {
2037
+ padding-left: 10px;
2038
+ padding-right: 10px;
2039
+ }
2040
+ .uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2041
+ padding-left: 40px;
2042
+ }
2043
+ .uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
2044
+ padding-right: 40px;
2045
+ }
2046
+ /* Medium modifier
2047
+ ========================================================================== */
2048
+ .uk-search-medium {
2049
+ width: 400px;
2050
+ }
2051
+ /*
2052
+ * Input
2053
+ */
2054
+ .uk-search-medium .uk-search-input {
2055
+ height: 55px;
2056
+ padding-left: 12px;
2057
+ padding-right: 12px;
2058
+ background: transparent;
2059
+ font-size: 1.5rem;
2060
+ border: 1px solid #e5e5e5;
2061
+ }
2062
+ /* Focus */
2063
+ .uk-search-medium .uk-search-input:focus {
2064
+ background-color: rgba(0, 0, 0, 0);
2065
+ border-color: #1e87f0;
2066
+ }
2067
+ /*
2068
+ * Icon
2069
+ */
2070
+ .uk-search-medium .uk-search-icon {
2071
+ padding-left: 12px;
2072
+ padding-right: 12px;
2073
+ }
2074
+ .uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2075
+ padding-left: 48px;
2076
+ }
2077
+ .uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
2078
+ padding-right: 48px;
2079
+ }
2080
+ /* Large modifier
2081
+ ========================================================================== */
2082
+ .uk-search-large {
2083
+ width: 500px;
2084
+ }
2085
+ /*
2086
+ * Input
2087
+ */
2088
+ .uk-search-large .uk-search-input {
2089
+ height: 90px;
2090
+ padding-left: 20px;
2091
+ padding-right: 20px;
2092
+ background: transparent;
2093
+ font-size: 2.625rem;
2094
+ border: 1px solid #e5e5e5;
2095
+ }
2096
+ /* Focus */
2097
+ .uk-search-large .uk-search-input:focus {
2098
+ background-color: rgba(0, 0, 0, 0);
2099
+ border-color: #1e87f0;
2100
+ }
2101
+ /*
2102
+ * Icon
2103
+ */
2104
+ .uk-search-large .uk-search-icon {
2105
+ padding-left: 20px;
2106
+ padding-right: 20px;
2107
+ }
2108
+ .uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2109
+ padding-left: 80px;
2110
+ }
2111
+ .uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
2112
+ padding-right: 80px;
2113
+ }
2114
+ /* Toggle
2115
+ ========================================================================== */
2116
+ .uk-search-toggle {
2117
+ color: #999;
2118
+ }
2119
+ /* Hover */
2120
+ .uk-search-toggle:hover {
2121
+ color: #666;
2122
+ }
1873
2123
  /* ========================================================================
1874
2124
  Component: Button
1875
2125
  ========================================================================== */
@@ -1922,7 +2172,7 @@ select.uk-form-width-xsmall {
1922
2172
  }
1923
2173
  /* Hover */
1924
2174
  .uk-button:hover {
1925
- /* 9 */
2175
+ /* 10 */
1926
2176
  text-decoration: none;
1927
2177
  }
1928
2178
  /* OnClick + Active */
@@ -2768,14 +3018,14 @@ select.uk-form-width-xsmall {
2768
3018
  /*
2769
3019
  * Small
2770
3020
  */
2771
- .uk-card-small.uk-card-body,
2772
- .uk-card-small .uk-card-body {
3021
+ .uk-card-small:where(.uk-card-body),
3022
+ .uk-card-small :where(.uk-card-body) {
2773
3023
  padding: 20px 20px;
2774
3024
  }
2775
- .uk-card-small .uk-card-header {
3025
+ .uk-card-small :where(.uk-card-header) {
2776
3026
  padding: 13px 20px;
2777
3027
  }
2778
- .uk-card-small .uk-card-footer {
3028
+ .uk-card-small :where(.uk-card-footer) {
2779
3029
  padding: 13px 20px;
2780
3030
  }
2781
3031
  /*
@@ -2783,14 +3033,14 @@ select.uk-form-width-xsmall {
2783
3033
  */
2784
3034
  /* Desktop and bigger */
2785
3035
  @media (min-width: 1200px) {
2786
- .uk-card-large.uk-card-body,
2787
- .uk-card-large .uk-card-body {
3036
+ .uk-card-large:where(.uk-card-body),
3037
+ .uk-card-large :where(.uk-card-body) {
2788
3038
  padding: 70px 70px;
2789
3039
  }
2790
- .uk-card-large .uk-card-header {
3040
+ .uk-card-large :where(.uk-card-header) {
2791
3041
  padding: 35px 70px;
2792
3042
  }
2793
- .uk-card-large .uk-card-footer {
3043
+ .uk-card-large :where(.uk-card-footer) {
2794
3044
  padding: 35px 70px;
2795
3045
  }
2796
3046
  }
@@ -3056,10 +3306,6 @@ select.uk-form-width-xsmall {
3056
3306
  color: inherit;
3057
3307
  text-decoration: underline;
3058
3308
  }
3059
- .uk-alert a:not([class]):hover {
3060
- color: inherit;
3061
- text-decoration: underline;
3062
- }
3063
3309
  /* ========================================================================
3064
3310
  Component: Placeholder
3065
3311
  ========================================================================== */
@@ -3148,9 +3394,65 @@ select.uk-form-width-xsmall {
3148
3394
  color: #fff;
3149
3395
  }
3150
3396
  /* ========================================================================
3151
- Component: Overlay
3397
+ Component: Dropcap
3152
3398
  ========================================================================== */
3153
- .uk-overlay {
3399
+ /*
3400
+ * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
3401
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=214004
3402
+ * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
3403
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=317933
3404
+ */
3405
+ .uk-dropcap::first-letter,
3406
+ .uk-dropcap > p:first-of-type::first-letter {
3407
+ display: block;
3408
+ margin-right: 10px;
3409
+ float: left;
3410
+ font-size: 4.5em;
3411
+ line-height: 1;
3412
+ margin-bottom: -2px;
3413
+ }
3414
+ /* 2 */
3415
+ @-moz-document url-prefix() {
3416
+ .uk-dropcap::first-letter,
3417
+ .uk-dropcap > p:first-of-type::first-letter {
3418
+ margin-top: 1.1%;
3419
+ }
3420
+ }
3421
+ /* ========================================================================
3422
+ Component: Floating Shadow
3423
+ ========================================================================== */
3424
+ /*
3425
+ * 1. Set position.
3426
+ * 2. Set style
3427
+ * 3. Fix shadow being clipped in Safari if container is animated
3428
+ */
3429
+ .uk-floating-shadow {
3430
+ display: inline-block;
3431
+ position: relative;
3432
+ z-index: 0;
3433
+ max-width: 100%;
3434
+ vertical-align: middle;
3435
+ }
3436
+ .uk-floating-shadow::after {
3437
+ content: "";
3438
+ /* 1 */
3439
+ position: absolute;
3440
+ bottom: -30px;
3441
+ left: 0;
3442
+ right: 0;
3443
+ z-index: -1;
3444
+ /* 2 */
3445
+ height: 30px;
3446
+ border-radius: 100%;
3447
+ background: #444;
3448
+ filter: blur(20px);
3449
+ /* 3 */
3450
+ will-change: filter;
3451
+ }
3452
+ /* ========================================================================
3453
+ Component: Overlay
3454
+ ========================================================================== */
3455
+ .uk-overlay {
3154
3456
  padding: 30px 30px;
3155
3457
  }
3156
3458
  /*
@@ -3292,379 +3594,129 @@ select.uk-form-width-xsmall {
3292
3594
  background-color: #f8f8f8;
3293
3595
  }
3294
3596
  /* ========================================================================
3295
- Component: Search
3597
+ Component: Accordion
3296
3598
  ========================================================================== */
3599
+ .uk-accordion {
3600
+ padding: 0;
3601
+ list-style: none;
3602
+ }
3603
+ .uk-accordion-title {
3604
+ display: block;
3605
+ }
3606
+ .uk-accordion-content {
3607
+ display: flow-root;
3608
+ }
3297
3609
  /*
3298
- * 1. Container fits its content
3299
- * 2. Create position context
3300
- * 3. Prevent content overflow
3301
- * 4. Reset `form`
3610
+ * Remove margin from the last-child
3302
3611
  */
3303
- .uk-search {
3304
- /* 1 */
3305
- display: inline-block;
3306
- /* 2 */
3307
- position: relative;
3308
- /* 3 */
3309
- max-width: 100%;
3310
- /* 4 */
3311
- margin: 0;
3612
+ .uk-accordion-content > :last-child {
3613
+ margin-bottom: 0;
3312
3614
  }
3313
- /* Input
3615
+ /* Default modifier
3314
3616
  ========================================================================== */
3315
3617
  /*
3316
- * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
3618
+ * Item
3317
3619
  */
3318
- .uk-search-input::-webkit-search-cancel-button,
3319
- .uk-search-input::-webkit-search-decoration {
3320
- -webkit-appearance: none;
3620
+ .uk-accordion-default > :nth-child(n+2) {
3621
+ margin-top: 20px;
3321
3622
  }
3623
+ /* Active */
3322
3624
  /*
3323
- * 1. Define consistent box sizing.
3324
- * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
3325
- * 3. Remove `border-radius` in iOS.
3326
- * 4. Change font properties to `inherit` in all browsers
3327
- * 5. Show the overflow in Edge.
3328
- * 6. Remove default style in iOS.
3329
- * 7. Vertical alignment
3330
- * 8. Take the full container width
3331
- * 9. Style
3625
+ * Title
3332
3626
  */
3333
- .uk-search-input {
3334
- /* 1 */
3335
- box-sizing: border-box;
3336
- /* 2 */
3337
- margin: 0;
3338
- /* 3 */
3339
- border-radius: 0;
3340
- /* 4 */
3341
- font: inherit;
3342
- /* 5 */
3343
- overflow: visible;
3344
- /* 6 */
3345
- -webkit-appearance: none;
3346
- /* 7 */
3347
- vertical-align: middle;
3348
- /* 8 */
3349
- width: 100%;
3350
- /* 9 */
3351
- border: none;
3352
- color: #666;
3353
- }
3354
- .uk-search-input:focus {
3355
- outline: none;
3356
- }
3357
- /* Placeholder */
3358
- .uk-search-input::placeholder {
3359
- color: #999;
3360
- }
3361
- /* Icon (Adopts `uk-icon`)
3362
- ========================================================================== */
3363
3627
  /*
3364
- * Position above input
3365
- * 1. Set position
3366
- * 2. Center icon vertically and horizontally
3367
- * 3. Style
3628
+ * 1. Center content vertically, e.g. an icon
3629
+ * 2. Imitate white space gap when using flexbox
3630
+ * 3. Reset link
3368
3631
  */
3369
- .uk-search .uk-search-icon {
3632
+ .uk-accordion-default .uk-accordion-title {
3370
3633
  /* 1 */
3371
- position: absolute;
3372
- top: 0;
3373
- bottom: 0;
3374
- left: 0;
3375
- /* 2 */
3376
- display: inline-flex;
3377
- justify-content: center;
3634
+ display: flex;
3378
3635
  align-items: center;
3636
+ /* 2 */
3637
+ column-gap: 15px;
3379
3638
  /* 3 */
3380
- color: #999;
3639
+ font-size: 1.25rem;
3640
+ line-height: 1.4;
3641
+ color: #333;
3381
3642
  }
3382
- /*
3383
- * Required for `a`.
3384
- */
3385
- .uk-search .uk-search-icon:hover {
3386
- color: #999;
3643
+ /* Hover */
3644
+ .uk-accordion-default .uk-accordion-title:hover {
3645
+ color: #666;
3646
+ text-decoration: none;
3387
3647
  }
3648
+ /* Active */
3388
3649
  /*
3389
- * Make `input` element clickable through icon, e.g. if it's a `span`
3650
+ * Icon
3390
3651
  */
3391
- .uk-search .uk-search-icon:not(a):not(button):not(input) {
3392
- pointer-events: none;
3652
+ .uk-accordion-default .uk-accordion-icon {
3653
+ flex: none;
3654
+ margin-left: auto;
3655
+ color: #666;
3393
3656
  }
3394
3657
  /*
3395
- * Position modifier
3658
+ * Content
3396
3659
  */
3397
- .uk-search .uk-search-icon-flip {
3398
- right: 0;
3399
- left: auto;
3660
+ .uk-accordion-default .uk-accordion-content {
3661
+ margin-top: 20px;
3400
3662
  }
3401
- /* Default modifier
3663
+ /* ========================================================================
3664
+ Component: Drop
3402
3665
  ========================================================================== */
3403
- .uk-search-default {
3404
- width: 240px;
3405
- }
3406
3666
  /*
3407
- * Input
3667
+ * 1. Hide by default
3668
+ * 2. Set position
3669
+ * 3. Set a default width
3408
3670
  */
3409
- .uk-search-default .uk-search-input {
3410
- height: 40px;
3411
- padding-left: 10px;
3412
- padding-right: 10px;
3413
- background: transparent;
3414
- border: 1px solid #e5e5e5;
3671
+ .uk-drop {
3672
+ /* 1 */
3673
+ display: none;
3674
+ /* 2 */
3675
+ position: absolute;
3676
+ z-index: 1020;
3677
+ --uk-position-offset: 20px;
3678
+ --uk-position-viewport-offset: 15px;
3679
+ /* 3 */
3680
+ box-sizing: border-box;
3681
+ width: 300px;
3415
3682
  }
3416
- /* Focus */
3417
- .uk-search-default .uk-search-input:focus {
3418
- background-color: rgba(0, 0, 0, 0);
3419
- border-color: #1e87f0;
3683
+ /* Show */
3684
+ .uk-drop.uk-open {
3685
+ display: block;
3420
3686
  }
3421
- /*
3422
- * Icon
3423
- */
3424
- .uk-search-default .uk-search-icon {
3425
- padding-left: 10px;
3426
- padding-right: 10px;
3687
+ /* Grid modifiers
3688
+ ========================================================================== */
3689
+ .uk-drop-stack .uk-drop-grid > * {
3690
+ width: 100% !important;
3427
3691
  }
3428
- .uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3429
- padding-left: 40px;
3692
+ /* Parent icon
3693
+ ========================================================================== */
3694
+ .uk-drop-parent-icon {
3695
+ margin-left: 0.25em;
3696
+ transition: transform 0.3s ease-out;
3430
3697
  }
3431
- .uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
3432
- padding-right: 40px;
3698
+ [aria-expanded="true"] > .uk-drop-parent-icon {
3699
+ transform: rotateX(180deg);
3433
3700
  }
3434
- /* Navbar modifier
3701
+ /* ========================================================================
3702
+ Component: Dropbar
3435
3703
  ========================================================================== */
3436
- .uk-search-navbar {
3437
- width: 240px;
3438
- }
3439
3704
  /*
3440
- * Input
3705
+ * Adopts `uk-drop`
3706
+ * 1. Reset drop
3707
+ * 2. Style
3441
3708
  */
3442
- .uk-search-navbar .uk-search-input {
3443
- height: 40px;
3444
- padding-left: 10px;
3445
- padding-right: 10px;
3709
+ .uk-dropbar {
3710
+ --uk-position-offset: 0;
3711
+ --uk-position-shift-offset: 0;
3712
+ --uk-position-viewport-offset: 0;
3713
+ --uk-inverse: dark;
3714
+ /* 1 */
3715
+ width: auto;
3716
+ /* 2 */
3717
+ padding: 25px 15px 25px 15px;
3446
3718
  background: #fff;
3447
- border: 1px solid #e5e5e5;
3448
- }
3449
- /* Focus */
3450
- .uk-search-navbar .uk-search-input:focus {
3451
- background-color: #fff;
3452
- border-color: #1e87f0;
3453
- }
3454
- /*
3455
- * Icon
3456
- */
3457
- .uk-search-navbar .uk-search-icon {
3458
- padding-left: 10px;
3459
- padding-right: 10px;
3460
- }
3461
- .uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3462
- padding-left: 40px;
3463
- }
3464
- .uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
3465
- padding-right: 40px;
3466
- }
3467
- /* Medium modifier
3468
- ========================================================================== */
3469
- .uk-search-medium {
3470
- width: 400px;
3471
- }
3472
- /*
3473
- * Input
3474
- */
3475
- .uk-search-medium .uk-search-input {
3476
- height: 55px;
3477
- padding-left: 12px;
3478
- padding-right: 12px;
3479
- background: transparent;
3480
- font-size: 1.5rem;
3481
- border: 1px solid #e5e5e5;
3482
- }
3483
- /* Focus */
3484
- .uk-search-medium .uk-search-input:focus {
3485
- background-color: rgba(0, 0, 0, 0);
3486
- border-color: #1e87f0;
3487
- }
3488
- /*
3489
- * Icon
3490
- */
3491
- .uk-search-medium .uk-search-icon {
3492
- padding-left: 12px;
3493
- padding-right: 12px;
3494
- }
3495
- .uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3496
- padding-left: 48px;
3497
- }
3498
- .uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
3499
- padding-right: 48px;
3500
- }
3501
- /* Large modifier
3502
- ========================================================================== */
3503
- .uk-search-large {
3504
- width: 500px;
3505
- }
3506
- /*
3507
- * Input
3508
- */
3509
- .uk-search-large .uk-search-input {
3510
- height: 90px;
3511
- padding-left: 20px;
3512
- padding-right: 20px;
3513
- background: transparent;
3514
- font-size: 2.625rem;
3515
- border: 1px solid #e5e5e5;
3516
- }
3517
- /* Focus */
3518
- .uk-search-large .uk-search-input:focus {
3519
- background-color: rgba(0, 0, 0, 0);
3520
- border-color: #1e87f0;
3521
- }
3522
- /*
3523
- * Icon
3524
- */
3525
- .uk-search-large .uk-search-icon {
3526
- padding-left: 20px;
3527
- padding-right: 20px;
3528
- }
3529
- .uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3530
- padding-left: 80px;
3531
- }
3532
- .uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
3533
- padding-right: 80px;
3534
- }
3535
- /* Toggle
3536
- ========================================================================== */
3537
- .uk-search-toggle {
3538
- color: #999;
3539
- }
3540
- /* Hover */
3541
- .uk-search-toggle:hover {
3542
- color: #666;
3543
- }
3544
- /* ========================================================================
3545
- Component: Accordion
3546
- ========================================================================== */
3547
- .uk-accordion {
3548
- padding: 0;
3549
- list-style: none;
3550
- }
3551
- .uk-accordion-title {
3552
- display: block;
3553
- }
3554
- .uk-accordion-content {
3555
- display: flow-root;
3556
- }
3557
- /*
3558
- * Remove margin from the last-child
3559
- */
3560
- .uk-accordion-content > :last-child {
3561
- margin-bottom: 0;
3562
- }
3563
- /* Default modifier
3564
- ========================================================================== */
3565
- /*
3566
- * Item
3567
- */
3568
- .uk-accordion-default > :nth-child(n+2) {
3569
- margin-top: 20px;
3570
- }
3571
- /* Active */
3572
- /*
3573
- * Title
3574
- */
3575
- /*
3576
- * 1. Center content vertically, e.g. an icon
3577
- * 2. Imitate white space gap when using flexbox
3578
- * 3. Reset link
3579
- */
3580
- .uk-accordion-default .uk-accordion-title {
3581
- /* 1 */
3582
- display: flex;
3583
- align-items: center;
3584
- /* 2 */
3585
- column-gap: 15px;
3586
- /* 3 */
3587
- font-size: 1.25rem;
3588
- line-height: 1.4;
3589
- color: #333;
3590
- }
3591
- /* Hover */
3592
- .uk-accordion-default .uk-accordion-title:hover {
3593
- color: #666;
3594
- text-decoration: none;
3595
- }
3596
- /* Active */
3597
- /*
3598
- * Icon
3599
- */
3600
- .uk-accordion-default .uk-accordion-icon {
3601
- flex: none;
3602
- margin-left: auto;
3603
- color: #666;
3604
- }
3605
- /*
3606
- * Content
3607
- */
3608
- .uk-accordion-default .uk-accordion-content {
3609
- margin-top: 20px;
3610
- }
3611
- /* ========================================================================
3612
- Component: Drop
3613
- ========================================================================== */
3614
- /*
3615
- * 1. Hide by default
3616
- * 2. Set position
3617
- * 3. Set a default width
3618
- */
3619
- .uk-drop {
3620
- /* 1 */
3621
- display: none;
3622
- /* 2 */
3623
- position: absolute;
3624
- z-index: 1020;
3625
- --uk-position-offset: 20px;
3626
- --uk-position-viewport-offset: 15px;
3627
- /* 3 */
3628
- box-sizing: border-box;
3629
- width: 300px;
3630
- }
3631
- /* Show */
3632
- .uk-drop.uk-open {
3633
- display: block;
3634
- }
3635
- /* Grid modifiers
3636
- ========================================================================== */
3637
- .uk-drop-stack .uk-drop-grid > * {
3638
- width: 100% !important;
3639
- }
3640
- /* Parent icon
3641
- ========================================================================== */
3642
- .uk-drop-parent-icon {
3643
- margin-left: 0.25em;
3644
- transition: transform 0.3s ease-out;
3645
- }
3646
- [aria-expanded="true"] > .uk-drop-parent-icon {
3647
- transform: rotateX(180deg);
3648
- }
3649
- /* ========================================================================
3650
- Component: Dropbar
3651
- ========================================================================== */
3652
- /*
3653
- * Adopts `uk-drop`
3654
- * 1. Reset drop
3655
- * 2. Style
3656
- */
3657
- .uk-dropbar {
3658
- --uk-position-offset: 0;
3659
- --uk-position-shift-offset: 0;
3660
- --uk-position-viewport-offset: 0;
3661
- --uk-inverse: dark;
3662
- /* 1 */
3663
- width: auto;
3664
- /* 2 */
3665
- padding: 25px 15px 25px 15px;
3666
- background: #fff;
3667
- color: #666;
3719
+ color: #666;
3668
3720
  }
3669
3721
  /*
3670
3722
  * Remove margin from the last-child
@@ -3743,10 +3795,7 @@ select.uk-form-width-xsmall {
3743
3795
  display: none;
3744
3796
  /* 2 */
3745
3797
  position: fixed;
3746
- top: 0;
3747
- right: 0;
3748
- bottom: 0;
3749
- left: 0;
3798
+ inset: 0;
3750
3799
  z-index: 1010;
3751
3800
  /* 3 */
3752
3801
  overflow-y: auto;
@@ -3992,11 +4041,8 @@ select.uk-form-width-xsmall {
3992
4041
  .uk-slideshow-items > * {
3993
4042
  /* 1 */
3994
4043
  position: absolute;
3995
- top: 0;
3996
- left: 0;
3997
4044
  /* 2 */
3998
- right: 0;
3999
- bottom: 0;
4045
+ inset: 0;
4000
4046
  /* 3 */
4001
4047
  overflow: hidden;
4002
4048
  /* 4 */
@@ -4094,36 +4140,126 @@ select.uk-form-width-xsmall {
4094
4140
  position: relative;
4095
4141
  }
4096
4142
  /* ========================================================================
4097
- Component: Sticky
4143
+ Component: Marquee
4098
4144
  ========================================================================== */
4099
4145
  /*
4100
- * 1. Create position context so it's t the same like when fixed.
4101
- * 2. Create stacking context already when not sticky to have the same context
4102
- * for position set to `sticky` and `relative`
4103
- * 2. More robust if padding and border are used and the sticky height is transitioned
4146
+ * 1. Fallback for Safari 15 and older
4147
+ * 2. Clip child elements
4148
+ * `clip` prevents accidental scrolling through elements in slide getting focused
4149
+ * `clip` also works in only one direction
4150
+ * 3. Prevent tab highlighting on iOS.
4104
4151
  */
4105
- .uk-sticky {
4152
+ .uk-marquee {
4106
4153
  /* 1 */
4107
- position: relative;
4154
+ overflow-x: hidden;
4108
4155
  /* 2 */
4109
- z-index: 980;
4156
+ overflow-x: clip;
4110
4157
  /* 3 */
4111
- box-sizing: border-box;
4158
+ -webkit-tap-highlight-color: transparent;
4112
4159
  }
4113
- .uk-sticky-fixed {
4114
- margin: 0 !important;
4160
+ .uk-marquee-vertical {
4161
+ overflow: visible;
4162
+ overflow-y: hidden;
4163
+ overflow-y: clip;
4115
4164
  }
4116
4165
  /*
4117
- * Faster animations
4166
+ * Fade out
4118
4167
  */
4119
- .uk-sticky[class*="uk-animation-"] {
4120
- animation-duration: 0.2s;
4168
+ .uk-marquee-fade {
4169
+ --uk-overflow-fade-size: 100px;
4170
+ --uk-overflow-fade-direction: right;
4121
4171
  }
4122
- .uk-sticky.uk-animation-reverse {
4123
- animation-duration: 0.2s;
4172
+ .uk-marquee-fade.uk-marquee-vertical {
4173
+ --uk-overflow-fade-direction: bottom;
4124
4174
  }
4175
+ .uk-marquee-fade {
4176
+ mask-image: linear-gradient(to var(--uk-overflow-fade-direction), rgba(0, 0, 0, var(--uk-overflow-fade-start-opacity)), #000 var(--uk-overflow-fade-size), #000 calc(100% - var(--uk-overflow-fade-size)), rgba(0, 0, 0, var(--uk-overflow-fade-end-opacity)));
4177
+ }
4178
+ /* Items
4179
+ ========================================================================== */
4125
4180
  /*
4126
- * Placeholder
4181
+ * 1. Create a containing block.
4182
+ */
4183
+ .uk-marquee-items {
4184
+ /* 1 */
4185
+ position: relative;
4186
+ }
4187
+ /*
4188
+ * 1. Reset list style without interfering with grid
4189
+ * 2. Prevent displaying the callout information on iOS.
4190
+ */
4191
+ .uk-marquee:not(.uk-marquee-vertical) .uk-marquee-items:not(.uk-grid) {
4192
+ display: flex;
4193
+ /* 1 */
4194
+ margin: 0;
4195
+ padding: 0;
4196
+ list-style: none;
4197
+ /* 2 */
4198
+ -webkit-touch-callout: none;
4199
+ }
4200
+ .uk-marquee:not(.uk-marquee-vertical) .uk-marquee-items.uk-grid {
4201
+ flex-wrap: nowrap;
4202
+ }
4203
+ /* Item
4204
+ ========================================================================== */
4205
+ /*
4206
+ * 1. Let items take content dimensions (0 0 auto)
4207
+ * `max-width` needed to keep image responsiveness and prevent content overflow
4208
+ * 2. Create position context
4209
+ * 3. Create animation along offset-path
4210
+ */
4211
+ .uk-marquee-items > * {
4212
+ /* 1 */
4213
+ flex: none !important;
4214
+ box-sizing: border-box;
4215
+ max-width: 100%;
4216
+ /* 2 */
4217
+ position: relative;
4218
+ /* 3 */
4219
+ offset-anchor: 0 0;
4220
+ offset-rotate: 0deg;
4221
+ offset-path: path(var(--uk-marquee-path));
4222
+ animation: var(--uk-marquee-duration) linear calc(var(--uk-marquee-start) / -100 * var(--uk-marquee-duration)) infinite var(--uk-marquee-direction) uk-marquee;
4223
+ }
4224
+ @keyframes uk-marquee {
4225
+ 0% {
4226
+ offset-distance: 0;
4227
+ }
4228
+ 100% {
4229
+ offset-distance: 100%;
4230
+ }
4231
+ }
4232
+ /* ========================================================================
4233
+ Component: Sticky
4234
+ ========================================================================== */
4235
+ /*
4236
+ * 1. Create position context so it's t the same like when fixed.
4237
+ * 2. Create stacking context already when not sticky to have the same context
4238
+ * for position set to `sticky` and `relative`
4239
+ * 2. More robust if padding and border are used and the sticky height is transitioned
4240
+ */
4241
+ .uk-sticky {
4242
+ /* 1 */
4243
+ position: relative;
4244
+ /* 2 */
4245
+ z-index: 980;
4246
+ /* 3 */
4247
+ box-sizing: border-box;
4248
+ }
4249
+ .uk-sticky-fixed {
4250
+ margin: 0 !important;
4251
+ }
4252
+ /*
4253
+ * Faster animations
4254
+ */
4255
+ .uk-sticky[class*="uk-animation-"] {
4256
+ animation-duration: 0.2s;
4257
+ }
4258
+ .uk-sticky.uk-animation-reverse {
4259
+ animation-duration: 0.2s;
4260
+ }
4261
+ /*
4262
+ * Placeholder
4127
4263
  * Make content clickable for sticky cover and reveal effects
4128
4264
  */
4129
4265
  .uk-sticky-placeholder {
@@ -4374,9 +4510,12 @@ select.uk-form-width-xsmall {
4374
4510
  /* Items
4375
4511
  ========================================================================== */
4376
4512
  /*
4377
- * Hide not active items
4513
+ * 1. Hide not active items
4514
+ * 2. Do not hide the first child if the switcher is not activated
4378
4515
  */
4379
- .uk-switcher > :not(.uk-active) {
4516
+ /* 1 */
4517
+ .uk-switcher:has(> .uk-active) > :not(.uk-active),
4518
+ .uk-switcher:not(:has(> .uk-active)) > :not(:first-child) {
4380
4519
  display: none;
4381
4520
  }
4382
4521
  /*
@@ -4653,10 +4792,7 @@ select.uk-form-width-xsmall {
4653
4792
  .uk-thumbnav > * > *::after {
4654
4793
  content: "";
4655
4794
  position: absolute;
4656
- top: 0;
4657
- bottom: 0;
4658
- left: 0;
4659
- right: 0;
4795
+ inset: 0;
4660
4796
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
4661
4797
  transition: opacity 0.1s ease-in-out;
4662
4798
  }
@@ -4795,36 +4931,38 @@ select.uk-form-width-xsmall {
4795
4931
  .uk-grid > * > :last-child {
4796
4932
  margin-bottom: 0;
4797
4933
  }
4798
- /* Gutter
4934
+ /* Gap
4799
4935
  ========================================================================== */
4800
4936
  /*
4801
4937
  * Default
4802
4938
  */
4803
- /* Horizontal */
4804
4939
  .uk-grid {
4805
4940
  margin-left: -30px;
4806
4941
  }
4807
4942
  .uk-grid > * {
4808
4943
  padding-left: 30px;
4809
4944
  }
4810
- /* Vertical */
4811
- .uk-grid + .uk-grid,
4812
- .uk-grid > .uk-grid-margin,
4945
+ .uk-grid {
4946
+ row-gap: 30px;
4947
+ }
4948
+ /* Margin */
4949
+ .uk-grid + :where(.uk-grid),
4813
4950
  * + .uk-grid-margin {
4814
4951
  margin-top: 30px;
4815
4952
  }
4816
4953
  /* Desktop and bigger */
4817
4954
  @media (min-width: 1200px) {
4818
- /* Horizontal */
4819
4955
  .uk-grid {
4820
4956
  margin-left: -40px;
4821
4957
  }
4822
4958
  .uk-grid > * {
4823
4959
  padding-left: 40px;
4824
4960
  }
4825
- /* Vertical */
4826
- .uk-grid + .uk-grid,
4827
- .uk-grid > .uk-grid-margin,
4961
+ .uk-grid {
4962
+ row-gap: 40px;
4963
+ }
4964
+ /* Margin */
4965
+ .uk-grid + :where(.uk-grid),
4828
4966
  * + .uk-grid-margin {
4829
4967
  margin-top: 40px;
4830
4968
  }
@@ -4832,7 +4970,6 @@ select.uk-form-width-xsmall {
4832
4970
  /*
4833
4971
  * Small
4834
4972
  */
4835
- /* Horizontal */
4836
4973
  .uk-grid-small,
4837
4974
  .uk-grid-column-small {
4838
4975
  margin-left: -15px;
@@ -4841,18 +4978,18 @@ select.uk-form-width-xsmall {
4841
4978
  .uk-grid-column-small > * {
4842
4979
  padding-left: 15px;
4843
4980
  }
4844
- /* Vertical */
4845
- .uk-grid + .uk-grid-small,
4846
- .uk-grid + .uk-grid-row-small,
4847
- .uk-grid-small > .uk-grid-margin,
4848
- .uk-grid-row-small > .uk-grid-margin,
4981
+ .uk-grid-small,
4982
+ .uk-grid-row-small {
4983
+ row-gap: 15px;
4984
+ }
4985
+ /* Margin */
4986
+ .uk-grid + :where(.uk-grid-small, .uk-grid-row-small),
4849
4987
  * + .uk-grid-margin-small {
4850
4988
  margin-top: 15px;
4851
4989
  }
4852
4990
  /*
4853
4991
  * Medium
4854
4992
  */
4855
- /* Horizontal */
4856
4993
  .uk-grid-medium,
4857
4994
  .uk-grid-column-medium {
4858
4995
  margin-left: -30px;
@@ -4861,18 +4998,18 @@ select.uk-form-width-xsmall {
4861
4998
  .uk-grid-column-medium > * {
4862
4999
  padding-left: 30px;
4863
5000
  }
4864
- /* Vertical */
4865
- .uk-grid + .uk-grid-medium,
4866
- .uk-grid + .uk-grid-row-medium,
4867
- .uk-grid-medium > .uk-grid-margin,
4868
- .uk-grid-row-medium > .uk-grid-margin,
5001
+ .uk-grid-medium,
5002
+ .uk-grid-row-medium {
5003
+ row-gap: 30px;
5004
+ }
5005
+ /* Margin */
5006
+ .uk-grid + :where(.uk-grid-medium, .uk-grid-row-medium),
4869
5007
  * + .uk-grid-margin-medium {
4870
5008
  margin-top: 30px;
4871
5009
  }
4872
5010
  /*
4873
5011
  * Large
4874
5012
  */
4875
- /* Horizontal */
4876
5013
  .uk-grid-large,
4877
5014
  .uk-grid-column-large {
4878
5015
  margin-left: -40px;
@@ -4881,17 +5018,17 @@ select.uk-form-width-xsmall {
4881
5018
  .uk-grid-column-large > * {
4882
5019
  padding-left: 40px;
4883
5020
  }
4884
- /* Vertical */
4885
- .uk-grid + .uk-grid-large,
4886
- .uk-grid + .uk-grid-row-large,
4887
- .uk-grid-large > .uk-grid-margin,
4888
- .uk-grid-row-large > .uk-grid-margin,
5021
+ .uk-grid-large,
5022
+ .uk-grid-row-large {
5023
+ row-gap: 40px;
5024
+ }
5025
+ /* Margin */
5026
+ .uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
4889
5027
  * + .uk-grid-margin-large {
4890
5028
  margin-top: 40px;
4891
5029
  }
4892
5030
  /* Desktop and bigger */
4893
5031
  @media (min-width: 1200px) {
4894
- /* Horizontal */
4895
5032
  .uk-grid-large,
4896
5033
  .uk-grid-column-large {
4897
5034
  margin-left: -70px;
@@ -4900,11 +5037,12 @@ select.uk-form-width-xsmall {
4900
5037
  .uk-grid-column-large > * {
4901
5038
  padding-left: 70px;
4902
5039
  }
4903
- /* Vertical */
4904
- .uk-grid + .uk-grid-large,
4905
- .uk-grid + .uk-grid-row-large,
4906
- .uk-grid-large > .uk-grid-margin,
4907
- .uk-grid-row-large > .uk-grid-margin,
5040
+ .uk-grid-large,
5041
+ .uk-grid-row-large {
5042
+ row-gap: 70px;
5043
+ }
5044
+ /* Margin */
5045
+ .uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
4908
5046
  * + .uk-grid-margin-large {
4909
5047
  margin-top: 70px;
4910
5048
  }
@@ -4912,7 +5050,6 @@ select.uk-form-width-xsmall {
4912
5050
  /*
4913
5051
  * Collapse
4914
5052
  */
4915
- /* Horizontal */
4916
5053
  .uk-grid-collapse,
4917
5054
  .uk-grid-column-collapse {
4918
5055
  margin-left: 0;
@@ -4921,11 +5058,12 @@ select.uk-form-width-xsmall {
4921
5058
  .uk-grid-column-collapse > * {
4922
5059
  padding-left: 0;
4923
5060
  }
4924
- /* Vertical */
4925
- .uk-grid + .uk-grid-collapse,
4926
- .uk-grid + .uk-grid-row-collapse,
4927
- .uk-grid-collapse > .uk-grid-margin,
4928
- .uk-grid-row-collapse > .uk-grid-margin {
5061
+ .uk-grid-collapse,
5062
+ .uk-grid-row-collapse {
5063
+ row-gap: 0;
5064
+ }
5065
+ /* Margin */
5066
+ .uk-grid + :where(.uk-grid-collapse, .uk-grid-row-collapse) {
4929
5067
  margin-top: 0;
4930
5068
  }
4931
5069
  /* Divider
@@ -4933,6 +5071,7 @@ select.uk-form-width-xsmall {
4933
5071
  .uk-grid-divider > * {
4934
5072
  position: relative;
4935
5073
  }
5074
+ /* Horizontal */
4936
5075
  .uk-grid-divider > :not(.uk-first-column)::before {
4937
5076
  content: "";
4938
5077
  position: absolute;
@@ -4941,7 +5080,7 @@ select.uk-form-width-xsmall {
4941
5080
  border-left: 1px solid #e5e5e5;
4942
5081
  }
4943
5082
  /* Vertical */
4944
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
5083
+ .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
4945
5084
  content: "";
4946
5085
  position: absolute;
4947
5086
  left: 0;
@@ -4962,10 +5101,10 @@ select.uk-form-width-xsmall {
4962
5101
  left: 30px;
4963
5102
  }
4964
5103
  /* Vertical */
4965
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
4966
- margin-top: 60px;
5104
+ .uk-grid-divider.uk-grid-stack {
5105
+ row-gap: 60px;
4967
5106
  }
4968
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
5107
+ .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
4969
5108
  top: -30px;
4970
5109
  left: 60px;
4971
5110
  }
@@ -4982,10 +5121,10 @@ select.uk-form-width-xsmall {
4982
5121
  left: 40px;
4983
5122
  }
4984
5123
  /* Vertical */
4985
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
4986
- margin-top: 80px;
5124
+ .uk-grid-divider.uk-grid-stack {
5125
+ row-gap: 80px;
4987
5126
  }
4988
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
5127
+ .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
4989
5128
  top: -40px;
4990
5129
  left: 80px;
4991
5130
  }
@@ -5007,18 +5146,17 @@ select.uk-form-width-xsmall {
5007
5146
  left: 15px;
5008
5147
  }
5009
5148
  /* Vertical */
5010
- .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin,
5011
- .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin {
5012
- margin-top: 30px;
5149
+ .uk-grid-divider.uk-grid-stack:where(.uk-grid-small, .uk-grid-row-small) {
5150
+ row-gap: 30px;
5013
5151
  }
5014
- .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
5152
+ .uk-grid-divider.uk-grid-stack.uk-grid-small > :not(.uk-first-row)::before {
5015
5153
  top: -15px;
5016
5154
  left: 30px;
5017
5155
  }
5018
- .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
5156
+ .uk-grid-divider.uk-grid-stack.uk-grid-row-small > :not(.uk-first-row)::before {
5019
5157
  top: -15px;
5020
5158
  }
5021
- .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
5159
+ .uk-grid-divider.uk-grid-stack.uk-grid-column-small > :not(.uk-first-row)::before {
5022
5160
  left: 30px;
5023
5161
  }
5024
5162
  /*
@@ -5038,18 +5176,17 @@ select.uk-form-width-xsmall {
5038
5176
  left: 30px;
5039
5177
  }
5040
5178
  /* Vertical */
5041
- .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin,
5042
- .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
5043
- margin-top: 60px;
5179
+ .uk-grid-divider.uk-grid-stack:where(.uk-grid-medium, .uk-grid-row-medium) {
5180
+ row-gap: 60px;
5044
5181
  }
5045
- .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
5182
+ .uk-grid-divider.uk-grid-stack.uk-grid-medium > :not(.uk-first-row)::before {
5046
5183
  top: -30px;
5047
5184
  left: 60px;
5048
5185
  }
5049
- .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
5186
+ .uk-grid-divider.uk-grid-stack.uk-grid-row-medium > :not(.uk-first-row)::before {
5050
5187
  top: -30px;
5051
5188
  }
5052
- .uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
5189
+ .uk-grid-divider.uk-grid-stack.uk-grid-column-medium > :not(.uk-first-row)::before {
5053
5190
  left: 60px;
5054
5191
  }
5055
5192
  /*
@@ -5069,18 +5206,17 @@ select.uk-form-width-xsmall {
5069
5206
  left: 40px;
5070
5207
  }
5071
5208
  /* Vertical */
5072
- .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
5073
- .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
5074
- margin-top: 80px;
5209
+ .uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
5210
+ row-gap: 80px;
5075
5211
  }
5076
- .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
5212
+ .uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
5077
5213
  top: -40px;
5078
5214
  left: 80px;
5079
5215
  }
5080
- .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
5216
+ .uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
5081
5217
  top: -40px;
5082
5218
  }
5083
- .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
5219
+ .uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
5084
5220
  left: 80px;
5085
5221
  }
5086
5222
  /* Desktop and bigger */
@@ -5099,18 +5235,17 @@ select.uk-form-width-xsmall {
5099
5235
  left: 70px;
5100
5236
  }
5101
5237
  /* Vertical */
5102
- .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
5103
- .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
5104
- margin-top: 140px;
5238
+ .uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
5239
+ row-gap: 140px;
5105
5240
  }
5106
- .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
5241
+ .uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
5107
5242
  top: -70px;
5108
5243
  left: 140px;
5109
5244
  }
5110
- .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
5245
+ .uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
5111
5246
  top: -70px;
5112
5247
  }
5113
- .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
5248
+ .uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
5114
5249
  left: 140px;
5115
5250
  }
5116
5251
  }
@@ -5159,7 +5294,7 @@ select.uk-form-width-xsmall {
5159
5294
  align-items: center;
5160
5295
  /* 2 */
5161
5296
  column-gap: 0.25em;
5162
- /* 3*/
5297
+ /* 3 */
5163
5298
  text-decoration: none;
5164
5299
  }
5165
5300
  /*
@@ -5723,8 +5858,8 @@ ul.uk-nav-sub {
5723
5858
  padding-left: 30px;
5724
5859
  }
5725
5860
  /* Gutter Vertical */
5726
- .uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin {
5727
- margin-top: 30px;
5861
+ .uk-navbar-dropdown .uk-drop-grid {
5862
+ row-gap: 30px;
5728
5863
  }
5729
5864
  /*
5730
5865
  * Width modifier
@@ -6501,10 +6636,7 @@ ul.uk-nav-sub {
6501
6636
  display: none;
6502
6637
  /* 2 */
6503
6638
  position: fixed;
6504
- top: 0;
6505
- right: 0;
6506
- bottom: 0;
6507
- left: 0;
6639
+ inset: 0;
6508
6640
  z-index: 1010;
6509
6641
  /* 5 */
6510
6642
  background: #000;
@@ -6558,10 +6690,7 @@ ul.uk-nav-sub {
6558
6690
  .uk-lightbox-items > * {
6559
6691
  /* 1 */
6560
6692
  position: absolute;
6561
- top: 0;
6562
- right: 0;
6563
- bottom: 0;
6564
- left: 0;
6693
+ inset: 0;
6565
6694
  /* 2 */
6566
6695
  display: none;
6567
6696
  justify-content: center;
@@ -6629,6 +6758,39 @@ ul.uk-nav-sub {
6629
6758
  width: 80%;
6630
6759
  height: 80%;
6631
6760
  }
6761
+ /* ========================================================================
6762
+ Component: Logo
6763
+ ========================================================================== */
6764
+ /*
6765
+ * 1. Style
6766
+ * 2. Required for `a`
6767
+ * 3. Behave like image but can be overridden through flex utility classes
6768
+ */
6769
+ .uk-logo {
6770
+ /* 1 */
6771
+ font-size: 1.5rem;
6772
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6773
+ color: #333;
6774
+ /* 2 */
6775
+ text-decoration: none;
6776
+ }
6777
+ /* 3 */
6778
+ :where(.uk-logo) {
6779
+ display: inline-block;
6780
+ vertical-align: middle;
6781
+ }
6782
+ /* Hover */
6783
+ .uk-logo:hover {
6784
+ color: #333;
6785
+ /* 2 */
6786
+ text-decoration: none;
6787
+ }
6788
+ .uk-logo :where(img:not([uk-svg]), svg, video) {
6789
+ display: block;
6790
+ }
6791
+ .uk-logo-inverse:where(:not([uk-svg])) {
6792
+ display: none;
6793
+ }
6632
6794
  /* ========================================================================
6633
6795
  Component: Animation
6634
6796
  ========================================================================== */
@@ -6737,7 +6899,7 @@ ul.uk-nav-sub {
6737
6899
  }
6738
6900
  /* Toggle animation based on the State of the Parent Element
6739
6901
  ========================================================================== */
6740
- .uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] {
6902
+ .uk-animation-toggle:not(:hover, :focus) [class*="uk-animation-"] {
6741
6903
  animation-name: none;
6742
6904
  }
6743
6905
  /* Keyframes used by animation classes
@@ -7855,6 +8017,12 @@ th.uk-text-break,
7855
8017
  td.uk-text-break {
7856
8018
  word-break: break-word;
7857
8019
  }
8020
+ /*
8021
+ * Balance text when wrapping onto multiple lines
8022
+ */
8023
+ .uk-text-balance {
8024
+ text-wrap: balance;
8025
+ }
7858
8026
  /* Stroke modifiers
7859
8027
  ========================================================================== */
7860
8028
  .uk-text-stroke {
@@ -8628,94 +8796,6 @@ iframe[data-uk-cover] {
8628
8796
  .uk-box-shadow-hover-xlarge:hover {
8629
8797
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
8630
8798
  }
8631
- /* Box-shadow bottom
8632
- ========================================================================== */
8633
- /*
8634
- * 1. Set position.
8635
- * 2. Set style
8636
- * 3. Fix shadow being clipped in Safari if container is animated
8637
- */
8638
- @supports (filter: blur(0)) {
8639
- .uk-box-shadow-bottom {
8640
- display: inline-block;
8641
- position: relative;
8642
- z-index: 0;
8643
- max-width: 100%;
8644
- vertical-align: middle;
8645
- }
8646
- .uk-box-shadow-bottom::after {
8647
- content: "";
8648
- /* 1 */
8649
- position: absolute;
8650
- bottom: -30px;
8651
- left: 0;
8652
- right: 0;
8653
- z-index: -1;
8654
- /* 2 */
8655
- height: 30px;
8656
- border-radius: 100%;
8657
- background: #444;
8658
- filter: blur(20px);
8659
- /* 3 */
8660
- will-change: filter;
8661
- }
8662
- }
8663
- /* Drop cap
8664
- ========================================================================== */
8665
- /*
8666
- * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
8667
- * https://bugzilla.mozilla.org/show_bug.cgi?id=214004
8668
- * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
8669
- * https://bugzilla.mozilla.org/show_bug.cgi?id=317933
8670
- */
8671
- .uk-dropcap::first-letter,
8672
- .uk-dropcap > p:first-of-type::first-letter {
8673
- display: block;
8674
- margin-right: 10px;
8675
- float: left;
8676
- font-size: 4.5em;
8677
- line-height: 1;
8678
- margin-bottom: -2px;
8679
- }
8680
- /* 2 */
8681
- @-moz-document url-prefix() {
8682
- .uk-dropcap::first-letter,
8683
- .uk-dropcap > p:first-of-type::first-letter {
8684
- margin-top: 1.1%;
8685
- }
8686
- }
8687
- /* Logo
8688
- ========================================================================== */
8689
- /*
8690
- * 1. Style
8691
- * 2. Required for `a`
8692
- * 3. Behave like image but can be overridden through flex utility classes
8693
- */
8694
- .uk-logo {
8695
- /* 1 */
8696
- font-size: 1.5rem;
8697
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8698
- color: #333;
8699
- /* 2 */
8700
- text-decoration: none;
8701
- }
8702
- /* 3 */
8703
- :where(.uk-logo) {
8704
- display: inline-block;
8705
- vertical-align: middle;
8706
- }
8707
- /* Hover */
8708
- .uk-logo:hover {
8709
- color: #333;
8710
- /* 1 */
8711
- text-decoration: none;
8712
- }
8713
- .uk-logo :where(img, svg, video) {
8714
- display: block;
8715
- }
8716
- .uk-logo-inverse {
8717
- display: none;
8718
- }
8719
8799
  /* Disabled State
8720
8800
  ========================================================================== */
8721
8801
  .uk-disabled {
@@ -9208,547 +9288,583 @@ iframe[data-uk-cover] {
9208
9288
  }
9209
9289
  }
9210
9290
  /* ========================================================================
9211
- Component: Margin
9291
+ Component: Position
9292
+ ========================================================================== */
9293
+ :root {
9294
+ --uk-position-margin-offset: 0px;
9295
+ }
9296
+ /* Directions
9212
9297
  ========================================================================== */
9213
9298
  /*
9214
- * Default
9299
+ * 1. Prevent content overflow.
9215
9300
  */
9216
- .uk-margin {
9217
- margin-bottom: 20px;
9301
+ [class*="uk-position-top"],
9302
+ [class*="uk-position-bottom"],
9303
+ [class*="uk-position-left"],
9304
+ [class*="uk-position-right"],
9305
+ [class*="uk-position-center"] {
9306
+ position: absolute !important;
9307
+ /* 1 */
9308
+ max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
9309
+ box-sizing: border-box;
9218
9310
  }
9219
- * + .uk-margin {
9220
- margin-top: 20px !important;
9311
+ /*
9312
+ * Edges
9313
+ * Don't use `width: 100%` because it's wrong if the parent has padding.
9314
+ */
9315
+ .uk-position-top {
9316
+ top: 0;
9317
+ left: 0;
9318
+ right: 0;
9221
9319
  }
9222
- .uk-margin-top {
9223
- margin-top: 20px !important;
9320
+ .uk-position-bottom {
9321
+ bottom: 0;
9322
+ left: 0;
9323
+ right: 0;
9224
9324
  }
9225
- .uk-margin-bottom {
9226
- margin-bottom: 20px !important;
9325
+ .uk-position-left {
9326
+ top: 0;
9327
+ bottom: 0;
9328
+ left: 0;
9227
9329
  }
9228
- .uk-margin-left {
9229
- margin-left: 20px !important;
9330
+ .uk-position-right {
9331
+ top: 0;
9332
+ bottom: 0;
9333
+ right: 0;
9230
9334
  }
9231
- .uk-margin-right {
9232
- margin-right: 20px !important;
9335
+ /*
9336
+ * Corners
9337
+ */
9338
+ .uk-position-top-left {
9339
+ top: 0;
9340
+ left: 0;
9341
+ }
9342
+ .uk-position-top-right {
9343
+ top: 0;
9344
+ right: 0;
9345
+ }
9346
+ .uk-position-bottom-left {
9347
+ bottom: 0;
9348
+ left: 0;
9349
+ }
9350
+ .uk-position-bottom-right {
9351
+ bottom: 0;
9352
+ right: 0;
9233
9353
  }
9234
- /* XSmall
9354
+ /*
9355
+ * Center
9356
+ * 1. Fix text wrapping if content is larger than 50% of the container.
9357
+ * Using `max-content` requires `max-width` of 100% which is set generally.
9358
+ */
9359
+ .uk-position-center {
9360
+ top: calc(50% - var(--uk-position-margin-offset));
9361
+ left: calc(50% - var(--uk-position-margin-offset));
9362
+ --uk-position-translate-x: -50%;
9363
+ --uk-position-translate-y: -50%;
9364
+ transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
9365
+ /* 1 */
9366
+ width: max-content;
9367
+ }
9368
+ /* Vertical */
9369
+ [class*="uk-position-center-left"],
9370
+ [class*="uk-position-center-right"],
9371
+ .uk-position-center-vertical {
9372
+ top: calc(50% - var(--uk-position-margin-offset));
9373
+ --uk-position-translate-y: -50%;
9374
+ transform: translate(0, var(--uk-position-translate-y));
9375
+ }
9376
+ .uk-position-center-left {
9377
+ left: 0;
9378
+ }
9379
+ .uk-position-center-right {
9380
+ right: 0;
9381
+ }
9382
+ .uk-position-center-vertical {
9383
+ left: 0;
9384
+ right: 0;
9385
+ }
9386
+ .uk-position-center-left-out {
9387
+ right: 100%;
9388
+ width: max-content;
9389
+ }
9390
+ .uk-position-center-right-out {
9391
+ left: 100%;
9392
+ width: max-content;
9393
+ }
9394
+ /* Horizontal */
9395
+ .uk-position-top-center,
9396
+ .uk-position-bottom-center,
9397
+ .uk-position-center-horizontal {
9398
+ left: calc(50% - var(--uk-position-margin-offset));
9399
+ --uk-position-translate-x: -50%;
9400
+ transform: translate(var(--uk-position-translate-x), 0);
9401
+ /* 1 */
9402
+ width: max-content;
9403
+ }
9404
+ .uk-position-top-center {
9405
+ top: 0;
9406
+ }
9407
+ .uk-position-bottom-center {
9408
+ bottom: 0;
9409
+ }
9410
+ .uk-position-center-horizontal {
9411
+ top: 0;
9412
+ bottom: 0;
9413
+ }
9414
+ /*
9415
+ * Cover
9416
+ * 1. Make replaced elements (e.g. images and videos) fill the container
9417
+ */
9418
+ .uk-position-cover {
9419
+ position: absolute;
9420
+ inset: 0;
9421
+ }
9422
+ /* 1 */
9423
+ :where(img, video).uk-position-cover {
9424
+ box-sizing: border-box;
9425
+ width: calc(100% - (var(--uk-position-margin-offset) * 2));
9426
+ height: calc(100% - (var(--uk-position-margin-offset) * 2));
9427
+ }
9428
+ /* Margin
9429
+ ========================================================================== */
9430
+ .uk-position-small {
9431
+ margin: 15px;
9432
+ --uk-position-margin-offset: 15px;
9433
+ }
9434
+ .uk-position-medium {
9435
+ margin: 30px;
9436
+ --uk-position-margin-offset: 30px;
9437
+ }
9438
+ .uk-position-large {
9439
+ margin: 30px;
9440
+ --uk-position-margin-offset: 30px;
9441
+ }
9442
+ /* Desktop and bigger */
9443
+ @media (min-width: 1200px) {
9444
+ .uk-position-large {
9445
+ margin: 50px;
9446
+ --uk-position-margin-offset: 50px;
9447
+ }
9448
+ }
9449
+ /* Schemes
9450
+ ========================================================================== */
9451
+ .uk-position-relative {
9452
+ position: relative !important;
9453
+ }
9454
+ .uk-position-absolute {
9455
+ position: absolute !important;
9456
+ }
9457
+ .uk-position-fixed {
9458
+ position: fixed !important;
9459
+ }
9460
+ .uk-position-sticky {
9461
+ position: sticky !important;
9462
+ }
9463
+ /* Layer
9235
9464
  ========================================================================== */
9465
+ .uk-position-z-index {
9466
+ z-index: 1;
9467
+ }
9468
+ .uk-position-z-index-zero {
9469
+ z-index: 0;
9470
+ }
9471
+ .uk-position-z-index-negative {
9472
+ z-index: -1;
9473
+ }
9474
+ .uk-position-z-index-high {
9475
+ z-index: 990;
9476
+ }
9477
+ .uk-position-z-index-highest {
9478
+ z-index: 1060;
9479
+ }
9480
+ /* ========================================================================
9481
+ Component: Margin
9482
+ ========================================================================== */
9483
+ /* Two or more directions
9484
+ ========================================================================== */
9485
+ /*
9486
+ * Sizes
9487
+ */
9488
+ .uk-margin {
9489
+ margin-bottom: 20px;
9490
+ }
9491
+ * + .uk-margin {
9492
+ margin-top: 20px;
9493
+ }
9236
9494
  .uk-margin-xsmall {
9237
9495
  margin-bottom: 5px;
9238
9496
  }
9239
9497
  * + .uk-margin-xsmall {
9240
- margin-top: 5px !important;
9498
+ margin-top: 5px;
9499
+ }
9500
+ .uk-margin-small {
9501
+ margin-bottom: 10px;
9502
+ }
9503
+ * + .uk-margin-small {
9504
+ margin-top: 10px;
9505
+ }
9506
+ .uk-margin-medium {
9507
+ margin-bottom: 40px;
9508
+ }
9509
+ * + .uk-margin-medium {
9510
+ margin-top: 40px;
9511
+ }
9512
+ .uk-margin-large {
9513
+ margin-bottom: 40px;
9514
+ }
9515
+ * + .uk-margin-large {
9516
+ margin-top: 40px;
9517
+ }
9518
+ .uk-margin-xlarge {
9519
+ margin-bottom: 70px;
9520
+ }
9521
+ * + .uk-margin-xlarge {
9522
+ margin-top: 70px;
9523
+ }
9524
+ /* Desktop and bigger */
9525
+ @media (min-width: 1200px) {
9526
+ .uk-margin-large {
9527
+ margin-bottom: 70px;
9528
+ }
9529
+ * + .uk-margin-large {
9530
+ margin-top: 70px;
9531
+ }
9532
+ .uk-margin-xlarge {
9533
+ margin-bottom: 140px;
9534
+ }
9535
+ * + .uk-margin-xlarge {
9536
+ margin-top: 140px;
9537
+ }
9538
+ }
9539
+ /*
9540
+ * Auto
9541
+ */
9542
+ .uk-margin-auto-vertical {
9543
+ margin-top: auto;
9544
+ margin-bottom: auto;
9545
+ }
9546
+ .uk-margin-auto-vertical-gap {
9547
+ margin-bottom: auto;
9548
+ }
9549
+ * + .uk-margin-auto-vertical-gap {
9550
+ margin-top: auto;
9551
+ }
9552
+ .uk-margin-auto {
9553
+ margin-left: auto;
9554
+ margin-right: auto;
9555
+ }
9556
+ /* Phone landscape and bigger */
9557
+ @media (min-width: 640px) {
9558
+ .uk-margin-auto\@s {
9559
+ margin-left: auto;
9560
+ margin-right: auto;
9561
+ }
9562
+ }
9563
+ /* Tablet landscape and bigger */
9564
+ @media (min-width: 960px) {
9565
+ .uk-margin-auto\@m {
9566
+ margin-left: auto;
9567
+ margin-right: auto;
9568
+ }
9569
+ }
9570
+ /* Desktop and bigger */
9571
+ @media (min-width: 1200px) {
9572
+ .uk-margin-auto\@l {
9573
+ margin-left: auto;
9574
+ margin-right: auto;
9575
+ }
9576
+ }
9577
+ /* Large screen and bigger */
9578
+ @media (min-width: 1600px) {
9579
+ .uk-margin-auto\@xl {
9580
+ margin-left: auto;
9581
+ margin-right: auto;
9582
+ }
9583
+ }
9584
+ /*
9585
+ * Remove
9586
+ */
9587
+ .uk-margin-remove {
9588
+ margin: 0;
9589
+ }
9590
+ .uk-margin-remove-vertical {
9591
+ margin-top: 0;
9592
+ margin-bottom: 0;
9593
+ }
9594
+ /* One direction
9595
+ ========================================================================== */
9596
+ /*
9597
+ * Sizes
9598
+ */
9599
+ .uk-margin-top {
9600
+ margin-top: 20px;
9601
+ }
9602
+ .uk-margin-bottom {
9603
+ margin-bottom: 20px;
9604
+ }
9605
+ .uk-margin-left {
9606
+ margin-left: 20px;
9607
+ }
9608
+ .uk-margin-right {
9609
+ margin-right: 20px;
9241
9610
  }
9242
9611
  .uk-margin-xsmall-top {
9243
- margin-top: 5px !important;
9612
+ margin-top: 5px;
9244
9613
  }
9245
9614
  .uk-margin-xsmall-bottom {
9246
- margin-bottom: 5px !important;
9615
+ margin-bottom: 5px;
9247
9616
  }
9248
9617
  .uk-margin-xsmall-left {
9249
- margin-left: 5px !important;
9618
+ margin-left: 5px;
9250
9619
  }
9251
9620
  .uk-margin-xsmall-right {
9252
- margin-right: 5px !important;
9253
- }
9254
- /* Small
9255
- ========================================================================== */
9256
- .uk-margin-small {
9257
- margin-bottom: 10px;
9258
- }
9259
- * + .uk-margin-small {
9260
- margin-top: 10px !important;
9621
+ margin-right: 5px;
9261
9622
  }
9262
9623
  .uk-margin-small-top {
9263
- margin-top: 10px !important;
9624
+ margin-top: 10px;
9264
9625
  }
9265
9626
  .uk-margin-small-bottom {
9266
- margin-bottom: 10px !important;
9627
+ margin-bottom: 10px;
9267
9628
  }
9268
9629
  .uk-margin-small-left {
9269
- margin-left: 10px !important;
9630
+ margin-left: 10px;
9270
9631
  }
9271
9632
  .uk-margin-small-right {
9272
- margin-right: 10px !important;
9273
- }
9274
- /* Medium
9275
- ========================================================================== */
9276
- .uk-margin-medium {
9277
- margin-bottom: 40px;
9278
- }
9279
- * + .uk-margin-medium {
9280
- margin-top: 40px !important;
9633
+ margin-right: 10px;
9281
9634
  }
9282
9635
  .uk-margin-medium-top {
9283
- margin-top: 40px !important;
9636
+ margin-top: 40px;
9284
9637
  }
9285
9638
  .uk-margin-medium-bottom {
9286
- margin-bottom: 40px !important;
9287
- }
9288
- .uk-margin-medium-left {
9289
- margin-left: 40px !important;
9290
- }
9291
- .uk-margin-medium-right {
9292
- margin-right: 40px !important;
9293
- }
9294
- /* Large
9295
- ========================================================================== */
9296
- .uk-margin-large {
9297
9639
  margin-bottom: 40px;
9298
9640
  }
9299
- * + .uk-margin-large {
9300
- margin-top: 40px !important;
9641
+ .uk-margin-medium-left {
9642
+ margin-left: 40px;
9643
+ }
9644
+ .uk-margin-medium-right {
9645
+ margin-right: 40px;
9301
9646
  }
9302
9647
  .uk-margin-large-top {
9303
- margin-top: 40px !important;
9648
+ margin-top: 40px;
9304
9649
  }
9305
9650
  .uk-margin-large-bottom {
9306
- margin-bottom: 40px !important;
9651
+ margin-bottom: 40px;
9307
9652
  }
9308
9653
  .uk-margin-large-left {
9309
- margin-left: 40px !important;
9654
+ margin-left: 40px;
9310
9655
  }
9311
9656
  .uk-margin-large-right {
9312
- margin-right: 40px !important;
9313
- }
9314
- /* Desktop and bigger */
9315
- @media (min-width: 1200px) {
9316
- .uk-margin-large {
9317
- margin-bottom: 70px;
9318
- }
9319
- * + .uk-margin-large {
9320
- margin-top: 70px !important;
9321
- }
9322
- .uk-margin-large-top {
9323
- margin-top: 70px !important;
9324
- }
9325
- .uk-margin-large-bottom {
9326
- margin-bottom: 70px !important;
9327
- }
9328
- .uk-margin-large-left {
9329
- margin-left: 70px !important;
9330
- }
9331
- .uk-margin-large-right {
9332
- margin-right: 70px !important;
9333
- }
9334
- }
9335
- /* XLarge
9336
- ========================================================================== */
9337
- .uk-margin-xlarge {
9338
- margin-bottom: 70px;
9339
- }
9340
- * + .uk-margin-xlarge {
9341
- margin-top: 70px !important;
9657
+ margin-right: 40px;
9342
9658
  }
9343
9659
  .uk-margin-xlarge-top {
9344
- margin-top: 70px !important;
9660
+ margin-top: 70px;
9345
9661
  }
9346
9662
  .uk-margin-xlarge-bottom {
9347
- margin-bottom: 70px !important;
9663
+ margin-bottom: 70px;
9348
9664
  }
9349
9665
  .uk-margin-xlarge-left {
9350
- margin-left: 70px !important;
9666
+ margin-left: 70px;
9351
9667
  }
9352
9668
  .uk-margin-xlarge-right {
9353
- margin-right: 70px !important;
9669
+ margin-right: 70px;
9354
9670
  }
9355
9671
  /* Desktop and bigger */
9356
9672
  @media (min-width: 1200px) {
9357
- .uk-margin-xlarge {
9358
- margin-bottom: 140px;
9673
+ .uk-margin-large-top {
9674
+ margin-top: 70px;
9359
9675
  }
9360
- * + .uk-margin-xlarge {
9361
- margin-top: 140px !important;
9676
+ .uk-margin-large-bottom {
9677
+ margin-bottom: 70px;
9678
+ }
9679
+ .uk-margin-large-left {
9680
+ margin-left: 70px;
9681
+ }
9682
+ .uk-margin-large-right {
9683
+ margin-right: 70px;
9362
9684
  }
9363
9685
  .uk-margin-xlarge-top {
9364
- margin-top: 140px !important;
9686
+ margin-top: 140px;
9365
9687
  }
9366
9688
  .uk-margin-xlarge-bottom {
9367
- margin-bottom: 140px !important;
9689
+ margin-bottom: 140px;
9368
9690
  }
9369
9691
  .uk-margin-xlarge-left {
9370
- margin-left: 140px !important;
9692
+ margin-left: 140px;
9371
9693
  }
9372
9694
  .uk-margin-xlarge-right {
9373
- margin-right: 140px !important;
9695
+ margin-right: 140px;
9374
9696
  }
9375
9697
  }
9376
- /* Auto
9377
- ========================================================================== */
9378
- .uk-margin-auto {
9379
- margin-left: auto !important;
9380
- margin-right: auto !important;
9381
- }
9698
+ /*
9699
+ * Auto
9700
+ */
9382
9701
  .uk-margin-auto-top {
9383
- margin-top: auto !important;
9702
+ margin-top: auto;
9384
9703
  }
9385
9704
  .uk-margin-auto-bottom {
9386
- margin-bottom: auto !important;
9705
+ margin-bottom: auto;
9387
9706
  }
9388
9707
  .uk-margin-auto-left {
9389
- margin-left: auto !important;
9708
+ margin-left: auto;
9390
9709
  }
9391
9710
  .uk-margin-auto-right {
9392
- margin-right: auto !important;
9393
- }
9394
- .uk-margin-auto-vertical {
9395
- margin-top: auto !important;
9396
- margin-bottom: auto !important;
9711
+ margin-right: auto;
9397
9712
  }
9398
9713
  /* Phone landscape and bigger */
9399
9714
  @media (min-width: 640px) {
9400
- .uk-margin-auto\@s {
9401
- margin-left: auto !important;
9402
- margin-right: auto !important;
9403
- }
9404
9715
  .uk-margin-auto-left\@s {
9405
- margin-left: auto !important;
9716
+ margin-left: auto;
9406
9717
  }
9407
9718
  .uk-margin-auto-right\@s {
9408
- margin-right: auto !important;
9719
+ margin-right: auto;
9409
9720
  }
9410
9721
  }
9411
9722
  /* Tablet landscape and bigger */
9412
9723
  @media (min-width: 960px) {
9413
- .uk-margin-auto\@m {
9414
- margin-left: auto !important;
9415
- margin-right: auto !important;
9416
- }
9417
9724
  .uk-margin-auto-left\@m {
9418
- margin-left: auto !important;
9725
+ margin-left: auto;
9419
9726
  }
9420
9727
  .uk-margin-auto-right\@m {
9421
- margin-right: auto !important;
9728
+ margin-right: auto;
9422
9729
  }
9423
9730
  }
9424
9731
  /* Desktop and bigger */
9425
9732
  @media (min-width: 1200px) {
9426
- .uk-margin-auto\@l {
9427
- margin-left: auto !important;
9428
- margin-right: auto !important;
9429
- }
9430
9733
  .uk-margin-auto-left\@l {
9431
- margin-left: auto !important;
9734
+ margin-left: auto;
9432
9735
  }
9433
9736
  .uk-margin-auto-right\@l {
9434
- margin-right: auto !important;
9737
+ margin-right: auto;
9435
9738
  }
9436
9739
  }
9437
9740
  /* Large screen and bigger */
9438
9741
  @media (min-width: 1600px) {
9439
- .uk-margin-auto\@xl {
9440
- margin-left: auto !important;
9441
- margin-right: auto !important;
9442
- }
9443
9742
  .uk-margin-auto-left\@xl {
9444
- margin-left: auto !important;
9743
+ margin-left: auto;
9445
9744
  }
9446
9745
  .uk-margin-auto-right\@xl {
9447
- margin-right: auto !important;
9746
+ margin-right: auto;
9448
9747
  }
9449
9748
  }
9450
- /* Remove
9451
- ========================================================================== */
9452
- .uk-margin-remove {
9453
- margin: 0 !important;
9454
- }
9749
+ /*
9750
+ * Remove
9751
+ */
9455
9752
  .uk-margin-remove-top {
9456
- margin-top: 0 !important;
9753
+ margin-top: 0;
9457
9754
  }
9458
9755
  .uk-margin-remove-bottom {
9459
- margin-bottom: 0 !important;
9756
+ margin-bottom: 0;
9460
9757
  }
9461
9758
  .uk-margin-remove-left {
9462
- margin-left: 0 !important;
9759
+ margin-left: 0;
9463
9760
  }
9464
9761
  .uk-margin-remove-right {
9465
- margin-right: 0 !important;
9466
- }
9467
- .uk-margin-remove-vertical {
9468
- margin-top: 0 !important;
9469
- margin-bottom: 0 !important;
9762
+ margin-right: 0;
9470
9763
  }
9471
9764
  .uk-margin-remove-adjacent + *,
9472
9765
  .uk-margin-remove-first-child > :first-child {
9473
- margin-top: 0 !important;
9766
+ margin-top: 0;
9474
9767
  }
9475
9768
  .uk-margin-remove-last-child > :last-child {
9476
- margin-bottom: 0 !important;
9769
+ margin-bottom: 0;
9477
9770
  }
9478
9771
  /* Phone landscape and bigger */
9479
9772
  @media (min-width: 640px) {
9480
9773
  .uk-margin-remove-left\@s {
9481
- margin-left: 0 !important;
9774
+ margin-left: 0;
9482
9775
  }
9483
9776
  .uk-margin-remove-right\@s {
9484
- margin-right: 0 !important;
9777
+ margin-right: 0;
9485
9778
  }
9486
9779
  }
9487
9780
  /* Tablet landscape and bigger */
9488
9781
  @media (min-width: 960px) {
9489
9782
  .uk-margin-remove-left\@m {
9490
- margin-left: 0 !important;
9783
+ margin-left: 0;
9491
9784
  }
9492
9785
  .uk-margin-remove-right\@m {
9493
- margin-right: 0 !important;
9786
+ margin-right: 0;
9494
9787
  }
9495
9788
  }
9496
9789
  /* Desktop and bigger */
9497
9790
  @media (min-width: 1200px) {
9498
9791
  .uk-margin-remove-left\@l {
9499
- margin-left: 0 !important;
9792
+ margin-left: 0;
9500
9793
  }
9501
9794
  .uk-margin-remove-right\@l {
9502
- margin-right: 0 !important;
9795
+ margin-right: 0;
9503
9796
  }
9504
9797
  }
9505
9798
  /* Large screen and bigger */
9506
9799
  @media (min-width: 1600px) {
9507
9800
  .uk-margin-remove-left\@xl {
9508
- margin-left: 0 !important;
9509
- }
9510
- .uk-margin-remove-right\@xl {
9511
- margin-right: 0 !important;
9512
- }
9513
- }
9514
- /* ========================================================================
9515
- Component: Padding
9516
- ========================================================================== */
9517
- .uk-padding {
9518
- padding: 30px;
9519
- }
9520
- /* Desktop and bigger */
9521
- @media (min-width: 1200px) {
9522
- .uk-padding {
9523
- padding: 40px;
9524
- }
9525
- }
9526
- /* Small
9527
- ========================================================================== */
9528
- .uk-padding-small {
9529
- padding: 15px;
9530
- }
9531
- /* Large
9532
- ========================================================================== */
9533
- .uk-padding-large {
9534
- padding: 40px;
9535
- }
9536
- /* Desktop and bigger */
9537
- @media (min-width: 1200px) {
9538
- .uk-padding-large {
9539
- padding: 70px;
9540
- }
9541
- }
9542
- /* Remove
9543
- ========================================================================== */
9544
- .uk-padding-remove {
9545
- padding: 0 !important;
9546
- }
9547
- .uk-padding-remove-top {
9548
- padding-top: 0 !important;
9549
- }
9550
- .uk-padding-remove-bottom {
9551
- padding-bottom: 0 !important;
9552
- }
9553
- .uk-padding-remove-left {
9554
- padding-left: 0 !important;
9555
- }
9556
- .uk-padding-remove-right {
9557
- padding-right: 0 !important;
9558
- }
9559
- .uk-padding-remove-vertical {
9560
- padding-top: 0 !important;
9561
- padding-bottom: 0 !important;
9562
- }
9563
- .uk-padding-remove-horizontal {
9564
- padding-left: 0 !important;
9565
- padding-right: 0 !important;
9566
- }
9567
- /* ========================================================================
9568
- Component: Position
9569
- ========================================================================== */
9570
- :root {
9571
- --uk-position-margin-offset: 0px;
9572
- }
9573
- /* Directions
9574
- ========================================================================== */
9575
- /*
9576
- * 1. Prevent content overflow.
9577
- */
9578
- [class*="uk-position-top"],
9579
- [class*="uk-position-bottom"],
9580
- [class*="uk-position-left"],
9581
- [class*="uk-position-right"],
9582
- [class*="uk-position-center"] {
9583
- position: absolute !important;
9584
- /* 1 */
9585
- max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
9586
- box-sizing: border-box;
9587
- }
9588
- /*
9589
- * Edges
9590
- * Don't use `width: 100%` because it's wrong if the parent has padding.
9591
- */
9592
- .uk-position-top {
9593
- top: 0;
9594
- left: 0;
9595
- right: 0;
9596
- }
9597
- .uk-position-bottom {
9598
- bottom: 0;
9599
- left: 0;
9600
- right: 0;
9601
- }
9602
- .uk-position-left {
9603
- top: 0;
9604
- bottom: 0;
9605
- left: 0;
9606
- }
9607
- .uk-position-right {
9608
- top: 0;
9609
- bottom: 0;
9610
- right: 0;
9611
- }
9612
- /*
9613
- * Corners
9614
- */
9615
- .uk-position-top-left {
9616
- top: 0;
9617
- left: 0;
9618
- }
9619
- .uk-position-top-right {
9620
- top: 0;
9621
- right: 0;
9622
- }
9623
- .uk-position-bottom-left {
9624
- bottom: 0;
9625
- left: 0;
9626
- }
9627
- .uk-position-bottom-right {
9628
- bottom: 0;
9629
- right: 0;
9630
- }
9631
- /*
9632
- * Center
9633
- * 1. Fix text wrapping if content is larger than 50% of the container.
9634
- * Using `max-content` requires `max-width` of 100% which is set generally.
9635
- */
9636
- .uk-position-center {
9637
- top: calc(50% - var(--uk-position-margin-offset));
9638
- left: calc(50% - var(--uk-position-margin-offset));
9639
- --uk-position-translate-x: -50%;
9640
- --uk-position-translate-y: -50%;
9641
- transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
9642
- /* 1 */
9643
- width: max-content;
9644
- }
9645
- /* Vertical */
9646
- [class*="uk-position-center-left"],
9647
- [class*="uk-position-center-right"],
9648
- .uk-position-center-vertical {
9649
- top: calc(50% - var(--uk-position-margin-offset));
9650
- --uk-position-translate-y: -50%;
9651
- transform: translate(0, var(--uk-position-translate-y));
9652
- }
9653
- .uk-position-center-left {
9654
- left: 0;
9655
- }
9656
- .uk-position-center-right {
9657
- right: 0;
9658
- }
9659
- .uk-position-center-vertical {
9660
- left: 0;
9661
- right: 0;
9662
- }
9663
- .uk-position-center-left-out {
9664
- right: 100%;
9665
- width: max-content;
9666
- }
9667
- .uk-position-center-right-out {
9668
- left: 100%;
9669
- width: max-content;
9670
- }
9671
- /* Horizontal */
9672
- .uk-position-top-center,
9673
- .uk-position-bottom-center,
9674
- .uk-position-center-horizontal {
9675
- left: calc(50% - var(--uk-position-margin-offset));
9676
- --uk-position-translate-x: -50%;
9677
- transform: translate(var(--uk-position-translate-x), 0);
9678
- /* 1 */
9679
- width: max-content;
9680
- }
9681
- .uk-position-top-center {
9682
- top: 0;
9683
- }
9684
- .uk-position-bottom-center {
9685
- bottom: 0;
9686
- }
9687
- .uk-position-center-horizontal {
9688
- top: 0;
9689
- bottom: 0;
9690
- }
9691
- /*
9692
- * Cover
9693
- */
9694
- .uk-position-cover {
9695
- position: absolute;
9696
- top: 0;
9697
- bottom: 0;
9698
- left: 0;
9699
- right: 0;
9801
+ margin-left: 0;
9802
+ }
9803
+ .uk-margin-remove-right\@xl {
9804
+ margin-right: 0;
9805
+ }
9700
9806
  }
9701
- /* Margin
9702
- ========================================================================== */
9703
- .uk-position-small {
9704
- margin: 15px;
9705
- --uk-position-margin-offset: 15px;
9807
+ /*
9808
+ * Trim
9809
+ */
9810
+ .uk-margin-trim-block > :first-child {
9811
+ margin-top: 0;
9706
9812
  }
9707
- .uk-position-medium {
9708
- margin: 30px;
9709
- --uk-position-margin-offset: 30px;
9813
+ .uk-margin-trim-block > :last-child {
9814
+ margin-bottom: 0;
9710
9815
  }
9711
- .uk-position-large {
9712
- margin: 30px;
9713
- --uk-position-margin-offset: 30px;
9816
+ /* ========================================================================
9817
+ Component: Padding
9818
+ ========================================================================== */
9819
+ .uk-padding {
9820
+ padding: 30px;
9714
9821
  }
9715
9822
  /* Desktop and bigger */
9716
9823
  @media (min-width: 1200px) {
9717
- .uk-position-large {
9718
- margin: 50px;
9719
- --uk-position-margin-offset: 50px;
9824
+ .uk-padding {
9825
+ padding: 40px;
9720
9826
  }
9721
9827
  }
9722
- /* Schemes
9828
+ /* Small
9723
9829
  ========================================================================== */
9724
- .uk-position-relative {
9725
- position: relative !important;
9726
- }
9727
- .uk-position-absolute {
9728
- position: absolute !important;
9830
+ .uk-padding-small {
9831
+ padding: 15px;
9729
9832
  }
9730
- .uk-position-fixed {
9731
- position: fixed !important;
9833
+ /* Large
9834
+ ========================================================================== */
9835
+ .uk-padding-large {
9836
+ padding: 40px;
9732
9837
  }
9733
- .uk-position-sticky {
9734
- position: sticky !important;
9838
+ /* Desktop and bigger */
9839
+ @media (min-width: 1200px) {
9840
+ .uk-padding-large {
9841
+ padding: 70px;
9842
+ }
9735
9843
  }
9736
- /* Layer
9844
+ /* Remove
9737
9845
  ========================================================================== */
9738
- .uk-position-z-index {
9739
- z-index: 1;
9846
+ .uk-padding-remove {
9847
+ padding: 0;
9740
9848
  }
9741
- .uk-position-z-index-zero {
9742
- z-index: 0;
9849
+ .uk-padding-remove-top {
9850
+ padding-top: 0;
9743
9851
  }
9744
- .uk-position-z-index-negative {
9745
- z-index: -1;
9852
+ .uk-padding-remove-bottom {
9853
+ padding-bottom: 0;
9746
9854
  }
9747
- .uk-position-z-index-high {
9748
- z-index: 990;
9855
+ .uk-padding-remove-left {
9856
+ padding-left: 0;
9749
9857
  }
9750
- .uk-position-z-index-highest {
9751
- z-index: 1060;
9858
+ .uk-padding-remove-right {
9859
+ padding-right: 0;
9860
+ }
9861
+ .uk-padding-remove-vertical {
9862
+ padding-top: 0;
9863
+ padding-bottom: 0;
9864
+ }
9865
+ .uk-padding-remove-horizontal {
9866
+ padding-left: 0;
9867
+ padding-right: 0;
9752
9868
  }
9753
9869
  /* ========================================================================
9754
9870
  Component: Transition
@@ -9970,9 +10086,9 @@ iframe[data-uk-cover] {
9970
10086
  * Using `tabindex="-1"` will show the element on touch devices.
9971
10087
  * Note: `clip-path` doesn't work with `tabindex` on touch devices.
9972
10088
  */
9973
- .uk-hidden-visually:not(:focus):not(:active):not(:focus-within),
9974
- .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)),
9975
- .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
10089
+ .uk-hidden-visually:not(:focus, :active, :focus-within),
10090
+ .uk-visible-toggle:not(:hover, :focus) .uk-hidden-hover:not(:focus-visible, :has(:focus-visible)),
10091
+ .uk-visible-toggle:not(:hover, :focus) .uk-hidden-hover:not(:focus-within) {
9976
10092
  /* 1 */
9977
10093
  position: absolute !important;
9978
10094
  /* 2 */
@@ -9988,7 +10104,7 @@ iframe[data-uk-cover] {
9988
10104
  * Hide element without shrinking its dimension.
9989
10105
  * Note: `clip-path` doesn't work with hover for elements outside of the toggle box.
9990
10106
  */
9991
- .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
10107
+ .uk-visible-toggle:not(:hover, :focus) .uk-invisible-hover:not(:focus-within) {
9992
10108
  opacity: 0 !important;
9993
10109
  }
9994
10110
  /* Based on Hover Capability of the Pointing Device
@@ -11240,17 +11356,17 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11240
11356
  .uk-offcanvas-bar .uk-textarea::placeholder {
11241
11357
  color: rgba(255, 255, 255, 0.5);
11242
11358
  }
11243
- .uk-light .uk-select:not([multiple]):not([size]),
11244
- .uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
11245
- .uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
11246
- .uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
11247
- .uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
11248
- .uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),
11249
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-select:not([multiple]):not([size]),
11250
- .uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),
11251
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:not([multiple]):not([size]),
11252
- .uk-overlay-primary .uk-select:not([multiple]):not([size]),
11253
- .uk-offcanvas-bar .uk-select:not([multiple]):not([size]) {
11359
+ .uk-light .uk-select:not([multiple], [size]),
11360
+ .uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple], [size]),
11361
+ .uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple], [size]),
11362
+ .uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple], [size]),
11363
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple], [size]),
11364
+ .uk-card-primary.uk-card-body .uk-select:not([multiple], [size]),
11365
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-select:not([multiple], [size]),
11366
+ .uk-card-secondary.uk-card-body .uk-select:not([multiple], [size]),
11367
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:not([multiple], [size]),
11368
+ .uk-overlay-primary .uk-select:not([multiple], [size]),
11369
+ .uk-offcanvas-bar .uk-select:not([multiple], [size]) {
11254
11370
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
11255
11371
  }
11256
11372
  .uk-light .uk-input[list]:hover,
@@ -11476,6 +11592,192 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11476
11592
  .uk-offcanvas-bar .uk-form-icon:hover {
11477
11593
  color: rgba(255, 255, 255, 0.7);
11478
11594
  }
11595
+ .uk-light .uk-search-input,
11596
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-input,
11597
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
11598
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
11599
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
11600
+ .uk-card-primary.uk-card-body .uk-search-input,
11601
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
11602
+ .uk-card-secondary.uk-card-body .uk-search-input,
11603
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
11604
+ .uk-overlay-primary .uk-search-input,
11605
+ .uk-offcanvas-bar .uk-search-input {
11606
+ color: rgba(255, 255, 255, 0.7);
11607
+ }
11608
+ .uk-light .uk-search-input::placeholder,
11609
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11610
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11611
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11612
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11613
+ .uk-card-primary.uk-card-body .uk-search-input::placeholder,
11614
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11615
+ .uk-card-secondary.uk-card-body .uk-search-input::placeholder,
11616
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11617
+ .uk-overlay-primary .uk-search-input::placeholder,
11618
+ .uk-offcanvas-bar .uk-search-input::placeholder {
11619
+ color: rgba(255, 255, 255, 0.5);
11620
+ }
11621
+ .uk-light .uk-search .uk-search-icon,
11622
+ .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11623
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11624
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11625
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11626
+ .uk-card-primary.uk-card-body .uk-search .uk-search-icon,
11627
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11628
+ .uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
11629
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11630
+ .uk-overlay-primary .uk-search .uk-search-icon,
11631
+ .uk-offcanvas-bar .uk-search .uk-search-icon {
11632
+ color: rgba(255, 255, 255, 0.5);
11633
+ }
11634
+ .uk-light .uk-search .uk-search-icon:hover,
11635
+ .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11636
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11637
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11638
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11639
+ .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
11640
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11641
+ .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
11642
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11643
+ .uk-overlay-primary .uk-search .uk-search-icon:hover,
11644
+ .uk-offcanvas-bar .uk-search .uk-search-icon:hover {
11645
+ color: rgba(255, 255, 255, 0.5);
11646
+ }
11647
+ .uk-light .uk-search-default .uk-search-input,
11648
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11649
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11650
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11651
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11652
+ .uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
11653
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11654
+ .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
11655
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11656
+ .uk-overlay-primary .uk-search-default .uk-search-input,
11657
+ .uk-offcanvas-bar .uk-search-default .uk-search-input {
11658
+ background-color: transparent;
11659
+ border-color: rgba(255, 255, 255, 0.2);
11660
+ }
11661
+ .uk-light .uk-search-default .uk-search-input:focus,
11662
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11663
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11664
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11665
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11666
+ .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
11667
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11668
+ .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
11669
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11670
+ .uk-overlay-primary .uk-search-default .uk-search-input:focus,
11671
+ .uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
11672
+ background-color: rgba(0, 0, 0, 0.05);
11673
+ }
11674
+ .uk-light .uk-search-navbar .uk-search-input,
11675
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11676
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11677
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11678
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11679
+ .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
11680
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11681
+ .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
11682
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11683
+ .uk-overlay-primary .uk-search-navbar .uk-search-input,
11684
+ .uk-offcanvas-bar .uk-search-navbar .uk-search-input {
11685
+ background-color: transparent;
11686
+ border-color: rgba(255, 255, 255, 0.2);
11687
+ }
11688
+ .uk-light .uk-search-navbar .uk-search-input:focus,
11689
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11690
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11691
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11692
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11693
+ .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11694
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11695
+ .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11696
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11697
+ .uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
11698
+ .uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
11699
+ background-color: rgba(0, 0, 0, 0.05);
11700
+ }
11701
+ .uk-light .uk-search-medium .uk-search-input,
11702
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11703
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11704
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11705
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11706
+ .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
11707
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11708
+ .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
11709
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11710
+ .uk-overlay-primary .uk-search-medium .uk-search-input,
11711
+ .uk-offcanvas-bar .uk-search-medium .uk-search-input {
11712
+ background-color: transparent;
11713
+ border-color: rgba(255, 255, 255, 0.2);
11714
+ }
11715
+ .uk-light .uk-search-medium .uk-search-input:focus,
11716
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11717
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11718
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11719
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11720
+ .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,
11721
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11722
+ .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,
11723
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11724
+ .uk-overlay-primary .uk-search-medium .uk-search-input:focus,
11725
+ .uk-offcanvas-bar .uk-search-medium .uk-search-input:focus {
11726
+ background-color: rgba(0, 0, 0, 0.05);
11727
+ }
11728
+ .uk-light .uk-search-large .uk-search-input,
11729
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11730
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11731
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11732
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11733
+ .uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
11734
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11735
+ .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
11736
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11737
+ .uk-overlay-primary .uk-search-large .uk-search-input,
11738
+ .uk-offcanvas-bar .uk-search-large .uk-search-input {
11739
+ background-color: transparent;
11740
+ border-color: rgba(255, 255, 255, 0.2);
11741
+ }
11742
+ .uk-light .uk-search-large .uk-search-input:focus,
11743
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11744
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11745
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11746
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11747
+ .uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,
11748
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11749
+ .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,
11750
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11751
+ .uk-overlay-primary .uk-search-large .uk-search-input:focus,
11752
+ .uk-offcanvas-bar .uk-search-large .uk-search-input:focus {
11753
+ background-color: rgba(0, 0, 0, 0.05);
11754
+ }
11755
+ .uk-light .uk-search-toggle,
11756
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
11757
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
11758
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
11759
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
11760
+ .uk-card-primary.uk-card-body .uk-search-toggle,
11761
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
11762
+ .uk-card-secondary.uk-card-body .uk-search-toggle,
11763
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
11764
+ .uk-overlay-primary .uk-search-toggle,
11765
+ .uk-offcanvas-bar .uk-search-toggle {
11766
+ color: rgba(255, 255, 255, 0.5);
11767
+ }
11768
+ .uk-light .uk-search-toggle:hover,
11769
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11770
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11771
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11772
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11773
+ .uk-card-primary.uk-card-body .uk-search-toggle:hover,
11774
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11775
+ .uk-card-secondary.uk-card-body .uk-search-toggle:hover,
11776
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11777
+ .uk-overlay-primary .uk-search-toggle:hover,
11778
+ .uk-offcanvas-bar .uk-search-toggle:hover {
11779
+ color: rgba(255, 255, 255, 0.7);
11780
+ }
11479
11781
  .uk-light .uk-button-default,
11480
11782
  .uk-section-primary:not(.uk-preserve-color) .uk-button-default,
11481
11783
  .uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
@@ -11863,192 +12165,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11863
12165
  .uk-offcanvas-bar .uk-article-meta {
11864
12166
  color: rgba(255, 255, 255, 0.5);
11865
12167
  }
11866
- .uk-light .uk-search-input,
11867
- .uk-section-primary:not(.uk-preserve-color) .uk-search-input,
11868
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
11869
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
11870
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
11871
- .uk-card-primary.uk-card-body .uk-search-input,
11872
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
11873
- .uk-card-secondary.uk-card-body .uk-search-input,
11874
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
11875
- .uk-overlay-primary .uk-search-input,
11876
- .uk-offcanvas-bar .uk-search-input {
11877
- color: rgba(255, 255, 255, 0.7);
11878
- }
11879
- .uk-light .uk-search-input::placeholder,
11880
- .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11881
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11882
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11883
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11884
- .uk-card-primary.uk-card-body .uk-search-input::placeholder,
11885
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11886
- .uk-card-secondary.uk-card-body .uk-search-input::placeholder,
11887
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11888
- .uk-overlay-primary .uk-search-input::placeholder,
11889
- .uk-offcanvas-bar .uk-search-input::placeholder {
11890
- color: rgba(255, 255, 255, 0.5);
11891
- }
11892
- .uk-light .uk-search .uk-search-icon,
11893
- .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11894
- .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11895
- .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11896
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11897
- .uk-card-primary.uk-card-body .uk-search .uk-search-icon,
11898
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11899
- .uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
11900
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11901
- .uk-overlay-primary .uk-search .uk-search-icon,
11902
- .uk-offcanvas-bar .uk-search .uk-search-icon {
11903
- color: rgba(255, 255, 255, 0.5);
11904
- }
11905
- .uk-light .uk-search .uk-search-icon:hover,
11906
- .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11907
- .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11908
- .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11909
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11910
- .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
11911
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11912
- .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
11913
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11914
- .uk-overlay-primary .uk-search .uk-search-icon:hover,
11915
- .uk-offcanvas-bar .uk-search .uk-search-icon:hover {
11916
- color: rgba(255, 255, 255, 0.5);
11917
- }
11918
- .uk-light .uk-search-default .uk-search-input,
11919
- .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11920
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11921
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11922
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11923
- .uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
11924
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11925
- .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
11926
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11927
- .uk-overlay-primary .uk-search-default .uk-search-input,
11928
- .uk-offcanvas-bar .uk-search-default .uk-search-input {
11929
- background-color: transparent;
11930
- border-color: rgba(255, 255, 255, 0.2);
11931
- }
11932
- .uk-light .uk-search-default .uk-search-input:focus,
11933
- .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11934
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11935
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11936
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11937
- .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
11938
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11939
- .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
11940
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11941
- .uk-overlay-primary .uk-search-default .uk-search-input:focus,
11942
- .uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
11943
- background-color: rgba(0, 0, 0, 0.05);
11944
- }
11945
- .uk-light .uk-search-navbar .uk-search-input,
11946
- .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11947
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11948
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11949
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11950
- .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
11951
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11952
- .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
11953
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11954
- .uk-overlay-primary .uk-search-navbar .uk-search-input,
11955
- .uk-offcanvas-bar .uk-search-navbar .uk-search-input {
11956
- background-color: transparent;
11957
- border-color: rgba(255, 255, 255, 0.2);
11958
- }
11959
- .uk-light .uk-search-navbar .uk-search-input:focus,
11960
- .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11961
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11962
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11963
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11964
- .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11965
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11966
- .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11967
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11968
- .uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
11969
- .uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
11970
- background-color: rgba(0, 0, 0, 0.05);
11971
- }
11972
- .uk-light .uk-search-medium .uk-search-input,
11973
- .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11974
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11975
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11976
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11977
- .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
11978
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11979
- .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
11980
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11981
- .uk-overlay-primary .uk-search-medium .uk-search-input,
11982
- .uk-offcanvas-bar .uk-search-medium .uk-search-input {
11983
- background-color: transparent;
11984
- border-color: rgba(255, 255, 255, 0.2);
11985
- }
11986
- .uk-light .uk-search-medium .uk-search-input:focus,
11987
- .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11988
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11989
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11990
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11991
- .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,
11992
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11993
- .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,
11994
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11995
- .uk-overlay-primary .uk-search-medium .uk-search-input:focus,
11996
- .uk-offcanvas-bar .uk-search-medium .uk-search-input:focus {
11997
- background-color: rgba(0, 0, 0, 0.05);
11998
- }
11999
- .uk-light .uk-search-large .uk-search-input,
12000
- .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
12001
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
12002
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
12003
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
12004
- .uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
12005
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
12006
- .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
12007
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
12008
- .uk-overlay-primary .uk-search-large .uk-search-input,
12009
- .uk-offcanvas-bar .uk-search-large .uk-search-input {
12010
- background-color: transparent;
12011
- border-color: rgba(255, 255, 255, 0.2);
12012
- }
12013
- .uk-light .uk-search-large .uk-search-input:focus,
12014
- .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
12015
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
12016
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
12017
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
12018
- .uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,
12019
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
12020
- .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,
12021
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
12022
- .uk-overlay-primary .uk-search-large .uk-search-input:focus,
12023
- .uk-offcanvas-bar .uk-search-large .uk-search-input:focus {
12024
- background-color: rgba(0, 0, 0, 0.05);
12025
- }
12026
- .uk-light .uk-search-toggle,
12027
- .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
12028
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
12029
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
12030
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
12031
- .uk-card-primary.uk-card-body .uk-search-toggle,
12032
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
12033
- .uk-card-secondary.uk-card-body .uk-search-toggle,
12034
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
12035
- .uk-overlay-primary .uk-search-toggle,
12036
- .uk-offcanvas-bar .uk-search-toggle {
12037
- color: rgba(255, 255, 255, 0.5);
12038
- }
12039
- .uk-light .uk-search-toggle:hover,
12040
- .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
12041
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
12042
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
12043
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
12044
- .uk-card-primary.uk-card-body .uk-search-toggle:hover,
12045
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
12046
- .uk-card-secondary.uk-card-body .uk-search-toggle:hover,
12047
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
12048
- .uk-overlay-primary .uk-search-toggle:hover,
12049
- .uk-offcanvas-bar .uk-search-toggle:hover {
12050
- color: rgba(255, 255, 255, 0.7);
12051
- }
12052
12168
  .uk-light .uk-accordion-default .uk-accordion-title,
12053
12169
  .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
12054
12170
  .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
@@ -12153,17 +12269,17 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
12153
12269
  .uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before {
12154
12270
  border-left-color: rgba(255, 255, 255, 0.2);
12155
12271
  }
12156
- .uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12157
- .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12158
- .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12159
- .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12160
- .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12161
- .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12162
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12163
- .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12164
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12165
- .uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12166
- .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
12272
+ .uk-light .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12273
+ .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12274
+ .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12275
+ .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12276
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12277
+ .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12278
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12279
+ .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12280
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12281
+ .uk-overlay-primary .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12282
+ .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
12167
12283
  border-top-color: rgba(255, 255, 255, 0.2);
12168
12284
  }
12169
12285
  .uk-light .uk-nav-default > li > a,
@@ -13031,6 +13147,58 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
13031
13147
  background-color: rgba(255, 255, 255, 0.9);
13032
13148
  border-color: transparent;
13033
13149
  }
13150
+ .uk-light .uk-logo,
13151
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo,
13152
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo,
13153
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo,
13154
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
13155
+ .uk-card-primary.uk-card-body .uk-logo,
13156
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
13157
+ .uk-card-secondary.uk-card-body .uk-logo,
13158
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
13159
+ .uk-overlay-primary .uk-logo,
13160
+ .uk-offcanvas-bar .uk-logo {
13161
+ color: #fff;
13162
+ }
13163
+ .uk-light .uk-logo:hover,
13164
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
13165
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
13166
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
13167
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
13168
+ .uk-card-primary.uk-card-body .uk-logo:hover,
13169
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
13170
+ .uk-card-secondary.uk-card-body .uk-logo:hover,
13171
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
13172
+ .uk-overlay-primary .uk-logo:hover,
13173
+ .uk-offcanvas-bar .uk-logo:hover {
13174
+ color: #fff;
13175
+ }
13176
+ .uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
13177
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
13178
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
13179
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
13180
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
13181
+ .uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
13182
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
13183
+ .uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
13184
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
13185
+ .uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
13186
+ .uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]) {
13187
+ display: none;
13188
+ }
13189
+ .uk-light .uk-logo-inverse:not([uk-svg]),
13190
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
13191
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
13192
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
13193
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
13194
+ .uk-card-primary.uk-card-body .uk-logo-inverse:not([uk-svg]),
13195
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
13196
+ .uk-card-secondary.uk-card-body .uk-logo-inverse:not([uk-svg]),
13197
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
13198
+ .uk-overlay-primary .uk-logo-inverse:not([uk-svg]),
13199
+ .uk-offcanvas-bar .uk-logo-inverse:not([uk-svg]) {
13200
+ display: block;
13201
+ }
13034
13202
  .uk-light .uk-text-lead,
13035
13203
  .uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
13036
13204
  .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
@@ -13122,58 +13290,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
13122
13290
  .uk-offcanvas-bar .uk-column-divider {
13123
13291
  column-rule-color: rgba(255, 255, 255, 0.2);
13124
13292
  }
13125
- .uk-light .uk-logo,
13126
- .uk-section-primary:not(.uk-preserve-color) .uk-logo,
13127
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo,
13128
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo,
13129
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
13130
- .uk-card-primary.uk-card-body .uk-logo,
13131
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
13132
- .uk-card-secondary.uk-card-body .uk-logo,
13133
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
13134
- .uk-overlay-primary .uk-logo,
13135
- .uk-offcanvas-bar .uk-logo {
13136
- color: #fff;
13137
- }
13138
- .uk-light .uk-logo:hover,
13139
- .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
13140
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
13141
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
13142
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
13143
- .uk-card-primary.uk-card-body .uk-logo:hover,
13144
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
13145
- .uk-card-secondary.uk-card-body .uk-logo:hover,
13146
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
13147
- .uk-overlay-primary .uk-logo:hover,
13148
- .uk-offcanvas-bar .uk-logo:hover {
13149
- color: #fff;
13150
- }
13151
- .uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13152
- .uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13153
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13154
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13155
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13156
- .uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13157
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13158
- .uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13159
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13160
- .uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13161
- .uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) {
13162
- display: none;
13163
- }
13164
- .uk-light .uk-logo-inverse,
13165
- .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
13166
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
13167
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
13168
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse,
13169
- .uk-card-primary.uk-card-body .uk-logo-inverse,
13170
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse,
13171
- .uk-card-secondary.uk-card-body .uk-logo-inverse,
13172
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse,
13173
- .uk-overlay-primary .uk-logo-inverse,
13174
- .uk-offcanvas-bar .uk-logo-inverse {
13175
- display: block;
13176
- }
13177
13293
  .uk-light .uk-table-striped > tr:nth-of-type(even):last-child,
13178
13294
  .uk-light .uk-table-striped tbody tr:nth-of-type(even):last-child,
13179
13295
  .uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child,