uikit 3.25.27-dev.9e97c1f → 3.25.27

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 (222) hide show
  1. package/CHANGELOG.md +2 -34
  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/dist/css/uikit-core-rtl.css +1569 -1692
  7. package/dist/css/uikit-core-rtl.min.css +1 -1
  8. package/dist/css/uikit-core.css +1569 -1692
  9. package/dist/css/uikit-core.min.css +1 -1
  10. package/dist/css/uikit-rtl.css +1210 -1326
  11. package/dist/css/uikit-rtl.min.css +1 -1
  12. package/dist/css/uikit.css +1210 -1326
  13. package/dist/css/uikit.min.css +1 -1
  14. package/dist/js/components/countdown.js +1 -1
  15. package/dist/js/components/countdown.min.js +1 -1
  16. package/dist/js/components/filter.js +1 -1
  17. package/dist/js/components/filter.min.js +1 -1
  18. package/dist/js/components/lightbox-panel.js +135 -134
  19. package/dist/js/components/lightbox-panel.min.js +1 -1
  20. package/dist/js/components/lightbox.js +136 -135
  21. package/dist/js/components/lightbox.min.js +1 -1
  22. package/dist/js/components/notification.js +6 -8
  23. package/dist/js/components/notification.min.js +1 -1
  24. package/dist/js/components/parallax.js +12 -8
  25. package/dist/js/components/parallax.min.js +1 -1
  26. package/dist/js/components/slider-parallax.js +12 -8
  27. package/dist/js/components/slider-parallax.min.js +1 -1
  28. package/dist/js/components/slider.js +25 -51
  29. package/dist/js/components/slider.min.js +1 -1
  30. package/dist/js/components/slideshow-parallax.js +12 -8
  31. package/dist/js/components/slideshow-parallax.min.js +1 -1
  32. package/dist/js/components/slideshow.js +102 -81
  33. package/dist/js/components/slideshow.min.js +1 -1
  34. package/dist/js/components/sortable.js +1 -1
  35. package/dist/js/components/sortable.min.js +1 -1
  36. package/dist/js/components/tooltip.js +17 -15
  37. package/dist/js/components/tooltip.min.js +1 -1
  38. package/dist/js/components/upload.js +1 -1
  39. package/dist/js/components/upload.min.js +1 -1
  40. package/dist/js/uikit-core.js +313 -856
  41. package/dist/js/uikit-core.min.js +1 -1
  42. package/dist/js/uikit-icons.js +1 -1
  43. package/dist/js/uikit-icons.min.js +1 -1
  44. package/dist/js/uikit.js +377 -711
  45. package/dist/js/uikit.min.js +1 -1
  46. package/package.json +2 -2
  47. package/src/js/api/component.js +3 -2
  48. package/src/js/api/observables.js +4 -16
  49. package/src/js/api/options.js +3 -6
  50. package/src/js/api/props.js +3 -1
  51. package/src/js/api/state.js +8 -7
  52. package/src/js/components/index.js +0 -1
  53. package/src/js/components/internal/lightbox-animations.js +26 -7
  54. package/src/js/components/internal/slider-preload.js +0 -1
  55. package/src/js/components/internal/slideshow-animations.js +62 -15
  56. package/src/js/components/lightbox-panel.js +96 -121
  57. package/src/js/components/lightbox.js +8 -5
  58. package/src/js/components/notification.js +5 -7
  59. package/src/js/core/accordion.js +31 -62
  60. package/src/js/core/drop.js +3 -4
  61. package/src/js/core/dropnav.js +3 -3
  62. package/src/js/core/grid.js +19 -5
  63. package/src/js/core/margin.js +0 -3
  64. package/src/js/core/scroll.js +11 -0
  65. package/src/js/core/sticky.js +1 -1
  66. package/src/js/core/switcher.js +49 -12
  67. package/src/js/core/video.js +21 -236
  68. package/src/js/mixin/internal/slideshow-animations.js +13 -5
  69. package/src/js/mixin/internal/slideshow-transitioner.js +2 -2
  70. package/src/js/mixin/parallax.js +4 -1
  71. package/src/js/mixin/position.js +1 -1
  72. package/src/js/mixin/slider-parallax.js +38 -9
  73. package/src/js/mixin/togglable.js +14 -13
  74. package/src/js/util/attr.js +7 -7
  75. package/src/js/util/dom.js +4 -3
  76. package/src/js/util/lang.js +2 -2
  77. package/src/js/util/player.js +2 -4
  78. package/src/js/util/style.js +13 -12
  79. package/src/js/util/viewport.js +25 -22
  80. package/src/less/components/_import.less +3 -8
  81. package/src/less/components/animation.less +1 -1
  82. package/src/less/components/base.less +1 -1
  83. package/src/less/components/button.less +1 -1
  84. package/src/less/components/card.less +8 -8
  85. package/src/less/components/form.less +15 -15
  86. package/src/less/components/grid.less +65 -58
  87. package/src/less/components/lightbox.less +8 -2
  88. package/src/less/components/margin.less +124 -155
  89. package/src/less/components/modal.less +4 -1
  90. package/src/less/components/nav.less +1 -1
  91. package/src/less/components/navbar.less +1 -1
  92. package/src/less/components/padding.less +9 -9
  93. package/src/less/components/position.less +4 -9
  94. package/src/less/components/search.less +1 -1
  95. package/src/less/components/slideshow.less +4 -1
  96. package/src/less/components/switcher.less +2 -5
  97. package/src/less/components/table.less +4 -4
  98. package/src/less/components/text.less +4 -10
  99. package/src/less/components/utility.less +163 -0
  100. package/src/less/components/visibility.less +4 -4
  101. package/src/less/theme/_import.less +2 -6
  102. package/src/less/theme/alert.less +5 -0
  103. package/src/less/theme/thumbnav.less +4 -1
  104. package/src/less/theme/utility.less +32 -0
  105. package/src/scss/components/_import.scss +3 -8
  106. package/src/scss/components/animation.scss +1 -1
  107. package/src/scss/components/base.scss +1 -1
  108. package/src/scss/components/button.scss +1 -1
  109. package/src/scss/components/card.scss +8 -8
  110. package/src/scss/components/form.scss +14 -14
  111. package/src/scss/components/grid.scss +64 -57
  112. package/src/scss/components/lightbox.scss +8 -2
  113. package/src/scss/components/margin.scss +124 -155
  114. package/src/scss/components/modal.scss +4 -1
  115. package/src/scss/components/nav.scss +1 -1
  116. package/src/scss/components/navbar.scss +1 -1
  117. package/src/scss/components/padding.scss +9 -9
  118. package/src/scss/components/position.scss +4 -9
  119. package/src/scss/components/search.scss +1 -1
  120. package/src/scss/components/slideshow.scss +4 -1
  121. package/src/scss/components/switcher.scss +2 -5
  122. package/src/scss/components/table.scss +4 -4
  123. package/src/scss/components/text.scss +4 -10
  124. package/src/scss/components/utility.scss +129 -0
  125. package/src/scss/components/visibility.scss +4 -4
  126. package/src/scss/mixins-theme.scss +43 -44
  127. package/src/scss/mixins.scss +31 -40
  128. package/src/scss/variables-theme.scss +14 -14
  129. package/src/scss/variables.scss +14 -14
  130. package/tests/accordion.html +10 -77
  131. package/tests/alert.html +1 -1
  132. package/tests/align.html +5 -5
  133. package/tests/animation.html +4 -4
  134. package/tests/article.html +7 -7
  135. package/tests/background.html +2 -2
  136. package/tests/badge.html +1 -1
  137. package/tests/base.html +2 -2
  138. package/tests/button.html +1 -1
  139. package/tests/card.html +15 -15
  140. package/tests/close.html +2 -2
  141. package/tests/comment.html +9 -9
  142. package/tests/container.html +2 -2
  143. package/tests/countdown.html +21 -21
  144. package/tests/cover.html +3 -3
  145. package/tests/description-list.html +1 -1
  146. package/tests/divider.html +3 -3
  147. package/tests/dotnav.html +1 -1
  148. package/tests/drop.html +7 -7
  149. package/tests/dropbar.html +5 -5
  150. package/tests/dropdown.html +1 -1
  151. package/tests/dropnav.html +18 -18
  152. package/tests/filter.html +3 -3
  153. package/tests/form.html +14 -14
  154. package/tests/grid.html +47 -41
  155. package/tests/heading.html +2 -2
  156. package/tests/height-viewport.html +4 -4
  157. package/tests/height.html +5 -5
  158. package/tests/icon.html +8 -8
  159. package/tests/image.html +6 -6
  160. package/tests/index.html +13 -13
  161. package/tests/js/index.js +1 -1
  162. package/tests/leader.html +5 -5
  163. package/tests/lightbox.html +6 -6
  164. package/tests/link.html +1 -1
  165. package/tests/list.html +4 -4
  166. package/tests/margin.html +7 -59
  167. package/tests/marker.html +3 -3
  168. package/tests/modal.html +3 -3
  169. package/tests/nav.html +5 -5
  170. package/tests/navbar.html +27 -27
  171. package/tests/notification.html +2 -8
  172. package/tests/offcanvas.html +12 -12
  173. package/tests/overlay.html +3 -3
  174. package/tests/padding.html +1 -1
  175. package/tests/pagination.html +3 -3
  176. package/tests/parallax.html +1 -1
  177. package/tests/position.html +6 -6
  178. package/tests/scrollspy.html +13 -13
  179. package/tests/search.html +5 -5
  180. package/tests/section.html +17 -17
  181. package/tests/slidenav.html +3 -3
  182. package/tests/slider.html +5 -5
  183. package/tests/slideshow.html +3 -33
  184. package/tests/sortable.html +15 -15
  185. package/tests/sticky-navbar.html +4 -4
  186. package/tests/sticky-parallax.html +3 -3
  187. package/tests/sticky.html +3 -3
  188. package/tests/svg.html +2 -3
  189. package/tests/switcher.html +7 -7
  190. package/tests/tab.html +5 -5
  191. package/tests/text.html +3 -9
  192. package/tests/tile.html +4 -4
  193. package/tests/toggle.html +1 -1
  194. package/tests/tooltip.html +3 -3
  195. package/tests/totop.html +2 -2
  196. package/tests/transition.html +1 -1
  197. package/tests/upload.html +5 -5
  198. package/tests/utility.html +116 -16
  199. package/tests/video.html +24 -224
  200. package/tests/visibility.html +4 -4
  201. package/tests/width.html +12 -12
  202. package/dist/js/components/marquee.js +0 -215
  203. package/dist/js/components/marquee.min.js +0 -1
  204. package/src/js/components/marquee.js +0 -156
  205. package/src/js/mixin/connect.js +0 -90
  206. package/src/js/mixin/scroll-driven.js +0 -57
  207. package/src/less/components/dropcap.less +0 -71
  208. package/src/less/components/floating-shadow.less +0 -66
  209. package/src/less/components/logo.less +0 -94
  210. package/src/less/components/marquee.less +0 -133
  211. package/src/less/theme/dropcap.less +0 -29
  212. package/src/less/theme/floating-shadow.less +0 -20
  213. package/src/less/theme/logo.less +0 -29
  214. package/src/less/theme/marquee.less +0 -14
  215. package/src/scss/components/dropcap.scss +0 -63
  216. package/src/scss/components/floating-shadow.scss +0 -63
  217. package/src/scss/components/logo.scss +0 -75
  218. package/src/scss/components/marquee.scss +0 -136
  219. package/tests/dropcap.html +0 -26
  220. package/tests/floating-shadow.html +0 -44
  221. package/tests/logo.html +0 -84
  222. package/tests/marquee.html +0 -617
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.25.27-dev.9e97c1f | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
1
+ /*! UIkit 3.25.27 | 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 :where(p:last-of-type) {
373
+ blockquote 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, .uk-table-link),
1025
- .uk-table-responsive td:not(:first-child, .uk-table-link),
1024
+ .uk-table-responsive th:not(:first-child):not(.uk-table-link),
1025
+ .uk-table-responsive td:not(:first-child):not(.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, .uk-table-link),
1030
- .uk-table-responsive td:not(:last-child, .uk-table-link),
1029
+ .uk-table-responsive th:not(:last-child):not(.uk-table-link),
1030
+ .uk-table-responsive td:not(:last-child):not(.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], [size]) {
1421
+ .uk-select:not([multiple]):not([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], [size]) {
1537
+ .uk-select:not([multiple]):not([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: 0% 50%;
1546
1546
  }
1547
1547
  /* 3 */
