uikit 3.25.26 → 3.25.27-dev.9e97c1f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (226) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/build/prefix.js +1 -1
  3. package/build/publishDev.js +1 -1
  4. package/build/scope.js +1 -1
  5. package/build/scss.js +1 -1
  6. package/build/util.js +0 -2
  7. package/dist/css/uikit-core-rtl.css +1327 -1204
  8. package/dist/css/uikit-core-rtl.min.css +1 -1
  9. package/dist/css/uikit-core.css +1327 -1204
  10. package/dist/css/uikit-core.min.css +1 -1
  11. package/dist/css/uikit-rtl.css +1339 -1223
  12. package/dist/css/uikit-rtl.min.css +1 -1
  13. package/dist/css/uikit.css +1339 -1223
  14. package/dist/css/uikit.min.css +1 -1
  15. package/dist/js/components/countdown.js +1 -1
  16. package/dist/js/components/countdown.min.js +1 -1
  17. package/dist/js/components/filter.js +1 -1
  18. package/dist/js/components/filter.min.js +1 -1
  19. package/dist/js/components/lightbox-panel.js +149 -146
  20. package/dist/js/components/lightbox-panel.min.js +1 -1
  21. package/dist/js/components/lightbox.js +150 -147
  22. package/dist/js/components/lightbox.min.js +1 -1
  23. package/dist/js/components/marquee.js +215 -0
  24. package/dist/js/components/marquee.min.js +1 -0
  25. package/dist/js/components/notification.js +8 -6
  26. package/dist/js/components/notification.min.js +1 -1
  27. package/dist/js/components/parallax.js +8 -12
  28. package/dist/js/components/parallax.min.js +1 -1
  29. package/dist/js/components/slider-parallax.js +8 -12
  30. package/dist/js/components/slider-parallax.min.js +1 -1
  31. package/dist/js/components/slider.js +65 -26
  32. package/dist/js/components/slider.min.js +1 -1
  33. package/dist/js/components/slideshow-parallax.js +8 -12
  34. package/dist/js/components/slideshow-parallax.min.js +1 -1
  35. package/dist/js/components/slideshow.js +95 -103
  36. package/dist/js/components/slideshow.min.js +1 -1
  37. package/dist/js/components/sortable.js +1 -1
  38. package/dist/js/components/sortable.min.js +1 -1
  39. package/dist/js/components/tooltip.js +15 -17
  40. package/dist/js/components/tooltip.min.js +1 -1
  41. package/dist/js/components/upload.js +1 -1
  42. package/dist/js/components/upload.min.js +1 -1
  43. package/dist/js/uikit-core.js +888 -337
  44. package/dist/js/uikit-core.min.js +1 -1
  45. package/dist/js/uikit-icons.js +1 -1
  46. package/dist/js/uikit-icons.min.js +1 -1
  47. package/dist/js/uikit.js +766 -433
  48. package/dist/js/uikit.min.js +1 -1
  49. package/package.json +1 -1
  50. package/src/js/api/component.js +2 -3
  51. package/src/js/api/observables.js +16 -4
  52. package/src/js/api/options.js +6 -3
  53. package/src/js/api/props.js +1 -3
  54. package/src/js/api/state.js +7 -8
  55. package/src/js/components/index.js +1 -0
  56. package/src/js/components/internal/lightbox-animations.js +7 -26
  57. package/src/js/components/internal/slider-preload.js +1 -0
  58. package/src/js/components/internal/slideshow-animations.js +15 -62
  59. package/src/js/components/lightbox-panel.js +123 -109
  60. package/src/js/components/lightbox.js +5 -8
  61. package/src/js/components/marquee.js +156 -0
  62. package/src/js/components/notification.js +7 -5
  63. package/src/js/core/accordion.js +62 -31
  64. package/src/js/core/alert.js +1 -1
  65. package/src/js/core/drop.js +4 -3
  66. package/src/js/core/dropnav.js +13 -32
  67. package/src/js/core/grid.js +5 -19
  68. package/src/js/core/margin.js +3 -0
  69. package/src/js/core/overflow-auto.js +5 -1
  70. package/src/js/core/sticky.js +1 -1
  71. package/src/js/core/switcher.js +18 -62
  72. package/src/js/core/video.js +236 -21
  73. package/src/js/mixin/connect.js +90 -0
  74. package/src/js/mixin/internal/slideshow-animations.js +5 -13
  75. package/src/js/mixin/internal/slideshow-transitioner.js +2 -2
  76. package/src/js/mixin/parallax.js +1 -4
  77. package/src/js/mixin/position.js +1 -1
  78. package/src/js/mixin/scroll-driven.js +57 -0
  79. package/src/js/mixin/slider-nav.js +2 -12
  80. package/src/js/mixin/slider-parallax.js +9 -38
  81. package/src/js/mixin/togglable.js +13 -14
  82. package/src/js/util/attr.js +7 -7
  83. package/src/js/util/dom.js +3 -4
  84. package/src/js/util/keys.js +14 -0
  85. package/src/js/util/lang.js +2 -2
  86. package/src/js/util/player.js +4 -2
  87. package/src/js/util/style.js +12 -13
  88. package/src/js/util/viewport.js +22 -25
  89. package/src/less/components/_import.less +8 -3
  90. package/src/less/components/animation.less +1 -1
  91. package/src/less/components/base.less +1 -1
  92. package/src/less/components/button.less +1 -1
  93. package/src/less/components/card.less +8 -8
  94. package/src/less/components/dropcap.less +71 -0
  95. package/src/less/components/floating-shadow.less +66 -0
  96. package/src/less/components/form.less +15 -15
  97. package/src/less/components/grid.less +58 -65
  98. package/src/less/components/lightbox.less +2 -8
  99. package/src/less/components/logo.less +94 -0
  100. package/src/less/components/margin.less +155 -124
  101. package/src/less/components/marquee.less +133 -0
  102. package/src/less/components/modal.less +1 -4
  103. package/src/less/components/nav.less +1 -1
  104. package/src/less/components/navbar.less +1 -1
  105. package/src/less/components/padding.less +9 -9
  106. package/src/less/components/position.less +9 -4
  107. package/src/less/components/search.less +1 -1
  108. package/src/less/components/slideshow.less +1 -4
  109. package/src/less/components/switcher.less +5 -2
  110. package/src/less/components/table.less +4 -4
  111. package/src/less/components/text.less +10 -4
  112. package/src/less/components/utility.less +0 -163
  113. package/src/less/components/visibility.less +4 -4
  114. package/src/less/theme/_import.less +6 -2
  115. package/src/less/theme/alert.less +0 -5
  116. package/src/less/theme/dropcap.less +29 -0
  117. package/src/less/theme/floating-shadow.less +20 -0
  118. package/src/less/theme/logo.less +29 -0
  119. package/src/less/theme/marquee.less +14 -0
  120. package/src/less/theme/thumbnav.less +1 -4
  121. package/src/less/theme/utility.less +0 -32
  122. package/src/scss/components/_import.scss +8 -3
  123. package/src/scss/components/animation.scss +1 -1
  124. package/src/scss/components/base.scss +1 -1
  125. package/src/scss/components/button.scss +1 -1
  126. package/src/scss/components/card.scss +8 -8
  127. package/src/scss/components/dropcap.scss +63 -0
  128. package/src/scss/components/floating-shadow.scss +63 -0
  129. package/src/scss/components/form.scss +14 -14
  130. package/src/scss/components/grid.scss +57 -64
  131. package/src/scss/components/lightbox.scss +2 -8
  132. package/src/scss/components/logo.scss +75 -0
  133. package/src/scss/components/margin.scss +155 -124
  134. package/src/scss/components/marquee.scss +136 -0
  135. package/src/scss/components/modal.scss +1 -4
  136. package/src/scss/components/nav.scss +1 -1
  137. package/src/scss/components/navbar.scss +1 -1
  138. package/src/scss/components/padding.scss +9 -9
  139. package/src/scss/components/position.scss +9 -4
  140. package/src/scss/components/search.scss +1 -1
  141. package/src/scss/components/slideshow.scss +1 -4
  142. package/src/scss/components/switcher.scss +5 -2
  143. package/src/scss/components/table.scss +4 -4
  144. package/src/scss/components/text.scss +10 -4
  145. package/src/scss/components/utility.scss +0 -129
  146. package/src/scss/components/visibility.scss +4 -4
  147. package/src/scss/mixins-theme.scss +44 -43
  148. package/src/scss/mixins.scss +40 -31
  149. package/src/scss/variables-theme.scss +14 -14
  150. package/src/scss/variables.scss +14 -14
  151. package/tests/accordion.html +77 -10
  152. package/tests/alert.html +1 -1
  153. package/tests/align.html +5 -5
  154. package/tests/animation.html +4 -4
  155. package/tests/article.html +7 -7
  156. package/tests/background.html +2 -2
  157. package/tests/badge.html +1 -1
  158. package/tests/base.html +2 -2
  159. package/tests/button.html +1 -1
  160. package/tests/card.html +15 -15
  161. package/tests/close.html +2 -2
  162. package/tests/comment.html +9 -9
  163. package/tests/container.html +2 -2
  164. package/tests/countdown.html +21 -21
  165. package/tests/cover.html +3 -3
  166. package/tests/description-list.html +1 -1
  167. package/tests/divider.html +3 -3
  168. package/tests/dotnav.html +1 -1
  169. package/tests/drop.html +7 -7
  170. package/tests/dropbar.html +5 -5
  171. package/tests/dropcap.html +26 -0
  172. package/tests/dropdown.html +1 -1
  173. package/tests/dropnav.html +18 -18
  174. package/tests/filter.html +3 -3
  175. package/tests/floating-shadow.html +44 -0
  176. package/tests/form.html +14 -14
  177. package/tests/grid.html +41 -47
  178. package/tests/heading.html +2 -2
  179. package/tests/height-viewport.html +4 -4
  180. package/tests/height.html +5 -5
  181. package/tests/icon.html +8 -8
  182. package/tests/image.html +6 -6
  183. package/tests/index.html +13 -13
  184. package/tests/js/index.js +1 -1
  185. package/tests/leader.html +5 -5
  186. package/tests/lightbox.html +6 -6
  187. package/tests/link.html +1 -1
  188. package/tests/list.html +4 -4
  189. package/tests/logo.html +84 -0
  190. package/tests/margin.html +59 -7
  191. package/tests/marker.html +3 -3
  192. package/tests/marquee.html +617 -0
  193. package/tests/modal.html +3 -3
  194. package/tests/nav.html +5 -5
  195. package/tests/navbar.html +27 -27
  196. package/tests/notification.html +8 -2
  197. package/tests/offcanvas.html +12 -12
  198. package/tests/overlay.html +3 -3
  199. package/tests/padding.html +1 -1
  200. package/tests/pagination.html +3 -3
  201. package/tests/parallax.html +1 -1
  202. package/tests/position.html +6 -6
  203. package/tests/scrollspy.html +13 -13
  204. package/tests/search.html +5 -5
  205. package/tests/section.html +17 -17
  206. package/tests/slidenav.html +3 -3
  207. package/tests/slider.html +5 -5
  208. package/tests/slideshow.html +33 -3
  209. package/tests/sortable.html +15 -15
  210. package/tests/sticky-navbar.html +4 -4
  211. package/tests/sticky-parallax.html +3 -3
  212. package/tests/sticky.html +3 -3
  213. package/tests/svg.html +3 -2
  214. package/tests/switcher.html +7 -7
  215. package/tests/tab.html +5 -5
  216. package/tests/text.html +9 -3
  217. package/tests/tile.html +4 -4
  218. package/tests/toggle.html +1 -1
  219. package/tests/tooltip.html +3 -3
  220. package/tests/totop.html +2 -2
  221. package/tests/transition.html +1 -1
  222. package/tests/upload.html +5 -5
  223. package/tests/utility.html +16 -116
  224. package/tests/video.html +224 -24
  225. package/tests/visibility.html +4 -4
  226. package/tests/width.html +12 -12
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.25.26 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
1
+ /*! UIkit 3.25.27-dev.9e97c1f | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
2
2
  /* ========================================================================
3
3
  Component: Base
4
4
  ========================================================================== */
