uikit 3.25.20-dev.e4f47fc → 3.25.20

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 (201) hide show
  1. package/CHANGELOG.md +2 -33
  2. package/build/prefix.js +1 -1
  3. package/build/publishDev.js +1 -1
  4. package/build/scope.js +1 -1
  5. package/build/scss.js +1 -1
  6. package/dist/css/uikit-core-rtl.css +917 -1045
  7. package/dist/css/uikit-core-rtl.min.css +1 -1
  8. package/dist/css/uikit-core.css +917 -1045
  9. package/dist/css/uikit-core.min.css +1 -1
  10. package/dist/css/uikit-rtl.css +936 -1064
  11. package/dist/css/uikit-rtl.min.css +1 -1
  12. package/dist/css/uikit.css +936 -1064
  13. package/dist/css/uikit.min.css +1 -1
  14. package/dist/js/components/countdown.js +1 -1
  15. package/dist/js/components/countdown.min.js +1 -1
  16. package/dist/js/components/filter.js +1 -1
  17. package/dist/js/components/filter.min.js +1 -1
  18. package/dist/js/components/lightbox-panel.js +132 -133
  19. package/dist/js/components/lightbox-panel.min.js +1 -1
  20. package/dist/js/components/lightbox.js +133 -134
  21. package/dist/js/components/lightbox.min.js +1 -1
  22. package/dist/js/components/notification.js +1 -1
  23. package/dist/js/components/notification.min.js +1 -1
  24. package/dist/js/components/parallax.js +12 -8
  25. package/dist/js/components/parallax.min.js +1 -1
  26. package/dist/js/components/slider-parallax.js +12 -8
  27. package/dist/js/components/slider-parallax.min.js +1 -1
  28. package/dist/js/components/slider.js +25 -41
  29. package/dist/js/components/slider.min.js +1 -1
  30. package/dist/js/components/slideshow-parallax.js +12 -8
  31. package/dist/js/components/slideshow-parallax.min.js +1 -1
  32. package/dist/js/components/slideshow.js +102 -71
  33. package/dist/js/components/slideshow.min.js +1 -1
  34. package/dist/js/components/sortable.js +1 -1
  35. package/dist/js/components/sortable.min.js +1 -1
  36. package/dist/js/components/tooltip.js +19 -19
  37. package/dist/js/components/tooltip.min.js +1 -1
  38. package/dist/js/components/upload.js +1 -1
  39. package/dist/js/components/upload.min.js +1 -1
  40. package/dist/js/uikit-core.js +262 -752
  41. package/dist/js/uikit-core.min.js +1 -1
  42. package/dist/js/uikit-icons.js +1 -1
  43. package/dist/js/uikit-icons.min.js +1 -1
  44. package/dist/js/uikit.js +374 -627
  45. package/dist/js/uikit.min.js +1 -1
  46. package/package.json +1 -1
  47. package/src/js/api/component.js +3 -2
  48. package/src/js/api/observables.js +4 -2
  49. package/src/js/api/options.js +3 -6
  50. package/src/js/api/props.js +4 -1
  51. package/src/js/api/state.js +8 -7
  52. package/src/js/components/index.js +0 -1
  53. package/src/js/components/internal/lightbox-animations.js +26 -7
  54. package/src/js/components/internal/slideshow-animations.js +62 -15
  55. package/src/js/components/lightbox-panel.js +96 -121
  56. package/src/js/components/lightbox.js +8 -5
  57. package/src/js/components/tooltip.js +2 -4
  58. package/src/js/core/accordion.js +29 -78
  59. package/src/js/core/drop.js +4 -5
  60. package/src/js/core/dropnav.js +3 -3
  61. package/src/js/core/grid.js +19 -5
  62. package/src/js/core/height-match.js +2 -1
  63. package/src/js/core/margin.js +0 -3
  64. package/src/js/core/overflow-fade.js +5 -5
  65. package/src/js/core/sticky.js +1 -1
  66. package/src/js/core/switcher.js +44 -24
  67. package/src/js/core/video.js +15 -172
  68. package/src/js/mixin/internal/slideshow-animations.js +13 -5
  69. package/src/js/mixin/internal/slideshow-transitioner.js +2 -2
  70. package/src/js/mixin/modal.js +3 -4
  71. package/src/js/mixin/parallax.js +4 -1
  72. package/src/js/mixin/position.js +1 -1
  73. package/src/js/mixin/slider-nav.js +1 -1
  74. package/src/js/mixin/slider-parallax.js +38 -9
  75. package/src/js/mixin/togglable.js +14 -13
  76. package/src/js/util/attr.js +7 -7
  77. package/src/js/util/class.js +1 -1
  78. package/src/js/util/dom.js +4 -3
  79. package/src/js/util/lang.js +1 -1
  80. package/src/js/util/player.js +4 -4
  81. package/src/js/util/style.js +15 -10
  82. package/src/js/util/viewport.js +25 -22
  83. package/src/less/components/_import.less +1 -6
  84. package/src/less/components/base.less +1 -1
  85. package/src/less/components/button.less +1 -1
  86. package/src/less/components/form.less +5 -5
  87. package/src/less/components/grid.less +65 -58
  88. package/src/less/components/margin.less +124 -155
  89. package/src/less/components/nav.less +1 -1
  90. package/src/less/components/padding.less +9 -9
  91. package/src/less/components/text.less +0 -6
  92. package/src/less/components/utility.less +163 -0
  93. package/src/less/theme/_import.less +1 -5
  94. package/src/less/theme/utility.less +32 -0
  95. package/src/scss/components/_import.scss +1 -6
  96. package/src/scss/components/base.scss +1 -1
  97. package/src/scss/components/button.scss +1 -1
  98. package/src/scss/components/form.scss +5 -5
  99. package/src/scss/components/grid.scss +64 -57
  100. package/src/scss/components/margin.scss +124 -155
  101. package/src/scss/components/nav.scss +1 -1
  102. package/src/scss/components/padding.scss +9 -9
  103. package/src/scss/components/text.scss +0 -6
  104. package/src/scss/components/utility.scss +129 -0
  105. package/src/scss/mixins-theme.scss +33 -42
  106. package/src/scss/mixins.scss +30 -39
  107. package/src/scss/variables-theme.scss +14 -14
  108. package/src/scss/variables.scss +14 -14
  109. package/tests/accordion.html +10 -77
  110. package/tests/alert.html +1 -1
  111. package/tests/align.html +5 -5
  112. package/tests/animation.html +4 -4
  113. package/tests/article.html +7 -7
  114. package/tests/background.html +2 -2
  115. package/tests/badge.html +1 -1
  116. package/tests/base.html +3 -3
  117. package/tests/button.html +1 -1
  118. package/tests/card.html +15 -15
  119. package/tests/close.html +2 -2
  120. package/tests/comment.html +9 -9
  121. package/tests/container.html +2 -2
  122. package/tests/countdown.html +21 -21
  123. package/tests/cover.html +6 -6
  124. package/tests/description-list.html +1 -1
  125. package/tests/divider.html +3 -3
  126. package/tests/dotnav.html +1 -1
  127. package/tests/drop.html +7 -7
  128. package/tests/dropbar.html +5 -5
  129. package/tests/dropdown.html +1 -1
  130. package/tests/dropnav.html +18 -18
  131. package/tests/filter.html +3 -3
  132. package/tests/form.html +14 -14
  133. package/tests/grid.html +47 -41
  134. package/tests/heading.html +2 -2
  135. package/tests/height-viewport.html +4 -4
  136. package/tests/height.html +5 -5
  137. package/tests/icon.html +8 -8
  138. package/tests/image.html +6 -6
  139. package/tests/index.html +13 -13
  140. package/tests/js/index.js +1 -1
  141. package/tests/leader.html +5 -5
  142. package/tests/lightbox.html +14 -14
  143. package/tests/link.html +1 -1
  144. package/tests/list.html +4 -4
  145. package/tests/margin.html +7 -7
  146. package/tests/marker.html +3 -3
  147. package/tests/modal.html +4 -4
  148. package/tests/nav.html +5 -5
  149. package/tests/navbar.html +27 -27
  150. package/tests/notification.html +2 -2
  151. package/tests/offcanvas.html +12 -12
  152. package/tests/overlay.html +3 -3
  153. package/tests/padding.html +1 -1
  154. package/tests/pagination.html +3 -3
  155. package/tests/parallax.html +1 -1
  156. package/tests/position.html +6 -6
  157. package/tests/scrollspy.html +12 -12
  158. package/tests/search.html +5 -5
  159. package/tests/section.html +17 -17
  160. package/tests/slidenav.html +3 -3
  161. package/tests/slider.html +5 -5
  162. package/tests/slideshow.html +4 -34
  163. package/tests/sortable.html +15 -15
  164. package/tests/sticky-navbar.html +4 -4
  165. package/tests/sticky-parallax.html +3 -3
  166. package/tests/sticky.html +3 -3
  167. package/tests/svg.html +2 -3
  168. package/tests/switcher.html +6 -6
  169. package/tests/tab.html +4 -4
  170. package/tests/text.html +3 -3
  171. package/tests/tile.html +4 -4
  172. package/tests/toggle.html +1 -1
  173. package/tests/tooltip.html +3 -3
  174. package/tests/totop.html +2 -2
  175. package/tests/transition.html +1 -1
  176. package/tests/upload.html +5 -5
  177. package/tests/utility.html +116 -16
  178. package/tests/video.html +27 -227
  179. package/tests/visibility.html +4 -4
  180. package/tests/width.html +12 -12
  181. package/dist/js/components/marquee.js +0 -179
  182. package/dist/js/components/marquee.min.js +0 -1
  183. package/src/js/components/marquee.js +0 -123
  184. package/src/js/mixin/connect.js +0 -55
  185. package/src/js/mixin/scroll-driven.js +0 -57
  186. package/src/less/components/dropcap.less +0 -71
  187. package/src/less/components/floating-shadow.less +0 -66
  188. package/src/less/components/logo.less +0 -94
  189. package/src/less/components/marquee.less +0 -133
  190. package/src/less/theme/dropcap.less +0 -29
  191. package/src/less/theme/floating-shadow.less +0 -20
  192. package/src/less/theme/logo.less +0 -29
  193. package/src/less/theme/marquee.less +0 -14
  194. package/src/scss/components/dropcap.scss +0 -63
  195. package/src/scss/components/floating-shadow.scss +0 -63
  196. package/src/scss/components/logo.scss +0 -75
  197. package/src/scss/components/marquee.scss +0 -136
  198. package/tests/dropcap.html +0 -26
  199. package/tests/floating-shadow.html +0 -44
  200. package/tests/logo.html +0 -84
  201. package/tests/marquee.html +0 -617
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.25.20-dev.e4f47fc | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
1
+ /*! UIkit 3.25.20 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
2
2
  /* ========================================================================
3
3
  Component: Base
4
4
  ========================================================================== */