1548
- .uk-select:not([multiple], [size]) option {
1548
+ .uk-select:not([multiple]):not([size]) option {
1549
1549
  color: #666;
1550
1550
  }
1551
1551
  /*
1552
1552
  * Disabled
1553
1553
  */
1554
- .uk-select:not([multiple], [size]):disabled {
1554
+ .uk-select:not([multiple]):not([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], [size])) {
1670
+ .uk-form-small:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) {
1671
1671
  height: 30px;
1672
1672
  padding-right: 8px;
1673
1673
  padding-left: 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, input, textarea, [type="radio"], [type="checkbox"]) {
1680
+ .uk-form-small:not(select):not(input):not(textarea):not([type="radio"]):not([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], [size])) {
1695
+ .uk-form-large:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) {
1696
1696
  height: 55px;
1697
1697
  padding-right: 12px;
1698
1698
  padding-left: 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, input, textarea, [type="radio"], [type="checkbox"]) {
1705
+ .uk-form-large:not(select):not(input):not(textarea):not([type="radio"]):not([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 :where(.uk-form-label) {
1792
+ .uk-form-stacked .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 :where(.uk-form-label) {
1802
+ .uk-form-horizontal .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 :where(.uk-form-label) {
1809
+ .uk-form-horizontal .uk-form-label {
1810
1810
  width: 200px;
1811
1811
  margin-top: 7px;
1812
1812
  float: right;
1813
1813
  }
1814
- .uk-form-horizontal :where(.uk-form-controls) {
1814
+ .uk-form-horizontal .uk-form-controls {
1815
1815
  margin-right: 215px;
1816
1816
  }
1817
1817
  /* Better vertical alignment if controls are checkboxes and radio buttons with text */
1818
- .uk-form-horizontal :where(.uk-form-controls-text) {
1818
+ .uk-form-horizontal .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, button, input) {
1854
+ .uk-form-icon:not(a):not(button):not(input) {
1855
1855
  pointer-events: none;
1856
1856
  }
1857
1857
  /*
@@ -1870,256 +1870,6 @@ select.uk-form-width-xsmall {
1870
1870
  .uk-form-icon-flip ~ .uk-input {
1871
1871
  padding-left: 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
- right: 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
- left: 0;
1978
- right: 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-right: 10px;
1991
- padding-left: 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-right: 10px;
2005
- padding-left: 10px;
2006
- }
2007
- .uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2008
- padding-right: 40px;
2009
- }
2010
- .uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
2011
- padding-left: 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-right: 10px;
2024
- padding-left: 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-right: 10px;
2038
- padding-left: 10px;
2039
- }
2040
- .uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2041
- padding-right: 40px;
2042
- }
2043
- .uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
2044
- padding-left: 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-right: 12px;
2057
- padding-left: 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-right: 12px;
2072
- padding-left: 12px;
2073
- }
2074
- .uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2075
- padding-right: 48px;
2076
- }
2077
- .uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
2078
- padding-left: 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-right: 20px;
2091
- padding-left: 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-right: 20px;
2106
- padding-left: 20px;
2107
- }
2108
- .uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2109
- padding-right: 80px;
2110
- }
2111
- .uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
2112
- padding-left: 80px;
2113
- }
2114
- /* Toggle
2115
- ========================================================================== */
2116
- .uk-search-toggle {
2117
- color: #999;
2118
- }
2119
- /* Hover */
2120
- .uk-search-toggle:hover {
2121
- color: #666;
2122
- }
2123
1873
  /* ========================================================================
2124
1874
  Component: Button
2125
1875
  ========================================================================== */
@@ -2172,7 +1922,7 @@ select.uk-form-width-xsmall {
2172
1922
  }
2173
1923
  /* Hover */
2174
1924
  .uk-button:hover {
2175
- /* 10 */
1925
+ /* 9 */
2176
1926
  text-decoration: none;
2177
1927
  }
2178
1928
  /* OnClick + Active */
@@ -3018,14 +2768,14 @@ select.uk-form-width-xsmall {
3018
2768
  /*
3019
2769
  * Small
3020
2770
  */
3021
- .uk-card-small:where(.uk-card-body),
3022
- .uk-card-small :where(.uk-card-body) {
2771
+ .uk-card-small.uk-card-body,
2772
+ .uk-card-small .uk-card-body {
3023
2773
  padding: 20px 20px;
3024
2774
  }
3025
- .uk-card-small :where(.uk-card-header) {
2775
+ .uk-card-small .uk-card-header {
3026
2776
  padding: 13px 20px;
3027
2777
  }
3028
- .uk-card-small :where(.uk-card-footer) {
2778
+ .uk-card-small .uk-card-footer {
3029
2779
  padding: 13px 20px;
3030
2780
  }
3031
2781
  /*
@@ -3033,14 +2783,14 @@ select.uk-form-width-xsmall {
3033
2783
  */
3034
2784
  /* Desktop and bigger */
3035
2785
  @media (min-width: 1200px) {
3036
- .uk-card-large:where(.uk-card-body),
3037
- .uk-card-large :where(.uk-card-body) {
2786
+ .uk-card-large.uk-card-body,
2787
+ .uk-card-large .uk-card-body {
3038
2788
  padding: 70px 70px;
3039
2789
  }
3040
- .uk-card-large :where(.uk-card-header) {
2790
+ .uk-card-large .uk-card-header {
3041
2791
  padding: 35px 70px;
3042
2792
  }
3043
- .uk-card-large :where(.uk-card-footer) {
2793
+ .uk-card-large .uk-card-footer {
3044
2794
  padding: 35px 70px;
3045
2795
  }
3046
2796
  }
@@ -3306,6 +3056,10 @@ select.uk-form-width-xsmall {
3306
3056
  color: inherit;
3307
3057
  text-decoration: underline;
3308
3058
  }
3059
+ .uk-alert a:not([class]):hover {
3060
+ color: inherit;
3061
+ text-decoration: underline;
3062
+ }
3309
3063
  /* ========================================================================
3310
3064
  Component: Placeholder
3311
3065
  ========================================================================== */
@@ -3394,63 +3148,7 @@ select.uk-form-width-xsmall {
3394
3148
  color: #fff;
3395
3149
  }
3396
3150
  /* ========================================================================
3397
- Component: Dropcap
3398
- ========================================================================== */
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-left: 10px;
3409
- float: right;
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
- right: 0;
3442
- left: 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
3151
+ Component: Overlay
3454
3152
  ========================================================================== */
3455
3153
  .uk-overlay {
3456
3154
  padding: 30px 30px;
@@ -3594,134 +3292,384 @@ select.uk-form-width-xsmall {
3594
3292
  background-color: #f8f8f8;
3595
3293
  }
3596
3294
  /* ========================================================================
3597
- Component: Accordion
3295
+ Component: Search
3598
3296
  ========================================================================== */
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
- }
3609
3297
  /*
3610
- * Remove margin from the last-child
3298
+ * 1. Container fits its content
3299
+ * 2. Create position context
3300
+ * 3. Prevent content overflow
3301
+ * 4. Reset `form`
3611
3302
  */
3612
- .uk-accordion-content > :last-child {
3613
- margin-bottom: 0;
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;
3614
3312
  }
3615
- /* Default modifier
3313
+ /* Input
3616
3314
  ========================================================================== */
3617
3315
  /*
3618
- * Item
3316
+ * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
3619
3317
  */
3620
- .uk-accordion-default > :nth-child(n+2) {
3621
- margin-top: 20px;
3318
+ .uk-search-input::-webkit-search-cancel-button,
3319
+ .uk-search-input::-webkit-search-decoration {
3320
+ -webkit-appearance: none;
3622
3321
  }
3623
- /* Active */
3624
3322
  /*
3625
- * Title
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
3626
3332
  */
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
+ ========================================================================== */
3627
3363
  /*
3628
- * 1. Center content vertically, e.g. an icon
3629
- * 2. Imitate white space gap when using flexbox
3630
- * 3. Reset link
3364
+ * Position above input
3365
+ * 1. Set position
3366
+ * 2. Center icon vertically and horizontally
3367
+ * 3. Style
3631
3368
  */
3632
- .uk-accordion-default .uk-accordion-title {
3369
+ .uk-search .uk-search-icon {
3633
3370
  /* 1 */
3634
- display: flex;
3635
- align-items: center;
3371
+ position: absolute;
3372
+ top: 0;
3373
+ bottom: 0;
3374
+ right: 0;
3636
3375
  /* 2 */
3637
- column-gap: 15px;
3376
+ display: inline-flex;
3377
+ justify-content: center;
3378
+ align-items: center;
3638
3379
  /* 3 */
3639
- font-size: 1.25rem;
3640
- line-height: 1.4;
3641
- color: #333;
3380
+ color: #999;
3642
3381
  }
3643
- /* Hover */
3644
- .uk-accordion-default .uk-accordion-title:hover {
3645
- color: #666;
3646
- text-decoration: none;
3382
+ /*
3383
+ * Required for `a`.
3384
+ */
3385
+ .uk-search .uk-search-icon:hover {
3386
+ color: #999;
3647
3387
  }
3648
- /* Active */
3649
3388
  /*
3650
- * Icon
3389
+ * Make `input` element clickable through icon, e.g. if it's a `span`
3651
3390
  */
3652
- .uk-accordion-default .uk-accordion-icon {
3653
- flex: none;
3654
- margin-right: auto;
3655
- color: #666;
3391
+ .uk-search .uk-search-icon:not(a):not(button):not(input) {
3392
+ pointer-events: none;
3656
3393
  }
3657
3394
  /*
3658
- * Content
3395
+ * Position modifier
3659
3396
  */
3660
- .uk-accordion-default .uk-accordion-content {
3661
- margin-top: 20px;
3397
+ .uk-search .uk-search-icon-flip {
3398
+ left: 0;
3399
+ right: auto;
3662
3400
  }
3663
- /* ========================================================================
3664
- Component: Drop
3401
+ /* Default modifier
3665
3402
  ========================================================================== */
3403
+ .uk-search-default {
3404
+ width: 240px;
3405
+ }
3666
3406
  /*
3667
- * 1. Hide by default
3668
- * 2. Set position
3669
- * 3. Set a default width
3407
+ * Input
3670
3408
  */
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;
3409
+ .uk-search-default .uk-search-input {
3410
+ height: 40px;
3411
+ padding-right: 10px;
3412
+ padding-left: 10px;
3413
+ background: transparent;
3414
+ border: 1px solid #e5e5e5;
3682
3415
  }
3683
- /* Show */
3684
- .uk-drop.uk-open {
3685
- display: block;
3416
+ /* Focus */
3417
+ .uk-search-default .uk-search-input:focus {
3418
+ background-color: rgba(0, 0, 0, 0);
3419
+ border-color: #1e87f0;
3686
3420
  }
3687
- /* Grid modifiers
3688
- ========================================================================== */
3689
- .uk-drop-stack .uk-drop-grid > * {
3690
- width: 100% !important;
3421
+ /*
3422
+ * Icon
3423
+ */
3424
+ .uk-search-default .uk-search-icon {
3425
+ padding-right: 10px;
3426
+ padding-left: 10px;
3691
3427
  }
3692
- /* Parent icon
3693
- ========================================================================== */
3694
- .uk-drop-parent-icon {
3695
- margin-right: 0.25em;
3696
- transition: transform 0.3s ease-out;
3428
+ .uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3429
+ padding-right: 40px;
3697
3430
  }
3698
- [aria-expanded="true"] > .uk-drop-parent-icon {
3699
- transform: rotateX(180deg);
3431
+ .uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
3432
+ padding-left: 40px;
3700
3433
  }
3701
- /* ========================================================================
3702
- Component: Dropbar
3434
+ /* Navbar modifier
3703
3435
  ========================================================================== */
3436
+ .uk-search-navbar {
3437
+ width: 240px;
3438
+ }
3704
3439
  /*
3705
- * Adopts `uk-drop`
3706
- * 1. Reset drop
3707
- * 2. Style
3440
+ * Input
3708
3441
  */
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;
3442
+ .uk-search-navbar .uk-search-input {
3443
+ height: 40px;
3444
+ padding-right: 10px;
3445
+ padding-left: 10px;
3718
3446
  background: #fff;
3719
- color: #666;
3447
+ border: 1px solid #e5e5e5;
3720
3448
  }
3721
- /*
3722
- * Remove margin from the last-child
3723
- */
3724
- .uk-dropbar > :last-child {
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-right: 10px;
3459
+ padding-left: 10px;
3460
+ }
3461
+ .uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3462
+ padding-right: 40px;
3463
+ }
3464
+ .uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
3465
+ padding-left: 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-right: 12px;
3478
+ padding-left: 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-right: 12px;
3493
+ padding-left: 12px;
3494
+ }
3495
+ .uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3496
+ padding-right: 48px;
3497
+ }
3498
+ .uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
3499
+ padding-left: 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-right: 20px;
3512
+ padding-left: 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-right: 20px;
3527
+ padding-left: 20px;
3528
+ }
3529
+ .uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3530
+ padding-right: 80px;
3531
+ }
3532
+ .uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
3533
+ padding-left: 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-right: 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-right: 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;
3668
+ }
3669
+ /*
3670
+ * Remove margin from the last-child
3671
+ */
3672
+ .uk-dropbar > :last-child {
3725
3673
  margin-bottom: 0;
3726
3674
  }
3727
3675
  /* Phone landscape and bigger */
@@ -3795,7 +3743,10 @@ select.uk-form-width-xsmall {
3795
3743
  display: none;
3796
3744
  /* 2 */
3797
3745
  position: fixed;
3798
- inset: 0;
3746
+ top: 0;
3747
+ left: 0;
3748
+ bottom: 0;
3749
+ right: 0;
3799
3750
  z-index: 1010;
3800
3751
  /* 3 */
3801
3752
  overflow-y: auto;
@@ -4041,8 +3992,11 @@ select.uk-form-width-xsmall {
4041
3992
  .uk-slideshow-items > * {
4042
3993
  /* 1 */
4043
3994
  position: absolute;
3995
+ top: 0;
3996
+ right: 0;
4044
3997
  /* 2 */
4045
- inset: 0;
3998
+ left: 0;
3999
+ bottom: 0;
4046
4000
  /* 3 */
4047
4001
  overflow: hidden;
4048
4002
  /* 4 */
@@ -4140,120 +4094,30 @@ select.uk-form-width-xsmall {
4140
4094
  position: relative;
4141
4095
  }
4142
4096
  /* ========================================================================
4143
- Component: Marquee
4097
+ Component: Sticky
4144
4098
  ========================================================================== */
4145
4099
  /*
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.
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
4151
4104
  */
4152
- .uk-marquee {
4105
+ .uk-sticky {
4153
4106
  /* 1 */
4154
- overflow-x: hidden;
4107
+ position: relative;
4155
4108
  /* 2 */
4156
- overflow-x: clip;
4109
+ z-index: 980;
4157
4110
  /* 3 */
4158
- -webkit-tap-highlight-color: transparent;
4111
+ box-sizing: border-box;
4159
4112
  }
4160
- .uk-marquee-vertical {
4161
- overflow: visible;
4162
- overflow-y: hidden;
4163
- overflow-y: clip;
4113
+ .uk-sticky-fixed {
4114
+ margin: 0 !important;
4164
4115
  }
4165
4116
  /*
4166
- * Fade out
4117
+ * Faster animations
4167
4118
  */
4168
- .uk-marquee-fade {
4169
- --uk-overflow-fade-size: 100px;
4170
- --uk-overflow-fade-direction: right;
4171
- }
4172
- .uk-marquee-fade.uk-marquee-vertical {
4173
- --uk-overflow-fade-direction: bottom;
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
- ========================================================================== */
4180
- /*
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;
4119
+ .uk-sticky[class*="uk-animation-"] {
4120
+ animation-duration: 0.2s;
4257
4121
  }
4258
4122
  .uk-sticky.uk-animation-reverse {
4259
4123
  animation-duration: 0.2s;
@@ -4510,12 +4374,9 @@ select.uk-form-width-xsmall {
4510
4374
  /* Items
4511
4375
  ========================================================================== */
4512
4376
  /*
4513
- * 1. Hide not active items
4514
- * 2. Do not hide the first child if the switcher is not activated
4377
+ * Hide not active items
4515
4378
  */
4516
- /* 1 */
4517
- .uk-switcher:has(> .uk-active) > :not(.uk-active),
4518
- .uk-switcher:not(:has(> .uk-active)) > :not(:first-child) {
4379
+ .uk-switcher > :not(.uk-active) {
4519
4380
  display: none;
4520
4381
  }
4521
4382
  /*
@@ -4792,7 +4653,10 @@ select.uk-form-width-xsmall {
4792
4653
  .uk-thumbnav > * > *::after {
4793
4654
  content: "";
4794
4655
  position: absolute;
4795
- inset: 0;
4656
+ top: 0;
4657
+ bottom: 0;
4658
+ right: 0;
4659
+ left: 0;
4796
4660
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
4797
4661
  transition: opacity 0.1s ease-in-out;
4798
4662
  }
@@ -4931,38 +4795,36 @@ select.uk-form-width-xsmall {
4931
4795
  .uk-grid > * > :last-child {
4932
4796
  margin-bottom: 0;
4933
4797
  }
4934
- /* Gap
4798
+ /* Gutter
4935
4799
  ========================================================================== */
4936
4800
  /*
4937
4801
  * Default
4938
4802
  */
4803
+ /* Horizontal */
4939
4804
  .uk-grid {
4940
4805
  margin-right: -30px;
4941
4806
  }
4942
4807
  .uk-grid > * {
4943
4808
  padding-right: 30px;
4944
4809
  }
4945
- .uk-grid {
4946
- row-gap: 30px;
4947
- }
4948
- /* Margin */
4949
- .uk-grid + :where(.uk-grid),
4810
+ /* Vertical */
4811
+ .uk-grid + .uk-grid,
4812
+ .uk-grid > .uk-grid-margin,
4950
4813
  * + .uk-grid-margin {
4951
4814
  margin-top: 30px;
4952
4815
  }
4953
4816
  /* Desktop and bigger */
4954
4817
  @media (min-width: 1200px) {
4818
+ /* Horizontal */
4955
4819
  .uk-grid {
4956
4820
  margin-right: -40px;
4957
4821
  }
4958
4822
  .uk-grid > * {
4959
4823
  padding-right: 40px;
4960
4824
  }
4961
- .uk-grid {
4962
- row-gap: 40px;
4963
- }
4964
- /* Margin */
4965
- .uk-grid + :where(.uk-grid),
4825
+ /* Vertical */
4826
+ .uk-grid + .uk-grid,
4827
+ .uk-grid > .uk-grid-margin,
4966
4828
  * + .uk-grid-margin {
4967
4829
  margin-top: 40px;
4968
4830
  }
@@ -4970,6 +4832,7 @@ select.uk-form-width-xsmall {
4970
4832
  /*
4971
4833
  * Small
4972
4834
  */
4835
+ /* Horizontal */
4973
4836
  .uk-grid-small,
4974
4837
  .uk-grid-column-small {
4975
4838
  margin-right: -15px;
@@ -4978,18 +4841,18 @@ select.uk-form-width-xsmall {
4978
4841
  .uk-grid-column-small > * {
4979
4842
  padding-right: 15px;
4980
4843
  }
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),
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,
4987
4849
  * + .uk-grid-margin-small {
4988
4850
  margin-top: 15px;
4989
4851
  }
4990
4852
  /*
4991
4853
  * Medium
4992
4854
  */
4855
+ /* Horizontal */
4993
4856
  .uk-grid-medium,
4994
4857
  .uk-grid-column-medium {
4995
4858
  margin-right: -30px;
@@ -4998,18 +4861,18 @@ select.uk-form-width-xsmall {
4998
4861
  .uk-grid-column-medium > * {
4999
4862
  padding-right: 30px;
5000
4863
  }
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),
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,
5007
4869
  * + .uk-grid-margin-medium {
5008
4870
  margin-top: 30px;
5009
4871
  }
5010
4872
  /*
5011
4873
  * Large
5012
4874
  */
4875
+ /* Horizontal */
5013
4876
  .uk-grid-large,
5014
4877
  .uk-grid-column-large {
5015
4878
  margin-right: -40px;
@@ -5018,17 +4881,17 @@ select.uk-form-width-xsmall {
5018
4881
  .uk-grid-column-large > * {
5019
4882
  padding-right: 40px;
5020
4883
  }
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),
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,
5027
4889
  * + .uk-grid-margin-large {
5028
4890
  margin-top: 40px;
5029
4891
  }
5030
4892
  /* Desktop and bigger */
5031
4893
  @media (min-width: 1200px) {
4894
+ /* Horizontal */
5032
4895
  .uk-grid-large,
5033
4896
  .uk-grid-column-large {
5034
4897
  margin-right: -70px;
@@ -5037,12 +4900,11 @@ select.uk-form-width-xsmall {
5037
4900
  .uk-grid-column-large > * {
5038
4901
  padding-right: 70px;
5039
4902
  }
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),
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,
5046
4908
  * + .uk-grid-margin-large {
5047
4909
  margin-top: 70px;
5048
4910
  }
@@ -5050,6 +4912,7 @@ select.uk-form-width-xsmall {
5050
4912
  /*
5051
4913
  * Collapse
5052
4914
  */
4915
+ /* Horizontal */
5053
4916
  .uk-grid-collapse,
5054
4917
  .uk-grid-column-collapse {
5055
4918
  margin-right: 0;
@@ -5058,12 +4921,11 @@ select.uk-form-width-xsmall {
5058
4921
  .uk-grid-column-collapse > * {
5059
4922
  padding-right: 0;
5060
4923
  }
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) {
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 {
5067
4929
  margin-top: 0;
5068
4930
  }
5069
4931
  /* Divider
@@ -5071,7 +4933,6 @@ select.uk-form-width-xsmall {
5071
4933
  .uk-grid-divider > * {
5072
4934
  position: relative;
5073
4935
  }
5074
- /* Horizontal */
5075
4936
  .uk-grid-divider > :not(.uk-first-column)::before {
5076
4937
  content: "";
5077
4938
  position: absolute;
@@ -5080,7 +4941,7 @@ select.uk-form-width-xsmall {
5080
4941
  border-right: 1px solid #e5e5e5;
5081
4942
  }
5082
4943
  /* Vertical */
5083
- .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
4944
+ .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
5084
4945
  content: "";
5085
4946
  position: absolute;
5086
4947
  right: 0;
@@ -5101,10 +4962,10 @@ select.uk-form-width-xsmall {
5101
4962
  right: 30px;
5102
4963
  }
5103
4964
  /* Vertical */
5104
- .uk-grid-divider.uk-grid-stack {
5105
- row-gap: 60px;
4965
+ .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
4966
+ margin-top: 60px;
5106
4967
  }
5107
- .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
4968
+ .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
5108
4969
  top: -30px;
5109
4970
  right: 60px;
5110
4971
  }
@@ -5121,10 +4982,10 @@ select.uk-form-width-xsmall {
5121
4982
  right: 40px;
5122
4983
  }
5123
4984
  /* Vertical */
5124
- .uk-grid-divider.uk-grid-stack {
5125
- row-gap: 80px;
4985
+ .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
4986
+ margin-top: 80px;
5126
4987
  }
5127
- .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
4988
+ .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
5128
4989
  top: -40px;
5129
4990
  right: 80px;
5130
4991
  }
@@ -5146,17 +5007,18 @@ select.uk-form-width-xsmall {
5146
5007
  right: 15px;
5147
5008
  }
5148
5009
  /* Vertical */
5149
- .uk-grid-divider.uk-grid-stack:where(.uk-grid-small, .uk-grid-row-small) {
5150
- row-gap: 30px;
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;
5151
5013
  }
5152
- .uk-grid-divider.uk-grid-stack.uk-grid-small > :not(.uk-first-row)::before {
5014
+ .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
5153
5015
  top: -15px;
5154
5016
  right: 30px;
5155
5017
  }
5156
- .uk-grid-divider.uk-grid-stack.uk-grid-row-small > :not(.uk-first-row)::before {
5018
+ .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
5157
5019
  top: -15px;
5158
5020
  }
5159
- .uk-grid-divider.uk-grid-stack.uk-grid-column-small > :not(.uk-first-row)::before {
5021
+ .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
5160
5022
  right: 30px;
5161
5023
  }
5162
5024
  /*
@@ -5176,17 +5038,18 @@ select.uk-form-width-xsmall {
5176
5038
  right: 30px;
5177
5039
  }
5178
5040
  /* Vertical */
5179
- .uk-grid-divider.uk-grid-stack:where(.uk-grid-medium, .uk-grid-row-medium) {
5180
- row-gap: 60px;
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;
5181
5044
  }
5182
- .uk-grid-divider.uk-grid-stack.uk-grid-medium > :not(.uk-first-row)::before {
5045
+ .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
5183
5046
  top: -30px;
5184
5047
  right: 60px;
5185
5048
  }
5186
- .uk-grid-divider.uk-grid-stack.uk-grid-row-medium > :not(.uk-first-row)::before {
5049
+ .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
5187
5050
  top: -30px;
5188
5051
  }
5189
- .uk-grid-divider.uk-grid-stack.uk-grid-column-medium > :not(.uk-first-row)::before {
5052
+ .uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
5190
5053
  right: 60px;
5191
5054
  }
5192
5055
  /*
@@ -5206,17 +5069,18 @@ select.uk-form-width-xsmall {
5206
5069
  right: 40px;
5207
5070
  }
5208
5071
  /* Vertical */
5209
- .uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
5210
- row-gap: 80px;
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;
5211
5075
  }
5212
- .uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
5076
+ .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
5213
5077
  top: -40px;
5214
5078
  right: 80px;
5215
5079
  }
5216
- .uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
5080
+ .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
5217
5081
  top: -40px;
5218
5082
  }
5219
- .uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
5083
+ .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
5220
5084
  right: 80px;
5221
5085
  }
5222
5086
  /* Desktop and bigger */
@@ -5235,17 +5099,18 @@ select.uk-form-width-xsmall {
5235
5099
  right: 70px;
5236
5100
  }
5237
5101
  /* Vertical */
5238
- .uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
5239
- row-gap: 140px;
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;
5240
5105
  }
5241
- .uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
5106
+ .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
5242
5107
  top: -70px;
5243
5108
  right: 140px;
5244
5109
  }
5245
- .uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
5110
+ .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
5246
5111
  top: -70px;
5247
5112
  }
5248
- .uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
5113
+ .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
5249
5114
  right: 140px;
5250
5115
  }
5251
5116
  }
@@ -5294,7 +5159,7 @@ select.uk-form-width-xsmall {
5294
5159
  align-items: center;
5295
5160
  /* 2 */
5296
5161
  column-gap: 0.25em;
5297
- /* 3 */
5162
+ /* 3*/
5298
5163
  text-decoration: none;
5299
5164
  }
5300
5165
  /*
@@ -5858,8 +5723,8 @@ ul.uk-nav-sub {
5858
5723
  padding-right: 30px;
5859
5724
  }
5860
5725
  /* Gutter Vertical */
5861
- .uk-navbar-dropdown .uk-drop-grid {
5862
- row-gap: 30px;
5726
+ .uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin {
5727
+ margin-top: 30px;
5863
5728
  }
5864
5729
  /*
5865
5730
  * Width modifier
@@ -6636,7 +6501,10 @@ ul.uk-nav-sub {
6636
6501
  display: none;
6637
6502
  /* 2 */
6638
6503
  position: fixed;
6639
- inset: 0;
6504
+ top: 0;
6505
+ left: 0;
6506
+ bottom: 0;
6507
+ right: 0;
6640
6508
  z-index: 1010;
6641
6509
  /* 5 */
6642
6510
  background: #000;
@@ -6690,7 +6558,10 @@ ul.uk-nav-sub {
6690
6558
  .uk-lightbox-items > * {
6691
6559
  /* 1 */
6692
6560
  position: absolute;
6693
- inset: 0;
6561
+ top: 0;
6562
+ left: 0;
6563
+ bottom: 0;
6564
+ right: 0;
6694
6565
  /* 2 */
6695
6566
  display: none;
6696
6567
  justify-content: center;
@@ -6758,39 +6629,6 @@ ul.uk-nav-sub {
6758
6629
  width: 80%;
6759
6630
  height: 80%;
6760
6631
  }
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
- }
6794
6632
  /* ========================================================================
6795
6633
  Component: Animation
6796
6634
  ========================================================================== */
@@ -6899,7 +6737,7 @@ ul.uk-nav-sub {
6899
6737
  }
6900
6738
  /* Toggle animation based on the State of the Parent Element
6901
6739
  ========================================================================== */
6902
- .uk-animation-toggle:not(:hover, :focus) [class*="uk-animation-"] {
6740
+ .uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] {
6903
6741
  animation-name: none;
6904
6742
  }
6905
6743
  /* Keyframes used by animation classes
@@ -8017,12 +7855,6 @@ th.uk-text-break,
8017
7855
  td.uk-text-break {
8018
7856
  word-break: break-word;
8019
7857
  }
8020
- /*
8021
- * Balance text when wrapping onto multiple lines
8022
- */
8023
- .uk-text-balance {
8024
- text-wrap: balance;
8025
- }
8026
7858
  /* Stroke modifiers
8027
7859
  ========================================================================== */
8028
7860
  .uk-text-stroke {
@@ -8796,6 +8628,94 @@ iframe[data-uk-cover] {
8796
8628
  .uk-box-shadow-hover-xlarge:hover {
8797
8629
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
8798
8630
  }
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
+ right: 0;
8652
+ left: 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-left: 10px;
8675
+ float: right;
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
+ }
8799
8719
  /* Disabled State
8800
8720
  ========================================================================== */
8801
8721
  .uk-disabled {
@@ -9288,238 +9208,108 @@ iframe[data-uk-cover] {
9288
9208
  }
9289
9209
  }
9290
9210
  /* ========================================================================
9291
- Component: Position
9292
- ========================================================================== */
9293
- :root {
9294
- --uk-position-margin-offset: 0px;
9295
- }
9296
- /* Directions
9211
+ Component: Margin
9297
9212
  ========================================================================== */
9298
9213
  /*
9299
- * 1. Prevent content overflow.
9214
+ * Default
9300
9215
  */
9301
- [class*="uk-position-top"],
9302
- [class*="uk-position-bottom"],
9303
- [class*="uk-position-right"],
9304
- [class*="uk-position-left"],
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;
9216
+ .uk-margin {
9217
+ margin-bottom: 20px;
9310
9218
  }
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
- right: 0;
9318
- left: 0;
9219
+ * + .uk-margin {
9220
+ margin-top: 20px !important;
9319
9221
  }
9320
- .uk-position-bottom {
9321
- bottom: 0;
9322
- right: 0;
9323
- left: 0;
9222
+ .uk-margin-top {
9223
+ margin-top: 20px !important;
9324
9224
  }
9325
- .uk-position-right {
9326
- top: 0;
9327
- bottom: 0;
9328
- right: 0;
9225
+ .uk-margin-bottom {
9226
+ margin-bottom: 20px !important;
9329
9227
  }
9330
- .uk-position-left {
9331
- top: 0;
9332
- bottom: 0;
9333
- left: 0;
9228
+ .uk-margin-right {
9229
+ margin-right: 20px !important;
9334
9230
  }
9335
- /*
9336
- * Corners
9337
- */
9338
- .uk-position-top-right {
9339
- top: 0;
9340
- right: 0;
9341
- }
9342
- .uk-position-top-left {
9343
- top: 0;
9344
- left: 0;
9345
- }
9346
- .uk-position-bottom-right {
9347
- bottom: 0;
9348
- right: 0;
9349
- }
9350
- .uk-position-bottom-left {
9351
- bottom: 0;
9352
- left: 0;
9353
- }
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
- right: 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-right"],
9370
- [class*="uk-position-center-left"],
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-right {
9377
- right: 0;
9378
- }
9379
- .uk-position-center-left {
9380
- left: 0;
9381
- }
9382
- .uk-position-center-vertical {
9383
- right: 0;
9384
- left: 0;
9385
- }
9386
- .uk-position-center-right-out {
9387
- left: 100%;
9388
- width: max-content;
9389
- }
9390
- .uk-position-center-left-out {
9391
- right: 100%;
9392
- width: max-content;
9393
- }
9394
- /* Horizontal */
9395
- .uk-position-top-center,
9396
- .uk-position-bottom-center,
9397
- .uk-position-center-horizontal {
9398
- right: 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));
9231
+ .uk-margin-left {
9232
+ margin-left: 20px !important;
9427
9233
  }
9428
- /* Margin
9234
+ /* XSmall
9429
9235
  ========================================================================== */
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;
9236
+ .uk-margin-xsmall {
9237
+ margin-bottom: 5px;
9441
9238
  }
9442
- /* Desktop and bigger */
9443
- @media (min-width: 1200px) {
9444
- .uk-position-large {
9445
- margin: 50px;
9446
- --uk-position-margin-offset: 50px;
9447
- }
9239
+ * + .uk-margin-xsmall {
9240
+ margin-top: 5px !important;
9448
9241
  }
9449
- /* Schemes
9450
- ========================================================================== */
9451
- .uk-position-relative {
9452
- position: relative !important;
9242
+ .uk-margin-xsmall-top {
9243
+ margin-top: 5px !important;
9453
9244
  }
9454
- .uk-position-absolute {
9455
- position: absolute !important;
9245
+ .uk-margin-xsmall-bottom {
9246
+ margin-bottom: 5px !important;
9456
9247
  }
9457
- .uk-position-fixed {
9458
- position: fixed !important;
9248
+ .uk-margin-xsmall-right {
9249
+ margin-right: 5px !important;
9459
9250
  }
9460
- .uk-position-sticky {
9461
- position: sticky !important;
9251
+ .uk-margin-xsmall-left {
9252
+ margin-left: 5px !important;
9462
9253
  }
9463
- /* Layer
9254
+ /* Small
9464
9255
  ========================================================================== */
9465
- .uk-position-z-index {
9466
- z-index: 1;
9467
- }
9468
- .uk-position-z-index-zero {
9469
- z-index: 0;
9256
+ .uk-margin-small {
9257
+ margin-bottom: 10px;
9470
9258
  }
9471
- .uk-position-z-index-negative {
9472
- z-index: -1;
9259
+ * + .uk-margin-small {
9260
+ margin-top: 10px !important;
9473
9261
  }
9474
- .uk-position-z-index-high {
9475
- z-index: 990;
9262
+ .uk-margin-small-top {
9263
+ margin-top: 10px !important;
9476
9264
  }
9477
- .uk-position-z-index-highest {
9478
- z-index: 1060;
9265
+ .uk-margin-small-bottom {
9266
+ margin-bottom: 10px !important;
9479
9267
  }
9480
- /* ========================================================================
9481
- Component: Margin
9482
- ========================================================================== */
9483
- /* Two or more directions
9484
- ========================================================================== */
9485
- /*
9486
- * Sizes
9487
- */
9488
- .uk-margin {
9489
- margin-bottom: 20px;
9268
+ .uk-margin-small-right {
9269
+ margin-right: 10px !important;
9490
9270
  }
9491
- * + .uk-margin {
9492
- margin-top: 20px;
9271
+ .uk-margin-small-left {
9272
+ margin-left: 10px !important;
9493
9273
  }
9494
- .uk-margin-xsmall {
9495
- margin-bottom: 5px;
9274
+ /* Medium
9275
+ ========================================================================== */
9276
+ .uk-margin-medium {
9277
+ margin-bottom: 40px;
9496
9278
  }
9497
- * + .uk-margin-xsmall {
9498
- margin-top: 5px;
9279
+ * + .uk-margin-medium {
9280
+ margin-top: 40px !important;
9499
9281
  }
9500
- .uk-margin-small {
9501
- margin-bottom: 10px;
9282
+ .uk-margin-medium-top {
9283
+ margin-top: 40px !important;
9502
9284
  }
9503
- * + .uk-margin-small {
9504
- margin-top: 10px;
9285
+ .uk-margin-medium-bottom {
9286
+ margin-bottom: 40px !important;
9505
9287
  }
9506
- .uk-margin-medium {
9507
- margin-bottom: 40px;
9288
+ .uk-margin-medium-right {
9289
+ margin-right: 40px !important;
9508
9290
  }
9509
- * + .uk-margin-medium {
9510
- margin-top: 40px;
9291
+ .uk-margin-medium-left {
9292
+ margin-left: 40px !important;
9511
9293
  }
9294
+ /* Large
9295
+ ========================================================================== */
9512
9296
  .uk-margin-large {
9513
9297
  margin-bottom: 40px;
9514
9298
  }
9515
9299
  * + .uk-margin-large {
9516
- margin-top: 40px;
9300
+ margin-top: 40px !important;
9517
9301
  }
9518
- .uk-margin-xlarge {
9519
- margin-bottom: 70px;
9302
+ .uk-margin-large-top {
9303
+ margin-top: 40px !important;
9520
9304
  }
9521
- * + .uk-margin-xlarge {
9522
- margin-top: 70px;
9305
+ .uk-margin-large-bottom {
9306
+ margin-bottom: 40px !important;
9307
+ }
9308
+ .uk-margin-large-right {
9309
+ margin-right: 40px !important;
9310
+ }
9311
+ .uk-margin-large-left {
9312
+ margin-left: 40px !important;
9523
9313
  }
9524
9314
  /* Desktop and bigger */
9525
9315
  @media (min-width: 1200px) {
@@ -9527,292 +9317,200 @@ iframe[data-uk-cover] {
9527
9317
  margin-bottom: 70px;
9528
9318
  }
9529
9319
  * + .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;
9320
+ margin-top: 70px !important;
9537
9321
  }
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-right: auto;
9554
- margin-left: auto;
9555
- }
9556
- /* Phone landscape and bigger */
9557
- @media (min-width: 640px) {
9558
- .uk-margin-auto\@s {
9559
- margin-right: auto;
9560
- margin-left: auto;
9322
+ .uk-margin-large-top {
9323
+ margin-top: 70px !important;
9561
9324
  }
9562
- }
9563
- /* Tablet landscape and bigger */
9564
- @media (min-width: 960px) {
9565
- .uk-margin-auto\@m {
9566
- margin-right: auto;
9567
- margin-left: auto;
9325
+ .uk-margin-large-bottom {
9326
+ margin-bottom: 70px !important;
9568
9327
  }
9569
- }
9570
- /* Desktop and bigger */
9571
- @media (min-width: 1200px) {
9572
- .uk-margin-auto\@l {
9573
- margin-right: auto;
9574
- margin-left: auto;
9328
+ .uk-margin-large-right {
9329
+ margin-right: 70px !important;
9575
9330
  }
9576
- }
9577
- /* Large screen and bigger */
9578
- @media (min-width: 1600px) {
9579
- .uk-margin-auto\@xl {
9580
- margin-right: auto;
9581
- margin-left: auto;
9331
+ .uk-margin-large-left {
9332
+ margin-left: 70px !important;
9582
9333
  }
9583
9334
  }
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
9335
+ /* XLarge
9595
9336
  ========================================================================== */
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-right {
9606
- margin-right: 20px;
9607
- }
9608
- .uk-margin-left {
9609
- margin-left: 20px;
9610
- }
9611
- .uk-margin-xsmall-top {
9612
- margin-top: 5px;
9613
- }
9614
- .uk-margin-xsmall-bottom {
9615
- margin-bottom: 5px;
9616
- }
9617
- .uk-margin-xsmall-right {
9618
- margin-right: 5px;
9619
- }
9620
- .uk-margin-xsmall-left {
9621
- margin-left: 5px;
9622
- }
9623
- .uk-margin-small-top {
9624
- margin-top: 10px;
9625
- }
9626
- .uk-margin-small-bottom {
9627
- margin-bottom: 10px;
9628
- }
9629
- .uk-margin-small-right {
9630
- margin-right: 10px;
9631
- }
9632
- .uk-margin-small-left {
9633
- margin-left: 10px;
9634
- }
9635
- .uk-margin-medium-top {
9636
- margin-top: 40px;
9637
- }
9638
- .uk-margin-medium-bottom {
9639
- margin-bottom: 40px;
9640
- }
9641
- .uk-margin-medium-right {
9642
- margin-right: 40px;
9643
- }
9644
- .uk-margin-medium-left {
9645
- margin-left: 40px;
9646
- }
9647
- .uk-margin-large-top {
9648
- margin-top: 40px;
9649
- }
9650
- .uk-margin-large-bottom {
9651
- margin-bottom: 40px;
9652
- }
9653
- .uk-margin-large-right {
9654
- margin-right: 40px;
9337
+ .uk-margin-xlarge {
9338
+ margin-bottom: 70px;
9655
9339
  }
9656
- .uk-margin-large-left {
9657
- margin-left: 40px;
9340
+ * + .uk-margin-xlarge {
9341
+ margin-top: 70px !important;
9658
9342
  }
9659
9343
  .uk-margin-xlarge-top {
9660
- margin-top: 70px;
9344
+ margin-top: 70px !important;
9661
9345
  }
9662
9346
  .uk-margin-xlarge-bottom {
9663
- margin-bottom: 70px;
9347
+ margin-bottom: 70px !important;
9664
9348
  }
9665
9349
  .uk-margin-xlarge-right {
9666
- margin-right: 70px;
9350
+ margin-right: 70px !important;
9667
9351
  }
9668
9352
  .uk-margin-xlarge-left {
9669
- margin-left: 70px;
9353
+ margin-left: 70px !important;
9670
9354
  }
9671
9355
  /* Desktop and bigger */
9672
9356
  @media (min-width: 1200px) {
9673
- .uk-margin-large-top {
9674
- margin-top: 70px;
9675
- }
9676
- .uk-margin-large-bottom {
9677
- margin-bottom: 70px;
9678
- }
9679
- .uk-margin-large-right {
9680
- margin-right: 70px;
9357
+ .uk-margin-xlarge {
9358
+ margin-bottom: 140px;
9681
9359
  }
9682
- .uk-margin-large-left {
9683
- margin-left: 70px;
9360
+ * + .uk-margin-xlarge {
9361
+ margin-top: 140px !important;
9684
9362
  }
9685
9363
  .uk-margin-xlarge-top {
9686
- margin-top: 140px;
9364
+ margin-top: 140px !important;
9687
9365
  }
9688
9366
  .uk-margin-xlarge-bottom {
9689
- margin-bottom: 140px;
9367
+ margin-bottom: 140px !important;
9690
9368
  }
9691
9369
  .uk-margin-xlarge-right {
9692
- margin-right: 140px;
9370
+ margin-right: 140px !important;
9693
9371
  }
9694
9372
  .uk-margin-xlarge-left {
9695
- margin-left: 140px;
9373
+ margin-left: 140px !important;
9696
9374
  }
9697
9375
  }
9698
- /*
9699
- * Auto
9700
- */
9376
+ /* Auto
9377
+ ========================================================================== */
9378
+ .uk-margin-auto {
9379
+ margin-right: auto !important;
9380
+ margin-left: auto !important;
9381
+ }
9701
9382
  .uk-margin-auto-top {
9702
- margin-top: auto;
9383
+ margin-top: auto !important;
9703
9384
  }
9704
9385
  .uk-margin-auto-bottom {
9705
- margin-bottom: auto;
9386
+ margin-bottom: auto !important;
9706
9387
  }
9707
9388
  .uk-margin-auto-right {
9708
- margin-right: auto;
9389
+ margin-right: auto !important;
9709
9390
  }
9710
9391
  .uk-margin-auto-left {
9711
- margin-left: auto;
9392
+ margin-left: auto !important;
9393
+ }
9394
+ .uk-margin-auto-vertical {
9395
+ margin-top: auto !important;
9396
+ margin-bottom: auto !important;
9712
9397
  }
9713
9398
  /* Phone landscape and bigger */
9714
9399
  @media (min-width: 640px) {
9400
+ .uk-margin-auto\@s {
9401
+ margin-right: auto !important;
9402
+ margin-left: auto !important;
9403
+ }
9715
9404
  .uk-margin-auto-right\@s {
9716
- margin-right: auto;
9405
+ margin-right: auto !important;
9717
9406
  }
9718
9407
  .uk-margin-auto-left\@s {
9719
- margin-left: auto;
9408
+ margin-left: auto !important;
9720
9409
  }
9721
9410
  }
9722
9411
  /* Tablet landscape and bigger */
9723
9412
  @media (min-width: 960px) {
9413
+ .uk-margin-auto\@m {
9414
+ margin-right: auto !important;
9415
+ margin-left: auto !important;
9416
+ }
9724
9417
  .uk-margin-auto-right\@m {
9725
- margin-right: auto;
9418
+ margin-right: auto !important;
9726
9419
  }
9727
9420
  .uk-margin-auto-left\@m {
9728
- margin-left: auto;
9421
+ margin-left: auto !important;
9729
9422
  }
9730
9423
  }
9731
9424
  /* Desktop and bigger */
9732
9425
  @media (min-width: 1200px) {
9426
+ .uk-margin-auto\@l {
9427
+ margin-right: auto !important;
9428
+ margin-left: auto !important;
9429
+ }
9733
9430
  .uk-margin-auto-right\@l {
9734
- margin-right: auto;
9431
+ margin-right: auto !important;
9735
9432
  }
9736
9433
  .uk-margin-auto-left\@l {
9737
- margin-left: auto;
9434
+ margin-left: auto !important;
9738
9435
  }
9739
9436
  }
9740
9437
  /* Large screen and bigger */
9741
9438
  @media (min-width: 1600px) {
9439
+ .uk-margin-auto\@xl {
9440
+ margin-right: auto !important;
9441
+ margin-left: auto !important;
9442
+ }
9742
9443
  .uk-margin-auto-right\@xl {
9743
- margin-right: auto;
9444
+ margin-right: auto !important;
9744
9445
  }
9745
9446
  .uk-margin-auto-left\@xl {
9746
- margin-left: auto;
9447
+ margin-left: auto !important;
9747
9448
  }
9748
9449
  }
9749
- /*
9750
- * Remove
9751
- */
9450
+ /* Remove
9451
+ ========================================================================== */
9452
+ .uk-margin-remove {
9453
+ margin: 0 !important;
9454
+ }
9752
9455
  .uk-margin-remove-top {
9753
- margin-top: 0;
9456
+ margin-top: 0 !important;
9754
9457
  }
9755
9458
  .uk-margin-remove-bottom {
9756
- margin-bottom: 0;
9459
+ margin-bottom: 0 !important;
9757
9460
  }
9758
9461
  .uk-margin-remove-right {
9759
- margin-right: 0;
9462
+ margin-right: 0 !important;
9760
9463
  }
9761
9464
  .uk-margin-remove-left {
9762
- margin-left: 0;
9465
+ margin-left: 0 !important;
9466
+ }
9467
+ .uk-margin-remove-vertical {
9468
+ margin-top: 0 !important;
9469
+ margin-bottom: 0 !important;
9763
9470
  }
9764
9471
  .uk-margin-remove-adjacent + *,
9765
9472
  .uk-margin-remove-first-child > :first-child {
9766
- margin-top: 0;
9473
+ margin-top: 0 !important;
9767
9474
  }
9768
9475
  .uk-margin-remove-last-child > :last-child {
9769
- margin-bottom: 0;
9476
+ margin-bottom: 0 !important;
9770
9477
  }
9771
9478
  /* Phone landscape and bigger */
9772
9479
  @media (min-width: 640px) {
9773
9480
  .uk-margin-remove-right\@s {
9774
- margin-right: 0;
9481
+ margin-right: 0 !important;
9775
9482
  }
9776
9483
  .uk-margin-remove-left\@s {
9777
- margin-left: 0;
9484
+ margin-left: 0 !important;
9778
9485
  }
9779
9486
  }
9780
9487
  /* Tablet landscape and bigger */
9781
9488
  @media (min-width: 960px) {
9782
9489
  .uk-margin-remove-right\@m {
9783
- margin-right: 0;
9490
+ margin-right: 0 !important;
9784
9491
  }
9785
9492
  .uk-margin-remove-left\@m {
9786
- margin-left: 0;
9493
+ margin-left: 0 !important;
9787
9494
  }
9788
9495
  }
9789
9496
  /* Desktop and bigger */
9790
9497
  @media (min-width: 1200px) {
9791
9498
  .uk-margin-remove-right\@l {
9792
- margin-right: 0;
9499
+ margin-right: 0 !important;
9793
9500
  }
9794
9501
  .uk-margin-remove-left\@l {
9795
- margin-left: 0;
9502
+ margin-left: 0 !important;
9796
9503
  }
9797
9504
  }
9798
9505
  /* Large screen and bigger */
9799
9506
  @media (min-width: 1600px) {
9800
9507
  .uk-margin-remove-right\@xl {
9801
- margin-right: 0;
9508
+ margin-right: 0 !important;
9802
9509
  }
9803
9510
  .uk-margin-remove-left\@xl {
9804
- margin-left: 0;
9511
+ margin-left: 0 !important;
9805
9512
  }
9806
9513
  }
9807
- /*
9808
- * Trim
9809
- */
9810
- .uk-margin-trim-block > :first-child {
9811
- margin-top: 0;
9812
- }
9813
- .uk-margin-trim-block > :last-child {
9814
- margin-bottom: 0;
9815
- }
9816
9514
  /* ========================================================================
9817
9515
  Component: Padding
9818
9516
  ========================================================================== */
@@ -9830,41 +9528,227 @@ iframe[data-uk-cover] {
9830
9528
  .uk-padding-small {
9831
9529
  padding: 15px;
9832
9530
  }
9833
- /* Large
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-right {
9554
+ padding-right: 0 !important;
9555
+ }
9556
+ .uk-padding-remove-left {
9557
+ padding-left: 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-right: 0 !important;
9565
+ padding-left: 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-right"],
9581
+ [class*="uk-position-left"],
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
+ right: 0;
9595
+ left: 0;
9596
+ }
9597
+ .uk-position-bottom {
9598
+ bottom: 0;
9599
+ right: 0;
9600
+ left: 0;
9601
+ }
9602
+ .uk-position-right {
9603
+ top: 0;
9604
+ bottom: 0;
9605
+ right: 0;
9606
+ }
9607
+ .uk-position-left {
9608
+ top: 0;
9609
+ bottom: 0;
9610
+ left: 0;
9611
+ }
9612
+ /*
9613
+ * Corners
9614
+ */
9615
+ .uk-position-top-right {
9616
+ top: 0;
9617
+ right: 0;
9618
+ }
9619
+ .uk-position-top-left {
9620
+ top: 0;
9621
+ left: 0;
9622
+ }
9623
+ .uk-position-bottom-right {
9624
+ bottom: 0;
9625
+ right: 0;
9626
+ }
9627
+ .uk-position-bottom-left {
9628
+ bottom: 0;
9629
+ left: 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
+ right: 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-right"],
9647
+ [class*="uk-position-center-left"],
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-right {
9654
+ right: 0;
9655
+ }
9656
+ .uk-position-center-left {
9657
+ left: 0;
9658
+ }
9659
+ .uk-position-center-vertical {
9660
+ right: 0;
9661
+ left: 0;
9662
+ }
9663
+ .uk-position-center-right-out {
9664
+ left: 100%;
9665
+ width: max-content;
9666
+ }
9667
+ .uk-position-center-left-out {
9668
+ right: 100%;
9669
+ width: max-content;
9670
+ }
9671
+ /* Horizontal */
9672
+ .uk-position-top-center,
9673
+ .uk-position-bottom-center,
9674
+ .uk-position-center-horizontal {
9675
+ right: 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
+ right: 0;
9699
+ left: 0;
9700
+ }
9701
+ /* Margin
9834
9702
  ========================================================================== */
9835
- .uk-padding-large {
9836
- padding: 40px;
9703
+ .uk-position-small {
9704
+ margin: 15px;
9705
+ --uk-position-margin-offset: 15px;
9706
+ }
9707
+ .uk-position-medium {
9708
+ margin: 30px;
9709
+ --uk-position-margin-offset: 30px;
9710
+ }
9711
+ .uk-position-large {
9712
+ margin: 30px;
9713
+ --uk-position-margin-offset: 30px;
9837
9714
  }
9838
9715
  /* Desktop and bigger */
9839
9716
  @media (min-width: 1200px) {
9840
- .uk-padding-large {
9841
- padding: 70px;
9717
+ .uk-position-large {
9718
+ margin: 50px;
9719
+ --uk-position-margin-offset: 50px;
9842
9720
  }
9843
9721
  }
9844
- /* Remove
9722
+ /* Schemes
9845
9723
  ========================================================================== */
9846
- .uk-padding-remove {
9847
- padding: 0;
9724
+ .uk-position-relative {
9725
+ position: relative !important;
9848
9726
  }
9849
- .uk-padding-remove-top {
9850
- padding-top: 0;
9727
+ .uk-position-absolute {
9728
+ position: absolute !important;
9851
9729
  }
9852
- .uk-padding-remove-bottom {
9853
- padding-bottom: 0;
9730
+ .uk-position-fixed {
9731
+ position: fixed !important;
9854
9732
  }
9855
- .uk-padding-remove-right {
9856
- padding-right: 0;
9733
+ .uk-position-sticky {
9734
+ position: sticky !important;
9857
9735
  }
9858
- .uk-padding-remove-left {
9859
- padding-left: 0;
9736
+ /* Layer
9737
+ ========================================================================== */
9738
+ .uk-position-z-index {
9739
+ z-index: 1;
9860
9740
  }
9861
- .uk-padding-remove-vertical {
9862
- padding-top: 0;
9863
- padding-bottom: 0;
9741
+ .uk-position-z-index-zero {
9742
+ z-index: 0;
9864
9743
  }
9865
- .uk-padding-remove-horizontal {
9866
- padding-right: 0;
9867
- padding-left: 0;
9744
+ .uk-position-z-index-negative {
9745
+ z-index: -1;
9746
+ }
9747
+ .uk-position-z-index-high {
9748
+ z-index: 990;
9749
+ }
9750
+ .uk-position-z-index-highest {
9751
+ z-index: 1060;
9868
9752
  }
9869
9753
  /* ========================================================================
9870
9754
  Component: Transition
@@ -10086,9 +9970,9 @@ iframe[data-uk-cover] {
10086
9970
  * Using `tabindex="-1"` will show the element on touch devices.
10087
9971
  * Note: `clip-path` doesn't work with `tabindex` on touch devices.
10088
9972
  */
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) {
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) {
10092
9976
  /* 1 */
10093
9977
  position: absolute !important;
10094
9978
  /* 2 */
@@ -10104,7 +9988,7 @@ iframe[data-uk-cover] {
10104
9988
  * Hide element without shrinking its dimension.
10105
9989
  * Note: `clip-path` doesn't work with hover for elements outside of the toggle box.
10106
9990
  */
10107
- .uk-visible-toggle:not(:hover, :focus) .uk-invisible-hover:not(:focus-within) {
9991
+ .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
10108
9992
  opacity: 0 !important;
10109
9993
  }
10110
9994
  /* Based on Hover Capability of the Pointing Device
@@ -11356,17 +11240,17 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11356
11240
  .uk-offcanvas-bar .uk-textarea::placeholder {
11357
11241
  color: rgba(255, 255, 255, 0.5);
11358
11242
  }
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]) {
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]) {
11370
11254
  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");
11371
11255
  }
11372
11256
  .uk-light .uk-input[list]:hover,
@@ -11580,202 +11464,16 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11580
11464
  color: rgba(255, 255, 255, 0.5);
11581
11465
  }
11582
11466
  .uk-light .uk-form-icon:hover,
11583
- .uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,
11584
- .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
11585
- .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,
11586
- .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
11587
- .uk-card-primary.uk-card-body .uk-form-icon:hover,
11588
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
11589
- .uk-card-secondary.uk-card-body .uk-form-icon:hover,
11590
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
11591
- .uk-overlay-primary .uk-form-icon:hover,
11592
- .uk-offcanvas-bar .uk-form-icon:hover {
11593
- color: rgba(255, 255, 255, 0.7);
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 {
11467
+ .uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,
11468
+ .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
11469
+ .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,
11470
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
11471
+ .uk-card-primary.uk-card-body .uk-form-icon:hover,
11472
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
11473
+ .uk-card-secondary.uk-card-body .uk-form-icon:hover,
11474
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
11475
+ .uk-overlay-primary .uk-form-icon:hover,
11476
+ .uk-offcanvas-bar .uk-form-icon:hover {
11779
11477
  color: rgba(255, 255, 255, 0.7);
11780
11478
  }
11781
11479
  .uk-light .uk-button-default,
@@ -12165,6 +11863,192 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
12165
11863
  .uk-offcanvas-bar .uk-article-meta {
12166
11864
  color: rgba(255, 255, 255, 0.5);
12167
11865
  }
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
+ }
12168
12052
  .uk-light .uk-accordion-default .uk-accordion-title,
12169
12053
  .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
12170
12054
  .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
@@ -12269,17 +12153,17 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
12269
12153
  .uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before {
12270
12154
  border-right-color: rgba(255, 255, 255, 0.2);
12271
12155
  }
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 {
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 {
12283
12167
  border-top-color: rgba(255, 255, 255, 0.2);
12284
12168
  }
12285
12169
  .uk-light .uk-nav-default > li > a,
@@ -13147,58 +13031,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
13147
13031
  background-color: rgba(255, 255, 255, 0.9);
13148
13032
  border-color: transparent;
13149
13033
  }
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
- }
13202
13034
  .uk-light .uk-text-lead,
13203
13035
  .uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
13204
13036
  .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
@@ -13290,6 +13122,58 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
13290
13122
  .uk-offcanvas-bar .uk-column-divider {
13291
13123
  column-rule-color: rgba(255, 255, 255, 0.2);
13292
13124
  }
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
+ }
13293
13177
  .uk-light .uk-table-striped > tr:nth-of-type(even):last-child,
13294
13178
  .uk-light .uk-table-striped tbody tr:nth-of-type(even):last-child,
13295
13179
  .uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child,