@@ -367,7 +367,7 @@ blockquote {
367
367
  /*
368
368
  * Content
369
369
  */
370
- blockquote p:last-of-type {
370
+ blockquote :where(p:last-of-type) {
371
371
  margin-bottom: 0;
372
372
  }
373
373
  blockquote footer {
@@ -1000,13 +1000,13 @@ a.uk-link-reset,
1000
1000
  overflow: visible !important;
1001
1001
  white-space: normal !important;
1002
1002
  }
1003
- .uk-table-responsive th:not(:first-child):not(.uk-table-link),
1004
- .uk-table-responsive td:not(:first-child):not(.uk-table-link),
1003
+ .uk-table-responsive th:not(:first-child, .uk-table-link),
1004
+ .uk-table-responsive td:not(:first-child, .uk-table-link),
1005
1005
  .uk-table-responsive .uk-table-link:not(:first-child) > a {
1006
1006
  padding-top: 5px !important;
1007
1007
  }
1008
- .uk-table-responsive th:not(:last-child):not(.uk-table-link),
1009
- .uk-table-responsive td:not(:last-child):not(.uk-table-link),
1008
+ .uk-table-responsive th:not(:last-child, .uk-table-link),
1009
+ .uk-table-responsive td:not(:last-child, .uk-table-link),
1010
1010
  .uk-table-responsive .uk-table-link:not(:last-child) > a {
1011
1011
  padding-bottom: 5px !important;
1012
1012
  }
@@ -1379,7 +1379,7 @@ a:hover .uk-icon-overlay {
1379
1379
  * Single-line
1380
1380
  */
1381
1381
  .uk-input,
1382
- .uk-select:not([multiple]):not([size]) {
1382
+ .uk-select:not([multiple], [size]) {
1383
1383
  height: 40px;
1384
1384
  vertical-align: middle;
1385
1385
  }
@@ -1486,7 +1486,7 @@ select.uk-form-width-xsmall {
1486
1486
  * 2. Style
1487
1487
  * 3. Set `color` for options in the select dropdown, because the inherited `color` might be too light.
1488
1488
  */
1489
- .uk-select:not([multiple]):not([size]) {
1489
+ .uk-select:not([multiple], [size]) {
1490
1490
  /* 1 */
1491
1491
  -webkit-appearance: none;
1492
1492
  -moz-appearance: none;
@@ -1497,13 +1497,13 @@ select.uk-form-width-xsmall {
1497
1497
  background-position: 0% 50%;
1498
1498
  }
1499
1499
  /* 3 */
1500
- .uk-select:not([multiple]):not([size]) option {
1500
+ .uk-select:not([multiple], [size]) option {
1501
1501
  color: #666;
1502
1502
  }
1503
1503
  /*
1504
1504
  * Disabled
1505
1505
  */
1506
- .uk-select:not([multiple]):not([size]):disabled {
1506
+ .uk-select:not([multiple], [size]):disabled {
1507
1507
  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");
1508
1508
  }
1509
1509
  /* Datalist
@@ -1613,7 +1613,7 @@ select.uk-form-width-xsmall {
1613
1613
  font-size: 0.875rem;
1614
1614
  }
1615
1615
  /* Single-line */
1616
- .uk-form-small:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) {
1616
+ .uk-form-small:is(.uk-input, .uk-search-input, .uk-select:not([multiple], [size])) {
1617
1617
  height: 30px;
1618
1618
  padding-right: 8px;
1619
1619
  padding-left: 8px;
@@ -1623,7 +1623,7 @@ select.uk-form-width-xsmall {
1623
1623
  padding: 5px 8px;
1624
1624
  }
1625
1625
  /* Any element */
1626
- .uk-form-small:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) {
1626
+ .uk-form-small:not(select, input, textarea, [type="radio"], [type="checkbox"]) {
1627
1627
  line-height: 30px;
1628
1628
  }
1629
1629
  /* Radio + Checkbox */
@@ -1638,7 +1638,7 @@ select.uk-form-width-xsmall {
1638
1638
  font-size: 1.25rem;
1639
1639
  }
1640
1640
  /* Single-line */
1641
- .uk-form-large:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) {
1641
+ .uk-form-large:is(.uk-input, .uk-search-input, .uk-select:not([multiple], [size])) {
1642
1642
  height: 55px;
1643
1643
  padding-right: 12px;
1644
1644
  padding-left: 12px;
@@ -1648,7 +1648,7 @@ select.uk-form-width-xsmall {
1648
1648
  padding: 7px 12px;
1649
1649
  }
1650
1650
  /* Any element */
1651
- .uk-form-large:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) {
1651
+ .uk-form-large:not(select, input, textarea, [type="radio"], [type="checkbox"]) {
1652
1652
  line-height: 55px;
1653
1653
  }
1654
1654
  /* Radio + Checkbox */
@@ -1731,7 +1731,7 @@ select.uk-form-width-xsmall {
1731
1731
  /*
1732
1732
  * Stacked
1733
1733
  */
1734
- .uk-form-stacked .uk-form-label {
1734
+ .uk-form-stacked :where(.uk-form-label) {
1735
1735
  display: block;
1736
1736
  margin-bottom: 10px;
1737
1737
  }
@@ -1741,23 +1741,23 @@ select.uk-form-width-xsmall {
1741
1741
  /* Tablet portrait and smaller */
1742
1742
  @media (max-width: 959px) {
1743
1743
  /* Behave like `uk-form-stacked` */
1744
- .uk-form-horizontal .uk-form-label {
1744
+ .uk-form-horizontal :where(.uk-form-label) {
1745
1745
  display: block;
1746
1746
  margin-bottom: 10px;
1747
1747
  }
1748
1748
  }
1749
1749
  /* Tablet landscape and bigger */
1750
1750
  @media (min-width: 960px) {
1751
- .uk-form-horizontal .uk-form-label {
1751
+ .uk-form-horizontal :where(.uk-form-label) {
1752
1752
  width: 200px;
1753
1753
  margin-top: 7px;
1754
1754
  float: right;
1755
1755
  }
1756
- .uk-form-horizontal .uk-form-controls {
1756
+ .uk-form-horizontal :where(.uk-form-controls) {
1757
1757
  margin-right: 215px;
1758
1758
  }
1759
1759
  /* Better vertical alignment if controls are checkboxes and radio buttons with text */
1760
- .uk-form-horizontal .uk-form-controls-text {
1760
+ .uk-form-horizontal :where(.uk-form-controls-text) {
1761
1761
  padding-top: 7px;
1762
1762
  }
1763
1763
  }
@@ -1793,7 +1793,7 @@ select.uk-form-width-xsmall {
1793
1793
  /*
1794
1794
  * Make `input` element clickable through icon, e.g. if it's a `span`
1795
1795
  */
1796
- .uk-form-icon:not(a):not(button):not(input) {
1796
+ .uk-form-icon:not(a, button, input) {
1797
1797
  pointer-events: none;
1798
1798
  }
1799
1799
  /*
@@ -1812,6 +1812,248 @@ select.uk-form-width-xsmall {
1812
1812
  .uk-form-icon-flip ~ .uk-input {
1813
1813
  padding-left: 40px !important;
1814
1814
  }
1815
+ /* ========================================================================
1816
+ Component: Search
1817
+ ========================================================================== */
1818
+ /*
1819
+ * 1. Container fits its content
1820
+ * 2. Create position context
1821
+ * 3. Prevent content overflow
1822
+ * 4. Reset `form`
1823
+ */
1824
+ .uk-search {
1825
+ /* 1 */
1826
+ display: inline-block;
1827
+ /* 2 */
1828
+ position: relative;
1829
+ /* 3 */
1830
+ max-width: 100%;
1831
+ /* 4 */
1832
+ margin: 0;
1833
+ }
1834
+ /* Input
1835
+ ========================================================================== */
1836
+ /*
1837
+ * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
1838
+ */
1839
+ .uk-search-input::-webkit-search-cancel-button,
1840
+ .uk-search-input::-webkit-search-decoration {
1841
+ -webkit-appearance: none;
1842
+ }
1843
+ /*
1844
+ * 1. Define consistent box sizing.
1845
+ * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
1846
+ * 3. Remove `border-radius` in iOS.
1847
+ * 4. Change font properties to `inherit` in all browsers
1848
+ * 5. Show the overflow in Edge.
1849
+ * 6. Remove default style in iOS.
1850
+ * 7. Vertical alignment
1851
+ * 8. Take the full container width
1852
+ * 9. Style
1853
+ */
1854
+ .uk-search-input {
1855
+ /* 1 */
1856
+ box-sizing: border-box;
1857
+ /* 2 */
1858
+ margin: 0;
1859
+ /* 3 */
1860
+ border-radius: 0;
1861
+ /* 4 */
1862
+ font: inherit;
1863
+ /* 5 */
1864
+ overflow: visible;
1865
+ /* 6 */
1866
+ -webkit-appearance: none;
1867
+ /* 7 */
1868
+ vertical-align: middle;
1869
+ /* 8 */
1870
+ width: 100%;
1871
+ /* 9 */
1872
+ border: none;
1873
+ color: #666;
1874
+ }
1875
+ .uk-search-input:focus {
1876
+ outline: none;
1877
+ }
1878
+ /* Placeholder */
1879
+ .uk-search-input::placeholder {
1880
+ color: #999;
1881
+ }
1882
+ /* Icon (Adopts `uk-icon`)
1883
+ ========================================================================== */
1884
+ /*
1885
+ * Position above input
1886
+ * 1. Set position
1887
+ * 2. Center icon vertically and horizontally
1888
+ * 3. Style
1889
+ */
1890
+ .uk-search .uk-search-icon {
1891
+ /* 1 */
1892
+ position: absolute;
1893
+ top: 0;
1894
+ bottom: 0;
1895
+ right: 0;
1896
+ /* 2 */
1897
+ display: inline-flex;
1898
+ justify-content: center;
1899
+ align-items: center;
1900
+ /* 3 */
1901
+ color: #999;
1902
+ }
1903
+ /*
1904
+ * Required for `a`.
1905
+ */
1906
+ .uk-search .uk-search-icon:hover {
1907
+ color: #999;
1908
+ }
1909
+ /*
1910
+ * Make `input` element clickable through icon, e.g. if it's a `span`
1911
+ */
1912
+ .uk-search .uk-search-icon:not(a, button, input) {
1913
+ pointer-events: none;
1914
+ }
1915
+ /*
1916
+ * Position modifier
1917
+ */
1918
+ .uk-search .uk-search-icon-flip {
1919
+ left: 0;
1920
+ right: auto;
1921
+ }
1922
+ /* Default modifier
1923
+ ========================================================================== */
1924
+ .uk-search-default {
1925
+ width: 240px;
1926
+ }
1927
+ /*
1928
+ * Input
1929
+ */
1930
+ .uk-search-default .uk-search-input {
1931
+ height: 40px;
1932
+ padding-right: 10px;
1933
+ padding-left: 10px;
1934
+ background: #f8f8f8;
1935
+ }
1936
+ /* Focus */
1937
+ .uk-search-default .uk-search-input:focus {
1938
+ background-color: #f3f3f3;
1939
+ }
1940
+ /*
1941
+ * Icon
1942
+ */
1943
+ .uk-search-default .uk-search-icon {
1944
+ padding-right: 10px;
1945
+ padding-left: 10px;
1946
+ }
1947
+ .uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
1948
+ padding-right: 40px;
1949
+ }
1950
+ .uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
1951
+ padding-left: 40px;
1952
+ }
1953
+ /* Navbar modifier
1954
+ ========================================================================== */
1955
+ .uk-search-navbar {
1956
+ width: 240px;
1957
+ }
1958
+ /*
1959
+ * Input
1960
+ */
1961
+ .uk-search-navbar .uk-search-input {
1962
+ height: 40px;
1963
+ padding-right: 10px;
1964
+ padding-left: 10px;
1965
+ background: #fff;
1966
+ }
1967
+ /* Focus */
1968
+ .uk-search-navbar .uk-search-input:focus {
1969
+ background-color: #fcfcfc;
1970
+ }
1971
+ /*
1972
+ * Icon
1973
+ */
1974
+ .uk-search-navbar .uk-search-icon {
1975
+ padding-right: 10px;
1976
+ padding-left: 10px;
1977
+ }
1978
+ .uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
1979
+ padding-right: 40px;
1980
+ }
1981
+ .uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
1982
+ padding-left: 40px;
1983
+ }
1984
+ /* Medium modifier
1985
+ ========================================================================== */
1986
+ .uk-search-medium {
1987
+ width: 400px;
1988
+ }
1989
+ /*
1990
+ * Input
1991
+ */
1992
+ .uk-search-medium .uk-search-input {
1993
+ height: 55px;
1994
+ padding-right: 12px;
1995
+ padding-left: 12px;
1996
+ background: #f8f8f8;
1997
+ font-size: 1.5rem;
1998
+ }
1999
+ /* Focus */
2000
+ .uk-search-medium .uk-search-input:focus {
2001
+ background-color: #f3f3f3;
2002
+ }
2003
+ /*
2004
+ * Icon
2005
+ */
2006
+ .uk-search-medium .uk-search-icon {
2007
+ padding-right: 12px;
2008
+ padding-left: 12px;
2009
+ }
2010
+ .uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2011
+ padding-right: 48px;
2012
+ }
2013
+ .uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
2014
+ padding-left: 48px;
2015
+ }
2016
+ /* Large modifier
2017
+ ========================================================================== */
2018
+ .uk-search-large {
2019
+ width: 500px;
2020
+ }
2021
+ /*
2022
+ * Input
2023
+ */
2024
+ .uk-search-large .uk-search-input {
2025
+ height: 90px;
2026
+ padding-right: 20px;
2027
+ padding-left: 20px;
2028
+ background: #f8f8f8;
2029
+ font-size: 2.625rem;
2030
+ }
2031
+ /* Focus */
2032
+ .uk-search-large .uk-search-input:focus {
2033
+ background-color: #f3f3f3;
2034
+ }
2035
+ /*
2036
+ * Icon
2037
+ */
2038
+ .uk-search-large .uk-search-icon {
2039
+ padding-right: 20px;
2040
+ padding-left: 20px;
2041
+ }
2042
+ .uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2043
+ padding-right: 80px;
2044
+ }
2045
+ .uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
2046
+ padding-left: 80px;
2047
+ }
2048
+ /* Toggle
2049
+ ========================================================================== */
2050
+ .uk-search-toggle {
2051
+ color: #999;
2052
+ }
2053
+ /* Hover */
2054
+ .uk-search-toggle:hover {
2055
+ color: #666;
2056
+ }
1815
2057
  /* ========================================================================
1816
2058
  Component: Button
1817
2059
  ========================================================================== */
@@ -1861,7 +2103,7 @@ select.uk-form-width-xsmall {
1861
2103
  }
1862
2104
  /* Hover */
1863
2105
  .uk-button:hover {
1864
- /* 9 */
2106
+ /* 10 */
1865
2107
  text-decoration: none;
1866
2108
  }
1867
2109
  /* OnClick + Active */
@@ -2642,14 +2884,14 @@ select.uk-form-width-xsmall {
2642
2884
  /*
2643
2885
  * Small
2644
2886
  */
2645
- .uk-card-small.uk-card-body,
2646
- .uk-card-small .uk-card-body {
2887
+ .uk-card-small:where(.uk-card-body),
2888
+ .uk-card-small :where(.uk-card-body) {
2647
2889
  padding: 20px 20px;
2648
2890
  }
2649
- .uk-card-small .uk-card-header {
2891
+ .uk-card-small :where(.uk-card-header) {
2650
2892
  padding: 13px 20px;
2651
2893
  }
2652
- .uk-card-small .uk-card-footer {
2894
+ .uk-card-small :where(.uk-card-footer) {
2653
2895
  padding: 13px 20px;
2654
2896
  }
2655
2897
  /*
@@ -2657,14 +2899,14 @@ select.uk-form-width-xsmall {
2657
2899
  */
2658
2900
  /* Desktop and bigger */
2659
2901
  @media (min-width: 1200px) {
2660
- .uk-card-large.uk-card-body,
2661
- .uk-card-large .uk-card-body {
2902
+ .uk-card-large:where(.uk-card-body),
2903
+ .uk-card-large :where(.uk-card-body) {
2662
2904
  padding: 70px 70px;
2663
2905
  }
2664
- .uk-card-large .uk-card-header {
2906
+ .uk-card-large :where(.uk-card-header) {
2665
2907
  padding: 35px 70px;
2666
2908
  }
2667
- .uk-card-large .uk-card-footer {
2909
+ .uk-card-large :where(.uk-card-footer) {
2668
2910
  padding: 35px 70px;
2669
2911
  }
2670
2912
  }
@@ -2909,18 +3151,73 @@ select.uk-form-width-xsmall {
2909
3151
  color: #fff;
2910
3152
  }
2911
3153
  /* ========================================================================
2912
- Component: Overlay
3154
+ Component: Dropcap
2913
3155
  ========================================================================== */
2914
- .uk-overlay {
2915
- padding: 30px 30px;
2916
- }
2917
3156
  /*
2918
- * Remove margin from the last-child
3157
+ * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
3158
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=214004
3159
+ * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
3160
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=317933
2919
3161
  */
2920
- .uk-overlay > :last-child {
2921
- margin-bottom: 0;
2922
- }
2923
- /* Icon
3162
+ .uk-dropcap::first-letter,
3163
+ .uk-dropcap > p:first-of-type::first-letter {
3164
+ display: block;
3165
+ margin-left: 10px;
3166
+ float: right;
3167
+ font-size: 4.5em;
3168
+ line-height: 1;
3169
+ }
3170
+ /* 2 */
3171
+ @-moz-document url-prefix() {
3172
+ .uk-dropcap::first-letter,
3173
+ .uk-dropcap > p:first-of-type::first-letter {
3174
+ margin-top: 1.1%;
3175
+ }
3176
+ }
3177
+ /* ========================================================================
3178
+ Component: Floating Shadow
3179
+ ========================================================================== */
3180
+ /*
3181
+ * 1. Set position.
3182
+ * 2. Set style
3183
+ * 3. Fix shadow being clipped in Safari if container is animated
3184
+ */
3185
+ .uk-floating-shadow {
3186
+ display: inline-block;
3187
+ position: relative;
3188
+ z-index: 0;
3189
+ max-width: 100%;
3190
+ vertical-align: middle;
3191
+ }
3192
+ .uk-floating-shadow::after {
3193
+ content: "";
3194
+ /* 1 */
3195
+ position: absolute;
3196
+ bottom: -30px;
3197
+ right: 0;
3198
+ left: 0;
3199
+ z-index: -1;
3200
+ /* 2 */
3201
+ height: 30px;
3202
+ border-radius: 100%;
3203
+ background: #444;
3204
+ filter: blur(20px);
3205
+ /* 3 */
3206
+ will-change: filter;
3207
+ }
3208
+ /* ========================================================================
3209
+ Component: Overlay
3210
+ ========================================================================== */
3211
+ .uk-overlay {
3212
+ padding: 30px 30px;
3213
+ }
3214
+ /*
3215
+ * Remove margin from the last-child
3216
+ */
3217
+ .uk-overlay > :last-child {
3218
+ margin-bottom: 0;
3219
+ }
3220
+ /* Icon
2924
3221
  ========================================================================== */
2925
3222
  /* Style modifiers
2926
3223
  ========================================================================== */
@@ -3042,390 +3339,148 @@ select.uk-form-width-xsmall {
3042
3339
  /* Style modifier
3043
3340
  ========================================================================== */
3044
3341
  /* ========================================================================
3045
- Component: Search
3342
+ Component: Accordion
3046
3343
  ========================================================================== */
3344
+ .uk-accordion {
3345
+ padding: 0;
3346
+ list-style: none;
3347
+ }
3348
+ .uk-accordion-title {
3349
+ display: block;
3350
+ }
3351
+ .uk-accordion-content {
3352
+ display: flow-root;
3353
+ }
3047
3354
  /*
3048
- * 1. Container fits its content
3049
- * 2. Create position context
3050
- * 3. Prevent content overflow
3051
- * 4. Reset `form`
3355
+ * Remove margin from the last-child
3052
3356
  */
3053
- .uk-search {
3054
- /* 1 */
3055
- display: inline-block;
3056
- /* 2 */
3057
- position: relative;
3058
- /* 3 */
3059
- max-width: 100%;
3060
- /* 4 */
3061
- margin: 0;
3357
+ .uk-accordion-content > :last-child {
3358
+ margin-bottom: 0;
3062
3359
  }
3063
- /* Input
3360
+ /* Default modifier
3064
3361
  ========================================================================== */
3065
3362
  /*
3066
- * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
3363
+ * Item
3067
3364
  */
3068
- .uk-search-input::-webkit-search-cancel-button,
3069
- .uk-search-input::-webkit-search-decoration {
3070
- -webkit-appearance: none;
3365
+ .uk-accordion-default > :nth-child(n+2) {
3366
+ margin-top: 20px;
3071
3367
  }
3368
+ /* Active */
3072
3369
  /*
3073
- * 1. Define consistent box sizing.
3074
- * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
3075
- * 3. Remove `border-radius` in iOS.
3076
- * 4. Change font properties to `inherit` in all browsers
3077
- * 5. Show the overflow in Edge.
3078
- * 6. Remove default style in iOS.
3079
- * 7. Vertical alignment
3080
- * 8. Take the full container width
3081
- * 9. Style
3370
+ * Title
3082
3371
  */
3083
- .uk-search-input {
3372
+ /*
3373
+ * 1. Center content vertically, e.g. an icon
3374
+ * 2. Imitate white space gap when using flexbox
3375
+ * 3. Reset link
3376
+ */
3377
+ .uk-accordion-default .uk-accordion-title {
3084
3378
  /* 1 */
3085
- box-sizing: border-box;
3379
+ display: flex;
3380
+ align-items: center;
3086
3381
  /* 2 */
3087
- margin: 0;
3382
+ column-gap: 15px;
3088
3383
  /* 3 */
3089
- border-radius: 0;
3090
- /* 4 */
3091
- font: inherit;
3092
- /* 5 */
3093
- overflow: visible;
3094
- /* 6 */
3095
- -webkit-appearance: none;
3096
- /* 7 */
3097
- vertical-align: middle;
3098
- /* 8 */
3099
- width: 100%;
3100
- /* 9 */
3101
- border: none;
3384
+ font-size: 1.25rem;
3385
+ line-height: 1.4;
3386
+ color: #333;
3387
+ }
3388
+ /* Hover */
3389
+ .uk-accordion-default .uk-accordion-title:hover {
3102
3390
  color: #666;
3391
+ text-decoration: none;
3103
3392
  }
3104
- .uk-search-input:focus {
3105
- outline: none;
3393
+ /* Active */
3394
+ /*
3395
+ * Icon
3396
+ */
3397
+ .uk-accordion-default .uk-accordion-icon {
3398
+ flex: none;
3399
+ margin-right: auto;
3106
3400
  }
3107
- /* Placeholder */
3108
- .uk-search-input::placeholder {
3109
- color: #999;
3401
+ /*
3402
+ * Content
3403
+ */
3404
+ .uk-accordion-default .uk-accordion-content {
3405
+ margin-top: 20px;
3110
3406
  }
3111
- /* Icon (Adopts `uk-icon`)
3407
+ /* ========================================================================
3408
+ Component: Drop
3112
3409
  ========================================================================== */
3113
3410
  /*
3114
- * Position above input
3115
- * 1. Set position
3116
- * 2. Center icon vertically and horizontally
3117
- * 3. Style
3411
+ * 1. Hide by default
3412
+ * 2. Set position
3413
+ * 3. Set a default width
3118
3414
  */
3119
- .uk-search .uk-search-icon {
3415
+ .uk-drop {
3120
3416
  /* 1 */
3121
- position: absolute;
3122
- top: 0;
3123
- bottom: 0;
3124
- right: 0;
3417
+ display: none;
3125
3418
  /* 2 */
3126
- display: inline-flex;
3127
- justify-content: center;
3128
- align-items: center;
3419
+ position: absolute;
3420
+ z-index: 1020;
3421
+ --uk-position-offset: 20px;
3422
+ --uk-position-viewport-offset: 15px;
3129
3423
  /* 3 */
3130
- color: #999;
3131
- }
3132
- /*
3133
- * Required for `a`.
3134
- */
3135
- .uk-search .uk-search-icon:hover {
3136
- color: #999;
3424
+ box-sizing: border-box;
3425
+ width: 300px;
3137
3426
  }
3138
- /*
3139
- * Make `input` element clickable through icon, e.g. if it's a `span`
3140
- */
3141
- .uk-search .uk-search-icon:not(a):not(button):not(input) {
3142
- pointer-events: none;
3427
+ /* Show */
3428
+ .uk-drop.uk-open {
3429
+ display: block;
3143
3430
  }
3144
- /*
3145
- * Position modifier
3146
- */
3147
- .uk-search .uk-search-icon-flip {
3148
- left: 0;
3149
- right: auto;
3431
+ /* Grid modifiers
3432
+ ========================================================================== */
3433
+ .uk-drop-stack .uk-drop-grid > * {
3434
+ width: 100% !important;
3150
3435
  }
3151
- /* Default modifier
3436
+ /* Parent icon
3152
3437
  ========================================================================== */
3153
- .uk-search-default {
3154
- width: 240px;
3438
+ .uk-drop-parent-icon {
3439
+ margin-right: 0.25em;
3440
+ transition: transform 0.3s ease-out;
3441
+ }
3442
+ [aria-expanded="true"] > .uk-drop-parent-icon {
3443
+ transform: rotateX(180deg);
3155
3444
  }
3445
+ /* ========================================================================
3446
+ Component: Dropbar
3447
+ ========================================================================== */
3156
3448
  /*
3157
- * Input
3449
+ * Adopts `uk-drop`
3450
+ * 1. Reset drop
3451
+ * 2. Style
3158
3452
  */
3159
- .uk-search-default .uk-search-input {
3160
- height: 40px;
3161
- padding-right: 10px;
3162
- padding-left: 10px;
3453
+ .uk-dropbar {
3454
+ --uk-position-offset: 0;
3455
+ --uk-position-shift-offset: 0;
3456
+ --uk-position-viewport-offset: 0;
3457
+ --uk-inverse: dark;
3458
+ /* 1 */
3459
+ width: auto;
3460
+ /* 2 */
3461
+ padding: 15px 15px 15px 15px;
3163
3462
  background: #f8f8f8;
3164
- }
3165
- /* Focus */
3166
- .uk-search-default .uk-search-input:focus {
3167
- background-color: #f3f3f3;
3463
+ color: #666;
3168
3464
  }
3169
3465
  /*
3170
- * Icon
3466
+ * Remove margin from the last-child
3171
3467
  */
3172
- .uk-search-default .uk-search-icon {
3173
- padding-right: 10px;
3174
- padding-left: 10px;
3468
+ .uk-dropbar > :last-child {
3469
+ margin-bottom: 0;
3175
3470
  }
3176
- .uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3177
- padding-right: 40px;
3471
+ /* Phone landscape and bigger */
3472
+ @media (min-width: 640px) {
3473
+ .uk-dropbar {
3474
+ padding-right: 30px;
3475
+ padding-left: 30px;
3476
+ }
3178
3477
  }
3179
- .uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
3180
- padding-left: 40px;
3181
- }
3182
- /* Navbar modifier
3183
- ========================================================================== */
3184
- .uk-search-navbar {
3185
- width: 240px;
3186
- }
3187
- /*
3188
- * Input
3189
- */
3190
- .uk-search-navbar .uk-search-input {
3191
- height: 40px;
3192
- padding-right: 10px;
3193
- padding-left: 10px;
3194
- background: #fff;
3195
- }
3196
- /* Focus */
3197
- .uk-search-navbar .uk-search-input:focus {
3198
- background-color: #fcfcfc;
3199
- }
3200
- /*
3201
- * Icon
3202
- */
3203
- .uk-search-navbar .uk-search-icon {
3204
- padding-right: 10px;
3205
- padding-left: 10px;
3206
- }
3207
- .uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3208
- padding-right: 40px;
3209
- }
3210
- .uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
3211
- padding-left: 40px;
3212
- }
3213
- /* Medium modifier
3214
- ========================================================================== */
3215
- .uk-search-medium {
3216
- width: 400px;
3217
- }
3218
- /*
3219
- * Input
3220
- */
3221
- .uk-search-medium .uk-search-input {
3222
- height: 55px;
3223
- padding-right: 12px;
3224
- padding-left: 12px;
3225
- background: #f8f8f8;
3226
- font-size: 1.5rem;
3227
- }
3228
- /* Focus */
3229
- .uk-search-medium .uk-search-input:focus {
3230
- background-color: #f3f3f3;
3231
- }
3232
- /*
3233
- * Icon
3234
- */
3235
- .uk-search-medium .uk-search-icon {
3236
- padding-right: 12px;
3237
- padding-left: 12px;
3238
- }
3239
- .uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3240
- padding-right: 48px;
3241
- }
3242
- .uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
3243
- padding-left: 48px;
3244
- }
3245
- /* Large modifier
3246
- ========================================================================== */
3247
- .uk-search-large {
3248
- width: 500px;
3249
- }
3250
- /*
3251
- * Input
3252
- */
3253
- .uk-search-large .uk-search-input {
3254
- height: 90px;
3255
- padding-right: 20px;
3256
- padding-left: 20px;
3257
- background: #f8f8f8;
3258
- font-size: 2.625rem;
3259
- }
3260
- /* Focus */
3261
- .uk-search-large .uk-search-input:focus {
3262
- background-color: #f3f3f3;
3263
- }
3264
- /*
3265
- * Icon
3266
- */
3267
- .uk-search-large .uk-search-icon {
3268
- padding-right: 20px;
3269
- padding-left: 20px;
3270
- }
3271
- .uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3272
- padding-right: 80px;
3273
- }
3274
- .uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
3275
- padding-left: 80px;
3276
- }
3277
- /* Toggle
3278
- ========================================================================== */
3279
- .uk-search-toggle {
3280
- color: #999;
3281
- }
3282
- /* Hover */
3283
- .uk-search-toggle:hover {
3284
- color: #666;
3285
- }
3286
- /* ========================================================================
3287
- Component: Accordion
3288
- ========================================================================== */
3289
- .uk-accordion {
3290
- padding: 0;
3291
- list-style: none;
3292
- }
3293
- .uk-accordion-title {
3294
- display: block;
3295
- }
3296
- .uk-accordion-content {
3297
- display: flow-root;
3298
- }
3299
- /*
3300
- * Remove margin from the last-child
3301
- */
3302
- .uk-accordion-content > :last-child {
3303
- margin-bottom: 0;
3304
- }
3305
- /* Default modifier
3306
- ========================================================================== */
3307
- /*
3308
- * Item
3309
- */
3310
- .uk-accordion-default > :nth-child(n+2) {
3311
- margin-top: 20px;
3312
- }
3313
- /* Active */
3314
- /*
3315
- * Title
3316
- */
3317
- /*
3318
- * 1. Center content vertically, e.g. an icon
3319
- * 2. Imitate white space gap when using flexbox
3320
- * 3. Reset link
3321
- */
3322
- .uk-accordion-default .uk-accordion-title {
3323
- /* 1 */
3324
- display: flex;
3325
- align-items: center;
3326
- /* 2 */
3327
- column-gap: 15px;
3328
- /* 3 */
3329
- font-size: 1.25rem;
3330
- line-height: 1.4;
3331
- color: #333;
3332
- }
3333
- /* Hover */
3334
- .uk-accordion-default .uk-accordion-title:hover {
3335
- color: #666;
3336
- text-decoration: none;
3337
- }
3338
- /* Active */
3339
- /*
3340
- * Icon
3341
- */
3342
- .uk-accordion-default .uk-accordion-icon {
3343
- flex: none;
3344
- margin-right: auto;
3345
- }
3346
- /*
3347
- * Content
3348
- */
3349
- .uk-accordion-default .uk-accordion-content {
3350
- margin-top: 20px;
3351
- }
3352
- /* ========================================================================
3353
- Component: Drop
3354
- ========================================================================== */
3355
- /*
3356
- * 1. Hide by default
3357
- * 2. Set position
3358
- * 3. Set a default width
3359
- */
3360
- .uk-drop {
3361
- /* 1 */
3362
- display: none;
3363
- /* 2 */
3364
- position: absolute;
3365
- z-index: 1020;
3366
- --uk-position-offset: 20px;
3367
- --uk-position-viewport-offset: 15px;
3368
- /* 3 */
3369
- box-sizing: border-box;
3370
- width: 300px;
3371
- }
3372
- /* Show */
3373
- .uk-drop.uk-open {
3374
- display: block;
3375
- }
3376
- /* Grid modifiers
3377
- ========================================================================== */
3378
- .uk-drop-stack .uk-drop-grid > * {
3379
- width: 100% !important;
3380
- }
3381
- /* Parent icon
3382
- ========================================================================== */
3383
- .uk-drop-parent-icon {
3384
- margin-right: 0.25em;
3385
- transition: transform 0.3s ease-out;
3386
- }
3387
- [aria-expanded="true"] > .uk-drop-parent-icon {
3388
- transform: rotateX(180deg);
3389
- }
3390
- /* ========================================================================
3391
- Component: Dropbar
3392
- ========================================================================== */
3393
- /*
3394
- * Adopts `uk-drop`
3395
- * 1. Reset drop
3396
- * 2. Style
3397
- */
3398
- .uk-dropbar {
3399
- --uk-position-offset: 0;
3400
- --uk-position-shift-offset: 0;
3401
- --uk-position-viewport-offset: 0;
3402
- --uk-inverse: dark;
3403
- /* 1 */
3404
- width: auto;
3405
- /* 2 */
3406
- padding: 15px 15px 15px 15px;
3407
- background: #f8f8f8;
3408
- color: #666;
3409
- }
3410
- /*
3411
- * Remove margin from the last-child
3412
- */
3413
- .uk-dropbar > :last-child {
3414
- margin-bottom: 0;
3415
- }
3416
- /* Phone landscape and bigger */
3417
- @media (min-width: 640px) {
3418
- .uk-dropbar {
3419
- padding-right: 30px;
3420
- padding-left: 30px;
3421
- }
3422
- }
3423
- /* Tablet landscape and bigger */
3424
- @media (min-width: 960px) {
3425
- .uk-dropbar {
3426
- padding-right: 40px;
3427
- padding-left: 40px;
3428
- }
3478
+ /* Tablet landscape and bigger */
3479
+ @media (min-width: 960px) {
3480
+ .uk-dropbar {
3481
+ padding-right: 40px;
3482
+ padding-left: 40px;
3483
+ }
3429
3484
  }
3430
3485
  .uk-dropbar :focus-visible {
3431
3486
  outline-color: #333 !important;
@@ -3472,10 +3527,7 @@ select.uk-form-width-xsmall {
3472
3527
  display: none;
3473
3528
  /* 2 */
3474
3529
  position: fixed;
3475
- top: 0;
3476
- left: 0;
3477
- bottom: 0;
3478
- right: 0;
3530
+ inset: 0;
3479
3531
  z-index: 1010;
3480
3532
  /* 3 */
3481
3533
  overflow-y: auto;
@@ -3707,11 +3759,8 @@ select.uk-form-width-xsmall {
3707
3759
  .uk-slideshow-items > * {
3708
3760
  /* 1 */
3709
3761
  position: absolute;
3710
- top: 0;
3711
- right: 0;
3712
3762
  /* 2 */
3713
- left: 0;
3714
- bottom: 0;
3763
+ inset: 0;
3715
3764
  /* 3 */
3716
3765
  overflow: hidden;
3717
3766
  /* 4 */
@@ -3808,6 +3857,96 @@ select.uk-form-width-xsmall {
3808
3857
  /* 2 */
3809
3858
  position: relative;
3810
3859
  }
3860
+ /* ========================================================================
3861
+ Component: Marquee
3862
+ ========================================================================== */
3863
+ /*
3864
+ * 1. Fallback for Safari 15 and older
3865
+ * 2. Clip child elements
3866
+ * `clip` prevents accidental scrolling through elements in slide getting focused
3867
+ * `clip` also works in only one direction
3868
+ * 3. Prevent tab highlighting on iOS.
3869
+ */
3870
+ .uk-marquee {
3871
+ /* 1 */
3872
+ overflow-x: hidden;
3873
+ /* 2 */
3874
+ overflow-x: clip;
3875
+ /* 3 */
3876
+ -webkit-tap-highlight-color: transparent;
3877
+ }
3878
+ .uk-marquee-vertical {
3879
+ overflow: visible;
3880
+ overflow-y: hidden;
3881
+ overflow-y: clip;
3882
+ }
3883
+ /*
3884
+ * Fade out
3885
+ */
3886
+ .uk-marquee-fade {
3887
+ --uk-overflow-fade-size: 100px;
3888
+ --uk-overflow-fade-direction: right;
3889
+ }
3890
+ .uk-marquee-fade.uk-marquee-vertical {
3891
+ --uk-overflow-fade-direction: bottom;
3892
+ }
3893
+ .uk-marquee-fade {
3894
+ 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)));
3895
+ }
3896
+ /* Items
3897
+ ========================================================================== */
3898
+ /*
3899
+ * 1. Create a containing block.
3900
+ */
3901
+ .uk-marquee-items {
3902
+ /* 1 */
3903
+ position: relative;
3904
+ }
3905
+ /*
3906
+ * 1. Reset list style without interfering with grid
3907
+ * 2. Prevent displaying the callout information on iOS.
3908
+ */
3909
+ .uk-marquee:not(.uk-marquee-vertical) .uk-marquee-items:not(.uk-grid) {
3910
+ display: flex;
3911
+ /* 1 */
3912
+ margin: 0;
3913
+ padding: 0;
3914
+ list-style: none;
3915
+ /* 2 */
3916
+ -webkit-touch-callout: none;
3917
+ }
3918
+ .uk-marquee:not(.uk-marquee-vertical) .uk-marquee-items.uk-grid {
3919
+ flex-wrap: nowrap;
3920
+ }
3921
+ /* Item
3922
+ ========================================================================== */
3923
+ /*
3924
+ * 1. Let items take content dimensions (0 0 auto)
3925
+ * `max-width` needed to keep image responsiveness and prevent content overflow
3926
+ * 2. Create position context
3927
+ * 3. Create animation along offset-path
3928
+ */
3929
+ .uk-marquee-items > * {
3930
+ /* 1 */
3931
+ flex: none !important;
3932
+ box-sizing: border-box;
3933
+ max-width: 100%;
3934
+ /* 2 */
3935
+ position: relative;
3936
+ /* 3 */
3937
+ offset-anchor: 0 0;
3938
+ offset-rotate: 0deg;
3939
+ offset-path: path(var(--uk-marquee-path));
3940
+ animation: var(--uk-marquee-duration) linear calc(var(--uk-marquee-start) / -100 * var(--uk-marquee-duration)) infinite var(--uk-marquee-direction) uk-marquee;
3941
+ }
3942
+ @keyframes uk-marquee {
3943
+ 0% {
3944
+ offset-distance: 0;
3945
+ }
3946
+ 100% {
3947
+ offset-distance: 100%;
3948
+ }
3949
+ }
3811
3950
  /* ========================================================================
3812
3951
  Component: Sticky
3813
3952
  ========================================================================== */
@@ -4089,9 +4228,12 @@ select.uk-form-width-xsmall {
4089
4228
  /* Items
4090
4229
  ========================================================================== */
4091
4230
  /*
4092
- * Hide not active items
4231
+ * 1. Hide not active items
4232
+ * 2. Do not hide the first child if the switcher is not activated
4093
4233
  */
4094
- .uk-switcher > :not(.uk-active) {
4234
+ /* 1 */
4235
+ .uk-switcher:has(> .uk-active) > :not(.uk-active),
4236
+ .uk-switcher:not(:has(> .uk-active)) > :not(:first-child) {
4095
4237
  display: none;
4096
4238
  }
4097
4239
  /*
@@ -4490,36 +4632,38 @@ select.uk-form-width-xsmall {
4490
4632
  .uk-grid > * > :last-child {
4491
4633
  margin-bottom: 0;
4492
4634
  }
4493
- /* Gutter
4635
+ /* Gap
4494
4636
  ========================================================================== */
4495
4637
  /*
4496
4638
  * Default
4497
4639
  */
4498
- /* Horizontal */
4499
4640
  .uk-grid {
4500
4641
  margin-right: -30px;
4501
4642
  }
4502
4643
  .uk-grid > * {
4503
4644
  padding-right: 30px;
4504
4645
  }
4505
- /* Vertical */
4506
- .uk-grid + .uk-grid,
4507
- .uk-grid > .uk-grid-margin,
4646
+ .uk-grid {
4647
+ row-gap: 30px;
4648
+ }
4649
+ /* Margin */
4650
+ .uk-grid + :where(.uk-grid),
4508
4651
  * + .uk-grid-margin {
4509
4652
  margin-top: 30px;
4510
4653
  }
4511
4654
  /* Desktop and bigger */
4512
4655
  @media (min-width: 1200px) {
4513
- /* Horizontal */
4514
4656
  .uk-grid {
4515
4657
  margin-right: -40px;
4516
4658
  }
4517
4659
  .uk-grid > * {
4518
4660
  padding-right: 40px;
4519
4661
  }
4520
- /* Vertical */
4521
- .uk-grid + .uk-grid,
4522
- .uk-grid > .uk-grid-margin,
4662
+ .uk-grid {
4663
+ row-gap: 40px;
4664
+ }
4665
+ /* Margin */
4666
+ .uk-grid + :where(.uk-grid),
4523
4667
  * + .uk-grid-margin {
4524
4668
  margin-top: 40px;
4525
4669
  }
@@ -4527,7 +4671,6 @@ select.uk-form-width-xsmall {
4527
4671
  /*
4528
4672
  * Small
4529
4673
  */
4530
- /* Horizontal */
4531
4674
  .uk-grid-small,
4532
4675
  .uk-grid-column-small {
4533
4676
  margin-right: -15px;
@@ -4536,18 +4679,18 @@ select.uk-form-width-xsmall {
4536
4679
  .uk-grid-column-small > * {
4537
4680
  padding-right: 15px;
4538
4681
  }
4539
- /* Vertical */
4540
- .uk-grid + .uk-grid-small,
4541
- .uk-grid + .uk-grid-row-small,
4542
- .uk-grid-small > .uk-grid-margin,
4543
- .uk-grid-row-small > .uk-grid-margin,
4682
+ .uk-grid-small,
4683
+ .uk-grid-row-small {
4684
+ row-gap: 15px;
4685
+ }
4686
+ /* Margin */
4687
+ .uk-grid + :where(.uk-grid-small, .uk-grid-row-small),
4544
4688
  * + .uk-grid-margin-small {
4545
4689
  margin-top: 15px;
4546
4690
  }
4547
4691
  /*
4548
4692
  * Medium
4549
4693
  */
4550
- /* Horizontal */
4551
4694
  .uk-grid-medium,
4552
4695
  .uk-grid-column-medium {
4553
4696
  margin-right: -30px;
@@ -4556,18 +4699,18 @@ select.uk-form-width-xsmall {
4556
4699
  .uk-grid-column-medium > * {
4557
4700
  padding-right: 30px;
4558
4701
  }
4559
- /* Vertical */
4560
- .uk-grid + .uk-grid-medium,
4561
- .uk-grid + .uk-grid-row-medium,
4562
- .uk-grid-medium > .uk-grid-margin,
4563
- .uk-grid-row-medium > .uk-grid-margin,
4702
+ .uk-grid-medium,
4703
+ .uk-grid-row-medium {
4704
+ row-gap: 30px;
4705
+ }
4706
+ /* Margin */
4707
+ .uk-grid + :where(.uk-grid-medium, .uk-grid-row-medium),
4564
4708
  * + .uk-grid-margin-medium {
4565
4709
  margin-top: 30px;
4566
4710
  }
4567
4711
  /*
4568
4712
  * Large
4569
4713
  */
4570
- /* Horizontal */
4571
4714
  .uk-grid-large,
4572
4715
  .uk-grid-column-large {
4573
4716
  margin-right: -40px;
@@ -4576,17 +4719,17 @@ select.uk-form-width-xsmall {
4576
4719
  .uk-grid-column-large > * {
4577
4720
  padding-right: 40px;
4578
4721
  }
4579
- /* Vertical */
4580
- .uk-grid + .uk-grid-large,
4581
- .uk-grid + .uk-grid-row-large,
4582
- .uk-grid-large > .uk-grid-margin,
4583
- .uk-grid-row-large > .uk-grid-margin,
4722
+ .uk-grid-large,
4723
+ .uk-grid-row-large {
4724
+ row-gap: 40px;
4725
+ }
4726
+ /* Margin */
4727
+ .uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
4584
4728
  * + .uk-grid-margin-large {
4585
4729
  margin-top: 40px;
4586
4730
  }
4587
4731
  /* Desktop and bigger */
4588
4732
  @media (min-width: 1200px) {
4589
- /* Horizontal */
4590
4733
  .uk-grid-large,
4591
4734
  .uk-grid-column-large {
4592
4735
  margin-right: -70px;
@@ -4595,11 +4738,12 @@ select.uk-form-width-xsmall {
4595
4738
  .uk-grid-column-large > * {
4596
4739
  padding-right: 70px;
4597
4740
  }
4598
- /* Vertical */
4599
- .uk-grid + .uk-grid-large,
4600
- .uk-grid + .uk-grid-row-large,
4601
- .uk-grid-large > .uk-grid-margin,
4602
- .uk-grid-row-large > .uk-grid-margin,
4741
+ .uk-grid-large,
4742
+ .uk-grid-row-large {
4743
+ row-gap: 70px;
4744
+ }
4745
+ /* Margin */
4746
+ .uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
4603
4747
  * + .uk-grid-margin-large {
4604
4748
  margin-top: 70px;
4605
4749
  }
@@ -4607,7 +4751,6 @@ select.uk-form-width-xsmall {
4607
4751
  /*
4608
4752
  * Collapse
4609
4753
  */
4610
- /* Horizontal */
4611
4754
  .uk-grid-collapse,
4612
4755
  .uk-grid-column-collapse {
4613
4756
  margin-right: 0;
@@ -4616,11 +4759,12 @@ select.uk-form-width-xsmall {
4616
4759
  .uk-grid-column-collapse > * {
4617
4760
  padding-right: 0;
4618
4761
  }
4619
- /* Vertical */
4620
- .uk-grid + .uk-grid-collapse,
4621
- .uk-grid + .uk-grid-row-collapse,
4622
- .uk-grid-collapse > .uk-grid-margin,
4623
- .uk-grid-row-collapse > .uk-grid-margin {
4762
+ .uk-grid-collapse,
4763
+ .uk-grid-row-collapse {
4764
+ row-gap: 0;
4765
+ }
4766
+ /* Margin */
4767
+ .uk-grid + :where(.uk-grid-collapse, .uk-grid-row-collapse) {
4624
4768
  margin-top: 0;
4625
4769
  }
4626
4770
  /* Divider
@@ -4628,6 +4772,7 @@ select.uk-form-width-xsmall {
4628
4772
  .uk-grid-divider > * {
4629
4773
  position: relative;
4630
4774
  }
4775
+ /* Horizontal */
4631
4776
  .uk-grid-divider > :not(.uk-first-column)::before {
4632
4777
  content: "";
4633
4778
  position: absolute;
@@ -4636,7 +4781,7 @@ select.uk-form-width-xsmall {
4636
4781
  border-right: 1px solid #e5e5e5;
4637
4782
  }
4638
4783
  /* Vertical */
4639
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
4784
+ .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
4640
4785
  content: "";
4641
4786
  position: absolute;
4642
4787
  right: 0;
@@ -4657,10 +4802,10 @@ select.uk-form-width-xsmall {
4657
4802
  right: 30px;
4658
4803
  }
4659
4804
  /* Vertical */
4660
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
4661
- margin-top: 60px;
4805
+ .uk-grid-divider.uk-grid-stack {
4806
+ row-gap: 60px;
4662
4807
  }
4663
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
4808
+ .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
4664
4809
  top: -30px;
4665
4810
  right: 60px;
4666
4811
  }
@@ -4677,10 +4822,10 @@ select.uk-form-width-xsmall {
4677
4822
  right: 40px;
4678
4823
  }
4679
4824
  /* Vertical */
4680
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
4681
- margin-top: 80px;
4825
+ .uk-grid-divider.uk-grid-stack {
4826
+ row-gap: 80px;
4682
4827
  }
4683
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
4828
+ .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
4684
4829
  top: -40px;
4685
4830
  right: 80px;
4686
4831
  }
@@ -4702,18 +4847,17 @@ select.uk-form-width-xsmall {
4702
4847
  right: 15px;
4703
4848
  }
4704
4849
  /* Vertical */
4705
- .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin,
4706
- .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin {
4707
- margin-top: 30px;
4850
+ .uk-grid-divider.uk-grid-stack:where(.uk-grid-small, .uk-grid-row-small) {
4851
+ row-gap: 30px;
4708
4852
  }
4709
- .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
4853
+ .uk-grid-divider.uk-grid-stack.uk-grid-small > :not(.uk-first-row)::before {
4710
4854
  top: -15px;
4711
4855
  right: 30px;
4712
4856
  }
4713
- .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
4857
+ .uk-grid-divider.uk-grid-stack.uk-grid-row-small > :not(.uk-first-row)::before {
4714
4858
  top: -15px;
4715
4859
  }
4716
- .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
4860
+ .uk-grid-divider.uk-grid-stack.uk-grid-column-small > :not(.uk-first-row)::before {
4717
4861
  right: 30px;
4718
4862
  }
4719
4863
  /*
@@ -4733,18 +4877,17 @@ select.uk-form-width-xsmall {
4733
4877
  right: 30px;
4734
4878
  }
4735
4879
  /* Vertical */
4736
- .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin,
4737
- .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
4738
- margin-top: 60px;
4880
+ .uk-grid-divider.uk-grid-stack:where(.uk-grid-medium, .uk-grid-row-medium) {
4881
+ row-gap: 60px;
4739
4882
  }
4740
- .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
4883
+ .uk-grid-divider.uk-grid-stack.uk-grid-medium > :not(.uk-first-row)::before {
4741
4884
  top: -30px;
4742
4885
  right: 60px;
4743
4886
  }
4744
- .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
4887
+ .uk-grid-divider.uk-grid-stack.uk-grid-row-medium > :not(.uk-first-row)::before {
4745
4888
  top: -30px;
4746
4889
  }
4747
- .uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
4890
+ .uk-grid-divider.uk-grid-stack.uk-grid-column-medium > :not(.uk-first-row)::before {
4748
4891
  right: 60px;
4749
4892
  }
4750
4893
  /*
@@ -4764,18 +4907,17 @@ select.uk-form-width-xsmall {
4764
4907
  right: 40px;
4765
4908
  }
4766
4909
  /* Vertical */
4767
- .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
4768
- .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
4769
- margin-top: 80px;
4910
+ .uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
4911
+ row-gap: 80px;
4770
4912
  }
4771
- .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
4913
+ .uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
4772
4914
  top: -40px;
4773
4915
  right: 80px;
4774
4916
  }
4775
- .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
4917
+ .uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
4776
4918
  top: -40px;
4777
4919
  }
4778
- .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
4920
+ .uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
4779
4921
  right: 80px;
4780
4922
  }
4781
4923
  /* Desktop and bigger */
@@ -4794,18 +4936,17 @@ select.uk-form-width-xsmall {
4794
4936
  right: 70px;
4795
4937
  }
4796
4938
  /* Vertical */
4797
- .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
4798
- .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
4799
- margin-top: 140px;
4939
+ .uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
4940
+ row-gap: 140px;
4800
4941
  }
4801
- .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
4942
+ .uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
4802
4943
  top: -70px;
4803
4944
  right: 140px;
4804
4945
  }
4805
- .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
4946
+ .uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
4806
4947
  top: -70px;
4807
4948
  }
4808
- .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
4949
+ .uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
4809
4950
  right: 140px;
4810
4951
  }
4811
4952
  }
@@ -4854,7 +4995,7 @@ select.uk-form-width-xsmall {
4854
4995
  align-items: center;
4855
4996
  /* 2 */
4856
4997
  column-gap: 0.25em;
4857
- /* 3*/
4998
+ /* 3 */
4858
4999
  text-decoration: none;
4859
5000
  }
4860
5001
  /*
@@ -5408,8 +5549,8 @@ ul.uk-nav-sub {
5408
5549
  padding-right: 30px;
5409
5550
  }
5410
5551
  /* Gutter Vertical */
5411
- .uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin {
5412
- margin-top: 30px;
5552
+ .uk-navbar-dropdown .uk-drop-grid {
5553
+ row-gap: 30px;
5413
5554
  }
5414
5555
  /*
5415
5556
  * Width modifier
@@ -6096,10 +6237,7 @@ ul.uk-nav-sub {
6096
6237
  display: none;
6097
6238
  /* 2 */
6098
6239
  position: fixed;
6099
- top: 0;
6100
- left: 0;
6101
- bottom: 0;
6102
- right: 0;
6240
+ inset: 0;
6103
6241
  z-index: 1010;
6104
6242
  /* 5 */
6105
6243
  background: #000;
@@ -6153,10 +6291,7 @@ ul.uk-nav-sub {
6153
6291
  .uk-lightbox-items > * {
6154
6292
  /* 1 */
6155
6293
  position: absolute;
6156
- top: 0;
6157
- left: 0;
6158
- bottom: 0;
6159
- right: 0;
6294
+ inset: 0;
6160
6295
  /* 2 */
6161
6296
  display: none;
6162
6297
  justify-content: center;
@@ -6224,6 +6359,39 @@ ul.uk-nav-sub {
6224
6359
  width: 80%;
6225
6360
  height: 80%;
6226
6361
  }
6362
+ /* ========================================================================
6363
+ Component: Logo
6364
+ ========================================================================== */
6365
+ /*
6366
+ * 1. Style
6367
+ * 2. Required for `a`
6368
+ * 3. Behave like image but can be overridden through flex utility classes
6369
+ */
6370
+ .uk-logo {
6371
+ /* 1 */
6372
+ font-size: 1.5rem;
6373
+ 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";
6374
+ color: #333;
6375
+ /* 2 */
6376
+ text-decoration: none;
6377
+ }
6378
+ /* 3 */
6379
+ :where(.uk-logo) {
6380
+ display: inline-block;
6381
+ vertical-align: middle;
6382
+ }
6383
+ /* Hover */
6384
+ .uk-logo:hover {
6385
+ color: #333;
6386
+ /* 2 */
6387
+ text-decoration: none;
6388
+ }
6389
+ .uk-logo :where(img:not([uk-svg]), svg, video) {
6390
+ display: block;
6391
+ }
6392
+ .uk-logo-inverse:where(:not([uk-svg])) {
6393
+ display: none;
6394
+ }
6227
6395
  /* ========================================================================
6228
6396
  Component: Animation
6229
6397
  ========================================================================== */
@@ -6332,7 +6500,7 @@ ul.uk-nav-sub {
6332
6500
  }
6333
6501
  /* Toggle animation based on the State of the Parent Element
6334
6502
  ========================================================================== */
6335
- .uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] {
6503
+ .uk-animation-toggle:not(:hover, :focus) [class*="uk-animation-"] {
6336
6504
  animation-name: none;
6337
6505
  }
6338
6506
  /* Keyframes used by animation classes
@@ -7442,6 +7610,12 @@ th.uk-text-break,
7442
7610
  td.uk-text-break {
7443
7611
  word-break: break-word;
7444
7612
  }
7613
+ /*
7614
+ * Balance text when wrapping onto multiple lines
7615
+ */
7616
+ .uk-text-balance {
7617
+ text-wrap: balance;
7618
+ }
7445
7619
  /* Stroke modifiers
7446
7620
  ========================================================================== */
7447
7621
  .uk-text-stroke {
@@ -8215,93 +8389,6 @@ iframe[data-uk-cover] {
8215
8389
  .uk-box-shadow-hover-xlarge:hover {
8216
8390
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
8217
8391
  }
8218
- /* Box-shadow bottom
8219
- ========================================================================== */
8220
- /*
8221
- * 1. Set position.
8222
- * 2. Set style
8223
- * 3. Fix shadow being clipped in Safari if container is animated
8224
- */
8225
- @supports (filter: blur(0)) {
8226
- .uk-box-shadow-bottom {
8227
- display: inline-block;
8228
- position: relative;
8229
- z-index: 0;
8230
- max-width: 100%;
8231
- vertical-align: middle;
8232
- }
8233
- .uk-box-shadow-bottom::after {
8234
- content: "";
8235
- /* 1 */
8236
- position: absolute;
8237
- bottom: -30px;
8238
- right: 0;
8239
- left: 0;
8240
- z-index: -1;
8241
- /* 2 */
8242
- height: 30px;
8243
- border-radius: 100%;
8244
- background: #444;
8245
- filter: blur(20px);
8246
- /* 3 */
8247
- will-change: filter;
8248
- }
8249
- }
8250
- /* Drop cap
8251
- ========================================================================== */
8252
- /*
8253
- * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
8254
- * https://bugzilla.mozilla.org/show_bug.cgi?id=214004
8255
- * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
8256
- * https://bugzilla.mozilla.org/show_bug.cgi?id=317933
8257
- */
8258
- .uk-dropcap::first-letter,
8259
- .uk-dropcap > p:first-of-type::first-letter {
8260
- display: block;
8261
- margin-left: 10px;
8262
- float: right;
8263
- font-size: 4.5em;
8264
- line-height: 1;
8265
- }
8266
- /* 2 */
8267
- @-moz-document url-prefix() {
8268
- .uk-dropcap::first-letter,
8269
- .uk-dropcap > p:first-of-type::first-letter {
8270
- margin-top: 1.1%;
8271
- }
8272
- }
8273
- /* Logo
8274
- ========================================================================== */
8275
- /*
8276
- * 1. Style
8277
- * 2. Required for `a`
8278
- * 3. Behave like image but can be overridden through flex utility classes
8279
- */
8280
- .uk-logo {
8281
- /* 1 */
8282
- font-size: 1.5rem;
8283
- 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";
8284
- color: #333;
8285
- /* 2 */
8286
- text-decoration: none;
8287
- }
8288
- /* 3 */
8289
- :where(.uk-logo) {
8290
- display: inline-block;
8291
- vertical-align: middle;
8292
- }
8293
- /* Hover */
8294
- .uk-logo:hover {
8295
- color: #333;
8296
- /* 1 */
8297
- text-decoration: none;
8298
- }
8299
- .uk-logo :where(img, svg, video) {
8300
- display: block;
8301
- }
8302
- .uk-logo-inverse {
8303
- display: none;
8304
- }
8305
8392
  /* Disabled State
8306
8393
  ========================================================================== */
8307
8394
  .uk-disabled {
@@ -8794,108 +8881,238 @@ iframe[data-uk-cover] {
8794
8881
  }
8795
8882
  }
8796
8883
  /* ========================================================================
8797
- Component: Margin
8884
+ Component: Position
8885
+ ========================================================================== */
8886
+ :root {
8887
+ --uk-position-margin-offset: 0px;
8888
+ }
8889
+ /* Directions
8798
8890
  ========================================================================== */
8799
8891
  /*
8800
- * Default
8892
+ * 1. Prevent content overflow.
8801
8893
  */
8802
- .uk-margin {
8803
- margin-bottom: 20px;
8894
+ [class*="uk-position-top"],
8895
+ [class*="uk-position-bottom"],
8896
+ [class*="uk-position-right"],
8897
+ [class*="uk-position-left"],
8898
+ [class*="uk-position-center"] {
8899
+ position: absolute !important;
8900
+ /* 1 */
8901
+ max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
8902
+ box-sizing: border-box;
8804
8903
  }
8805
- * + .uk-margin {
8806
- margin-top: 20px !important;
8904
+ /*
8905
+ * Edges
8906
+ * Don't use `width: 100%` because it's wrong if the parent has padding.
8907
+ */
8908
+ .uk-position-top {
8909
+ top: 0;
8910
+ right: 0;
8911
+ left: 0;
8807
8912
  }
8808
- .uk-margin-top {
8809
- margin-top: 20px !important;
8913
+ .uk-position-bottom {
8914
+ bottom: 0;
8915
+ right: 0;
8916
+ left: 0;
8810
8917
  }
8811
- .uk-margin-bottom {
8812
- margin-bottom: 20px !important;
8918
+ .uk-position-right {
8919
+ top: 0;
8920
+ bottom: 0;
8921
+ right: 0;
8813
8922
  }
8814
- .uk-margin-right {
8815
- margin-right: 20px !important;
8923
+ .uk-position-left {
8924
+ top: 0;
8925
+ bottom: 0;
8926
+ left: 0;
8816
8927
  }
8817
- .uk-margin-left {
8818
- margin-left: 20px !important;
8928
+ /*
8929
+ * Corners
8930
+ */
8931
+ .uk-position-top-right {
8932
+ top: 0;
8933
+ right: 0;
8819
8934
  }
8820
- /* XSmall
8821
- ========================================================================== */
8822
- .uk-margin-xsmall {
8823
- margin-bottom: 5px;
8935
+ .uk-position-top-left {
8936
+ top: 0;
8937
+ left: 0;
8824
8938
  }
8825
- * + .uk-margin-xsmall {
8826
- margin-top: 5px !important;
8939
+ .uk-position-bottom-right {
8940
+ bottom: 0;
8941
+ right: 0;
8827
8942
  }
8828
- .uk-margin-xsmall-top {
8829
- margin-top: 5px !important;
8943
+ .uk-position-bottom-left {
8944
+ bottom: 0;
8945
+ left: 0;
8830
8946
  }
8831
- .uk-margin-xsmall-bottom {
8832
- margin-bottom: 5px !important;
8947
+ /*
8948
+ * Center
8949
+ * 1. Fix text wrapping if content is larger than 50% of the container.
8950
+ * Using `max-content` requires `max-width` of 100% which is set generally.
8951
+ */
8952
+ .uk-position-center {
8953
+ top: calc(50% - var(--uk-position-margin-offset));
8954
+ right: calc(50% - var(--uk-position-margin-offset));
8955
+ --uk-position-translate-x: 50%;
8956
+ --uk-position-translate-y: -50%;
8957
+ transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
8958
+ /* 1 */
8959
+ width: max-content;
8833
8960
  }
8834
- .uk-margin-xsmall-right {
8835
- margin-right: 5px !important;
8961
+ /* Vertical */
8962
+ [class*="uk-position-center-right"],
8963
+ [class*="uk-position-center-left"],
8964
+ .uk-position-center-vertical {
8965
+ top: calc(50% - var(--uk-position-margin-offset));
8966
+ --uk-position-translate-y: -50%;
8967
+ transform: translate(0, var(--uk-position-translate-y));
8836
8968
  }
8837
- .uk-margin-xsmall-left {
8838
- margin-left: 5px !important;
8969
+ .uk-position-center-right {
8970
+ right: 0;
8839
8971
  }
8840
- /* Small
8841
- ========================================================================== */
8842
- .uk-margin-small {
8843
- margin-bottom: 10px;
8972
+ .uk-position-center-left {
8973
+ left: 0;
8844
8974
  }
8845
- * + .uk-margin-small {
8846
- margin-top: 10px !important;
8975
+ .uk-position-center-vertical {
8976
+ right: 0;
8977
+ left: 0;
8847
8978
  }
8848
- .uk-margin-small-top {
8849
- margin-top: 10px !important;
8979
+ .uk-position-center-right-out {
8980
+ left: 100%;
8981
+ width: max-content;
8850
8982
  }
8851
- .uk-margin-small-bottom {
8852
- margin-bottom: 10px !important;
8983
+ .uk-position-center-left-out {
8984
+ right: 100%;
8985
+ width: max-content;
8853
8986
  }
8854
- .uk-margin-small-right {
8855
- margin-right: 10px !important;
8987
+ /* Horizontal */
8988
+ .uk-position-top-center,
8989
+ .uk-position-bottom-center,
8990
+ .uk-position-center-horizontal {
8991
+ right: calc(50% - var(--uk-position-margin-offset));
8992
+ --uk-position-translate-x: 50%;
8993
+ transform: translate(var(--uk-position-translate-x), 0);
8994
+ /* 1 */
8995
+ width: max-content;
8856
8996
  }
8857
- .uk-margin-small-left {
8858
- margin-left: 10px !important;
8997
+ .uk-position-top-center {
8998
+ top: 0;
8999
+ }
9000
+ .uk-position-bottom-center {
9001
+ bottom: 0;
9002
+ }
9003
+ .uk-position-center-horizontal {
9004
+ top: 0;
9005
+ bottom: 0;
8859
9006
  }
8860
- /* Medium
9007
+ /*
9008
+ * Cover
9009
+ * 1. Make replaced elements (e.g. images and videos) fill the container
9010
+ */
9011
+ .uk-position-cover {
9012
+ position: absolute;
9013
+ inset: 0;
9014
+ }
9015
+ /* 1 */
9016
+ :where(img, video).uk-position-cover {
9017
+ box-sizing: border-box;
9018
+ width: calc(100% - (var(--uk-position-margin-offset) * 2));
9019
+ height: calc(100% - (var(--uk-position-margin-offset) * 2));
9020
+ }
9021
+ /* Margin
8861
9022
  ========================================================================== */
8862
- .uk-margin-medium {
8863
- margin-bottom: 40px;
9023
+ .uk-position-small {
9024
+ margin: 15px;
9025
+ --uk-position-margin-offset: 15px;
8864
9026
  }
8865
- * + .uk-margin-medium {
8866
- margin-top: 40px !important;
9027
+ .uk-position-medium {
9028
+ margin: 30px;
9029
+ --uk-position-margin-offset: 30px;
8867
9030
  }
8868
- .uk-margin-medium-top {
8869
- margin-top: 40px !important;
9031
+ .uk-position-large {
9032
+ margin: 30px;
9033
+ --uk-position-margin-offset: 30px;
8870
9034
  }
8871
- .uk-margin-medium-bottom {
8872
- margin-bottom: 40px !important;
9035
+ /* Desktop and bigger */
9036
+ @media (min-width: 1200px) {
9037
+ .uk-position-large {
9038
+ margin: 50px;
9039
+ --uk-position-margin-offset: 50px;
9040
+ }
8873
9041
  }
8874
- .uk-margin-medium-right {
8875
- margin-right: 40px !important;
9042
+ /* Schemes
9043
+ ========================================================================== */
9044
+ .uk-position-relative {
9045
+ position: relative !important;
8876
9046
  }
8877
- .uk-margin-medium-left {
8878
- margin-left: 40px !important;
9047
+ .uk-position-absolute {
9048
+ position: absolute !important;
8879
9049
  }
8880
- /* Large
9050
+ .uk-position-fixed {
9051
+ position: fixed !important;
9052
+ }
9053
+ .uk-position-sticky {
9054
+ position: sticky !important;
9055
+ }
9056
+ /* Layer
8881
9057
  ========================================================================== */
8882
- .uk-margin-large {
9058
+ .uk-position-z-index {
9059
+ z-index: 1;
9060
+ }
9061
+ .uk-position-z-index-zero {
9062
+ z-index: 0;
9063
+ }
9064
+ .uk-position-z-index-negative {
9065
+ z-index: -1;
9066
+ }
9067
+ .uk-position-z-index-high {
9068
+ z-index: 990;
9069
+ }
9070
+ .uk-position-z-index-highest {
9071
+ z-index: 1060;
9072
+ }
9073
+ /* ========================================================================
9074
+ Component: Margin
9075
+ ========================================================================== */
9076
+ /* Two or more directions
9077
+ ========================================================================== */
9078
+ /*
9079
+ * Sizes
9080
+ */
9081
+ .uk-margin {
9082
+ margin-bottom: 20px;
9083
+ }
9084
+ * + .uk-margin {
9085
+ margin-top: 20px;
9086
+ }
9087
+ .uk-margin-xsmall {
9088
+ margin-bottom: 5px;
9089
+ }
9090
+ * + .uk-margin-xsmall {
9091
+ margin-top: 5px;
9092
+ }
9093
+ .uk-margin-small {
9094
+ margin-bottom: 10px;
9095
+ }
9096
+ * + .uk-margin-small {
9097
+ margin-top: 10px;
9098
+ }
9099
+ .uk-margin-medium {
8883
9100
  margin-bottom: 40px;
8884
9101
  }
8885
- * + .uk-margin-large {
8886
- margin-top: 40px !important;
9102
+ * + .uk-margin-medium {
9103
+ margin-top: 40px;
8887
9104
  }
8888
- .uk-margin-large-top {
8889
- margin-top: 40px !important;
9105
+ .uk-margin-large {
9106
+ margin-bottom: 40px;
8890
9107
  }
8891
- .uk-margin-large-bottom {
8892
- margin-bottom: 40px !important;
9108
+ * + .uk-margin-large {
9109
+ margin-top: 40px;
8893
9110
  }
8894
- .uk-margin-large-right {
8895
- margin-right: 40px !important;
9111
+ .uk-margin-xlarge {
9112
+ margin-bottom: 70px;
8896
9113
  }
8897
- .uk-margin-large-left {
8898
- margin-left: 40px !important;
9114
+ * + .uk-margin-xlarge {
9115
+ margin-top: 70px;
8899
9116
  }
8900
9117
  /* Desktop and bigger */
8901
9118
  @media (min-width: 1200px) {
@@ -8903,438 +9120,344 @@ iframe[data-uk-cover] {
8903
9120
  margin-bottom: 70px;
8904
9121
  }
8905
9122
  * + .uk-margin-large {
8906
- margin-top: 70px !important;
9123
+ margin-top: 70px;
8907
9124
  }
8908
- .uk-margin-large-top {
8909
- margin-top: 70px !important;
9125
+ .uk-margin-xlarge {
9126
+ margin-bottom: 140px;
8910
9127
  }
8911
- .uk-margin-large-bottom {
8912
- margin-bottom: 70px !important;
9128
+ * + .uk-margin-xlarge {
9129
+ margin-top: 140px;
8913
9130
  }
8914
- .uk-margin-large-right {
8915
- margin-right: 70px !important;
9131
+ }
9132
+ /*
9133
+ * Auto
9134
+ */
9135
+ .uk-margin-auto-vertical {
9136
+ margin-top: auto;
9137
+ margin-bottom: auto;
9138
+ }
9139
+ .uk-margin-auto-vertical-gap {
9140
+ margin-bottom: auto;
9141
+ }
9142
+ * + .uk-margin-auto-vertical-gap {
9143
+ margin-top: auto;
9144
+ }
9145
+ .uk-margin-auto {
9146
+ margin-right: auto;
9147
+ margin-left: auto;
9148
+ }
9149
+ /* Phone landscape and bigger */
9150
+ @media (min-width: 640px) {
9151
+ .uk-margin-auto\@s {
9152
+ margin-right: auto;
9153
+ margin-left: auto;
8916
9154
  }
8917
- .uk-margin-large-left {
8918
- margin-left: 70px !important;
9155
+ }
9156
+ /* Tablet landscape and bigger */
9157
+ @media (min-width: 960px) {
9158
+ .uk-margin-auto\@m {
9159
+ margin-right: auto;
9160
+ margin-left: auto;
8919
9161
  }
8920
9162
  }
8921
- /* XLarge
9163
+ /* Desktop and bigger */
9164
+ @media (min-width: 1200px) {
9165
+ .uk-margin-auto\@l {
9166
+ margin-right: auto;
9167
+ margin-left: auto;
9168
+ }
9169
+ }
9170
+ /* Large screen and bigger */
9171
+ @media (min-width: 1600px) {
9172
+ .uk-margin-auto\@xl {
9173
+ margin-right: auto;
9174
+ margin-left: auto;
9175
+ }
9176
+ }
9177
+ /*
9178
+ * Remove
9179
+ */
9180
+ .uk-margin-remove {
9181
+ margin: 0;
9182
+ }
9183
+ .uk-margin-remove-vertical {
9184
+ margin-top: 0;
9185
+ margin-bottom: 0;
9186
+ }
9187
+ /* One direction
8922
9188
  ========================================================================== */
8923
- .uk-margin-xlarge {
8924
- margin-bottom: 70px;
9189
+ /*
9190
+ * Sizes
9191
+ */
9192
+ .uk-margin-top {
9193
+ margin-top: 20px;
8925
9194
  }
8926
- * + .uk-margin-xlarge {
8927
- margin-top: 70px !important;
9195
+ .uk-margin-bottom {
9196
+ margin-bottom: 20px;
9197
+ }
9198
+ .uk-margin-right {
9199
+ margin-right: 20px;
9200
+ }
9201
+ .uk-margin-left {
9202
+ margin-left: 20px;
9203
+ }
9204
+ .uk-margin-xsmall-top {
9205
+ margin-top: 5px;
9206
+ }
9207
+ .uk-margin-xsmall-bottom {
9208
+ margin-bottom: 5px;
9209
+ }
9210
+ .uk-margin-xsmall-right {
9211
+ margin-right: 5px;
9212
+ }
9213
+ .uk-margin-xsmall-left {
9214
+ margin-left: 5px;
9215
+ }
9216
+ .uk-margin-small-top {
9217
+ margin-top: 10px;
9218
+ }
9219
+ .uk-margin-small-bottom {
9220
+ margin-bottom: 10px;
9221
+ }
9222
+ .uk-margin-small-right {
9223
+ margin-right: 10px;
9224
+ }
9225
+ .uk-margin-small-left {
9226
+ margin-left: 10px;
9227
+ }
9228
+ .uk-margin-medium-top {
9229
+ margin-top: 40px;
9230
+ }
9231
+ .uk-margin-medium-bottom {
9232
+ margin-bottom: 40px;
9233
+ }
9234
+ .uk-margin-medium-right {
9235
+ margin-right: 40px;
9236
+ }
9237
+ .uk-margin-medium-left {
9238
+ margin-left: 40px;
9239
+ }
9240
+ .uk-margin-large-top {
9241
+ margin-top: 40px;
9242
+ }
9243
+ .uk-margin-large-bottom {
9244
+ margin-bottom: 40px;
9245
+ }
9246
+ .uk-margin-large-right {
9247
+ margin-right: 40px;
9248
+ }
9249
+ .uk-margin-large-left {
9250
+ margin-left: 40px;
8928
9251
  }
8929
9252
  .uk-margin-xlarge-top {
8930
- margin-top: 70px !important;
9253
+ margin-top: 70px;
8931
9254
  }
8932
9255
  .uk-margin-xlarge-bottom {
8933
- margin-bottom: 70px !important;
9256
+ margin-bottom: 70px;
8934
9257
  }
8935
9258
  .uk-margin-xlarge-right {
8936
- margin-right: 70px !important;
9259
+ margin-right: 70px;
8937
9260
  }
8938
9261
  .uk-margin-xlarge-left {
8939
- margin-left: 70px !important;
9262
+ margin-left: 70px;
8940
9263
  }
8941
9264
  /* Desktop and bigger */
8942
9265
  @media (min-width: 1200px) {
8943
- .uk-margin-xlarge {
8944
- margin-bottom: 140px;
9266
+ .uk-margin-large-top {
9267
+ margin-top: 70px;
8945
9268
  }
8946
- * + .uk-margin-xlarge {
8947
- margin-top: 140px !important;
9269
+ .uk-margin-large-bottom {
9270
+ margin-bottom: 70px;
9271
+ }
9272
+ .uk-margin-large-right {
9273
+ margin-right: 70px;
9274
+ }
9275
+ .uk-margin-large-left {
9276
+ margin-left: 70px;
8948
9277
  }
8949
9278
  .uk-margin-xlarge-top {
8950
- margin-top: 140px !important;
9279
+ margin-top: 140px;
8951
9280
  }
8952
9281
  .uk-margin-xlarge-bottom {
8953
- margin-bottom: 140px !important;
9282
+ margin-bottom: 140px;
8954
9283
  }
8955
9284
  .uk-margin-xlarge-right {
8956
- margin-right: 140px !important;
9285
+ margin-right: 140px;
8957
9286
  }
8958
9287
  .uk-margin-xlarge-left {
8959
- margin-left: 140px !important;
9288
+ margin-left: 140px;
8960
9289
  }
8961
9290
  }
8962
- /* Auto
8963
- ========================================================================== */
8964
- .uk-margin-auto {
8965
- margin-right: auto !important;
8966
- margin-left: auto !important;
8967
- }
9291
+ /*
9292
+ * Auto
9293
+ */
8968
9294
  .uk-margin-auto-top {
8969
- margin-top: auto !important;
9295
+ margin-top: auto;
8970
9296
  }
8971
9297
  .uk-margin-auto-bottom {
8972
- margin-bottom: auto !important;
9298
+ margin-bottom: auto;
8973
9299
  }
8974
9300
  .uk-margin-auto-right {
8975
- margin-right: auto !important;
9301
+ margin-right: auto;
8976
9302
  }
8977
9303
  .uk-margin-auto-left {
8978
- margin-left: auto !important;
8979
- }
8980
- .uk-margin-auto-vertical {
8981
- margin-top: auto !important;
8982
- margin-bottom: auto !important;
9304
+ margin-left: auto;
8983
9305
  }
8984
9306
  /* Phone landscape and bigger */
8985
9307
  @media (min-width: 640px) {
8986
- .uk-margin-auto\@s {
8987
- margin-right: auto !important;
8988
- margin-left: auto !important;
8989
- }
8990
9308
  .uk-margin-auto-right\@s {
8991
- margin-right: auto !important;
9309
+ margin-right: auto;
8992
9310
  }
8993
9311
  .uk-margin-auto-left\@s {
8994
- margin-left: auto !important;
9312
+ margin-left: auto;
8995
9313
  }
8996
9314
  }
8997
9315
  /* Tablet landscape and bigger */
8998
9316
  @media (min-width: 960px) {
8999
- .uk-margin-auto\@m {
9000
- margin-right: auto !important;
9001
- margin-left: auto !important;
9002
- }
9003
9317
  .uk-margin-auto-right\@m {
9004
- margin-right: auto !important;
9318
+ margin-right: auto;
9005
9319
  }
9006
9320
  .uk-margin-auto-left\@m {
9007
- margin-left: auto !important;
9321
+ margin-left: auto;
9008
9322
  }
9009
9323
  }
9010
9324
  /* Desktop and bigger */
9011
9325
  @media (min-width: 1200px) {
9012
- .uk-margin-auto\@l {
9013
- margin-right: auto !important;
9014
- margin-left: auto !important;
9015
- }
9016
9326
  .uk-margin-auto-right\@l {
9017
- margin-right: auto !important;
9327
+ margin-right: auto;
9018
9328
  }
9019
9329
  .uk-margin-auto-left\@l {
9020
- margin-left: auto !important;
9330
+ margin-left: auto;
9021
9331
  }
9022
9332
  }
9023
9333
  /* Large screen and bigger */
9024
9334
  @media (min-width: 1600px) {
9025
- .uk-margin-auto\@xl {
9026
- margin-right: auto !important;
9027
- margin-left: auto !important;
9028
- }
9029
9335
  .uk-margin-auto-right\@xl {
9030
- margin-right: auto !important;
9336
+ margin-right: auto;
9031
9337
  }
9032
9338
  .uk-margin-auto-left\@xl {
9033
- margin-left: auto !important;
9339
+ margin-left: auto;
9034
9340
  }
9035
9341
  }
9036
- /* Remove
9037
- ========================================================================== */
9038
- .uk-margin-remove {
9039
- margin: 0 !important;
9040
- }
9342
+ /*
9343
+ * Remove
9344
+ */
9041
9345
  .uk-margin-remove-top {
9042
- margin-top: 0 !important;
9346
+ margin-top: 0;
9043
9347
  }
9044
9348
  .uk-margin-remove-bottom {
9045
- margin-bottom: 0 !important;
9349
+ margin-bottom: 0;
9046
9350
  }
9047
9351
  .uk-margin-remove-right {
9048
- margin-right: 0 !important;
9352
+ margin-right: 0;
9049
9353
  }
9050
9354
  .uk-margin-remove-left {
9051
- margin-left: 0 !important;
9052
- }
9053
- .uk-margin-remove-vertical {
9054
- margin-top: 0 !important;
9055
- margin-bottom: 0 !important;
9355
+ margin-left: 0;
9056
9356
  }
9057
9357
  .uk-margin-remove-adjacent + *,
9058
9358
  .uk-margin-remove-first-child > :first-child {
9059
- margin-top: 0 !important;
9359
+ margin-top: 0;
9060
9360
  }
9061
9361
  .uk-margin-remove-last-child > :last-child {
9062
- margin-bottom: 0 !important;
9362
+ margin-bottom: 0;
9063
9363
  }
9064
9364
  /* Phone landscape and bigger */
9065
9365
  @media (min-width: 640px) {
9066
9366
  .uk-margin-remove-right\@s {
9067
- margin-right: 0 !important;
9367
+ margin-right: 0;
9068
9368
  }
9069
9369
  .uk-margin-remove-left\@s {
9070
- margin-left: 0 !important;
9370
+ margin-left: 0;
9071
9371
  }
9072
9372
  }
9073
9373
  /* Tablet landscape and bigger */
9074
9374
  @media (min-width: 960px) {
9075
9375
  .uk-margin-remove-right\@m {
9076
- margin-right: 0 !important;
9376
+ margin-right: 0;
9077
9377
  }
9078
9378
  .uk-margin-remove-left\@m {
9079
- margin-left: 0 !important;
9379
+ margin-left: 0;
9080
9380
  }
9081
9381
  }
9082
9382
  /* Desktop and bigger */
9083
9383
  @media (min-width: 1200px) {
9084
9384
  .uk-margin-remove-right\@l {
9085
- margin-right: 0 !important;
9385
+ margin-right: 0;
9086
9386
  }
9087
9387
  .uk-margin-remove-left\@l {
9088
- margin-left: 0 !important;
9388
+ margin-left: 0;
9089
9389
  }
9090
9390
  }
9091
9391
  /* Large screen and bigger */
9092
- @media (min-width: 1600px) {
9093
- .uk-margin-remove-right\@xl {
9094
- margin-right: 0 !important;
9095
- }
9096
- .uk-margin-remove-left\@xl {
9097
- margin-left: 0 !important;
9098
- }
9099
- }
9100
- /* ========================================================================
9101
- Component: Padding
9102
- ========================================================================== */
9103
- .uk-padding {
9104
- padding: 30px;
9105
- }
9106
- /* Desktop and bigger */
9107
- @media (min-width: 1200px) {
9108
- .uk-padding {
9109
- padding: 40px;
9110
- }
9111
- }
9112
- /* Small
9113
- ========================================================================== */
9114
- .uk-padding-small {
9115
- padding: 15px;
9116
- }
9117
- /* Large
9118
- ========================================================================== */
9119
- .uk-padding-large {
9120
- padding: 40px;
9121
- }
9122
- /* Desktop and bigger */
9123
- @media (min-width: 1200px) {
9124
- .uk-padding-large {
9125
- padding: 70px;
9126
- }
9127
- }
9128
- /* Remove
9129
- ========================================================================== */
9130
- .uk-padding-remove {
9131
- padding: 0 !important;
9132
- }
9133
- .uk-padding-remove-top {
9134
- padding-top: 0 !important;
9135
- }
9136
- .uk-padding-remove-bottom {
9137
- padding-bottom: 0 !important;
9138
- }
9139
- .uk-padding-remove-right {
9140
- padding-right: 0 !important;
9141
- }
9142
- .uk-padding-remove-left {
9143
- padding-left: 0 !important;
9144
- }
9145
- .uk-padding-remove-vertical {
9146
- padding-top: 0 !important;
9147
- padding-bottom: 0 !important;
9148
- }
9149
- .uk-padding-remove-horizontal {
9150
- padding-right: 0 !important;
9151
- padding-left: 0 !important;
9152
- }
9153
- /* ========================================================================
9154
- Component: Position
9155
- ========================================================================== */
9156
- :root {
9157
- --uk-position-margin-offset: 0px;
9158
- }
9159
- /* Directions
9160
- ========================================================================== */
9161
- /*
9162
- * 1. Prevent content overflow.
9163
- */
9164
- [class*="uk-position-top"],
9165
- [class*="uk-position-bottom"],
9166
- [class*="uk-position-right"],
9167
- [class*="uk-position-left"],
9168
- [class*="uk-position-center"] {
9169
- position: absolute !important;
9170
- /* 1 */
9171
- max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
9172
- box-sizing: border-box;
9173
- }
9174
- /*
9175
- * Edges
9176
- * Don't use `width: 100%` because it's wrong if the parent has padding.
9177
- */
9178
- .uk-position-top {
9179
- top: 0;
9180
- right: 0;
9181
- left: 0;
9182
- }
9183
- .uk-position-bottom {
9184
- bottom: 0;
9185
- right: 0;
9186
- left: 0;
9187
- }
9188
- .uk-position-right {
9189
- top: 0;
9190
- bottom: 0;
9191
- right: 0;
9192
- }
9193
- .uk-position-left {
9194
- top: 0;
9195
- bottom: 0;
9196
- left: 0;
9197
- }
9198
- /*
9199
- * Corners
9200
- */
9201
- .uk-position-top-right {
9202
- top: 0;
9203
- right: 0;
9204
- }
9205
- .uk-position-top-left {
9206
- top: 0;
9207
- left: 0;
9208
- }
9209
- .uk-position-bottom-right {
9210
- bottom: 0;
9211
- right: 0;
9212
- }
9213
- .uk-position-bottom-left {
9214
- bottom: 0;
9215
- left: 0;
9216
- }
9217
- /*
9218
- * Center
9219
- * 1. Fix text wrapping if content is larger than 50% of the container.
9220
- * Using `max-content` requires `max-width` of 100% which is set generally.
9221
- */
9222
- .uk-position-center {
9223
- top: calc(50% - var(--uk-position-margin-offset));
9224
- right: calc(50% - var(--uk-position-margin-offset));
9225
- --uk-position-translate-x: 50%;
9226
- --uk-position-translate-y: -50%;
9227
- transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
9228
- /* 1 */
9229
- width: max-content;
9230
- }
9231
- /* Vertical */
9232
- [class*="uk-position-center-right"],
9233
- [class*="uk-position-center-left"],
9234
- .uk-position-center-vertical {
9235
- top: calc(50% - var(--uk-position-margin-offset));
9236
- --uk-position-translate-y: -50%;
9237
- transform: translate(0, var(--uk-position-translate-y));
9238
- }
9239
- .uk-position-center-right {
9240
- right: 0;
9241
- }
9242
- .uk-position-center-left {
9243
- left: 0;
9244
- }
9245
- .uk-position-center-vertical {
9246
- right: 0;
9247
- left: 0;
9248
- }
9249
- .uk-position-center-right-out {
9250
- left: 100%;
9251
- width: max-content;
9252
- }
9253
- .uk-position-center-left-out {
9254
- right: 100%;
9255
- width: max-content;
9256
- }
9257
- /* Horizontal */
9258
- .uk-position-top-center,
9259
- .uk-position-bottom-center,
9260
- .uk-position-center-horizontal {
9261
- right: calc(50% - var(--uk-position-margin-offset));
9262
- --uk-position-translate-x: 50%;
9263
- transform: translate(var(--uk-position-translate-x), 0);
9264
- /* 1 */
9265
- width: max-content;
9266
- }
9267
- .uk-position-top-center {
9268
- top: 0;
9269
- }
9270
- .uk-position-bottom-center {
9271
- bottom: 0;
9272
- }
9273
- .uk-position-center-horizontal {
9274
- top: 0;
9275
- bottom: 0;
9392
+ @media (min-width: 1600px) {
9393
+ .uk-margin-remove-right\@xl {
9394
+ margin-right: 0;
9395
+ }
9396
+ .uk-margin-remove-left\@xl {
9397
+ margin-left: 0;
9398
+ }
9276
9399
  }
9277
9400
  /*
9278
- * Cover
9401
+ * Trim
9279
9402
  */
9280
- .uk-position-cover {
9281
- position: absolute;
9282
- top: 0;
9283
- bottom: 0;
9284
- right: 0;
9285
- left: 0;
9286
- }
9287
- /* Margin
9288
- ========================================================================== */
9289
- .uk-position-small {
9290
- margin: 15px;
9291
- --uk-position-margin-offset: 15px;
9403
+ .uk-margin-trim-block > :first-child {
9404
+ margin-top: 0;
9292
9405
  }
9293
- .uk-position-medium {
9294
- margin: 30px;
9295
- --uk-position-margin-offset: 30px;
9406
+ .uk-margin-trim-block > :last-child {
9407
+ margin-bottom: 0;
9296
9408
  }
9297
- .uk-position-large {
9298
- margin: 30px;
9299
- --uk-position-margin-offset: 30px;
9409
+ /* ========================================================================
9410
+ Component: Padding
9411
+ ========================================================================== */
9412
+ .uk-padding {
9413
+ padding: 30px;
9300
9414
  }
9301
9415
  /* Desktop and bigger */
9302
9416
  @media (min-width: 1200px) {
9303
- .uk-position-large {
9304
- margin: 50px;
9305
- --uk-position-margin-offset: 50px;
9417
+ .uk-padding {
9418
+ padding: 40px;
9306
9419
  }
9307
9420
  }
9308
- /* Schemes
9421
+ /* Small
9309
9422
  ========================================================================== */
9310
- .uk-position-relative {
9311
- position: relative !important;
9312
- }
9313
- .uk-position-absolute {
9314
- position: absolute !important;
9423
+ .uk-padding-small {
9424
+ padding: 15px;
9315
9425
  }
9316
- .uk-position-fixed {
9317
- position: fixed !important;
9426
+ /* Large
9427
+ ========================================================================== */
9428
+ .uk-padding-large {
9429
+ padding: 40px;
9318
9430
  }
9319
- .uk-position-sticky {
9320
- position: sticky !important;
9431
+ /* Desktop and bigger */
9432
+ @media (min-width: 1200px) {
9433
+ .uk-padding-large {
9434
+ padding: 70px;
9435
+ }
9321
9436
  }
9322
- /* Layer
9437
+ /* Remove
9323
9438
  ========================================================================== */
9324
- .uk-position-z-index {
9325
- z-index: 1;
9439
+ .uk-padding-remove {
9440
+ padding: 0;
9326
9441
  }
9327
- .uk-position-z-index-zero {
9328
- z-index: 0;
9442
+ .uk-padding-remove-top {
9443
+ padding-top: 0;
9329
9444
  }
9330
- .uk-position-z-index-negative {
9331
- z-index: -1;
9445
+ .uk-padding-remove-bottom {
9446
+ padding-bottom: 0;
9332
9447
  }
9333
- .uk-position-z-index-high {
9334
- z-index: 990;
9448
+ .uk-padding-remove-right {
9449
+ padding-right: 0;
9335
9450
  }
9336
- .uk-position-z-index-highest {
9337
- z-index: 1060;
9451
+ .uk-padding-remove-left {
9452
+ padding-left: 0;
9453
+ }
9454
+ .uk-padding-remove-vertical {
9455
+ padding-top: 0;
9456
+ padding-bottom: 0;
9457
+ }
9458
+ .uk-padding-remove-horizontal {
9459
+ padding-right: 0;
9460
+ padding-left: 0;
9338
9461
  }
9339
9462
  /* ========================================================================
9340
9463
  Component: Transition
@@ -9556,9 +9679,9 @@ iframe[data-uk-cover] {
9556
9679
  * Using `tabindex="-1"` will show the element on touch devices.
9557
9680
  * Note: `clip-path` doesn't work with `tabindex` on touch devices.
9558
9681
  */
9559
- .uk-hidden-visually:not(:focus):not(:active):not(:focus-within),
9560
- .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)),
9561
- .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
9682
+ .uk-hidden-visually:not(:focus, :active, :focus-within),
9683
+ .uk-visible-toggle:not(:hover, :focus) .uk-hidden-hover:not(:focus-visible, :has(:focus-visible)),
9684
+ .uk-visible-toggle:not(:hover, :focus) .uk-hidden-hover:not(:focus-within) {
9562
9685
  /* 1 */
9563
9686
  position: absolute !important;
9564
9687
  /* 2 */
@@ -9574,7 +9697,7 @@ iframe[data-uk-cover] {
9574
9697
  * Hide element without shrinking its dimension.
9575
9698
  * Note: `clip-path` doesn't work with hover for elements outside of the toggle box.
9576
9699
  */
9577
- .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
9700
+ .uk-visible-toggle:not(:hover, :focus) .uk-invisible-hover:not(:focus-within) {
9578
9701
  opacity: 0 !important;
9579
9702
  }
9580
9703
  /* Based on Hover Capability of the Pointing Device
@@ -10779,17 +10902,17 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
10779
10902
  .uk-offcanvas-bar .uk-textarea::placeholder {
10780
10903
  color: rgba(255, 255, 255, 0.5);
10781
10904
  }
10782
- .uk-light .uk-select:not([multiple]):not([size]),
10783
- .uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
10784
- .uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
10785
- .uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
10786
- .uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
10787
- .uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),
10788
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-select:not([multiple]):not([size]),
10789
- .uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),
10790
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:not([multiple]):not([size]),
10791
- .uk-overlay-primary .uk-select:not([multiple]):not([size]),
10792
- .uk-offcanvas-bar .uk-select:not([multiple]):not([size]) {
10905
+ .uk-light .uk-select:not([multiple], [size]),
10906
+ .uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple], [size]),
10907
+ .uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple], [size]),
10908
+ .uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple], [size]),
10909
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple], [size]),
10910
+ .uk-card-primary.uk-card-body .uk-select:not([multiple], [size]),
10911
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-select:not([multiple], [size]),
10912
+ .uk-card-secondary.uk-card-body .uk-select:not([multiple], [size]),
10913
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:not([multiple], [size]),
10914
+ .uk-overlay-primary .uk-select:not([multiple], [size]),
10915
+ .uk-offcanvas-bar .uk-select:not([multiple], [size]) {
10793
10916
  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");
10794
10917
  }
10795
10918
  .uk-light .uk-input[list]:hover,
@@ -10999,6 +11122,188 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
10999
11122
  .uk-offcanvas-bar .uk-form-icon:hover {
11000
11123
  color: rgba(255, 255, 255, 0.7);
11001
11124
  }
11125
+ .uk-light .uk-search-input,
11126
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-input,
11127
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
11128
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
11129
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
11130
+ .uk-card-primary.uk-card-body .uk-search-input,
11131
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
11132
+ .uk-card-secondary.uk-card-body .uk-search-input,
11133
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
11134
+ .uk-overlay-primary .uk-search-input,
11135
+ .uk-offcanvas-bar .uk-search-input {
11136
+ color: rgba(255, 255, 255, 0.7);
11137
+ }
11138
+ .uk-light .uk-search-input::placeholder,
11139
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11140
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11141
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11142
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11143
+ .uk-card-primary.uk-card-body .uk-search-input::placeholder,
11144
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11145
+ .uk-card-secondary.uk-card-body .uk-search-input::placeholder,
11146
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11147
+ .uk-overlay-primary .uk-search-input::placeholder,
11148
+ .uk-offcanvas-bar .uk-search-input::placeholder {
11149
+ color: rgba(255, 255, 255, 0.5);
11150
+ }
11151
+ .uk-light .uk-search .uk-search-icon,
11152
+ .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11153
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11154
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11155
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11156
+ .uk-card-primary.uk-card-body .uk-search .uk-search-icon,
11157
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11158
+ .uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
11159
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11160
+ .uk-overlay-primary .uk-search .uk-search-icon,
11161
+ .uk-offcanvas-bar .uk-search .uk-search-icon {
11162
+ color: rgba(255, 255, 255, 0.5);
11163
+ }
11164
+ .uk-light .uk-search .uk-search-icon:hover,
11165
+ .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11166
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11167
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11168
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11169
+ .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
11170
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11171
+ .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
11172
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11173
+ .uk-overlay-primary .uk-search .uk-search-icon:hover,
11174
+ .uk-offcanvas-bar .uk-search .uk-search-icon:hover {
11175
+ color: rgba(255, 255, 255, 0.5);
11176
+ }
11177
+ .uk-light .uk-search-default .uk-search-input,
11178
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11179
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11180
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11181
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11182
+ .uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
11183
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11184
+ .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
11185
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11186
+ .uk-overlay-primary .uk-search-default .uk-search-input,
11187
+ .uk-offcanvas-bar .uk-search-default .uk-search-input {
11188
+ background-color: rgba(255, 255, 255, 0.1);
11189
+ }
11190
+ .uk-light .uk-search-default .uk-search-input:focus,
11191
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11192
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11193
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11194
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11195
+ .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
11196
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11197
+ .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
11198
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11199
+ .uk-overlay-primary .uk-search-default .uk-search-input:focus,
11200
+ .uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
11201
+ background-color: rgba(255, 255, 255, 0.15);
11202
+ }
11203
+ .uk-light .uk-search-navbar .uk-search-input,
11204
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11205
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11206
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11207
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11208
+ .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
11209
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11210
+ .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
11211
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11212
+ .uk-overlay-primary .uk-search-navbar .uk-search-input,
11213
+ .uk-offcanvas-bar .uk-search-navbar .uk-search-input {
11214
+ background-color: rgba(255, 255, 255, 0.1);
11215
+ }
11216
+ .uk-light .uk-search-navbar .uk-search-input:focus,
11217
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11218
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11219
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11220
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11221
+ .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11222
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11223
+ .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11224
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11225
+ .uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
11226
+ .uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
11227
+ background-color: rgba(255, 255, 255, 0.15);
11228
+ }
11229
+ .uk-light .uk-search-medium .uk-search-input,
11230
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11231
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11232
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11233
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11234
+ .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
11235
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11236
+ .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
11237
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11238
+ .uk-overlay-primary .uk-search-medium .uk-search-input,
11239
+ .uk-offcanvas-bar .uk-search-medium .uk-search-input {
11240
+ background-color: rgba(255, 255, 255, 0.1);
11241
+ }
11242
+ .uk-light .uk-search-medium .uk-search-input:focus,
11243
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11244
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11245
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11246
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11247
+ .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,
11248
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11249
+ .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,
11250
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11251
+ .uk-overlay-primary .uk-search-medium .uk-search-input:focus,
11252
+ .uk-offcanvas-bar .uk-search-medium .uk-search-input:focus {
11253
+ background-color: rgba(255, 255, 255, 0.15);
11254
+ }
11255
+ .uk-light .uk-search-large .uk-search-input,
11256
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11257
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11258
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11259
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11260
+ .uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
11261
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11262
+ .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
11263
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11264
+ .uk-overlay-primary .uk-search-large .uk-search-input,
11265
+ .uk-offcanvas-bar .uk-search-large .uk-search-input {
11266
+ background-color: rgba(255, 255, 255, 0.1);
11267
+ }
11268
+ .uk-light .uk-search-large .uk-search-input:focus,
11269
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11270
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11271
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11272
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11273
+ .uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,
11274
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11275
+ .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,
11276
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11277
+ .uk-overlay-primary .uk-search-large .uk-search-input:focus,
11278
+ .uk-offcanvas-bar .uk-search-large .uk-search-input:focus {
11279
+ background-color: rgba(255, 255, 255, 0.15);
11280
+ }
11281
+ .uk-light .uk-search-toggle,
11282
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
11283
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
11284
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
11285
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
11286
+ .uk-card-primary.uk-card-body .uk-search-toggle,
11287
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
11288
+ .uk-card-secondary.uk-card-body .uk-search-toggle,
11289
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
11290
+ .uk-overlay-primary .uk-search-toggle,
11291
+ .uk-offcanvas-bar .uk-search-toggle {
11292
+ color: rgba(255, 255, 255, 0.5);
11293
+ }
11294
+ .uk-light .uk-search-toggle:hover,
11295
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11296
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11297
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11298
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11299
+ .uk-card-primary.uk-card-body .uk-search-toggle:hover,
11300
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11301
+ .uk-card-secondary.uk-card-body .uk-search-toggle:hover,
11302
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11303
+ .uk-overlay-primary .uk-search-toggle:hover,
11304
+ .uk-offcanvas-bar .uk-search-toggle:hover {
11305
+ color: rgba(255, 255, 255, 0.7);
11306
+ }
11002
11307
  .uk-light .uk-button-default,
11003
11308
  .uk-section-primary:not(.uk-preserve-color) .uk-button-default,
11004
11309
  .uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
@@ -11370,188 +11675,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11370
11675
  .uk-offcanvas-bar .uk-article-meta {
11371
11676
  color: rgba(255, 255, 255, 0.5);
11372
11677
  }
11373
- .uk-light .uk-search-input,
11374
- .uk-section-primary:not(.uk-preserve-color) .uk-search-input,
11375
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
11376
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
11377
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
11378
- .uk-card-primary.uk-card-body .uk-search-input,
11379
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
11380
- .uk-card-secondary.uk-card-body .uk-search-input,
11381
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
11382
- .uk-overlay-primary .uk-search-input,
11383
- .uk-offcanvas-bar .uk-search-input {
11384
- color: rgba(255, 255, 255, 0.7);
11385
- }
11386
- .uk-light .uk-search-input::placeholder,
11387
- .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11388
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11389
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11390
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11391
- .uk-card-primary.uk-card-body .uk-search-input::placeholder,
11392
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11393
- .uk-card-secondary.uk-card-body .uk-search-input::placeholder,
11394
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11395
- .uk-overlay-primary .uk-search-input::placeholder,
11396
- .uk-offcanvas-bar .uk-search-input::placeholder {
11397
- color: rgba(255, 255, 255, 0.5);
11398
- }
11399
- .uk-light .uk-search .uk-search-icon,
11400
- .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11401
- .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11402
- .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11403
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11404
- .uk-card-primary.uk-card-body .uk-search .uk-search-icon,
11405
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11406
- .uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
11407
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11408
- .uk-overlay-primary .uk-search .uk-search-icon,
11409
- .uk-offcanvas-bar .uk-search .uk-search-icon {
11410
- color: rgba(255, 255, 255, 0.5);
11411
- }
11412
- .uk-light .uk-search .uk-search-icon:hover,
11413
- .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11414
- .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11415
- .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11416
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11417
- .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
11418
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11419
- .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
11420
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11421
- .uk-overlay-primary .uk-search .uk-search-icon:hover,
11422
- .uk-offcanvas-bar .uk-search .uk-search-icon:hover {
11423
- color: rgba(255, 255, 255, 0.5);
11424
- }
11425
- .uk-light .uk-search-default .uk-search-input,
11426
- .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11427
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11428
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11429
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11430
- .uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
11431
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11432
- .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
11433
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11434
- .uk-overlay-primary .uk-search-default .uk-search-input,
11435
- .uk-offcanvas-bar .uk-search-default .uk-search-input {
11436
- background-color: rgba(255, 255, 255, 0.1);
11437
- }
11438
- .uk-light .uk-search-default .uk-search-input:focus,
11439
- .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11440
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11441
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11442
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11443
- .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
11444
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11445
- .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
11446
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11447
- .uk-overlay-primary .uk-search-default .uk-search-input:focus,
11448
- .uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
11449
- background-color: rgba(255, 255, 255, 0.15);
11450
- }
11451
- .uk-light .uk-search-navbar .uk-search-input,
11452
- .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11453
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11454
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11455
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11456
- .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
11457
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11458
- .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
11459
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11460
- .uk-overlay-primary .uk-search-navbar .uk-search-input,
11461
- .uk-offcanvas-bar .uk-search-navbar .uk-search-input {
11462
- background-color: rgba(255, 255, 255, 0.1);
11463
- }
11464
- .uk-light .uk-search-navbar .uk-search-input:focus,
11465
- .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11466
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11467
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11468
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11469
- .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11470
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11471
- .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11472
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11473
- .uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
11474
- .uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
11475
- background-color: rgba(255, 255, 255, 0.15);
11476
- }
11477
- .uk-light .uk-search-medium .uk-search-input,
11478
- .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11479
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11480
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11481
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11482
- .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
11483
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11484
- .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
11485
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11486
- .uk-overlay-primary .uk-search-medium .uk-search-input,
11487
- .uk-offcanvas-bar .uk-search-medium .uk-search-input {
11488
- background-color: rgba(255, 255, 255, 0.1);
11489
- }
11490
- .uk-light .uk-search-medium .uk-search-input:focus,
11491
- .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11492
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11493
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11494
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11495
- .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,
11496
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11497
- .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,
11498
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11499
- .uk-overlay-primary .uk-search-medium .uk-search-input:focus,
11500
- .uk-offcanvas-bar .uk-search-medium .uk-search-input:focus {
11501
- background-color: rgba(255, 255, 255, 0.15);
11502
- }
11503
- .uk-light .uk-search-large .uk-search-input,
11504
- .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11505
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11506
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11507
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11508
- .uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
11509
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11510
- .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
11511
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11512
- .uk-overlay-primary .uk-search-large .uk-search-input,
11513
- .uk-offcanvas-bar .uk-search-large .uk-search-input {
11514
- background-color: rgba(255, 255, 255, 0.1);
11515
- }
11516
- .uk-light .uk-search-large .uk-search-input:focus,
11517
- .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11518
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11519
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11520
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11521
- .uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,
11522
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11523
- .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,
11524
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11525
- .uk-overlay-primary .uk-search-large .uk-search-input:focus,
11526
- .uk-offcanvas-bar .uk-search-large .uk-search-input:focus {
11527
- background-color: rgba(255, 255, 255, 0.15);
11528
- }
11529
- .uk-light .uk-search-toggle,
11530
- .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
11531
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
11532
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
11533
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
11534
- .uk-card-primary.uk-card-body .uk-search-toggle,
11535
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
11536
- .uk-card-secondary.uk-card-body .uk-search-toggle,
11537
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
11538
- .uk-overlay-primary .uk-search-toggle,
11539
- .uk-offcanvas-bar .uk-search-toggle {
11540
- color: rgba(255, 255, 255, 0.5);
11541
- }
11542
- .uk-light .uk-search-toggle:hover,
11543
- .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11544
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11545
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11546
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11547
- .uk-card-primary.uk-card-body .uk-search-toggle:hover,
11548
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11549
- .uk-card-secondary.uk-card-body .uk-search-toggle:hover,
11550
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11551
- .uk-overlay-primary .uk-search-toggle:hover,
11552
- .uk-offcanvas-bar .uk-search-toggle:hover {
11553
- color: rgba(255, 255, 255, 0.7);
11554
- }
11555
11678
  .uk-light .uk-accordion-default .uk-accordion-title,
11556
11679
  .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
11557
11680
  .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
@@ -11630,17 +11753,17 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11630
11753
  .uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before {
11631
11754
  border-right-color: rgba(255, 255, 255, 0.2);
11632
11755
  }
11633
- .uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11634
- .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11635
- .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11636
- .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11637
- .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11638
- .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11639
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11640
- .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11641
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11642
- .uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11643
- .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
11756
+ .uk-light .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11757
+ .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11758
+ .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11759
+ .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11760
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11761
+ .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11762
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11763
+ .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11764
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11765
+ .uk-overlay-primary .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11766
+ .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
11644
11767
  border-top-color: rgba(255, 255, 255, 0.2);
11645
11768
  }
11646
11769
  .uk-light .uk-nav-default > li > a,
@@ -12488,6 +12611,58 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
12488
12611
  .uk-offcanvas-bar .uk-dotnav > .uk-active > * {
12489
12612
  background-color: rgba(255, 255, 255, 0.9);
12490
12613
  }
12614
+ .uk-light .uk-logo,
12615
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo,
12616
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo,
12617
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo,
12618
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
12619
+ .uk-card-primary.uk-card-body .uk-logo,
12620
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
12621
+ .uk-card-secondary.uk-card-body .uk-logo,
12622
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
12623
+ .uk-overlay-primary .uk-logo,
12624
+ .uk-offcanvas-bar .uk-logo {
12625
+ color: #fff;
12626
+ }
12627
+ .uk-light .uk-logo:hover,
12628
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
12629
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
12630
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
12631
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
12632
+ .uk-card-primary.uk-card-body .uk-logo:hover,
12633
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
12634
+ .uk-card-secondary.uk-card-body .uk-logo:hover,
12635
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
12636
+ .uk-overlay-primary .uk-logo:hover,
12637
+ .uk-offcanvas-bar .uk-logo:hover {
12638
+ color: #fff;
12639
+ }
12640
+ .uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
12641
+ .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]),
12642
+ .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]),
12643
+ .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]),
12644
+ .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]),
12645
+ .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]),
12646
+ .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]),
12647
+ .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]),
12648
+ .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]),
12649
+ .uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
12650
+ .uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]) {
12651
+ display: none;
12652
+ }
12653
+ .uk-light .uk-logo-inverse:not([uk-svg]),
12654
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
12655
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
12656
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
12657
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
12658
+ .uk-card-primary.uk-card-body .uk-logo-inverse:not([uk-svg]),
12659
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
12660
+ .uk-card-secondary.uk-card-body .uk-logo-inverse:not([uk-svg]),
12661
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
12662
+ .uk-overlay-primary .uk-logo-inverse:not([uk-svg]),
12663
+ .uk-offcanvas-bar .uk-logo-inverse:not([uk-svg]) {
12664
+ display: block;
12665
+ }
12491
12666
  .uk-light .uk-text-lead,
12492
12667
  .uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
12493
12668
  .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
@@ -12579,58 +12754,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
12579
12754
  .uk-offcanvas-bar .uk-column-divider {
12580
12755
  column-rule-color: rgba(255, 255, 255, 0.2);
12581
12756
  }
12582
- .uk-light .uk-logo,
12583
- .uk-section-primary:not(.uk-preserve-color) .uk-logo,
12584
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo,
12585
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo,
12586
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
12587
- .uk-card-primary.uk-card-body .uk-logo,
12588
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
12589
- .uk-card-secondary.uk-card-body .uk-logo,
12590
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
12591
- .uk-overlay-primary .uk-logo,
12592
- .uk-offcanvas-bar .uk-logo {
12593
- color: #fff;
12594
- }
12595
- .uk-light .uk-logo:hover,
12596
- .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
12597
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
12598
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
12599
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
12600
- .uk-card-primary.uk-card-body .uk-logo:hover,
12601
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
12602
- .uk-card-secondary.uk-card-body .uk-logo:hover,
12603
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
12604
- .uk-overlay-primary .uk-logo:hover,
12605
- .uk-offcanvas-bar .uk-logo:hover {
12606
- color: #fff;
12607
- }
12608
- .uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12609
- .uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12610
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12611
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12612
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12613
- .uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12614
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12615
- .uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12616
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12617
- .uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12618
- .uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) {
12619
- display: none;
12620
- }
12621
- .uk-light .uk-logo-inverse,
12622
- .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
12623
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
12624
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
12625
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse,
12626
- .uk-card-primary.uk-card-body .uk-logo-inverse,
12627
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse,
12628
- .uk-card-secondary.uk-card-body .uk-logo-inverse,
12629
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse,
12630
- .uk-overlay-primary .uk-logo-inverse,
12631
- .uk-offcanvas-bar .uk-logo-inverse {
12632
- display: block;
12633
- }
12634
12757
  /*
12635
12758
  * Pass dropbar behind color to JS
12636
12759
  */