@@ -371,7 +371,7 @@ blockquote {
371
371
  /*
372
372
  * Content
373
373
  */
374
- blockquote :where(p:last-of-type) {
374
+ blockquote p:last-of-type {
375
375
  margin-bottom: 0;
376
376
  }
377
377
  blockquote footer {
@@ -1773,7 +1773,7 @@ select.uk-form-width-xsmall {
1773
1773
  /*
1774
1774
  * Stacked
1775
1775
  */
1776
- .uk-form-stacked :where(.uk-form-label) {
1776
+ .uk-form-stacked .uk-form-label {
1777
1777
  display: block;
1778
1778
  margin-bottom: 10px;
1779
1779
  }
@@ -1783,23 +1783,23 @@ select.uk-form-width-xsmall {
1783
1783
  /* Tablet portrait and smaller */
1784
1784
  @media (max-width: 959px) {
1785
1785
  /* Behave like `uk-form-stacked` */
1786
- .uk-form-horizontal :where(.uk-form-label) {
1786
+ .uk-form-horizontal .uk-form-label {
1787
1787
  display: block;
1788
1788
  margin-bottom: 10px;
1789
1789
  }
1790
1790
  }
1791
1791
  /* Tablet landscape and bigger */
1792
1792
  @media (min-width: 960px) {
1793
- .uk-form-horizontal :where(.uk-form-label) {
1793
+ .uk-form-horizontal .uk-form-label {
1794
1794
  width: 200px;
1795
1795
  margin-top: 7px;
1796
1796
  float: left;
1797
1797
  }
1798
- .uk-form-horizontal :where(.uk-form-controls) {
1798
+ .uk-form-horizontal .uk-form-controls {
1799
1799
  margin-left: 215px;
1800
1800
  }
1801
1801
  /* Better vertical alignment if controls are checkboxes and radio buttons with text */
1802
- .uk-form-horizontal :where(.uk-form-controls-text) {
1802
+ .uk-form-horizontal .uk-form-controls-text {
1803
1803
  padding-top: 7px;
1804
1804
  }
1805
1805
  }
@@ -1854,254 +1854,6 @@ select.uk-form-width-xsmall {
1854
1854
  .uk-form-icon-flip ~ .uk-input {
1855
1855
  padding-right: 40px !important;
1856
1856
  }
1857
- /* ========================================================================
1858
- Component: Search
1859
- ========================================================================== */
1860
- /*
1861
- * 1. Container fits its content
1862
- * 2. Create position context
1863
- * 3. Prevent content overflow
1864
- * 4. Reset `form`
1865
- */
1866
- .uk-search {
1867
- /* 1 */
1868
- display: inline-block;
1869
- /* 2 */
1870
- position: relative;
1871
- /* 3 */
1872
- max-width: 100%;
1873
- /* 4 */
1874
- margin: 0;
1875
- }
1876
- /* Input
1877
- ========================================================================== */
1878
- /*
1879
- * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
1880
- */
1881
- .uk-search-input::-webkit-search-cancel-button,
1882
- .uk-search-input::-webkit-search-decoration {
1883
- -webkit-appearance: none;
1884
- }
1885
- /*
1886
- * Removes placeholder transparency in Firefox.
1887
- */
1888
- .uk-search-input::-moz-placeholder {
1889
- opacity: 1;
1890
- }
1891
- /*
1892
- * 1. Define consistent box sizing.
1893
- * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
1894
- * 3. Remove `border-radius` in iOS.
1895
- * 4. Change font properties to `inherit` in all browsers
1896
- * 5. Show the overflow in Edge.
1897
- * 6. Remove default style in iOS.
1898
- * 7. Vertical alignment
1899
- * 8. Take the full container width
1900
- * 9. Style
1901
- */
1902
- .uk-search-input {
1903
- /* 1 */
1904
- box-sizing: border-box;
1905
- /* 2 */
1906
- margin: 0;
1907
- /* 3 */
1908
- border-radius: 0;
1909
- /* 4 */
1910
- font: inherit;
1911
- /* 5 */
1912
- overflow: visible;
1913
- /* 6 */
1914
- -webkit-appearance: none;
1915
- /* 7 */
1916
- vertical-align: middle;
1917
- /* 8 */
1918
- width: 100%;
1919
- /* 9 */
1920
- border: none;
1921
- color: #666;
1922
- }
1923
- .uk-search-input:focus {
1924
- outline: none;
1925
- }
1926
- /* Placeholder */
1927
- .uk-search-input::placeholder {
1928
- color: #999;
1929
- }
1930
- /* Icon (Adopts `uk-icon`)
1931
- ========================================================================== */
1932
- /*
1933
- * Position above input
1934
- * 1. Set position
1935
- * 2. Center icon vertically and horizontally
1936
- * 3. Style
1937
- */
1938
- .uk-search .uk-search-icon {
1939
- /* 1 */
1940
- position: absolute;
1941
- top: 0;
1942
- bottom: 0;
1943
- left: 0;
1944
- /* 2 */
1945
- display: inline-flex;
1946
- justify-content: center;
1947
- align-items: center;
1948
- /* 3 */
1949
- color: #999;
1950
- }
1951
- /*
1952
- * Required for `a`.
1953
- */
1954
- .uk-search .uk-search-icon:hover {
1955
- color: #999;
1956
- }
1957
- /*
1958
- * Make `input` element clickable through icon, e.g. if it's a `span`
1959
- */
1960
- .uk-search .uk-search-icon:not(a):not(button):not(input) {
1961
- pointer-events: none;
1962
- }
1963
- /*
1964
- * Position modifier
1965
- */
1966
- .uk-search .uk-search-icon-flip {
1967
- right: 0;
1968
- left: auto;
1969
- }
1970
- /* Default modifier
1971
- ========================================================================== */
1972
- .uk-search-default {
1973
- width: 240px;
1974
- }
1975
- /*
1976
- * Input
1977
- */
1978
- .uk-search-default .uk-search-input {
1979
- height: 40px;
1980
- padding-left: 10px;
1981
- padding-right: 10px;
1982
- background: #f8f8f8;
1983
- }
1984
- /* Focus */
1985
- .uk-search-default .uk-search-input:focus {
1986
- background-color: #f3f3f3;
1987
- }
1988
- /*
1989
- * Icon
1990
- */
1991
- .uk-search-default .uk-search-icon {
1992
- padding-left: 10px;
1993
- padding-right: 10px;
1994
- }
1995
- .uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
1996
- padding-left: 40px;
1997
- }
1998
- .uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
1999
- padding-right: 40px;
2000
- }
2001
- /* Navbar modifier
2002
- ========================================================================== */
2003
- .uk-search-navbar {
2004
- width: 240px;
2005
- }
2006
- /*
2007
- * Input
2008
- */
2009
- .uk-search-navbar .uk-search-input {
2010
- height: 40px;
2011
- padding-left: 10px;
2012
- padding-right: 10px;
2013
- background: #fff;
2014
- }
2015
- /* Focus */
2016
- .uk-search-navbar .uk-search-input:focus {
2017
- background-color: #fcfcfc;
2018
- }
2019
- /*
2020
- * Icon
2021
- */
2022
- .uk-search-navbar .uk-search-icon {
2023
- padding-left: 10px;
2024
- padding-right: 10px;
2025
- }
2026
- .uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2027
- padding-left: 40px;
2028
- }
2029
- .uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
2030
- padding-right: 40px;
2031
- }
2032
- /* Medium modifier
2033
- ========================================================================== */
2034
- .uk-search-medium {
2035
- width: 400px;
2036
- }
2037
- /*
2038
- * Input
2039
- */
2040
- .uk-search-medium .uk-search-input {
2041
- height: 55px;
2042
- padding-left: 12px;
2043
- padding-right: 12px;
2044
- background: #f8f8f8;
2045
- font-size: 1.5rem;
2046
- }
2047
- /* Focus */
2048
- .uk-search-medium .uk-search-input:focus {
2049
- background-color: #f3f3f3;
2050
- }
2051
- /*
2052
- * Icon
2053
- */
2054
- .uk-search-medium .uk-search-icon {
2055
- padding-left: 12px;
2056
- padding-right: 12px;
2057
- }
2058
- .uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2059
- padding-left: 48px;
2060
- }
2061
- .uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
2062
- padding-right: 48px;
2063
- }
2064
- /* Large modifier
2065
- ========================================================================== */
2066
- .uk-search-large {
2067
- width: 500px;
2068
- }
2069
- /*
2070
- * Input
2071
- */
2072
- .uk-search-large .uk-search-input {
2073
- height: 90px;
2074
- padding-left: 20px;
2075
- padding-right: 20px;
2076
- background: #f8f8f8;
2077
- font-size: 2.625rem;
2078
- }
2079
- /* Focus */
2080
- .uk-search-large .uk-search-input:focus {
2081
- background-color: #f3f3f3;
2082
- }
2083
- /*
2084
- * Icon
2085
- */
2086
- .uk-search-large .uk-search-icon {
2087
- padding-left: 20px;
2088
- padding-right: 20px;
2089
- }
2090
- .uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2091
- padding-left: 80px;
2092
- }
2093
- .uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
2094
- padding-right: 80px;
2095
- }
2096
- /* Toggle
2097
- ========================================================================== */
2098
- .uk-search-toggle {
2099
- color: #999;
2100
- }
2101
- /* Hover */
2102
- .uk-search-toggle:hover {
2103
- color: #666;
2104
- }
2105
1857
  /* ========================================================================
2106
1858
  Component: Button
2107
1859
  ========================================================================== */
@@ -2158,7 +1910,7 @@ select.uk-form-width-xsmall {
2158
1910
  }
2159
1911
  /* Hover */
2160
1912
  .uk-button:hover {
2161
- /* 10 */
1913
+ /* 9 */
2162
1914
  text-decoration: none;
2163
1915
  }
2164
1916
  /* OnClick + Active */
@@ -3206,193 +2958,386 @@ select.uk-form-width-xsmall {
3206
2958
  color: #fff;
3207
2959
  }
3208
2960
  /* ========================================================================
3209
- Component: Dropcap
2961
+ Component: Overlay
3210
2962
  ========================================================================== */
2963
+ .uk-overlay {
2964
+ padding: 30px 30px;
2965
+ }
3211
2966
  /*
3212
- * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
3213
- * https://bugzilla.mozilla.org/show_bug.cgi?id=214004
3214
- * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
3215
- * https://bugzilla.mozilla.org/show_bug.cgi?id=317933
2967
+ * Remove margin from the last-child
3216
2968
  */
3217
- .uk-dropcap::first-letter,
3218
- .uk-dropcap > p:first-of-type::first-letter {
3219
- display: block;
3220
- margin-right: 10px;
3221
- float: left;
3222
- font-size: 4.5em;
3223
- line-height: 1;
2969
+ .uk-overlay > :last-child {
2970
+ margin-bottom: 0;
3224
2971
  }
3225
- /* 2 */
3226
- @-moz-document url-prefix() {
3227
- .uk-dropcap::first-letter,
3228
- .uk-dropcap > p:first-of-type::first-letter {
3229
- margin-top: 1.1%;
2972
+ /* Icon
2973
+ ========================================================================== */
2974
+ /* Style modifiers
2975
+ ========================================================================== */
2976
+ /*
2977
+ * Default
2978
+ */
2979
+ .uk-overlay-default {
2980
+ --uk-inverse: dark;
2981
+ background: rgba(255, 255, 255, 0.9);
2982
+ }
2983
+ /*
2984
+ * Primary
2985
+ */
2986
+ .uk-overlay-primary {
2987
+ --uk-inverse: light;
2988
+ background: rgba(34, 34, 34, 0.9);
2989
+ }
2990
+ /* ========================================================================
2991
+ Component: Article
2992
+ ========================================================================== */
2993
+ .uk-article {
2994
+ display: flow-root;
2995
+ }
2996
+ /*
2997
+ * Remove margin from the last-child
2998
+ */
2999
+ .uk-article > :last-child {
3000
+ margin-bottom: 0;
3001
+ }
3002
+ /* Adjacent sibling
3003
+ ========================================================================== */
3004
+ .uk-article + .uk-article {
3005
+ margin-top: 70px;
3006
+ }
3007
+ /* Title
3008
+ ========================================================================== */
3009
+ .uk-article-title {
3010
+ font-size: 2.23125rem;
3011
+ line-height: 1.2;
3012
+ }
3013
+ /* Tablet landscape and bigger */
3014
+ @media (min-width: 960px) {
3015
+ .uk-article-title {
3016
+ font-size: 2.625rem;
3230
3017
  }
3231
3018
  }
3019
+ /* Meta
3020
+ ========================================================================== */
3021
+ .uk-article-meta {
3022
+ font-size: 0.875rem;
3023
+ line-height: 1.4;
3024
+ color: #999;
3025
+ }
3232
3026
  /* ========================================================================
3233
- Component: Floating Shadow
3027
+ Component: Comment
3234
3028
  ========================================================================== */
3029
+ /* Sections
3030
+ ========================================================================== */
3031
+ .uk-comment-body {
3032
+ display: flow-root;
3033
+ overflow-wrap: break-word;
3034
+ word-wrap: break-word;
3035
+ }
3036
+ .uk-comment-header {
3037
+ display: flow-root;
3038
+ margin-bottom: 20px;
3039
+ }
3235
3040
  /*
3236
- * 1. Set position.
3237
- * 2. Set style
3238
- * 3. Fix shadow being clipped in Safari if container is animated
3041
+ * Remove margin from the last-child
3042
+ */
3043
+ .uk-comment-body > :last-child,
3044
+ .uk-comment-header > :last-child {
3045
+ margin-bottom: 0;
3046
+ }
3047
+ /* Title
3048
+ ========================================================================== */
3049
+ .uk-comment-title {
3050
+ font-size: 1.25rem;
3051
+ line-height: 1.4;
3052
+ }
3053
+ /* Meta
3054
+ ========================================================================== */
3055
+ .uk-comment-meta {
3056
+ font-size: 0.875rem;
3057
+ line-height: 1.4;
3058
+ color: #999;
3059
+ }
3060
+ /* Avatar
3061
+ ========================================================================== */
3062
+ /* List
3063
+ ========================================================================== */
3064
+ .uk-comment-list {
3065
+ padding: 0;
3066
+ list-style: none;
3067
+ }
3068
+ /* Adjacent siblings */
3069
+ .uk-comment-list > :nth-child(n+2) {
3070
+ margin-top: 70px;
3071
+ }
3072
+ /*
3073
+ * Sublists
3074
+ * Note: General sibling selector allows reply block between comment and sublist
3239
3075
  */
3240
- .uk-floating-shadow {
3076
+ .uk-comment-list .uk-comment ~ ul {
3077
+ margin: 70px 0 0 0;
3078
+ padding-left: 30px;
3079
+ list-style: none;
3080
+ }
3081
+ /* Tablet and bigger */
3082
+ @media (min-width: 960px) {
3083
+ .uk-comment-list .uk-comment ~ ul {
3084
+ padding-left: 100px;
3085
+ }
3086
+ }
3087
+ /* Adjacent siblings */
3088
+ .uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
3089
+ margin-top: 70px;
3090
+ }
3091
+ /* Style modifier
3092
+ ========================================================================== */
3093
+ /* ========================================================================
3094
+ Component: Search
3095
+ ========================================================================== */
3096
+ /*
3097
+ * 1. Container fits its content
3098
+ * 2. Create position context
3099
+ * 3. Prevent content overflow
3100
+ * 4. Reset `form`
3101
+ */
3102
+ .uk-search {
3103
+ /* 1 */
3241
3104
  display: inline-block;
3105
+ /* 2 */
3242
3106
  position: relative;
3243
- z-index: 0;
3107
+ /* 3 */
3244
3108
  max-width: 100%;
3109
+ /* 4 */
3110
+ margin: 0;
3111
+ }
3112
+ /* Input
3113
+ ========================================================================== */
3114
+ /*
3115
+ * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
3116
+ */
3117
+ .uk-search-input::-webkit-search-cancel-button,
3118
+ .uk-search-input::-webkit-search-decoration {
3119
+ -webkit-appearance: none;
3120
+ }
3121
+ /*
3122
+ * Removes placeholder transparency in Firefox.
3123
+ */
3124
+ .uk-search-input::-moz-placeholder {
3125
+ opacity: 1;
3126
+ }
3127
+ /*
3128
+ * 1. Define consistent box sizing.
3129
+ * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
3130
+ * 3. Remove `border-radius` in iOS.
3131
+ * 4. Change font properties to `inherit` in all browsers
3132
+ * 5. Show the overflow in Edge.
3133
+ * 6. Remove default style in iOS.
3134
+ * 7. Vertical alignment
3135
+ * 8. Take the full container width
3136
+ * 9. Style
3137
+ */
3138
+ .uk-search-input {
3139
+ /* 1 */
3140
+ box-sizing: border-box;
3141
+ /* 2 */
3142
+ margin: 0;
3143
+ /* 3 */
3144
+ border-radius: 0;
3145
+ /* 4 */
3146
+ font: inherit;
3147
+ /* 5 */
3148
+ overflow: visible;
3149
+ /* 6 */
3150
+ -webkit-appearance: none;
3151
+ /* 7 */
3245
3152
  vertical-align: middle;
3153
+ /* 8 */
3154
+ width: 100%;
3155
+ /* 9 */
3156
+ border: none;
3157
+ color: #666;
3246
3158
  }
3247
- .uk-floating-shadow::after {
3248
- content: "";
3159
+ .uk-search-input:focus {
3160
+ outline: none;
3161
+ }
3162
+ /* Placeholder */
3163
+ .uk-search-input::placeholder {
3164
+ color: #999;
3165
+ }
3166
+ /* Icon (Adopts `uk-icon`)
3167
+ ========================================================================== */
3168
+ /*
3169
+ * Position above input
3170
+ * 1. Set position
3171
+ * 2. Center icon vertically and horizontally
3172
+ * 3. Style
3173
+ */
3174
+ .uk-search .uk-search-icon {
3249
3175
  /* 1 */
3250
3176
  position: absolute;
3251
- bottom: -30px;
3177
+ top: 0;
3178
+ bottom: 0;
3252
3179
  left: 0;
3253
- right: 0;
3254
- z-index: -1;
3255
3180
  /* 2 */
3256
- height: 30px;
3257
- border-radius: 100%;
3258
- background: #444;
3259
- filter: blur(20px);
3181
+ display: inline-flex;
3182
+ justify-content: center;
3183
+ align-items: center;
3260
3184
  /* 3 */
3261
- will-change: filter;
3185
+ color: #999;
3262
3186
  }
3263
- /* ========================================================================
3264
- Component: Overlay
3265
- ========================================================================== */
3266
- .uk-overlay {
3267
- padding: 30px 30px;
3187
+ /*
3188
+ * Required for `a`.
3189
+ */
3190
+ .uk-search .uk-search-icon:hover {
3191
+ color: #999;
3268
3192
  }
3269
3193
  /*
3270
- * Remove margin from the last-child
3194
+ * Make `input` element clickable through icon, e.g. if it's a `span`
3271
3195
  */
3272
- .uk-overlay > :last-child {
3273
- margin-bottom: 0;
3196
+ .uk-search .uk-search-icon:not(a):not(button):not(input) {
3197
+ pointer-events: none;
3274
3198
  }
3275
- /* Icon
3276
- ========================================================================== */
3277
- /* Style modifiers
3199
+ /*
3200
+ * Position modifier
3201
+ */
3202
+ .uk-search .uk-search-icon-flip {
3203
+ right: 0;
3204
+ left: auto;
3205
+ }
3206
+ /* Default modifier
3278
3207
  ========================================================================== */
3208
+ .uk-search-default {
3209
+ width: 240px;
3210
+ }
3279
3211
  /*
3280
- * Default
3212
+ * Input
3281
3213
  */
3282
- .uk-overlay-default {
3283
- --uk-inverse: dark;
3284
- background: rgba(255, 255, 255, 0.9);
3214
+ .uk-search-default .uk-search-input {
3215
+ height: 40px;
3216
+ padding-left: 10px;
3217
+ padding-right: 10px;
3218
+ background: #f8f8f8;
3219
+ }
3220
+ /* Focus */
3221
+ .uk-search-default .uk-search-input:focus {
3222
+ background-color: #f3f3f3;
3223
+ }
3224
+ /*
3225
+ * Icon
3226
+ */
3227
+ .uk-search-default .uk-search-icon {
3228
+ padding-left: 10px;
3229
+ padding-right: 10px;
3230
+ }
3231
+ .uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3232
+ padding-left: 40px;
3233
+ }
3234
+ .uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
3235
+ padding-right: 40px;
3236
+ }
3237
+ /* Navbar modifier
3238
+ ========================================================================== */
3239
+ .uk-search-navbar {
3240
+ width: 240px;
3285
3241
  }
3286
3242
  /*
3287
- * Primary
3243
+ * Input
3288
3244
  */
3289
- .uk-overlay-primary {
3290
- --uk-inverse: light;
3291
- background: rgba(34, 34, 34, 0.9);
3245
+ .uk-search-navbar .uk-search-input {
3246
+ height: 40px;
3247
+ padding-left: 10px;
3248
+ padding-right: 10px;
3249
+ background: #fff;
3292
3250
  }
3293
- /* ========================================================================
3294
- Component: Article
3295
- ========================================================================== */
3296
- .uk-article {
3297
- display: flow-root;
3251
+ /* Focus */
3252
+ .uk-search-navbar .uk-search-input:focus {
3253
+ background-color: #fcfcfc;
3298
3254
  }
3299
3255
  /*
3300
- * Remove margin from the last-child
3256
+ * Icon
3301
3257
  */
3302
- .uk-article > :last-child {
3303
- margin-bottom: 0;
3304
- }
3305
- /* Adjacent sibling
3306
- ========================================================================== */
3307
- .uk-article + .uk-article {
3308
- margin-top: 70px;
3258
+ .uk-search-navbar .uk-search-icon {
3259
+ padding-left: 10px;
3260
+ padding-right: 10px;
3309
3261
  }
3310
- /* Title
3311
- ========================================================================== */
3312
- .uk-article-title {
3313
- font-size: 2.23125rem;
3314
- line-height: 1.2;
3262
+ .uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3263
+ padding-left: 40px;
3315
3264
  }
3316
- /* Tablet landscape and bigger */
3317
- @media (min-width: 960px) {
3318
- .uk-article-title {
3319
- font-size: 2.625rem;
3320
- }
3265
+ .uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
3266
+ padding-right: 40px;
3321
3267
  }
3322
- /* Meta
3268
+ /* Medium modifier
3323
3269
  ========================================================================== */
3324
- .uk-article-meta {
3325
- font-size: 0.875rem;
3326
- line-height: 1.4;
3327
- color: #999;
3270
+ .uk-search-medium {
3271
+ width: 400px;
3328
3272
  }
3329
- /* ========================================================================
3330
- Component: Comment
3331
- ========================================================================== */
3332
- /* Sections
3333
- ========================================================================== */
3334
- .uk-comment-body {
3335
- display: flow-root;
3336
- overflow-wrap: break-word;
3337
- word-wrap: break-word;
3273
+ /*
3274
+ * Input
3275
+ */
3276
+ .uk-search-medium .uk-search-input {
3277
+ height: 55px;
3278
+ padding-left: 12px;
3279
+ padding-right: 12px;
3280
+ background: #f8f8f8;
3281
+ font-size: 1.5rem;
3338
3282
  }
3339
- .uk-comment-header {
3340
- display: flow-root;
3341
- margin-bottom: 20px;
3283
+ /* Focus */
3284
+ .uk-search-medium .uk-search-input:focus {
3285
+ background-color: #f3f3f3;
3342
3286
  }
3343
3287
  /*
3344
- * Remove margin from the last-child
3288
+ * Icon
3345
3289
  */
3346
- .uk-comment-body > :last-child,
3347
- .uk-comment-header > :last-child {
3348
- margin-bottom: 0;
3290
+ .uk-search-medium .uk-search-icon {
3291
+ padding-left: 12px;
3292
+ padding-right: 12px;
3349
3293
  }
3350
- /* Title
3351
- ========================================================================== */
3352
- .uk-comment-title {
3353
- font-size: 1.25rem;
3354
- line-height: 1.4;
3294
+ .uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3295
+ padding-left: 48px;
3355
3296
  }
3356
- /* Meta
3357
- ========================================================================== */
3358
- .uk-comment-meta {
3359
- font-size: 0.875rem;
3360
- line-height: 1.4;
3361
- color: #999;
3297
+ .uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
3298
+ padding-right: 48px;
3362
3299
  }
3363
- /* Avatar
3364
- ========================================================================== */
3365
- /* List
3300
+ /* Large modifier
3366
3301
  ========================================================================== */
3367
- .uk-comment-list {
3368
- padding: 0;
3369
- list-style: none;
3302
+ .uk-search-large {
3303
+ width: 500px;
3370
3304
  }
3371
- /* Adjacent siblings */
3372
- .uk-comment-list > :nth-child(n+2) {
3373
- margin-top: 70px;
3305
+ /*
3306
+ * Input
3307
+ */
3308
+ .uk-search-large .uk-search-input {
3309
+ height: 90px;
3310
+ padding-left: 20px;
3311
+ padding-right: 20px;
3312
+ background: #f8f8f8;
3313
+ font-size: 2.625rem;
3314
+ }
3315
+ /* Focus */
3316
+ .uk-search-large .uk-search-input:focus {
3317
+ background-color: #f3f3f3;
3374
3318
  }
3375
3319
  /*
3376
- * Sublists
3377
- * Note: General sibling selector allows reply block between comment and sublist
3320
+ * Icon
3378
3321
  */
3379
- .uk-comment-list .uk-comment ~ ul {
3380
- margin: 70px 0 0 0;
3381
- padding-left: 30px;
3382
- list-style: none;
3322
+ .uk-search-large .uk-search-icon {
3323
+ padding-left: 20px;
3324
+ padding-right: 20px;
3383
3325
  }
3384
- /* Tablet and bigger */
3385
- @media (min-width: 960px) {
3386
- .uk-comment-list .uk-comment ~ ul {
3387
- padding-left: 100px;
3388
- }
3326
+ .uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3327
+ padding-left: 80px;
3389
3328
  }
3390
- /* Adjacent siblings */
3391
- .uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
3392
- margin-top: 70px;
3329
+ .uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
3330
+ padding-right: 80px;
3393
3331
  }
3394
- /* Style modifier
3332
+ /* Toggle
3395
3333
  ========================================================================== */
3334
+ .uk-search-toggle {
3335
+ color: #999;
3336
+ }
3337
+ /* Hover */
3338
+ .uk-search-toggle:hover {
3339
+ color: #666;
3340
+ }
3396
3341
  /* ========================================================================
3397
3342
  Component: Accordion
3398
3343
  ========================================================================== */
@@ -3918,96 +3863,6 @@ select.uk-form-width-xsmall {
3918
3863
  /* 2 */
3919
3864
  position: relative;
3920
3865
  }
3921
- /* ========================================================================
3922
- Component: Marquee
3923
- ========================================================================== */
3924
- /*
3925
- * 1. Fallback for Safari 15 and older
3926
- * 2. Clip child elements
3927
- * `clip` prevents accidental scrolling through elements in slide getting focused
3928
- * `clip` also works in only one direction
3929
- * 3. Prevent tab highlighting on iOS.
3930
- */
3931
- .uk-marquee {
3932
- /* 1 */
3933
- overflow-x: hidden;
3934
- /* 2 */
3935
- overflow-x: clip;
3936
- /* 3 */
3937
- -webkit-tap-highlight-color: transparent;
3938
- }
3939
- .uk-marquee-vertical {
3940
- overflow: visible;
3941
- overflow-y: hidden;
3942
- overflow-y: clip;
3943
- }
3944
- /*
3945
- * Fade out
3946
- */
3947
- .uk-marquee-fade {
3948
- --uk-overflow-fade-size: 100px;
3949
- --uk-overflow-fade-direction: right;
3950
- }
3951
- .uk-marquee-fade.uk-marquee-vertical {
3952
- --uk-overflow-fade-direction: bottom;
3953
- }
3954
- .uk-marquee-fade {
3955
- 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)));
3956
- }
3957
- /* Items
3958
- ========================================================================== */
3959
- /*
3960
- * 1. Create a containing block.
3961
- */
3962
- .uk-marquee-items {
3963
- /* 1 */
3964
- position: relative;
3965
- }
3966
- /*
3967
- * 1. Reset list style without interfering with grid
3968
- * 2. Prevent displaying the callout information on iOS.
3969
- */
3970
- .uk-marquee:not(.uk-marquee-vertical) .uk-marquee-items:not(.uk-grid) {
3971
- display: flex;
3972
- /* 1 */
3973
- margin: 0;
3974
- padding: 0;
3975
- list-style: none;
3976
- /* 2 */
3977
- -webkit-touch-callout: none;
3978
- }
3979
- .uk-marquee:not(.uk-marquee-vertical) .uk-marquee-items.uk-grid {
3980
- flex-wrap: nowrap;
3981
- }
3982
- /* Item
3983
- ========================================================================== */
3984
- /*
3985
- * 1. Let items take content dimensions (0 0 auto)
3986
- * `max-width` needed to keep image responsiveness and prevent content overflow
3987
- * 2. Create position context
3988
- * 3. Create animation along offset-path
3989
- */
3990
- .uk-marquee-items > * {
3991
- /* 1 */
3992
- flex: none !important;
3993
- box-sizing: border-box;
3994
- max-width: 100%;
3995
- /* 2 */
3996
- position: relative;
3997
- /* 3 */
3998
- offset-anchor: 0 0;
3999
- offset-rotate: 0deg;
4000
- offset-path: path(var(--uk-marquee-path));
4001
- animation: var(--uk-marquee-duration) linear calc(var(--uk-marquee-start) / -100 * var(--uk-marquee-duration)) infinite var(--uk-marquee-direction) uk-marquee;
4002
- }
4003
- @keyframes uk-marquee {
4004
- 0% {
4005
- offset-distance: 0;
4006
- }
4007
- 100% {
4008
- offset-distance: 100%;
4009
- }
4010
- }
4011
3866
  /* ========================================================================
4012
3867
  Component: Sticky
4013
3868
  ========================================================================== */
@@ -4690,38 +4545,36 @@ select.uk-form-width-xsmall {
4690
4545
  .uk-grid > * > :last-child {
4691
4546
  margin-bottom: 0;
4692
4547
  }
4693
- /* Gap
4548
+ /* Gutter
4694
4549
  ========================================================================== */
4695
4550
  /*
4696
4551
  * Default
4697
4552
  */
4553
+ /* Horizontal */
4698
4554
  .uk-grid {
4699
4555
  margin-left: -30px;
4700
4556
  }
4701
4557
  .uk-grid > * {
4702
4558
  padding-left: 30px;
4703
4559
  }
4704
- .uk-grid {
4705
- row-gap: 30px;
4706
- }
4707
- /* Margin */
4708
- .uk-grid + :where(.uk-grid),
4560
+ /* Vertical */
4561
+ .uk-grid + .uk-grid,
4562
+ .uk-grid > .uk-grid-margin,
4709
4563
  * + .uk-grid-margin {
4710
4564
  margin-top: 30px;
4711
4565
  }
4712
4566
  /* Desktop and bigger */
4713
4567
  @media (min-width: 1200px) {
4568
+ /* Horizontal */
4714
4569
  .uk-grid {
4715
4570
  margin-left: -40px;
4716
4571
  }
4717
4572
  .uk-grid > * {
4718
4573
  padding-left: 40px;
4719
4574
  }
4720
- .uk-grid {
4721
- row-gap: 40px;
4722
- }
4723
- /* Margin */
4724
- .uk-grid + :where(.uk-grid),
4575
+ /* Vertical */
4576
+ .uk-grid + .uk-grid,
4577
+ .uk-grid > .uk-grid-margin,
4725
4578
  * + .uk-grid-margin {
4726
4579
  margin-top: 40px;
4727
4580
  }
@@ -4729,6 +4582,7 @@ select.uk-form-width-xsmall {
4729
4582
  /*
4730
4583
  * Small
4731
4584
  */
4585
+ /* Horizontal */
4732
4586
  .uk-grid-small,
4733
4587
  .uk-grid-column-small {
4734
4588
  margin-left: -15px;
@@ -4737,18 +4591,18 @@ select.uk-form-width-xsmall {
4737
4591
  .uk-grid-column-small > * {
4738
4592
  padding-left: 15px;
4739
4593
  }
4740
- .uk-grid-small,
4741
- .uk-grid-row-small {
4742
- row-gap: 15px;
4743
- }
4744
- /* Margin */
4745
- .uk-grid + :where(.uk-grid-small, .uk-grid-row-small),
4594
+ /* Vertical */
4595
+ .uk-grid + .uk-grid-small,
4596
+ .uk-grid + .uk-grid-row-small,
4597
+ .uk-grid-small > .uk-grid-margin,
4598
+ .uk-grid-row-small > .uk-grid-margin,
4746
4599
  * + .uk-grid-margin-small {
4747
4600
  margin-top: 15px;
4748
4601
  }
4749
4602
  /*
4750
4603
  * Medium
4751
4604
  */
4605
+ /* Horizontal */
4752
4606
  .uk-grid-medium,
4753
4607
  .uk-grid-column-medium {
4754
4608
  margin-left: -30px;
@@ -4757,18 +4611,18 @@ select.uk-form-width-xsmall {
4757
4611
  .uk-grid-column-medium > * {
4758
4612
  padding-left: 30px;
4759
4613
  }
4760
- .uk-grid-medium,
4761
- .uk-grid-row-medium {
4762
- row-gap: 30px;
4763
- }
4764
- /* Margin */
4765
- .uk-grid + :where(.uk-grid-medium, .uk-grid-row-medium),
4614
+ /* Vertical */
4615
+ .uk-grid + .uk-grid-medium,
4616
+ .uk-grid + .uk-grid-row-medium,
4617
+ .uk-grid-medium > .uk-grid-margin,
4618
+ .uk-grid-row-medium > .uk-grid-margin,
4766
4619
  * + .uk-grid-margin-medium {
4767
4620
  margin-top: 30px;
4768
4621
  }
4769
4622
  /*
4770
4623
  * Large
4771
4624
  */
4625
+ /* Horizontal */
4772
4626
  .uk-grid-large,
4773
4627
  .uk-grid-column-large {
4774
4628
  margin-left: -40px;
@@ -4777,17 +4631,17 @@ select.uk-form-width-xsmall {
4777
4631
  .uk-grid-column-large > * {
4778
4632
  padding-left: 40px;
4779
4633
  }
4780
- .uk-grid-large,
4781
- .uk-grid-row-large {
4782
- row-gap: 40px;
4783
- }
4784
- /* Margin */
4785
- .uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
4634
+ /* Vertical */
4635
+ .uk-grid + .uk-grid-large,
4636
+ .uk-grid + .uk-grid-row-large,
4637
+ .uk-grid-large > .uk-grid-margin,
4638
+ .uk-grid-row-large > .uk-grid-margin,
4786
4639
  * + .uk-grid-margin-large {
4787
4640
  margin-top: 40px;
4788
4641
  }
4789
4642
  /* Desktop and bigger */
4790
4643
  @media (min-width: 1200px) {
4644
+ /* Horizontal */
4791
4645
  .uk-grid-large,
4792
4646
  .uk-grid-column-large {
4793
4647
  margin-left: -70px;
@@ -4796,12 +4650,11 @@ select.uk-form-width-xsmall {
4796
4650
  .uk-grid-column-large > * {
4797
4651
  padding-left: 70px;
4798
4652
  }
4799
- .uk-grid-large,
4800
- .uk-grid-row-large {
4801
- row-gap: 70px;
4802
- }
4803
- /* Margin */
4804
- .uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
4653
+ /* Vertical */
4654
+ .uk-grid + .uk-grid-large,
4655
+ .uk-grid + .uk-grid-row-large,
4656
+ .uk-grid-large > .uk-grid-margin,
4657
+ .uk-grid-row-large > .uk-grid-margin,
4805
4658
  * + .uk-grid-margin-large {
4806
4659
  margin-top: 70px;
4807
4660
  }
@@ -4809,6 +4662,7 @@ select.uk-form-width-xsmall {
4809
4662
  /*
4810
4663
  * Collapse
4811
4664
  */
4665
+ /* Horizontal */
4812
4666
  .uk-grid-collapse,
4813
4667
  .uk-grid-column-collapse {
4814
4668
  margin-left: 0;
@@ -4817,12 +4671,11 @@ select.uk-form-width-xsmall {
4817
4671
  .uk-grid-column-collapse > * {
4818
4672
  padding-left: 0;
4819
4673
  }
4820
- .uk-grid-collapse,
4821
- .uk-grid-row-collapse {
4822
- row-gap: 0;
4823
- }
4824
- /* Margin */
4825
- .uk-grid + :where(.uk-grid-collapse, .uk-grid-row-collapse) {
4674
+ /* Vertical */
4675
+ .uk-grid + .uk-grid-collapse,
4676
+ .uk-grid + .uk-grid-row-collapse,
4677
+ .uk-grid-collapse > .uk-grid-margin,
4678
+ .uk-grid-row-collapse > .uk-grid-margin {
4826
4679
  margin-top: 0;
4827
4680
  }
4828
4681
  /* Divider
@@ -4830,7 +4683,6 @@ select.uk-form-width-xsmall {
4830
4683
  .uk-grid-divider > * {
4831
4684
  position: relative;
4832
4685
  }
4833
- /* Horizontal */
4834
4686
  .uk-grid-divider > :not(.uk-first-column)::before {
4835
4687
  content: "";
4836
4688
  position: absolute;
@@ -4839,7 +4691,7 @@ select.uk-form-width-xsmall {
4839
4691
  border-left: 1px solid #e5e5e5;
4840
4692
  }
4841
4693
  /* Vertical */
4842
- .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
4694
+ .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
4843
4695
  content: "";
4844
4696
  position: absolute;
4845
4697
  left: 0;
@@ -4860,10 +4712,10 @@ select.uk-form-width-xsmall {
4860
4712
  left: 30px;
4861
4713
  }
4862
4714
  /* Vertical */
4863
- .uk-grid-divider.uk-grid-stack {
4864
- row-gap: 60px;
4715
+ .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
4716
+ margin-top: 60px;
4865
4717
  }
4866
- .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
4718
+ .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
4867
4719
  top: -30px;
4868
4720
  left: 60px;
4869
4721
  }
@@ -4880,10 +4732,10 @@ select.uk-form-width-xsmall {
4880
4732
  left: 40px;
4881
4733
  }
4882
4734
  /* Vertical */
4883
- .uk-grid-divider.uk-grid-stack {
4884
- row-gap: 80px;
4735
+ .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
4736
+ margin-top: 80px;
4885
4737
  }
4886
- .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
4738
+ .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
4887
4739
  top: -40px;
4888
4740
  left: 80px;
4889
4741
  }
@@ -4905,17 +4757,18 @@ select.uk-form-width-xsmall {
4905
4757
  left: 15px;
4906
4758
  }
4907
4759
  /* Vertical */
4908
- .uk-grid-divider.uk-grid-stack:where(.uk-grid-small, .uk-grid-row-small) {
4909
- row-gap: 30px;
4760
+ .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin,
4761
+ .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin {
4762
+ margin-top: 30px;
4910
4763
  }
4911
- .uk-grid-divider.uk-grid-stack.uk-grid-small > :not(.uk-first-row)::before {
4764
+ .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
4912
4765
  top: -15px;
4913
4766
  left: 30px;
4914
4767
  }
4915
- .uk-grid-divider.uk-grid-stack.uk-grid-row-small > :not(.uk-first-row)::before {
4768
+ .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
4916
4769
  top: -15px;
4917
4770
  }
4918
- .uk-grid-divider.uk-grid-stack.uk-grid-column-small > :not(.uk-first-row)::before {
4771
+ .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
4919
4772
  left: 30px;
4920
4773
  }
4921
4774
  /*
@@ -4935,17 +4788,18 @@ select.uk-form-width-xsmall {
4935
4788
  left: 30px;
4936
4789
  }
4937
4790
  /* Vertical */
4938
- .uk-grid-divider.uk-grid-stack:where(.uk-grid-medium, .uk-grid-row-medium) {
4939
- row-gap: 60px;
4791
+ .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin,
4792
+ .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
4793
+ margin-top: 60px;
4940
4794
  }
4941
- .uk-grid-divider.uk-grid-stack.uk-grid-medium > :not(.uk-first-row)::before {
4795
+ .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
4942
4796
  top: -30px;
4943
4797
  left: 60px;
4944
4798
  }
4945
- .uk-grid-divider.uk-grid-stack.uk-grid-row-medium > :not(.uk-first-row)::before {
4799
+ .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
4946
4800
  top: -30px;
4947
4801
  }
4948
- .uk-grid-divider.uk-grid-stack.uk-grid-column-medium > :not(.uk-first-row)::before {
4802
+ .uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
4949
4803
  left: 60px;
4950
4804
  }
4951
4805
  /*
@@ -4965,17 +4819,18 @@ select.uk-form-width-xsmall {
4965
4819
  left: 40px;
4966
4820
  }
4967
4821
  /* Vertical */
4968
- .uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
4969
- row-gap: 80px;
4822
+ .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
4823
+ .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
4824
+ margin-top: 80px;
4970
4825
  }
4971
- .uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
4826
+ .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
4972
4827
  top: -40px;
4973
4828
  left: 80px;
4974
4829
  }
4975
- .uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
4830
+ .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
4976
4831
  top: -40px;
4977
4832
  }
4978
- .uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
4833
+ .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
4979
4834
  left: 80px;
4980
4835
  }
4981
4836
  /* Desktop and bigger */
@@ -4994,17 +4849,18 @@ select.uk-form-width-xsmall {
4994
4849
  left: 70px;
4995
4850
  }
4996
4851
  /* Vertical */
4997
- .uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
4998
- row-gap: 140px;
4852
+ .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
4853
+ .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
4854
+ margin-top: 140px;
4999
4855
  }
5000
- .uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
4856
+ .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
5001
4857
  top: -70px;
5002
4858
  left: 140px;
5003
4859
  }
5004
- .uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
4860
+ .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
5005
4861
  top: -70px;
5006
4862
  }
5007
- .uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
4863
+ .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
5008
4864
  left: 140px;
5009
4865
  }
5010
4866
  }
@@ -5053,7 +4909,7 @@ select.uk-form-width-xsmall {
5053
4909
  align-items: center;
5054
4910
  /* 2 */
5055
4911
  column-gap: 0.25em;
5056
- /* 3 */
4912
+ /* 3*/
5057
4913
  text-decoration: none;
5058
4914
  }
5059
4915
  /*
@@ -6423,39 +6279,6 @@ ul.uk-nav-sub {
6423
6279
  width: 80%;
6424
6280
  height: 80%;
6425
6281
  }
6426
- /* ========================================================================
6427
- Component: Logo
6428
- ========================================================================== */
6429
- /*
6430
- * 1. Style
6431
- * 2. Required for `a`
6432
- * 3. Behave like image but can be overridden through flex utility classes
6433
- */
6434
- .uk-logo {
6435
- /* 1 */
6436
- font-size: 1.5rem;
6437
- 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";
6438
- color: #333;
6439
- /* 2 */
6440
- text-decoration: none;
6441
- }
6442
- /* 3 */
6443
- :where(.uk-logo) {
6444
- display: inline-block;
6445
- vertical-align: middle;
6446
- }
6447
- /* Hover */
6448
- .uk-logo:hover {
6449
- color: #333;
6450
- /* 2 */
6451
- text-decoration: none;
6452
- }
6453
- .uk-logo :where(img:not([uk-svg]), svg, video) {
6454
- display: block;
6455
- }
6456
- .uk-logo-inverse:where(:not([uk-svg])) {
6457
- display: none;
6458
- }
6459
6282
  /* ========================================================================
6460
6283
  Component: Animation
6461
6284
  ========================================================================== */
@@ -7674,12 +7497,6 @@ th.uk-text-break,
7674
7497
  td.uk-text-break {
7675
7498
  word-break: break-word;
7676
7499
  }
7677
- /*
7678
- * Balance text when wrapping onto multiple lines
7679
- */
7680
- .uk-text-balance {
7681
- text-wrap: balance;
7682
- }
7683
7500
  /* Stroke modifiers
7684
7501
  ========================================================================== */
7685
7502
  .uk-text-stroke {
@@ -8457,6 +8274,93 @@ iframe[data-uk-cover] {
8457
8274
  .uk-box-shadow-hover-xlarge:hover {
8458
8275
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
8459
8276
  }
8277
+ /* Box-shadow bottom
8278
+ ========================================================================== */
8279
+ /*
8280
+ * 1. Set position.
8281
+ * 2. Set style
8282
+ * 3. Fix shadow being clipped in Safari if container is animated
8283
+ */
8284
+ @supports (filter: blur(0)) {
8285
+ .uk-box-shadow-bottom {
8286
+ display: inline-block;
8287
+ position: relative;
8288
+ z-index: 0;
8289
+ max-width: 100%;
8290
+ vertical-align: middle;
8291
+ }
8292
+ .uk-box-shadow-bottom::after {
8293
+ content: "";
8294
+ /* 1 */
8295
+ position: absolute;
8296
+ bottom: -30px;
8297
+ left: 0;
8298
+ right: 0;
8299
+ z-index: -1;
8300
+ /* 2 */
8301
+ height: 30px;
8302
+ border-radius: 100%;
8303
+ background: #444;
8304
+ filter: blur(20px);
8305
+ /* 3 */
8306
+ will-change: filter;
8307
+ }
8308
+ }
8309
+ /* Drop cap
8310
+ ========================================================================== */
8311
+ /*
8312
+ * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
8313
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=214004
8314
+ * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
8315
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=317933
8316
+ */
8317
+ .uk-dropcap::first-letter,
8318
+ .uk-dropcap > p:first-of-type::first-letter {
8319
+ display: block;
8320
+ margin-right: 10px;
8321
+ float: left;
8322
+ font-size: 4.5em;
8323
+ line-height: 1;
8324
+ }
8325
+ /* 2 */
8326
+ @-moz-document url-prefix() {
8327
+ .uk-dropcap::first-letter,
8328
+ .uk-dropcap > p:first-of-type::first-letter {
8329
+ margin-top: 1.1%;
8330
+ }
8331
+ }
8332
+ /* Logo
8333
+ ========================================================================== */
8334
+ /*
8335
+ * 1. Style
8336
+ * 2. Required for `a`
8337
+ * 3. Behave like image but can be overridden through flex utility classes
8338
+ */
8339
+ .uk-logo {
8340
+ /* 1 */
8341
+ font-size: 1.5rem;
8342
+ 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";
8343
+ color: #333;
8344
+ /* 2 */
8345
+ text-decoration: none;
8346
+ }
8347
+ /* 3 */
8348
+ :where(.uk-logo) {
8349
+ display: inline-block;
8350
+ vertical-align: middle;
8351
+ }
8352
+ /* Hover */
8353
+ .uk-logo:hover {
8354
+ color: #333;
8355
+ /* 1 */
8356
+ text-decoration: none;
8357
+ }
8358
+ .uk-logo :where(img, svg, video) {
8359
+ display: block;
8360
+ }
8361
+ .uk-logo-inverse {
8362
+ display: none;
8363
+ }
8460
8364
  /* Disabled State
8461
8365
  ========================================================================== */
8462
8366
  .uk-disabled {
@@ -8951,339 +8855,307 @@ iframe[data-uk-cover] {
8951
8855
  /* ========================================================================
8952
8856
  Component: Margin
8953
8857
  ========================================================================== */
8954
- /* Two or more directions
8955
- ========================================================================== */
8956
8858
  /*
8957
- * Sizes
8859
+ * Default
8958
8860
  */
8959
8861
  .uk-margin {
8960
8862
  margin-bottom: 20px;
8961
8863
  }
8962
8864
  * + .uk-margin {
8963
- margin-top: 20px;
8964
- }
8965
- .uk-margin-xsmall {
8966
- margin-bottom: 5px;
8967
- }
8968
- * + .uk-margin-xsmall {
8969
- margin-top: 5px;
8970
- }
8971
- .uk-margin-small {
8972
- margin-bottom: 10px;
8973
- }
8974
- * + .uk-margin-small {
8975
- margin-top: 10px;
8976
- }
8977
- .uk-margin-medium {
8978
- margin-bottom: 40px;
8979
- }
8980
- * + .uk-margin-medium {
8981
- margin-top: 40px;
8982
- }
8983
- .uk-margin-large {
8984
- margin-bottom: 40px;
8985
- }
8986
- * + .uk-margin-large {
8987
- margin-top: 40px;
8988
- }
8989
- .uk-margin-xlarge {
8990
- margin-bottom: 70px;
8991
- }
8992
- * + .uk-margin-xlarge {
8993
- margin-top: 70px;
8994
- }
8995
- /* Desktop and bigger */
8996
- @media (min-width: 1200px) {
8997
- .uk-margin-large {
8998
- margin-bottom: 70px;
8999
- }
9000
- * + .uk-margin-large {
9001
- margin-top: 70px;
9002
- }
9003
- .uk-margin-xlarge {
9004
- margin-bottom: 140px;
9005
- }
9006
- * + .uk-margin-xlarge {
9007
- margin-top: 140px;
9008
- }
9009
- }
9010
- /*
9011
- * Auto
9012
- */
9013
- .uk-margin-auto-vertical {
9014
- margin-top: auto;
9015
- margin-bottom: auto;
9016
- }
9017
- .uk-margin-auto-vertical-gap {
9018
- margin-bottom: auto;
9019
- }
9020
- * + .uk-margin-auto-vertical-gap {
9021
- margin-top: auto;
9022
- }
9023
- .uk-margin-auto {
9024
- margin-left: auto;
9025
- margin-right: auto;
9026
- }
9027
- /* Phone landscape and bigger */
9028
- @media (min-width: 640px) {
9029
- .uk-margin-auto\@s {
9030
- margin-left: auto;
9031
- margin-right: auto;
9032
- }
9033
- }
9034
- /* Tablet landscape and bigger */
9035
- @media (min-width: 960px) {
9036
- .uk-margin-auto\@m {
9037
- margin-left: auto;
9038
- margin-right: auto;
9039
- }
9040
- }
9041
- /* Desktop and bigger */
9042
- @media (min-width: 1200px) {
9043
- .uk-margin-auto\@l {
9044
- margin-left: auto;
9045
- margin-right: auto;
9046
- }
9047
- }
9048
- /* Large screen and bigger */
9049
- @media (min-width: 1600px) {
9050
- .uk-margin-auto\@xl {
9051
- margin-left: auto;
9052
- margin-right: auto;
9053
- }
9054
- }
9055
- /*
9056
- * Remove
9057
- */
9058
- .uk-margin-remove {
9059
- margin: 0;
9060
- }
9061
- .uk-margin-remove-vertical {
9062
- margin-top: 0;
9063
- margin-bottom: 0;
8865
+ margin-top: 20px !important;
9064
8866
  }
9065
- /* One direction
9066
- ========================================================================== */
9067
- /*
9068
- * Sizes
9069
- */
9070
8867
  .uk-margin-top {
9071
- margin-top: 20px;
8868
+ margin-top: 20px !important;
9072
8869
  }
9073
8870
  .uk-margin-bottom {
9074
- margin-bottom: 20px;
8871
+ margin-bottom: 20px !important;
9075
8872
  }
9076
8873
  .uk-margin-left {
9077
- margin-left: 20px;
8874
+ margin-left: 20px !important;
9078
8875
  }
9079
8876
  .uk-margin-right {
9080
- margin-right: 20px;
8877
+ margin-right: 20px !important;
8878
+ }
8879
+ /* XSmall
8880
+ ========================================================================== */
8881
+ .uk-margin-xsmall {
8882
+ margin-bottom: 5px;
8883
+ }
8884
+ * + .uk-margin-xsmall {
8885
+ margin-top: 5px !important;
9081
8886
  }
9082
8887
  .uk-margin-xsmall-top {
9083
- margin-top: 5px;
8888
+ margin-top: 5px !important;
9084
8889
  }
9085
8890
  .uk-margin-xsmall-bottom {
9086
- margin-bottom: 5px;
8891
+ margin-bottom: 5px !important;
9087
8892
  }
9088
8893
  .uk-margin-xsmall-left {
9089
- margin-left: 5px;
8894
+ margin-left: 5px !important;
9090
8895
  }
9091
8896
  .uk-margin-xsmall-right {
9092
- margin-right: 5px;
8897
+ margin-right: 5px !important;
8898
+ }
8899
+ /* Small
8900
+ ========================================================================== */
8901
+ .uk-margin-small {
8902
+ margin-bottom: 10px;
8903
+ }
8904
+ * + .uk-margin-small {
8905
+ margin-top: 10px !important;
9093
8906
  }
9094
8907
  .uk-margin-small-top {
9095
- margin-top: 10px;
8908
+ margin-top: 10px !important;
9096
8909
  }
9097
8910
  .uk-margin-small-bottom {
9098
- margin-bottom: 10px;
8911
+ margin-bottom: 10px !important;
9099
8912
  }
9100
8913
  .uk-margin-small-left {
9101
- margin-left: 10px;
8914
+ margin-left: 10px !important;
9102
8915
  }
9103
8916
  .uk-margin-small-right {
9104
- margin-right: 10px;
8917
+ margin-right: 10px !important;
8918
+ }
8919
+ /* Medium
8920
+ ========================================================================== */
8921
+ .uk-margin-medium {
8922
+ margin-bottom: 40px;
8923
+ }
8924
+ * + .uk-margin-medium {
8925
+ margin-top: 40px !important;
9105
8926
  }
9106
8927
  .uk-margin-medium-top {
9107
- margin-top: 40px;
8928
+ margin-top: 40px !important;
9108
8929
  }
9109
8930
  .uk-margin-medium-bottom {
9110
- margin-bottom: 40px;
8931
+ margin-bottom: 40px !important;
9111
8932
  }
9112
8933
  .uk-margin-medium-left {
9113
- margin-left: 40px;
8934
+ margin-left: 40px !important;
9114
8935
  }
9115
8936
  .uk-margin-medium-right {
9116
- margin-right: 40px;
8937
+ margin-right: 40px !important;
8938
+ }
8939
+ /* Large
8940
+ ========================================================================== */
8941
+ .uk-margin-large {
8942
+ margin-bottom: 40px;
8943
+ }
8944
+ * + .uk-margin-large {
8945
+ margin-top: 40px !important;
9117
8946
  }
9118
8947
  .uk-margin-large-top {
9119
- margin-top: 40px;
8948
+ margin-top: 40px !important;
9120
8949
  }
9121
8950
  .uk-margin-large-bottom {
9122
- margin-bottom: 40px;
8951
+ margin-bottom: 40px !important;
9123
8952
  }
9124
8953
  .uk-margin-large-left {
9125
- margin-left: 40px;
8954
+ margin-left: 40px !important;
9126
8955
  }
9127
8956
  .uk-margin-large-right {
9128
- margin-right: 40px;
9129
- }
9130
- .uk-margin-xlarge-top {
9131
- margin-top: 70px;
9132
- }
9133
- .uk-margin-xlarge-bottom {
9134
- margin-bottom: 70px;
9135
- }
9136
- .uk-margin-xlarge-left {
9137
- margin-left: 70px;
9138
- }
9139
- .uk-margin-xlarge-right {
9140
- margin-right: 70px;
8957
+ margin-right: 40px !important;
9141
8958
  }
9142
8959
  /* Desktop and bigger */
9143
8960
  @media (min-width: 1200px) {
8961
+ .uk-margin-large {
8962
+ margin-bottom: 70px;
8963
+ }
8964
+ * + .uk-margin-large {
8965
+ margin-top: 70px !important;
8966
+ }
9144
8967
  .uk-margin-large-top {
9145
- margin-top: 70px;
8968
+ margin-top: 70px !important;
9146
8969
  }
9147
8970
  .uk-margin-large-bottom {
9148
- margin-bottom: 70px;
8971
+ margin-bottom: 70px !important;
9149
8972
  }
9150
8973
  .uk-margin-large-left {
9151
- margin-left: 70px;
8974
+ margin-left: 70px !important;
8975
+ }
8976
+ .uk-margin-large-right {
8977
+ margin-right: 70px !important;
8978
+ }
8979
+ }
8980
+ /* XLarge
8981
+ ========================================================================== */
8982
+ .uk-margin-xlarge {
8983
+ margin-bottom: 70px;
8984
+ }
8985
+ * + .uk-margin-xlarge {
8986
+ margin-top: 70px !important;
8987
+ }
8988
+ .uk-margin-xlarge-top {
8989
+ margin-top: 70px !important;
8990
+ }
8991
+ .uk-margin-xlarge-bottom {
8992
+ margin-bottom: 70px !important;
8993
+ }
8994
+ .uk-margin-xlarge-left {
8995
+ margin-left: 70px !important;
8996
+ }
8997
+ .uk-margin-xlarge-right {
8998
+ margin-right: 70px !important;
8999
+ }
9000
+ /* Desktop and bigger */
9001
+ @media (min-width: 1200px) {
9002
+ .uk-margin-xlarge {
9003
+ margin-bottom: 140px;
9152
9004
  }
9153
- .uk-margin-large-right {
9154
- margin-right: 70px;
9005
+ * + .uk-margin-xlarge {
9006
+ margin-top: 140px !important;
9155
9007
  }
9156
9008
  .uk-margin-xlarge-top {
9157
- margin-top: 140px;
9009
+ margin-top: 140px !important;
9158
9010
  }
9159
9011
  .uk-margin-xlarge-bottom {
9160
- margin-bottom: 140px;
9012
+ margin-bottom: 140px !important;
9161
9013
  }
9162
9014
  .uk-margin-xlarge-left {
9163
- margin-left: 140px;
9015
+ margin-left: 140px !important;
9164
9016
  }
9165
9017
  .uk-margin-xlarge-right {
9166
- margin-right: 140px;
9018
+ margin-right: 140px !important;
9167
9019
  }
9168
9020
  }
9169
- /*
9170
- * Auto
9171
- */
9021
+ /* Auto
9022
+ ========================================================================== */
9023
+ .uk-margin-auto {
9024
+ margin-left: auto !important;
9025
+ margin-right: auto !important;
9026
+ }
9172
9027
  .uk-margin-auto-top {
9173
- margin-top: auto;
9028
+ margin-top: auto !important;
9174
9029
  }
9175
9030
  .uk-margin-auto-bottom {
9176
- margin-bottom: auto;
9031
+ margin-bottom: auto !important;
9177
9032
  }
9178
9033
  .uk-margin-auto-left {
9179
- margin-left: auto;
9034
+ margin-left: auto !important;
9180
9035
  }
9181
9036
  .uk-margin-auto-right {
9182
- margin-right: auto;
9037
+ margin-right: auto !important;
9038
+ }
9039
+ .uk-margin-auto-vertical {
9040
+ margin-top: auto !important;
9041
+ margin-bottom: auto !important;
9183
9042
  }
9184
9043
  /* Phone landscape and bigger */
9185
9044
  @media (min-width: 640px) {
9045
+ .uk-margin-auto\@s {
9046
+ margin-left: auto !important;
9047
+ margin-right: auto !important;
9048
+ }
9186
9049
  .uk-margin-auto-left\@s {
9187
- margin-left: auto;
9050
+ margin-left: auto !important;
9188
9051
  }
9189
9052
  .uk-margin-auto-right\@s {
9190
- margin-right: auto;
9053
+ margin-right: auto !important;
9191
9054
  }
9192
9055
  }
9193
9056
  /* Tablet landscape and bigger */
9194
9057
  @media (min-width: 960px) {
9058
+ .uk-margin-auto\@m {
9059
+ margin-left: auto !important;
9060
+ margin-right: auto !important;
9061
+ }
9195
9062
  .uk-margin-auto-left\@m {
9196
- margin-left: auto;
9063
+ margin-left: auto !important;
9197
9064
  }
9198
9065
  .uk-margin-auto-right\@m {
9199
- margin-right: auto;
9066
+ margin-right: auto !important;
9200
9067
  }
9201
9068
  }
9202
9069
  /* Desktop and bigger */
9203
9070
  @media (min-width: 1200px) {
9071
+ .uk-margin-auto\@l {
9072
+ margin-left: auto !important;
9073
+ margin-right: auto !important;
9074
+ }
9204
9075
  .uk-margin-auto-left\@l {
9205
- margin-left: auto;
9076
+ margin-left: auto !important;
9206
9077
  }
9207
9078
  .uk-margin-auto-right\@l {
9208
- margin-right: auto;
9079
+ margin-right: auto !important;
9209
9080
  }
9210
9081
  }
9211
9082
  /* Large screen and bigger */
9212
9083
  @media (min-width: 1600px) {
9084
+ .uk-margin-auto\@xl {
9085
+ margin-left: auto !important;
9086
+ margin-right: auto !important;
9087
+ }
9213
9088
  .uk-margin-auto-left\@xl {
9214
- margin-left: auto;
9089
+ margin-left: auto !important;
9215
9090
  }
9216
9091
  .uk-margin-auto-right\@xl {
9217
- margin-right: auto;
9092
+ margin-right: auto !important;
9218
9093
  }
9219
9094
  }
9220
- /*
9221
- * Remove
9222
- */
9095
+ /* Remove
9096
+ ========================================================================== */
9097
+ .uk-margin-remove {
9098
+ margin: 0 !important;
9099
+ }
9223
9100
  .uk-margin-remove-top {
9224
- margin-top: 0;
9101
+ margin-top: 0 !important;
9225
9102
  }
9226
9103
  .uk-margin-remove-bottom {
9227
- margin-bottom: 0;
9104
+ margin-bottom: 0 !important;
9228
9105
  }
9229
9106
  .uk-margin-remove-left {
9230
- margin-left: 0;
9107
+ margin-left: 0 !important;
9231
9108
  }
9232
9109
  .uk-margin-remove-right {
9233
- margin-right: 0;
9110
+ margin-right: 0 !important;
9111
+ }
9112
+ .uk-margin-remove-vertical {
9113
+ margin-top: 0 !important;
9114
+ margin-bottom: 0 !important;
9234
9115
  }
9235
9116
  .uk-margin-remove-adjacent + *,
9236
9117
  .uk-margin-remove-first-child > :first-child {
9237
- margin-top: 0;
9118
+ margin-top: 0 !important;
9238
9119
  }
9239
9120
  .uk-margin-remove-last-child > :last-child {
9240
- margin-bottom: 0;
9121
+ margin-bottom: 0 !important;
9241
9122
  }
9242
9123
  /* Phone landscape and bigger */
9243
9124
  @media (min-width: 640px) {
9244
9125
  .uk-margin-remove-left\@s {
9245
- margin-left: 0;
9126
+ margin-left: 0 !important;
9246
9127
  }
9247
9128
  .uk-margin-remove-right\@s {
9248
- margin-right: 0;
9129
+ margin-right: 0 !important;
9249
9130
  }
9250
9131
  }
9251
9132
  /* Tablet landscape and bigger */
9252
9133
  @media (min-width: 960px) {
9253
9134
  .uk-margin-remove-left\@m {
9254
- margin-left: 0;
9135
+ margin-left: 0 !important;
9255
9136
  }
9256
9137
  .uk-margin-remove-right\@m {
9257
- margin-right: 0;
9138
+ margin-right: 0 !important;
9258
9139
  }
9259
9140
  }
9260
9141
  /* Desktop and bigger */
9261
9142
  @media (min-width: 1200px) {
9262
9143
  .uk-margin-remove-left\@l {
9263
- margin-left: 0;
9144
+ margin-left: 0 !important;
9264
9145
  }
9265
9146
  .uk-margin-remove-right\@l {
9266
- margin-right: 0;
9147
+ margin-right: 0 !important;
9267
9148
  }
9268
9149
  }
9269
9150
  /* Large screen and bigger */
9270
9151
  @media (min-width: 1600px) {
9271
9152
  .uk-margin-remove-left\@xl {
9272
- margin-left: 0;
9153
+ margin-left: 0 !important;
9273
9154
  }
9274
9155
  .uk-margin-remove-right\@xl {
9275
- margin-right: 0;
9156
+ margin-right: 0 !important;
9276
9157
  }
9277
9158
  }
9278
- /*
9279
- * Trim
9280
- */
9281
- .uk-margin-trim-block > :first-child {
9282
- margin-top: 0;
9283
- }
9284
- .uk-margin-trim-block > :last-child {
9285
- margin-bottom: 0;
9286
- }
9287
9159
  /* ========================================================================
9288
9160
  Component: Padding
9289
9161
  ========================================================================== */
@@ -9315,27 +9187,27 @@ iframe[data-uk-cover] {
9315
9187
  /* Remove
9316
9188
  ========================================================================== */
9317
9189
  .uk-padding-remove {
9318
- padding: 0;
9190
+ padding: 0 !important;
9319
9191
  }
9320
9192
  .uk-padding-remove-top {
9321
- padding-top: 0;
9193
+ padding-top: 0 !important;
9322
9194
  }
9323
9195
  .uk-padding-remove-bottom {
9324
- padding-bottom: 0;
9196
+ padding-bottom: 0 !important;
9325
9197
  }
9326
9198
  .uk-padding-remove-left {
9327
- padding-left: 0;
9199
+ padding-left: 0 !important;
9328
9200
  }
9329
9201
  .uk-padding-remove-right {
9330
- padding-right: 0;
9202
+ padding-right: 0 !important;
9331
9203
  }
9332
9204
  .uk-padding-remove-vertical {
9333
- padding-top: 0;
9334
- padding-bottom: 0;
9205
+ padding-top: 0 !important;
9206
+ padding-bottom: 0 !important;
9335
9207
  }
9336
9208
  .uk-padding-remove-horizontal {
9337
- padding-left: 0;
9338
- padding-right: 0;
9209
+ padding-left: 0 !important;
9210
+ padding-right: 0 !important;
9339
9211
  }
9340
9212
  /* ========================================================================
9341
9213
  Component: Position
@@ -11170,202 +11042,20 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11170
11042
  .uk-card-secondary.uk-card-body .uk-form-icon,
11171
11043
  .uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon,
11172
11044
  .uk-overlay-primary .uk-form-icon,
11173
- .uk-offcanvas-bar .uk-form-icon {
11174
- color: rgba(255, 255, 255, 0.5);
11175
- }
11176
- .uk-light .uk-form-icon:hover,
11177
- .uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,
11178
- .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
11179
- .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,
11180
- .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
11181
- .uk-card-primary.uk-card-body .uk-form-icon:hover,
11182
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
11183
- .uk-card-secondary.uk-card-body .uk-form-icon:hover,
11184
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
11185
- .uk-overlay-primary .uk-form-icon:hover,
11186
- .uk-offcanvas-bar .uk-form-icon:hover {
11187
- color: rgba(255, 255, 255, 0.7);
11188
- }
11189
- .uk-light .uk-search-input,
11190
- .uk-section-primary:not(.uk-preserve-color) .uk-search-input,
11191
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
11192
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
11193
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
11194
- .uk-card-primary.uk-card-body .uk-search-input,
11195
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
11196
- .uk-card-secondary.uk-card-body .uk-search-input,
11197
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
11198
- .uk-overlay-primary .uk-search-input,
11199
- .uk-offcanvas-bar .uk-search-input {
11200
- color: rgba(255, 255, 255, 0.7);
11201
- }
11202
- .uk-light .uk-search-input::placeholder,
11203
- .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11204
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11205
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11206
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11207
- .uk-card-primary.uk-card-body .uk-search-input::placeholder,
11208
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11209
- .uk-card-secondary.uk-card-body .uk-search-input::placeholder,
11210
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11211
- .uk-overlay-primary .uk-search-input::placeholder,
11212
- .uk-offcanvas-bar .uk-search-input::placeholder {
11213
- color: rgba(255, 255, 255, 0.5);
11214
- }
11215
- .uk-light .uk-search .uk-search-icon,
11216
- .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11217
- .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11218
- .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11219
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11220
- .uk-card-primary.uk-card-body .uk-search .uk-search-icon,
11221
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11222
- .uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
11223
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11224
- .uk-overlay-primary .uk-search .uk-search-icon,
11225
- .uk-offcanvas-bar .uk-search .uk-search-icon {
11226
- color: rgba(255, 255, 255, 0.5);
11227
- }
11228
- .uk-light .uk-search .uk-search-icon:hover,
11229
- .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11230
- .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11231
- .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11232
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11233
- .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
11234
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11235
- .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
11236
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11237
- .uk-overlay-primary .uk-search .uk-search-icon:hover,
11238
- .uk-offcanvas-bar .uk-search .uk-search-icon:hover {
11239
- color: rgba(255, 255, 255, 0.5);
11240
- }
11241
- .uk-light .uk-search-default .uk-search-input,
11242
- .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11243
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11244
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11245
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11246
- .uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
11247
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11248
- .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
11249
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11250
- .uk-overlay-primary .uk-search-default .uk-search-input,
11251
- .uk-offcanvas-bar .uk-search-default .uk-search-input {
11252
- background-color: rgba(255, 255, 255, 0.1);
11253
- }
11254
- .uk-light .uk-search-default .uk-search-input:focus,
11255
- .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11256
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11257
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11258
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11259
- .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
11260
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11261
- .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
11262
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11263
- .uk-overlay-primary .uk-search-default .uk-search-input:focus,
11264
- .uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
11265
- background-color: rgba(255, 255, 255, 0.15);
11266
- }
11267
- .uk-light .uk-search-navbar .uk-search-input,
11268
- .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11269
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11270
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11271
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11272
- .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
11273
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11274
- .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
11275
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11276
- .uk-overlay-primary .uk-search-navbar .uk-search-input,
11277
- .uk-offcanvas-bar .uk-search-navbar .uk-search-input {
11278
- background-color: rgba(255, 255, 255, 0.1);
11279
- }
11280
- .uk-light .uk-search-navbar .uk-search-input:focus,
11281
- .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11282
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11283
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11284
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11285
- .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11286
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11287
- .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11288
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11289
- .uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
11290
- .uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
11291
- background-color: rgba(255, 255, 255, 0.15);
11292
- }
11293
- .uk-light .uk-search-medium .uk-search-input,
11294
- .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11295
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11296
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11297
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11298
- .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
11299
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11300
- .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
11301
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11302
- .uk-overlay-primary .uk-search-medium .uk-search-input,
11303
- .uk-offcanvas-bar .uk-search-medium .uk-search-input {
11304
- background-color: rgba(255, 255, 255, 0.1);
11305
- }
11306
- .uk-light .uk-search-medium .uk-search-input:focus,
11307
- .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11308
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11309
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11310
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11311
- .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,
11312
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11313
- .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,
11314
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11315
- .uk-overlay-primary .uk-search-medium .uk-search-input:focus,
11316
- .uk-offcanvas-bar .uk-search-medium .uk-search-input:focus {
11317
- background-color: rgba(255, 255, 255, 0.15);
11318
- }
11319
- .uk-light .uk-search-large .uk-search-input,
11320
- .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11321
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11322
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11323
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11324
- .uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
11325
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11326
- .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
11327
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11328
- .uk-overlay-primary .uk-search-large .uk-search-input,
11329
- .uk-offcanvas-bar .uk-search-large .uk-search-input {
11330
- background-color: rgba(255, 255, 255, 0.1);
11331
- }
11332
- .uk-light .uk-search-large .uk-search-input:focus,
11333
- .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11334
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11335
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11336
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11337
- .uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,
11338
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11339
- .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,
11340
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11341
- .uk-overlay-primary .uk-search-large .uk-search-input:focus,
11342
- .uk-offcanvas-bar .uk-search-large .uk-search-input:focus {
11343
- background-color: rgba(255, 255, 255, 0.15);
11344
- }
11345
- .uk-light .uk-search-toggle,
11346
- .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
11347
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
11348
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
11349
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
11350
- .uk-card-primary.uk-card-body .uk-search-toggle,
11351
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
11352
- .uk-card-secondary.uk-card-body .uk-search-toggle,
11353
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
11354
- .uk-overlay-primary .uk-search-toggle,
11355
- .uk-offcanvas-bar .uk-search-toggle {
11356
- color: rgba(255, 255, 255, 0.5);
11357
- }
11358
- .uk-light .uk-search-toggle:hover,
11359
- .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11360
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11361
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11362
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11363
- .uk-card-primary.uk-card-body .uk-search-toggle:hover,
11364
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11365
- .uk-card-secondary.uk-card-body .uk-search-toggle:hover,
11366
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11367
- .uk-overlay-primary .uk-search-toggle:hover,
11368
- .uk-offcanvas-bar .uk-search-toggle:hover {
11045
+ .uk-offcanvas-bar .uk-form-icon {
11046
+ color: rgba(255, 255, 255, 0.5);
11047
+ }
11048
+ .uk-light .uk-form-icon:hover,
11049
+ .uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,
11050
+ .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
11051
+ .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,
11052
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
11053
+ .uk-card-primary.uk-card-body .uk-form-icon:hover,
11054
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
11055
+ .uk-card-secondary.uk-card-body .uk-form-icon:hover,
11056
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
11057
+ .uk-overlay-primary .uk-form-icon:hover,
11058
+ .uk-offcanvas-bar .uk-form-icon:hover {
11369
11059
  color: rgba(255, 255, 255, 0.7);
11370
11060
  }
11371
11061
  .uk-light .uk-button-default,
@@ -11739,6 +11429,188 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11739
11429
  .uk-offcanvas-bar .uk-article-meta {
11740
11430
  color: rgba(255, 255, 255, 0.5);
11741
11431
  }
11432
+ .uk-light .uk-search-input,
11433
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-input,
11434
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
11435
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
11436
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
11437
+ .uk-card-primary.uk-card-body .uk-search-input,
11438
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
11439
+ .uk-card-secondary.uk-card-body .uk-search-input,
11440
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
11441
+ .uk-overlay-primary .uk-search-input,
11442
+ .uk-offcanvas-bar .uk-search-input {
11443
+ color: rgba(255, 255, 255, 0.7);
11444
+ }
11445
+ .uk-light .uk-search-input::placeholder,
11446
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11447
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11448
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11449
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11450
+ .uk-card-primary.uk-card-body .uk-search-input::placeholder,
11451
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11452
+ .uk-card-secondary.uk-card-body .uk-search-input::placeholder,
11453
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11454
+ .uk-overlay-primary .uk-search-input::placeholder,
11455
+ .uk-offcanvas-bar .uk-search-input::placeholder {
11456
+ color: rgba(255, 255, 255, 0.5);
11457
+ }
11458
+ .uk-light .uk-search .uk-search-icon,
11459
+ .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11460
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11461
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11462
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11463
+ .uk-card-primary.uk-card-body .uk-search .uk-search-icon,
11464
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11465
+ .uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
11466
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11467
+ .uk-overlay-primary .uk-search .uk-search-icon,
11468
+ .uk-offcanvas-bar .uk-search .uk-search-icon {
11469
+ color: rgba(255, 255, 255, 0.5);
11470
+ }
11471
+ .uk-light .uk-search .uk-search-icon:hover,
11472
+ .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11473
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11474
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11475
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11476
+ .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
11477
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11478
+ .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
11479
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11480
+ .uk-overlay-primary .uk-search .uk-search-icon:hover,
11481
+ .uk-offcanvas-bar .uk-search .uk-search-icon:hover {
11482
+ color: rgba(255, 255, 255, 0.5);
11483
+ }
11484
+ .uk-light .uk-search-default .uk-search-input,
11485
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11486
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11487
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11488
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11489
+ .uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
11490
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11491
+ .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
11492
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11493
+ .uk-overlay-primary .uk-search-default .uk-search-input,
11494
+ .uk-offcanvas-bar .uk-search-default .uk-search-input {
11495
+ background-color: rgba(255, 255, 255, 0.1);
11496
+ }
11497
+ .uk-light .uk-search-default .uk-search-input:focus,
11498
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11499
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11500
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11501
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11502
+ .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
11503
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11504
+ .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
11505
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11506
+ .uk-overlay-primary .uk-search-default .uk-search-input:focus,
11507
+ .uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
11508
+ background-color: rgba(255, 255, 255, 0.15);
11509
+ }
11510
+ .uk-light .uk-search-navbar .uk-search-input,
11511
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11512
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11513
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11514
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11515
+ .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
11516
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11517
+ .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
11518
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11519
+ .uk-overlay-primary .uk-search-navbar .uk-search-input,
11520
+ .uk-offcanvas-bar .uk-search-navbar .uk-search-input {
11521
+ background-color: rgba(255, 255, 255, 0.1);
11522
+ }
11523
+ .uk-light .uk-search-navbar .uk-search-input:focus,
11524
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11525
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11526
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11527
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11528
+ .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11529
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11530
+ .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11531
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11532
+ .uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
11533
+ .uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
11534
+ background-color: rgba(255, 255, 255, 0.15);
11535
+ }
11536
+ .uk-light .uk-search-medium .uk-search-input,
11537
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11538
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11539
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11540
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11541
+ .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
11542
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11543
+ .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
11544
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11545
+ .uk-overlay-primary .uk-search-medium .uk-search-input,
11546
+ .uk-offcanvas-bar .uk-search-medium .uk-search-input {
11547
+ background-color: rgba(255, 255, 255, 0.1);
11548
+ }
11549
+ .uk-light .uk-search-medium .uk-search-input:focus,
11550
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11551
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11552
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11553
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11554
+ .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,
11555
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11556
+ .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,
11557
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11558
+ .uk-overlay-primary .uk-search-medium .uk-search-input:focus,
11559
+ .uk-offcanvas-bar .uk-search-medium .uk-search-input:focus {
11560
+ background-color: rgba(255, 255, 255, 0.15);
11561
+ }
11562
+ .uk-light .uk-search-large .uk-search-input,
11563
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11564
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11565
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11566
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11567
+ .uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
11568
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11569
+ .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
11570
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11571
+ .uk-overlay-primary .uk-search-large .uk-search-input,
11572
+ .uk-offcanvas-bar .uk-search-large .uk-search-input {
11573
+ background-color: rgba(255, 255, 255, 0.1);
11574
+ }
11575
+ .uk-light .uk-search-large .uk-search-input:focus,
11576
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11577
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11578
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11579
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11580
+ .uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,
11581
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11582
+ .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,
11583
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11584
+ .uk-overlay-primary .uk-search-large .uk-search-input:focus,
11585
+ .uk-offcanvas-bar .uk-search-large .uk-search-input:focus {
11586
+ background-color: rgba(255, 255, 255, 0.15);
11587
+ }
11588
+ .uk-light .uk-search-toggle,
11589
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
11590
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
11591
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
11592
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
11593
+ .uk-card-primary.uk-card-body .uk-search-toggle,
11594
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
11595
+ .uk-card-secondary.uk-card-body .uk-search-toggle,
11596
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
11597
+ .uk-overlay-primary .uk-search-toggle,
11598
+ .uk-offcanvas-bar .uk-search-toggle {
11599
+ color: rgba(255, 255, 255, 0.5);
11600
+ }
11601
+ .uk-light .uk-search-toggle:hover,
11602
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11603
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11604
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11605
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11606
+ .uk-card-primary.uk-card-body .uk-search-toggle:hover,
11607
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11608
+ .uk-card-secondary.uk-card-body .uk-search-toggle:hover,
11609
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11610
+ .uk-overlay-primary .uk-search-toggle:hover,
11611
+ .uk-offcanvas-bar .uk-search-toggle:hover {
11612
+ color: rgba(255, 255, 255, 0.7);
11613
+ }
11742
11614
  .uk-light .uk-accordion-default .uk-accordion-title,
11743
11615
  .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
11744
11616
  .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
@@ -11817,17 +11689,17 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11817
11689
  .uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before {
11818
11690
  border-left-color: rgba(255, 255, 255, 0.2);
11819
11691
  }
11820
- .uk-light .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11821
- .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11822
- .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11823
- .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11824
- .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11825
- .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11826
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11827
- .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11828
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11829
- .uk-overlay-primary .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
11830
- .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
11692
+ .uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11693
+ .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11694
+ .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11695
+ .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11696
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11697
+ .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11698
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11699
+ .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11700
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11701
+ .uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
11702
+ .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
11831
11703
  border-top-color: rgba(255, 255, 255, 0.2);
11832
11704
  }
11833
11705
  .uk-light .uk-nav-default > li > a,
@@ -12675,58 +12547,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
12675
12547
  .uk-offcanvas-bar .uk-dotnav > .uk-active > * {
12676
12548
  background-color: rgba(255, 255, 255, 0.9);
12677
12549
  }
12678
- .uk-light .uk-logo,
12679
- .uk-section-primary:not(.uk-preserve-color) .uk-logo,
12680
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo,
12681
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo,
12682
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
12683
- .uk-card-primary.uk-card-body .uk-logo,
12684
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
12685
- .uk-card-secondary.uk-card-body .uk-logo,
12686
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
12687
- .uk-overlay-primary .uk-logo,
12688
- .uk-offcanvas-bar .uk-logo {
12689
- color: #fff;
12690
- }
12691
- .uk-light .uk-logo:hover,
12692
- .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
12693
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
12694
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
12695
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
12696
- .uk-card-primary.uk-card-body .uk-logo:hover,
12697
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
12698
- .uk-card-secondary.uk-card-body .uk-logo:hover,
12699
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
12700
- .uk-overlay-primary .uk-logo:hover,
12701
- .uk-offcanvas-bar .uk-logo:hover {
12702
- color: #fff;
12703
- }
12704
- .uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
12705
- .uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
12706
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
12707
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
12708
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
12709
- .uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
12710
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
12711
- .uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
12712
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
12713
- .uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
12714
- .uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]) {
12715
- display: none;
12716
- }
12717
- .uk-light .uk-logo-inverse:not([uk-svg]),
12718
- .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
12719
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
12720
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
12721
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
12722
- .uk-card-primary.uk-card-body .uk-logo-inverse:not([uk-svg]),
12723
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
12724
- .uk-card-secondary.uk-card-body .uk-logo-inverse:not([uk-svg]),
12725
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
12726
- .uk-overlay-primary .uk-logo-inverse:not([uk-svg]),
12727
- .uk-offcanvas-bar .uk-logo-inverse:not([uk-svg]) {
12728
- display: block;
12729
- }
12730
12550
  .uk-light .uk-text-lead,
12731
12551
  .uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
12732
12552
  .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
@@ -12818,6 +12638,58 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
12818
12638
  .uk-offcanvas-bar .uk-column-divider {
12819
12639
  column-rule-color: rgba(255, 255, 255, 0.2);
12820
12640
  }
12641
+ .uk-light .uk-logo,
12642
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo,
12643
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo,
12644
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo,
12645
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
12646
+ .uk-card-primary.uk-card-body .uk-logo,
12647
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
12648
+ .uk-card-secondary.uk-card-body .uk-logo,
12649
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
12650
+ .uk-overlay-primary .uk-logo,
12651
+ .uk-offcanvas-bar .uk-logo {
12652
+ color: #fff;
12653
+ }
12654
+ .uk-light .uk-logo:hover,
12655
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
12656
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
12657
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
12658
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
12659
+ .uk-card-primary.uk-card-body .uk-logo:hover,
12660
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
12661
+ .uk-card-secondary.uk-card-body .uk-logo:hover,
12662
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
12663
+ .uk-overlay-primary .uk-logo:hover,
12664
+ .uk-offcanvas-bar .uk-logo:hover {
12665
+ color: #fff;
12666
+ }
12667
+ .uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12668
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12669
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12670
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12671
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12672
+ .uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12673
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12674
+ .uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12675
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12676
+ .uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
12677
+ .uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) {
12678
+ display: none;
12679
+ }
12680
+ .uk-light .uk-logo-inverse,
12681
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
12682
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
12683
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
12684
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse,
12685
+ .uk-card-primary.uk-card-body .uk-logo-inverse,
12686
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse,
12687
+ .uk-card-secondary.uk-card-body .uk-logo-inverse,
12688
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse,
12689
+ .uk-overlay-primary .uk-logo-inverse,
12690
+ .uk-offcanvas-bar .uk-logo-inverse {
12691
+ display: block;
12692
+ }
12821
12693
  /*
12822
12694
  * Pass dropbar behind color to JS
12823
12695
  */