uikit 3.25.19 → 3.25.20-dev.e4f47fc

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 +37 -0
  2. package/build/prefix.js +1 -1
  3. package/build/publishDev.js +1 -1
  4. package/build/scope.js +1 -1
  5. package/build/scss.js +1 -1
  6. package/dist/css/uikit-core-rtl.css +959 -831
  7. package/dist/css/uikit-core-rtl.min.css +1 -1
  8. package/dist/css/uikit-core.css +959 -831
  9. package/dist/css/uikit-core.min.css +1 -1
  10. package/dist/css/uikit-rtl.css +1056 -928
  11. package/dist/css/uikit-rtl.min.css +1 -1
  12. package/dist/css/uikit.css +1056 -928
  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 +133 -132
  19. package/dist/js/components/lightbox-panel.min.js +1 -1
  20. package/dist/js/components/lightbox.js +134 -133
  21. package/dist/js/components/lightbox.min.js +1 -1
  22. package/dist/js/components/marquee.js +179 -0
  23. package/dist/js/components/marquee.min.js +1 -0
  24. package/dist/js/components/notification.js +1 -1
  25. package/dist/js/components/notification.min.js +1 -1
  26. package/dist/js/components/parallax.js +8 -12
  27. package/dist/js/components/parallax.min.js +1 -1
  28. package/dist/js/components/slider-parallax.js +8 -12
  29. package/dist/js/components/slider-parallax.min.js +1 -1
  30. package/dist/js/components/slider.js +41 -25
  31. package/dist/js/components/slider.min.js +1 -1
  32. package/dist/js/components/slideshow-parallax.js +8 -12
  33. package/dist/js/components/slideshow-parallax.min.js +1 -1
  34. package/dist/js/components/slideshow.js +71 -102
  35. package/dist/js/components/slideshow.min.js +1 -1
  36. package/dist/js/components/sortable.js +1 -1
  37. package/dist/js/components/sortable.min.js +1 -1
  38. package/dist/js/components/tooltip.js +19 -19
  39. package/dist/js/components/tooltip.min.js +1 -1
  40. package/dist/js/components/upload.js +1 -1
  41. package/dist/js/components/upload.min.js +1 -1
  42. package/dist/js/uikit-core.js +752 -262
  43. package/dist/js/uikit-core.min.js +1 -1
  44. package/dist/js/uikit-icons.js +1 -1
  45. package/dist/js/uikit-icons.min.js +1 -1
  46. package/dist/js/uikit.js +627 -374
  47. package/dist/js/uikit.min.js +1 -1
  48. package/package.json +1 -1
  49. package/src/js/api/component.js +2 -3
  50. package/src/js/api/observables.js +2 -4
  51. package/src/js/api/options.js +6 -3
  52. package/src/js/api/props.js +1 -4
  53. package/src/js/api/state.js +7 -8
  54. package/src/js/components/index.js +1 -0
  55. package/src/js/components/internal/lightbox-animations.js +7 -26
  56. package/src/js/components/internal/slideshow-animations.js +15 -62
  57. package/src/js/components/lightbox-panel.js +121 -96
  58. package/src/js/components/lightbox.js +5 -8
  59. package/src/js/components/marquee.js +123 -0
  60. package/src/js/components/tooltip.js +4 -2
  61. package/src/js/core/accordion.js +78 -29
  62. package/src/js/core/drop.js +5 -4
  63. package/src/js/core/dropnav.js +3 -3
  64. package/src/js/core/grid.js +5 -19
  65. package/src/js/core/height-match.js +1 -2
  66. package/src/js/core/margin.js +3 -0
  67. package/src/js/core/overflow-fade.js +5 -5
  68. package/src/js/core/sticky.js +1 -1
  69. package/src/js/core/switcher.js +24 -44
  70. package/src/js/core/video.js +172 -15
  71. package/src/js/mixin/connect.js +55 -0
  72. package/src/js/mixin/internal/slideshow-animations.js +5 -13
  73. package/src/js/mixin/internal/slideshow-transitioner.js +2 -2
  74. package/src/js/mixin/modal.js +4 -3
  75. package/src/js/mixin/parallax.js +1 -4
  76. package/src/js/mixin/position.js +1 -1
  77. package/src/js/mixin/scroll-driven.js +57 -0
  78. package/src/js/mixin/slider-nav.js +1 -1
  79. package/src/js/mixin/slider-parallax.js +9 -38
  80. package/src/js/mixin/togglable.js +13 -14
  81. package/src/js/util/attr.js +7 -7
  82. package/src/js/util/class.js +1 -1
  83. package/src/js/util/dom.js +3 -4
  84. package/src/js/util/lang.js +1 -1
  85. package/src/js/util/player.js +4 -4
  86. package/src/js/util/style.js +10 -15
  87. package/src/js/util/viewport.js +22 -25
  88. package/src/less/components/_import.less +6 -1
  89. package/src/less/components/base.less +1 -1
  90. package/src/less/components/button.less +1 -1
  91. package/src/less/components/dropcap.less +71 -0
  92. package/src/less/components/floating-shadow.less +66 -0
  93. package/src/less/components/form.less +5 -5
  94. package/src/less/components/grid.less +58 -65
  95. package/src/less/components/logo.less +94 -0
  96. package/src/less/components/margin.less +155 -124
  97. package/src/less/components/marquee.less +133 -0
  98. package/src/less/components/nav.less +1 -1
  99. package/src/less/components/padding.less +9 -9
  100. package/src/less/components/text.less +6 -0
  101. package/src/less/components/utility.less +0 -163
  102. package/src/less/theme/_import.less +5 -1
  103. package/src/less/theme/dropcap.less +29 -0
  104. package/src/less/theme/floating-shadow.less +20 -0
  105. package/src/less/theme/logo.less +29 -0
  106. package/src/less/theme/marquee.less +14 -0
  107. package/src/less/theme/utility.less +0 -32
  108. package/src/scss/components/_import.scss +6 -1
  109. package/src/scss/components/base.scss +1 -1
  110. package/src/scss/components/button.scss +1 -1
  111. package/src/scss/components/dropcap.scss +63 -0
  112. package/src/scss/components/floating-shadow.scss +63 -0
  113. package/src/scss/components/form.scss +5 -5
  114. package/src/scss/components/grid.scss +57 -64
  115. package/src/scss/components/logo.scss +75 -0
  116. package/src/scss/components/margin.scss +155 -124
  117. package/src/scss/components/marquee.scss +136 -0
  118. package/src/scss/components/nav.scss +1 -1
  119. package/src/scss/components/padding.scss +9 -9
  120. package/src/scss/components/text.scss +6 -0
  121. package/src/scss/components/utility.scss +0 -129
  122. package/src/scss/mixins-theme.scss +42 -33
  123. package/src/scss/mixins.scss +39 -30
  124. package/src/scss/variables-theme.scss +14 -14
  125. package/src/scss/variables.scss +14 -14
  126. package/tests/accordion.html +77 -10
  127. package/tests/alert.html +1 -1
  128. package/tests/align.html +5 -5
  129. package/tests/animation.html +4 -4
  130. package/tests/article.html +7 -7
  131. package/tests/background.html +2 -2
  132. package/tests/badge.html +1 -1
  133. package/tests/base.html +2 -2
  134. package/tests/button.html +1 -1
  135. package/tests/card.html +15 -15
  136. package/tests/close.html +2 -2
  137. package/tests/comment.html +9 -9
  138. package/tests/container.html +2 -2
  139. package/tests/countdown.html +21 -21
  140. package/tests/cover.html +3 -3
  141. package/tests/description-list.html +1 -1
  142. package/tests/divider.html +3 -3
  143. package/tests/dotnav.html +1 -1
  144. package/tests/drop.html +7 -7
  145. package/tests/dropbar.html +5 -5
  146. package/tests/dropcap.html +26 -0
  147. package/tests/dropdown.html +1 -1
  148. package/tests/dropnav.html +18 -18
  149. package/tests/filter.html +3 -3
  150. package/tests/floating-shadow.html +44 -0
  151. package/tests/form.html +14 -14
  152. package/tests/grid.html +41 -47
  153. package/tests/heading.html +2 -2
  154. package/tests/height-viewport.html +4 -4
  155. package/tests/height.html +5 -5
  156. package/tests/icon.html +8 -8
  157. package/tests/image.html +6 -6
  158. package/tests/index.html +13 -13
  159. package/tests/js/index.js +1 -1
  160. package/tests/leader.html +5 -5
  161. package/tests/lightbox.html +6 -6
  162. package/tests/link.html +1 -1
  163. package/tests/list.html +4 -4
  164. package/tests/logo.html +84 -0
  165. package/tests/margin.html +7 -7
  166. package/tests/marker.html +3 -3
  167. package/tests/marquee.html +617 -0
  168. package/tests/modal.html +3 -3
  169. package/tests/nav.html +5 -5
  170. package/tests/navbar.html +27 -27
  171. package/tests/notification.html +2 -2
  172. package/tests/offcanvas.html +12 -12
  173. package/tests/overlay.html +3 -3
  174. package/tests/padding.html +1 -1
  175. package/tests/pagination.html +3 -3
  176. package/tests/parallax.html +1 -1
  177. package/tests/position.html +6 -6
  178. package/tests/scrollspy.html +12 -12
  179. package/tests/search.html +5 -5
  180. package/tests/section.html +17 -17
  181. package/tests/slidenav.html +3 -3
  182. package/tests/slider.html +5 -5
  183. package/tests/slideshow.html +33 -3
  184. package/tests/sortable.html +15 -15
  185. package/tests/sticky-navbar.html +4 -4
  186. package/tests/sticky-parallax.html +3 -3
  187. package/tests/sticky.html +3 -3
  188. package/tests/svg.html +3 -2
  189. package/tests/switcher.html +6 -6
  190. package/tests/tab.html +4 -4
  191. package/tests/text.html +3 -3
  192. package/tests/tile.html +4 -4
  193. package/tests/toggle.html +1 -1
  194. package/tests/tooltip.html +3 -3
  195. package/tests/totop.html +2 -2
  196. package/tests/transition.html +1 -1
  197. package/tests/upload.html +5 -5
  198. package/tests/utility.html +16 -116
  199. package/tests/video.html +224 -24
  200. package/tests/visibility.html +4 -4
  201. package/tests/width.html +12 -12
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.25.19 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
1
+ /*! UIkit 3.25.20-dev.e4f47fc | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
2
2
  /* ========================================================================
3
3
  Component: Base
4
4
  ========================================================================== */
@@ -374,7 +374,7 @@ blockquote {
374
374
  /*
375
375
  * Content
376
376
  */
377
- blockquote p:last-of-type {
377
+ blockquote :where(p:last-of-type) {
378
378
  margin-bottom: 0;
379
379
  }
380
380
  blockquote footer {
@@ -1831,7 +1831,7 @@ select.uk-form-width-xsmall {
1831
1831
  /*
1832
1832
  * Stacked
1833
1833
  */
1834
- .uk-form-stacked .uk-form-label {
1834
+ .uk-form-stacked :where(.uk-form-label) {
1835
1835
  display: block;
1836
1836
  margin-bottom: 5px;
1837
1837
  }
@@ -1841,23 +1841,23 @@ select.uk-form-width-xsmall {
1841
1841
  /* Tablet portrait and smaller */
1842
1842
  @media (max-width: 959px) {
1843
1843
  /* Behave like `uk-form-stacked` */
1844
- .uk-form-horizontal .uk-form-label {
1844
+ .uk-form-horizontal :where(.uk-form-label) {
1845
1845
  display: block;
1846
1846
  margin-bottom: 5px;
1847
1847
  }
1848
1848
  }
1849
1849
  /* Tablet landscape and bigger */
1850
1850
  @media (min-width: 960px) {
1851
- .uk-form-horizontal .uk-form-label {
1851
+ .uk-form-horizontal :where(.uk-form-label) {
1852
1852
  width: 200px;
1853
1853
  margin-top: 7px;
1854
1854
  float: left;
1855
1855
  }
1856
- .uk-form-horizontal .uk-form-controls {
1856
+ .uk-form-horizontal :where(.uk-form-controls) {
1857
1857
  margin-left: 215px;
1858
1858
  }
1859
1859
  /* Better vertical alignment if controls are checkboxes and radio buttons with text */
1860
- .uk-form-horizontal .uk-form-controls-text {
1860
+ .uk-form-horizontal :where(.uk-form-controls-text) {
1861
1861
  padding-top: 7px;
1862
1862
  }
1863
1863
  }
@@ -1912,6 +1912,262 @@ select.uk-form-width-xsmall {
1912
1912
  .uk-form-icon-flip ~ .uk-input {
1913
1913
  padding-right: 40px !important;
1914
1914
  }
1915
+ /* ========================================================================
1916
+ Component: Search
1917
+ ========================================================================== */
1918
+ /*
1919
+ * 1. Container fits its content
1920
+ * 2. Create position context
1921
+ * 3. Prevent content overflow
1922
+ * 4. Reset `form`
1923
+ */
1924
+ .uk-search {
1925
+ /* 1 */
1926
+ display: inline-block;
1927
+ /* 2 */
1928
+ position: relative;
1929
+ /* 3 */
1930
+ max-width: 100%;
1931
+ /* 4 */
1932
+ margin: 0;
1933
+ }
1934
+ /* Input
1935
+ ========================================================================== */
1936
+ /*
1937
+ * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
1938
+ */
1939
+ .uk-search-input::-webkit-search-cancel-button,
1940
+ .uk-search-input::-webkit-search-decoration {
1941
+ -webkit-appearance: none;
1942
+ }
1943
+ /*
1944
+ * Removes placeholder transparency in Firefox.
1945
+ */
1946
+ .uk-search-input::-moz-placeholder {
1947
+ opacity: 1;
1948
+ }
1949
+ /*
1950
+ * 1. Define consistent box sizing.
1951
+ * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
1952
+ * 3. Remove `border-radius` in iOS.
1953
+ * 4. Change font properties to `inherit` in all browsers
1954
+ * 5. Show the overflow in Edge.
1955
+ * 6. Remove default style in iOS.
1956
+ * 7. Vertical alignment
1957
+ * 8. Take the full container width
1958
+ * 9. Style
1959
+ */
1960
+ .uk-search-input {
1961
+ /* 1 */
1962
+ box-sizing: border-box;
1963
+ /* 2 */
1964
+ margin: 0;
1965
+ /* 3 */
1966
+ border-radius: 0;
1967
+ /* 4 */
1968
+ font: inherit;
1969
+ /* 5 */
1970
+ overflow: visible;
1971
+ /* 6 */
1972
+ -webkit-appearance: none;
1973
+ /* 7 */
1974
+ vertical-align: middle;
1975
+ /* 8 */
1976
+ width: 100%;
1977
+ /* 9 */
1978
+ border: none;
1979
+ color: #666;
1980
+ }
1981
+ .uk-search-input:focus {
1982
+ outline: none;
1983
+ }
1984
+ /* Placeholder */
1985
+ .uk-search-input::placeholder {
1986
+ color: #999;
1987
+ }
1988
+ /* Icon (Adopts `uk-icon`)
1989
+ ========================================================================== */
1990
+ /*
1991
+ * Position above input
1992
+ * 1. Set position
1993
+ * 2. Center icon vertically and horizontally
1994
+ * 3. Style
1995
+ */
1996
+ .uk-search .uk-search-icon {
1997
+ /* 1 */
1998
+ position: absolute;
1999
+ top: 0;
2000
+ bottom: 0;
2001
+ left: 0;
2002
+ /* 2 */
2003
+ display: inline-flex;
2004
+ justify-content: center;
2005
+ align-items: center;
2006
+ /* 3 */
2007
+ color: #999;
2008
+ }
2009
+ /*
2010
+ * Required for `a`.
2011
+ */
2012
+ .uk-search .uk-search-icon:hover {
2013
+ color: #999;
2014
+ }
2015
+ /*
2016
+ * Make `input` element clickable through icon, e.g. if it's a `span`
2017
+ */
2018
+ .uk-search .uk-search-icon:not(a):not(button):not(input) {
2019
+ pointer-events: none;
2020
+ }
2021
+ /*
2022
+ * Position modifier
2023
+ */
2024
+ .uk-search .uk-search-icon-flip {
2025
+ right: 0;
2026
+ left: auto;
2027
+ }
2028
+ /* Default modifier
2029
+ ========================================================================== */
2030
+ .uk-search-default {
2031
+ width: 240px;
2032
+ }
2033
+ /*
2034
+ * Input
2035
+ */
2036
+ .uk-search-default .uk-search-input {
2037
+ height: 40px;
2038
+ padding-left: 10px;
2039
+ padding-right: 10px;
2040
+ background: transparent;
2041
+ border: 1px solid #e5e5e5;
2042
+ }
2043
+ /* Focus */
2044
+ .uk-search-default .uk-search-input:focus {
2045
+ background-color: rgba(0, 0, 0, 0);
2046
+ border-color: #1e87f0;
2047
+ }
2048
+ /*
2049
+ * Icon
2050
+ */
2051
+ .uk-search-default .uk-search-icon {
2052
+ padding-left: 10px;
2053
+ padding-right: 10px;
2054
+ }
2055
+ .uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2056
+ padding-left: 40px;
2057
+ }
2058
+ .uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
2059
+ padding-right: 40px;
2060
+ }
2061
+ /* Navbar modifier
2062
+ ========================================================================== */
2063
+ .uk-search-navbar {
2064
+ width: 240px;
2065
+ }
2066
+ /*
2067
+ * Input
2068
+ */
2069
+ .uk-search-navbar .uk-search-input {
2070
+ height: 40px;
2071
+ padding-left: 10px;
2072
+ padding-right: 10px;
2073
+ background: #fff;
2074
+ border: 1px solid #e5e5e5;
2075
+ }
2076
+ /* Focus */
2077
+ .uk-search-navbar .uk-search-input:focus {
2078
+ background-color: #fff;
2079
+ border-color: #1e87f0;
2080
+ }
2081
+ /*
2082
+ * Icon
2083
+ */
2084
+ .uk-search-navbar .uk-search-icon {
2085
+ padding-left: 10px;
2086
+ padding-right: 10px;
2087
+ }
2088
+ .uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2089
+ padding-left: 40px;
2090
+ }
2091
+ .uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
2092
+ padding-right: 40px;
2093
+ }
2094
+ /* Medium modifier
2095
+ ========================================================================== */
2096
+ .uk-search-medium {
2097
+ width: 400px;
2098
+ }
2099
+ /*
2100
+ * Input
2101
+ */
2102
+ .uk-search-medium .uk-search-input {
2103
+ height: 55px;
2104
+ padding-left: 12px;
2105
+ padding-right: 12px;
2106
+ background: transparent;
2107
+ font-size: 1.5rem;
2108
+ border: 1px solid #e5e5e5;
2109
+ }
2110
+ /* Focus */
2111
+ .uk-search-medium .uk-search-input:focus {
2112
+ background-color: rgba(0, 0, 0, 0);
2113
+ border-color: #1e87f0;
2114
+ }
2115
+ /*
2116
+ * Icon
2117
+ */
2118
+ .uk-search-medium .uk-search-icon {
2119
+ padding-left: 12px;
2120
+ padding-right: 12px;
2121
+ }
2122
+ .uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2123
+ padding-left: 48px;
2124
+ }
2125
+ .uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
2126
+ padding-right: 48px;
2127
+ }
2128
+ /* Large modifier
2129
+ ========================================================================== */
2130
+ .uk-search-large {
2131
+ width: 500px;
2132
+ }
2133
+ /*
2134
+ * Input
2135
+ */
2136
+ .uk-search-large .uk-search-input {
2137
+ height: 90px;
2138
+ padding-left: 20px;
2139
+ padding-right: 20px;
2140
+ background: transparent;
2141
+ font-size: 2.625rem;
2142
+ border: 1px solid #e5e5e5;
2143
+ }
2144
+ /* Focus */
2145
+ .uk-search-large .uk-search-input:focus {
2146
+ background-color: rgba(0, 0, 0, 0);
2147
+ border-color: #1e87f0;
2148
+ }
2149
+ /*
2150
+ * Icon
2151
+ */
2152
+ .uk-search-large .uk-search-icon {
2153
+ padding-left: 20px;
2154
+ padding-right: 20px;
2155
+ }
2156
+ .uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
2157
+ padding-left: 80px;
2158
+ }
2159
+ .uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
2160
+ padding-right: 80px;
2161
+ }
2162
+ /* Toggle
2163
+ ========================================================================== */
2164
+ .uk-search-toggle {
2165
+ color: #999;
2166
+ }
2167
+ /* Hover */
2168
+ .uk-search-toggle:hover {
2169
+ color: #666;
2170
+ }
1915
2171
  /* ========================================================================
1916
2172
  Component: Button
1917
2173
  ========================================================================== */
@@ -1971,7 +2227,7 @@ select.uk-form-width-xsmall {
1971
2227
  }
1972
2228
  /* Hover */
1973
2229
  .uk-button:hover {
1974
- /* 9 */
2230
+ /* 10 */
1975
2231
  text-decoration: none;
1976
2232
  }
1977
2233
  /* OnClick + Active */
@@ -3197,404 +3453,204 @@ select.uk-form-width-xsmall {
3197
3453
  color: #fff;
3198
3454
  }
3199
3455
  /* ========================================================================
3200
- Component: Overlay
3201
- ========================================================================== */
3202
- .uk-overlay {
3203
- padding: 30px 30px;
3204
- }
3205
- /*
3206
- * Remove margin from the last-child
3207
- */
3208
- .uk-overlay > :last-child {
3209
- margin-bottom: 0;
3210
- }
3211
- /* Icon
3212
- ========================================================================== */
3213
- /* Style modifiers
3214
- ========================================================================== */
3215
- /*
3216
- * Default
3217
- */
3218
- .uk-overlay-default {
3219
- --uk-inverse: dark;
3220
- background: rgba(255, 255, 255, 0.9);
3221
- }
3222
- /*
3223
- * Primary
3224
- */
3225
- .uk-overlay-primary {
3226
- --uk-inverse: light;
3227
- background: rgba(34, 34, 34, 0.9);
3228
- }
3229
- /* ========================================================================
3230
- Component: Article
3456
+ Component: Dropcap
3231
3457
  ========================================================================== */
3232
- .uk-article {
3233
- display: flow-root;
3234
- }
3235
3458
  /*
3236
- * Remove margin from the last-child
3459
+ * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
3460
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=214004
3461
+ * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
3462
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=317933
3237
3463
  */
3238
- .uk-article > :last-child {
3239
- margin-bottom: 0;
3240
- }
3241
- /* Adjacent sibling
3242
- ========================================================================== */
3243
- .uk-article + .uk-article {
3244
- margin-top: 70px;
3245
- }
3246
- /* Title
3247
- ========================================================================== */
3248
- .uk-article-title {
3249
- font-size: 2.23125rem;
3250
- line-height: 1.2;
3464
+ .uk-dropcap::first-letter,
3465
+ .uk-dropcap > p:first-of-type::first-letter {
3466
+ display: block;
3467
+ margin-right: 10px;
3468
+ float: left;
3469
+ font-size: 4.5em;
3470
+ line-height: 1;
3471
+ margin-bottom: -2px;
3251
3472
  }
3252
- /* Tablet landscape and bigger */
3253
- @media (min-width: 960px) {
3254
- .uk-article-title {
3255
- font-size: 2.625rem;
3473
+ /* 2 */
3474
+ @-moz-document url-prefix() {
3475
+ .uk-dropcap::first-letter,
3476
+ .uk-dropcap > p:first-of-type::first-letter {
3477
+ margin-top: 1.1%;
3256
3478
  }
3257
3479
  }
3258
- /* Meta
3259
- ========================================================================== */
3260
- .uk-article-meta {
3261
- font-size: 0.875rem;
3262
- line-height: 1.4;
3263
- color: #999;
3264
- }
3265
- .uk-article-meta a {
3266
- color: #999;
3267
- }
3268
- .uk-article-meta a:hover {
3269
- color: #666;
3270
- text-decoration: none;
3271
- }
3272
3480
  /* ========================================================================
3273
- Component: Comment
3481
+ Component: Floating Shadow
3274
3482
  ========================================================================== */
3275
- /* Sections
3276
- ========================================================================== */
3277
- .uk-comment-body {
3278
- display: flow-root;
3279
- overflow-wrap: break-word;
3280
- word-wrap: break-word;
3281
- }
3282
- .uk-comment-header {
3283
- display: flow-root;
3284
- margin-bottom: 20px;
3285
- }
3286
3483
  /*
3287
- * Remove margin from the last-child
3288
- */
3289
- .uk-comment-body > :last-child,
3290
- .uk-comment-header > :last-child {
3291
- margin-bottom: 0;
3292
- }
3293
- /* Title
3294
- ========================================================================== */
3295
- .uk-comment-title {
3296
- font-size: 1.25rem;
3297
- line-height: 1.4;
3298
- }
3299
- /* Meta
3300
- ========================================================================== */
3301
- .uk-comment-meta {
3302
- font-size: 0.875rem;
3303
- line-height: 1.4;
3304
- color: #999;
3305
- }
3306
- /* Avatar
3307
- ========================================================================== */
3308
- /* List
3309
- ========================================================================== */
3310
- .uk-comment-list {
3311
- padding: 0;
3312
- list-style: none;
3313
- }
3314
- /* Adjacent siblings */
3315
- .uk-comment-list > :nth-child(n+2) {
3316
- margin-top: 70px;
3317
- }
3318
- /*
3319
- * Sublists
3320
- * Note: General sibling selector allows reply block between comment and sublist
3321
- */
3322
- .uk-comment-list .uk-comment ~ ul {
3323
- margin: 70px 0 0 0;
3324
- padding-left: 30px;
3325
- list-style: none;
3326
- }
3327
- /* Tablet and bigger */
3328
- @media (min-width: 960px) {
3329
- .uk-comment-list .uk-comment ~ ul {
3330
- padding-left: 100px;
3331
- }
3332
- }
3333
- /* Adjacent siblings */
3334
- .uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
3335
- margin-top: 70px;
3336
- }
3337
- /* Style modifier
3338
- ========================================================================== */
3339
- .uk-comment-primary {
3340
- padding: 30px;
3341
- background-color: #f8f8f8;
3342
- }
3343
- /* ========================================================================
3344
- Component: Search
3345
- ========================================================================== */
3346
- /*
3347
- * 1. Container fits its content
3348
- * 2. Create position context
3349
- * 3. Prevent content overflow
3350
- * 4. Reset `form`
3484
+ * 1. Set position.
3485
+ * 2. Set style
3486
+ * 3. Fix shadow being clipped in Safari if container is animated
3351
3487
  */
3352
- .uk-search {
3353
- /* 1 */
3488
+ .uk-floating-shadow {
3354
3489
  display: inline-block;
3355
- /* 2 */
3356
3490
  position: relative;
3357
- /* 3 */
3491
+ z-index: 0;
3358
3492
  max-width: 100%;
3359
- /* 4 */
3360
- margin: 0;
3361
- }
3362
- /* Input
3363
- ========================================================================== */
3364
- /*
3365
- * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
3366
- */
3367
- .uk-search-input::-webkit-search-cancel-button,
3368
- .uk-search-input::-webkit-search-decoration {
3369
- -webkit-appearance: none;
3370
- }
3371
- /*
3372
- * Removes placeholder transparency in Firefox.
3373
- */
3374
- .uk-search-input::-moz-placeholder {
3375
- opacity: 1;
3376
- }
3377
- /*
3378
- * 1. Define consistent box sizing.
3379
- * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
3380
- * 3. Remove `border-radius` in iOS.
3381
- * 4. Change font properties to `inherit` in all browsers
3382
- * 5. Show the overflow in Edge.
3383
- * 6. Remove default style in iOS.
3384
- * 7. Vertical alignment
3385
- * 8. Take the full container width
3386
- * 9. Style
3387
- */
3388
- .uk-search-input {
3389
- /* 1 */
3390
- box-sizing: border-box;
3391
- /* 2 */
3392
- margin: 0;
3393
- /* 3 */
3394
- border-radius: 0;
3395
- /* 4 */
3396
- font: inherit;
3397
- /* 5 */
3398
- overflow: visible;
3399
- /* 6 */
3400
- -webkit-appearance: none;
3401
- /* 7 */
3402
3493
  vertical-align: middle;
3403
- /* 8 */
3404
- width: 100%;
3405
- /* 9 */
3406
- border: none;
3407
- color: #666;
3408
3494
  }
3409
- .uk-search-input:focus {
3410
- outline: none;
3411
- }
3412
- /* Placeholder */
3413
- .uk-search-input::placeholder {
3414
- color: #999;
3415
- }
3416
- /* Icon (Adopts `uk-icon`)
3417
- ========================================================================== */
3418
- /*
3419
- * Position above input
3420
- * 1. Set position
3421
- * 2. Center icon vertically and horizontally
3422
- * 3. Style
3423
- */
3424
- .uk-search .uk-search-icon {
3495
+ .uk-floating-shadow::after {
3496
+ content: "";
3425
3497
  /* 1 */
3426
3498
  position: absolute;
3427
- top: 0;
3428
- bottom: 0;
3499
+ bottom: -30px;
3429
3500
  left: 0;
3501
+ right: 0;
3502
+ z-index: -1;
3430
3503
  /* 2 */
3431
- display: inline-flex;
3432
- justify-content: center;
3433
- align-items: center;
3504
+ height: 30px;
3505
+ border-radius: 100%;
3506
+ background: #444;
3507
+ filter: blur(20px);
3434
3508
  /* 3 */
3435
- color: #999;
3436
- }
3437
- /*
3438
- * Required for `a`.
3439
- */
3440
- .uk-search .uk-search-icon:hover {
3441
- color: #999;
3442
- }
3443
- /*
3444
- * Make `input` element clickable through icon, e.g. if it's a `span`
3445
- */
3446
- .uk-search .uk-search-icon:not(a):not(button):not(input) {
3447
- pointer-events: none;
3509
+ will-change: filter;
3448
3510
  }
3449
- /*
3450
- * Position modifier
3451
- */
3452
- .uk-search .uk-search-icon-flip {
3453
- right: 0;
3454
- left: auto;
3455
- }
3456
- /* Default modifier
3511
+ /* ========================================================================
3512
+ Component: Overlay
3457
3513
  ========================================================================== */
3458
- .uk-search-default {
3459
- width: 240px;
3460
- }
3461
- /*
3462
- * Input
3463
- */
3464
- .uk-search-default .uk-search-input {
3465
- height: 40px;
3466
- padding-left: 10px;
3467
- padding-right: 10px;
3468
- background: transparent;
3469
- border: 1px solid #e5e5e5;
3470
- }
3471
- /* Focus */
3472
- .uk-search-default .uk-search-input:focus {
3473
- background-color: rgba(0, 0, 0, 0);
3474
- border-color: #1e87f0;
3514
+ .uk-overlay {
3515
+ padding: 30px 30px;
3475
3516
  }
3476
3517
  /*
3477
- * Icon
3518
+ * Remove margin from the last-child
3478
3519
  */
3479
- .uk-search-default .uk-search-icon {
3480
- padding-left: 10px;
3481
- padding-right: 10px;
3482
- }
3483
- .uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3484
- padding-left: 40px;
3485
- }
3486
- .uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
3487
- padding-right: 40px;
3520
+ .uk-overlay > :last-child {
3521
+ margin-bottom: 0;
3488
3522
  }
3489
- /* Navbar modifier
3523
+ /* Icon
3524
+ ========================================================================== */
3525
+ /* Style modifiers
3490
3526
  ========================================================================== */
3491
- .uk-search-navbar {
3492
- width: 240px;
3527
+ /*
3528
+ * Default
3529
+ */
3530
+ .uk-overlay-default {
3531
+ --uk-inverse: dark;
3532
+ background: rgba(255, 255, 255, 0.9);
3493
3533
  }
3494
3534
  /*
3495
- * Input
3535
+ * Primary
3496
3536
  */
3497
- .uk-search-navbar .uk-search-input {
3498
- height: 40px;
3499
- padding-left: 10px;
3500
- padding-right: 10px;
3501
- background: #fff;
3502
- border: 1px solid #e5e5e5;
3537
+ .uk-overlay-primary {
3538
+ --uk-inverse: light;
3539
+ background: rgba(34, 34, 34, 0.9);
3503
3540
  }
3504
- /* Focus */
3505
- .uk-search-navbar .uk-search-input:focus {
3506
- background-color: #fff;
3507
- border-color: #1e87f0;
3541
+ /* ========================================================================
3542
+ Component: Article
3543
+ ========================================================================== */
3544
+ .uk-article {
3545
+ display: flow-root;
3508
3546
  }
3509
3547
  /*
3510
- * Icon
3548
+ * Remove margin from the last-child
3511
3549
  */
3512
- .uk-search-navbar .uk-search-icon {
3513
- padding-left: 10px;
3514
- padding-right: 10px;
3550
+ .uk-article > :last-child {
3551
+ margin-bottom: 0;
3515
3552
  }
3516
- .uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3517
- padding-left: 40px;
3553
+ /* Adjacent sibling
3554
+ ========================================================================== */
3555
+ .uk-article + .uk-article {
3556
+ margin-top: 70px;
3518
3557
  }
3519
- .uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
3520
- padding-right: 40px;
3558
+ /* Title
3559
+ ========================================================================== */
3560
+ .uk-article-title {
3561
+ font-size: 2.23125rem;
3562
+ line-height: 1.2;
3521
3563
  }
3522
- /* Medium modifier
3564
+ /* Tablet landscape and bigger */
3565
+ @media (min-width: 960px) {
3566
+ .uk-article-title {
3567
+ font-size: 2.625rem;
3568
+ }
3569
+ }
3570
+ /* Meta
3523
3571
  ========================================================================== */
3524
- .uk-search-medium {
3525
- width: 400px;
3572
+ .uk-article-meta {
3573
+ font-size: 0.875rem;
3574
+ line-height: 1.4;
3575
+ color: #999;
3526
3576
  }
3527
- /*
3528
- * Input
3529
- */
3530
- .uk-search-medium .uk-search-input {
3531
- height: 55px;
3532
- padding-left: 12px;
3533
- padding-right: 12px;
3534
- background: transparent;
3535
- font-size: 1.5rem;
3536
- border: 1px solid #e5e5e5;
3577
+ .uk-article-meta a {
3578
+ color: #999;
3537
3579
  }
3538
- /* Focus */
3539
- .uk-search-medium .uk-search-input:focus {
3540
- background-color: rgba(0, 0, 0, 0);
3541
- border-color: #1e87f0;
3580
+ .uk-article-meta a:hover {
3581
+ color: #666;
3582
+ text-decoration: none;
3583
+ }
3584
+ /* ========================================================================
3585
+ Component: Comment
3586
+ ========================================================================== */
3587
+ /* Sections
3588
+ ========================================================================== */
3589
+ .uk-comment-body {
3590
+ display: flow-root;
3591
+ overflow-wrap: break-word;
3592
+ word-wrap: break-word;
3593
+ }
3594
+ .uk-comment-header {
3595
+ display: flow-root;
3596
+ margin-bottom: 20px;
3542
3597
  }
3543
3598
  /*
3544
- * Icon
3599
+ * Remove margin from the last-child
3545
3600
  */
3546
- .uk-search-medium .uk-search-icon {
3547
- padding-left: 12px;
3548
- padding-right: 12px;
3549
- }
3550
- .uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3551
- padding-left: 48px;
3601
+ .uk-comment-body > :last-child,
3602
+ .uk-comment-header > :last-child {
3603
+ margin-bottom: 0;
3552
3604
  }
3553
- .uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
3554
- padding-right: 48px;
3605
+ /* Title
3606
+ ========================================================================== */
3607
+ .uk-comment-title {
3608
+ font-size: 1.25rem;
3609
+ line-height: 1.4;
3555
3610
  }
3556
- /* Large modifier
3611
+ /* Meta
3557
3612
  ========================================================================== */
3558
- .uk-search-large {
3559
- width: 500px;
3613
+ .uk-comment-meta {
3614
+ font-size: 0.875rem;
3615
+ line-height: 1.4;
3616
+ color: #999;
3560
3617
  }
3561
- /*
3562
- * Input
3563
- */
3564
- .uk-search-large .uk-search-input {
3565
- height: 90px;
3566
- padding-left: 20px;
3567
- padding-right: 20px;
3568
- background: transparent;
3569
- font-size: 2.625rem;
3570
- border: 1px solid #e5e5e5;
3618
+ /* Avatar
3619
+ ========================================================================== */
3620
+ /* List
3621
+ ========================================================================== */
3622
+ .uk-comment-list {
3623
+ padding: 0;
3624
+ list-style: none;
3571
3625
  }
3572
- /* Focus */
3573
- .uk-search-large .uk-search-input:focus {
3574
- background-color: rgba(0, 0, 0, 0);
3575
- border-color: #1e87f0;
3626
+ /* Adjacent siblings */
3627
+ .uk-comment-list > :nth-child(n+2) {
3628
+ margin-top: 70px;
3576
3629
  }
3577
3630
  /*
3578
- * Icon
3631
+ * Sublists
3632
+ * Note: General sibling selector allows reply block between comment and sublist
3579
3633
  */
3580
- .uk-search-large .uk-search-icon {
3581
- padding-left: 20px;
3582
- padding-right: 20px;
3634
+ .uk-comment-list .uk-comment ~ ul {
3635
+ margin: 70px 0 0 0;
3636
+ padding-left: 30px;
3637
+ list-style: none;
3583
3638
  }
3584
- .uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
3585
- padding-left: 80px;
3639
+ /* Tablet and bigger */
3640
+ @media (min-width: 960px) {
3641
+ .uk-comment-list .uk-comment ~ ul {
3642
+ padding-left: 100px;
3643
+ }
3586
3644
  }
3587
- .uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
3588
- padding-right: 80px;
3645
+ /* Adjacent siblings */
3646
+ .uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
3647
+ margin-top: 70px;
3589
3648
  }
3590
- /* Toggle
3649
+ /* Style modifier
3591
3650
  ========================================================================== */
3592
- .uk-search-toggle {
3593
- color: #999;
3594
- }
3595
- /* Hover */
3596
- .uk-search-toggle:hover {
3597
- color: #666;
3651
+ .uk-comment-primary {
3652
+ padding: 30px;
3653
+ background-color: #f8f8f8;
3598
3654
  }
3599
3655
  /* ========================================================================
3600
3656
  Component: Accordion
@@ -4148,6 +4204,96 @@ select.uk-form-width-xsmall {
4148
4204
  /* 2 */
4149
4205
  position: relative;
4150
4206
  }
4207
+ /* ========================================================================
4208
+ Component: Marquee
4209
+ ========================================================================== */
4210
+ /*
4211
+ * 1. Fallback for Safari 15 and older
4212
+ * 2. Clip child elements
4213
+ * `clip` prevents accidental scrolling through elements in slide getting focused
4214
+ * `clip` also works in only one direction
4215
+ * 3. Prevent tab highlighting on iOS.
4216
+ */
4217
+ .uk-marquee {
4218
+ /* 1 */
4219
+ overflow-x: hidden;
4220
+ /* 2 */
4221
+ overflow-x: clip;
4222
+ /* 3 */
4223
+ -webkit-tap-highlight-color: transparent;
4224
+ }
4225
+ .uk-marquee-vertical {
4226
+ overflow: visible;
4227
+ overflow-y: hidden;
4228
+ overflow-y: clip;
4229
+ }
4230
+ /*
4231
+ * Fade out
4232
+ */
4233
+ .uk-marquee-fade {
4234
+ --uk-overflow-fade-size: 100px;
4235
+ --uk-overflow-fade-direction: right;
4236
+ }
4237
+ .uk-marquee-fade.uk-marquee-vertical {
4238
+ --uk-overflow-fade-direction: bottom;
4239
+ }
4240
+ .uk-marquee-fade {
4241
+ 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)));
4242
+ }
4243
+ /* Items
4244
+ ========================================================================== */
4245
+ /*
4246
+ * 1. Create a containing block.
4247
+ */
4248
+ .uk-marquee-items {
4249
+ /* 1 */
4250
+ position: relative;
4251
+ }
4252
+ /*
4253
+ * 1. Reset list style without interfering with grid
4254
+ * 2. Prevent displaying the callout information on iOS.
4255
+ */
4256
+ .uk-marquee:not(.uk-marquee-vertical) .uk-marquee-items:not(.uk-grid) {
4257
+ display: flex;
4258
+ /* 1 */
4259
+ margin: 0;
4260
+ padding: 0;
4261
+ list-style: none;
4262
+ /* 2 */
4263
+ -webkit-touch-callout: none;
4264
+ }
4265
+ .uk-marquee:not(.uk-marquee-vertical) .uk-marquee-items.uk-grid {
4266
+ flex-wrap: nowrap;
4267
+ }
4268
+ /* Item
4269
+ ========================================================================== */
4270
+ /*
4271
+ * 1. Let items take content dimensions (0 0 auto)
4272
+ * `max-width` needed to keep image responsiveness and prevent content overflow
4273
+ * 2. Create position context
4274
+ * 3. Create animation along offset-path
4275
+ */
4276
+ .uk-marquee-items > * {
4277
+ /* 1 */
4278
+ flex: none !important;
4279
+ box-sizing: border-box;
4280
+ max-width: 100%;
4281
+ /* 2 */
4282
+ position: relative;
4283
+ /* 3 */
4284
+ offset-anchor: 0 0;
4285
+ offset-rotate: 0deg;
4286
+ offset-path: path(var(--uk-marquee-path));
4287
+ animation: var(--uk-marquee-duration) linear calc(var(--uk-marquee-start) / -100 * var(--uk-marquee-duration)) infinite var(--uk-marquee-direction) uk-marquee;
4288
+ }
4289
+ @keyframes uk-marquee {
4290
+ 0% {
4291
+ offset-distance: 0;
4292
+ }
4293
+ 100% {
4294
+ offset-distance: 100%;
4295
+ }
4296
+ }
4151
4297
  /* ========================================================================
4152
4298
  Component: Sticky
4153
4299
  ========================================================================== */
@@ -4850,36 +4996,38 @@ select.uk-form-width-xsmall {
4850
4996
  .uk-grid > * > :last-child {
4851
4997
  margin-bottom: 0;
4852
4998
  }
4853
- /* Gutter
4999
+ /* Gap
4854
5000
  ========================================================================== */
4855
5001
  /*
4856
5002
  * Default
4857
5003
  */
4858
- /* Horizontal */
4859
5004
  .uk-grid {
4860
5005
  margin-left: -30px;
4861
5006
  }
4862
5007
  .uk-grid > * {
4863
5008
  padding-left: 30px;
4864
5009
  }
4865
- /* Vertical */
4866
- .uk-grid + .uk-grid,
4867
- .uk-grid > .uk-grid-margin,
5010
+ .uk-grid {
5011
+ row-gap: 30px;
5012
+ }
5013
+ /* Margin */
5014
+ .uk-grid + :where(.uk-grid),
4868
5015
  * + .uk-grid-margin {
4869
5016
  margin-top: 30px;
4870
5017
  }
4871
5018
  /* Desktop and bigger */
4872
5019
  @media (min-width: 1200px) {
4873
- /* Horizontal */
4874
5020
  .uk-grid {
4875
5021
  margin-left: -40px;
4876
5022
  }
4877
5023
  .uk-grid > * {
4878
5024
  padding-left: 40px;
4879
5025
  }
4880
- /* Vertical */
4881
- .uk-grid + .uk-grid,
4882
- .uk-grid > .uk-grid-margin,
5026
+ .uk-grid {
5027
+ row-gap: 40px;
5028
+ }
5029
+ /* Margin */
5030
+ .uk-grid + :where(.uk-grid),
4883
5031
  * + .uk-grid-margin {
4884
5032
  margin-top: 40px;
4885
5033
  }
@@ -4887,7 +5035,6 @@ select.uk-form-width-xsmall {
4887
5035
  /*
4888
5036
  * Small
4889
5037
  */
4890
- /* Horizontal */
4891
5038
  .uk-grid-small,
4892
5039
  .uk-grid-column-small {
4893
5040
  margin-left: -15px;
@@ -4896,18 +5043,18 @@ select.uk-form-width-xsmall {
4896
5043
  .uk-grid-column-small > * {
4897
5044
  padding-left: 15px;
4898
5045
  }
4899
- /* Vertical */
4900
- .uk-grid + .uk-grid-small,
4901
- .uk-grid + .uk-grid-row-small,
4902
- .uk-grid-small > .uk-grid-margin,
4903
- .uk-grid-row-small > .uk-grid-margin,
5046
+ .uk-grid-small,
5047
+ .uk-grid-row-small {
5048
+ row-gap: 15px;
5049
+ }
5050
+ /* Margin */
5051
+ .uk-grid + :where(.uk-grid-small, .uk-grid-row-small),
4904
5052
  * + .uk-grid-margin-small {
4905
5053
  margin-top: 15px;
4906
5054
  }
4907
5055
  /*
4908
5056
  * Medium
4909
5057
  */
4910
- /* Horizontal */
4911
5058
  .uk-grid-medium,
4912
5059
  .uk-grid-column-medium {
4913
5060
  margin-left: -30px;
@@ -4916,18 +5063,18 @@ select.uk-form-width-xsmall {
4916
5063
  .uk-grid-column-medium > * {
4917
5064
  padding-left: 30px;
4918
5065
  }
4919
- /* Vertical */
4920
- .uk-grid + .uk-grid-medium,
4921
- .uk-grid + .uk-grid-row-medium,
4922
- .uk-grid-medium > .uk-grid-margin,
4923
- .uk-grid-row-medium > .uk-grid-margin,
5066
+ .uk-grid-medium,
5067
+ .uk-grid-row-medium {
5068
+ row-gap: 30px;
5069
+ }
5070
+ /* Margin */
5071
+ .uk-grid + :where(.uk-grid-medium, .uk-grid-row-medium),
4924
5072
  * + .uk-grid-margin-medium {
4925
5073
  margin-top: 30px;
4926
5074
  }
4927
5075
  /*
4928
5076
  * Large
4929
5077
  */
4930
- /* Horizontal */
4931
5078
  .uk-grid-large,
4932
5079
  .uk-grid-column-large {
4933
5080
  margin-left: -40px;
@@ -4936,17 +5083,17 @@ select.uk-form-width-xsmall {
4936
5083
  .uk-grid-column-large > * {
4937
5084
  padding-left: 40px;
4938
5085
  }
4939
- /* Vertical */
4940
- .uk-grid + .uk-grid-large,
4941
- .uk-grid + .uk-grid-row-large,
4942
- .uk-grid-large > .uk-grid-margin,
4943
- .uk-grid-row-large > .uk-grid-margin,
5086
+ .uk-grid-large,
5087
+ .uk-grid-row-large {
5088
+ row-gap: 40px;
5089
+ }
5090
+ /* Margin */
5091
+ .uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
4944
5092
  * + .uk-grid-margin-large {
4945
5093
  margin-top: 40px;
4946
5094
  }
4947
5095
  /* Desktop and bigger */
4948
5096
  @media (min-width: 1200px) {
4949
- /* Horizontal */
4950
5097
  .uk-grid-large,
4951
5098
  .uk-grid-column-large {
4952
5099
  margin-left: -70px;
@@ -4955,11 +5102,12 @@ select.uk-form-width-xsmall {
4955
5102
  .uk-grid-column-large > * {
4956
5103
  padding-left: 70px;
4957
5104
  }
4958
- /* Vertical */
4959
- .uk-grid + .uk-grid-large,
4960
- .uk-grid + .uk-grid-row-large,
4961
- .uk-grid-large > .uk-grid-margin,
4962
- .uk-grid-row-large > .uk-grid-margin,
5105
+ .uk-grid-large,
5106
+ .uk-grid-row-large {
5107
+ row-gap: 70px;
5108
+ }
5109
+ /* Margin */
5110
+ .uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
4963
5111
  * + .uk-grid-margin-large {
4964
5112
  margin-top: 70px;
4965
5113
  }
@@ -4967,7 +5115,6 @@ select.uk-form-width-xsmall {
4967
5115
  /*
4968
5116
  * Collapse
4969
5117
  */
4970
- /* Horizontal */
4971
5118
  .uk-grid-collapse,
4972
5119
  .uk-grid-column-collapse {
4973
5120
  margin-left: 0;
@@ -4976,11 +5123,12 @@ select.uk-form-width-xsmall {
4976
5123
  .uk-grid-column-collapse > * {
4977
5124
  padding-left: 0;
4978
5125
  }
4979
- /* Vertical */
4980
- .uk-grid + .uk-grid-collapse,
4981
- .uk-grid + .uk-grid-row-collapse,
4982
- .uk-grid-collapse > .uk-grid-margin,
4983
- .uk-grid-row-collapse > .uk-grid-margin {
5126
+ .uk-grid-collapse,
5127
+ .uk-grid-row-collapse {
5128
+ row-gap: 0;
5129
+ }
5130
+ /* Margin */
5131
+ .uk-grid + :where(.uk-grid-collapse, .uk-grid-row-collapse) {
4984
5132
  margin-top: 0;
4985
5133
  }
4986
5134
  /* Divider
@@ -4988,6 +5136,7 @@ select.uk-form-width-xsmall {
4988
5136
  .uk-grid-divider > * {
4989
5137
  position: relative;
4990
5138
  }
5139
+ /* Horizontal */
4991
5140
  .uk-grid-divider > :not(.uk-first-column)::before {
4992
5141
  content: "";
4993
5142
  position: absolute;
@@ -4996,7 +5145,7 @@ select.uk-form-width-xsmall {
4996
5145
  border-left: 1px solid #e5e5e5;
4997
5146
  }
4998
5147
  /* Vertical */
4999
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
5148
+ .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
5000
5149
  content: "";
5001
5150
  position: absolute;
5002
5151
  left: 0;
@@ -5017,10 +5166,10 @@ select.uk-form-width-xsmall {
5017
5166
  left: 30px;
5018
5167
  }
5019
5168
  /* Vertical */
5020
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
5021
- margin-top: 60px;
5169
+ .uk-grid-divider.uk-grid-stack {
5170
+ row-gap: 60px;
5022
5171
  }
5023
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
5172
+ .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
5024
5173
  top: -30px;
5025
5174
  left: 60px;
5026
5175
  }
@@ -5037,10 +5186,10 @@ select.uk-form-width-xsmall {
5037
5186
  left: 40px;
5038
5187
  }
5039
5188
  /* Vertical */
5040
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
5041
- margin-top: 80px;
5189
+ .uk-grid-divider.uk-grid-stack {
5190
+ row-gap: 80px;
5042
5191
  }
5043
- .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
5192
+ .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
5044
5193
  top: -40px;
5045
5194
  left: 80px;
5046
5195
  }
@@ -5062,18 +5211,17 @@ select.uk-form-width-xsmall {
5062
5211
  left: 15px;
5063
5212
  }
5064
5213
  /* Vertical */
5065
- .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin,
5066
- .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin {
5067
- margin-top: 30px;
5214
+ .uk-grid-divider.uk-grid-stack:where(.uk-grid-small, .uk-grid-row-small) {
5215
+ row-gap: 30px;
5068
5216
  }
5069
- .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
5217
+ .uk-grid-divider.uk-grid-stack.uk-grid-small > :not(.uk-first-row)::before {
5070
5218
  top: -15px;
5071
5219
  left: 30px;
5072
5220
  }
5073
- .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
5221
+ .uk-grid-divider.uk-grid-stack.uk-grid-row-small > :not(.uk-first-row)::before {
5074
5222
  top: -15px;
5075
5223
  }
5076
- .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
5224
+ .uk-grid-divider.uk-grid-stack.uk-grid-column-small > :not(.uk-first-row)::before {
5077
5225
  left: 30px;
5078
5226
  }
5079
5227
  /*
@@ -5093,18 +5241,17 @@ select.uk-form-width-xsmall {
5093
5241
  left: 30px;
5094
5242
  }
5095
5243
  /* Vertical */
5096
- .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin,
5097
- .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
5098
- margin-top: 60px;
5244
+ .uk-grid-divider.uk-grid-stack:where(.uk-grid-medium, .uk-grid-row-medium) {
5245
+ row-gap: 60px;
5099
5246
  }
5100
- .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
5247
+ .uk-grid-divider.uk-grid-stack.uk-grid-medium > :not(.uk-first-row)::before {
5101
5248
  top: -30px;
5102
5249
  left: 60px;
5103
5250
  }
5104
- .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
5251
+ .uk-grid-divider.uk-grid-stack.uk-grid-row-medium > :not(.uk-first-row)::before {
5105
5252
  top: -30px;
5106
5253
  }
5107
- .uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
5254
+ .uk-grid-divider.uk-grid-stack.uk-grid-column-medium > :not(.uk-first-row)::before {
5108
5255
  left: 60px;
5109
5256
  }
5110
5257
  /*
@@ -5124,18 +5271,17 @@ select.uk-form-width-xsmall {
5124
5271
  left: 40px;
5125
5272
  }
5126
5273
  /* Vertical */
5127
- .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
5128
- .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
5129
- margin-top: 80px;
5274
+ .uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
5275
+ row-gap: 80px;
5130
5276
  }
5131
- .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
5277
+ .uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
5132
5278
  top: -40px;
5133
5279
  left: 80px;
5134
5280
  }
5135
- .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
5281
+ .uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
5136
5282
  top: -40px;
5137
5283
  }
5138
- .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
5284
+ .uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
5139
5285
  left: 80px;
5140
5286
  }
5141
5287
  /* Desktop and bigger */
@@ -5154,18 +5300,17 @@ select.uk-form-width-xsmall {
5154
5300
  left: 70px;
5155
5301
  }
5156
5302
  /* Vertical */
5157
- .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
5158
- .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
5159
- margin-top: 140px;
5303
+ .uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
5304
+ row-gap: 140px;
5160
5305
  }
5161
- .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
5306
+ .uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
5162
5307
  top: -70px;
5163
5308
  left: 140px;
5164
5309
  }
5165
- .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
5310
+ .uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
5166
5311
  top: -70px;
5167
5312
  }
5168
- .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
5313
+ .uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
5169
5314
  left: 140px;
5170
5315
  }
5171
5316
  }
@@ -5214,7 +5359,7 @@ select.uk-form-width-xsmall {
5214
5359
  align-items: center;
5215
5360
  /* 2 */
5216
5361
  column-gap: 0.25em;
5217
- /* 3*/
5362
+ /* 3 */
5218
5363
  text-decoration: none;
5219
5364
  }
5220
5365
  /*
@@ -6684,6 +6829,39 @@ ul.uk-nav-sub {
6684
6829
  width: 80%;
6685
6830
  height: 80%;
6686
6831
  }
6832
+ /* ========================================================================
6833
+ Component: Logo
6834
+ ========================================================================== */
6835
+ /*
6836
+ * 1. Style
6837
+ * 2. Required for `a`
6838
+ * 3. Behave like image but can be overridden through flex utility classes
6839
+ */
6840
+ .uk-logo {
6841
+ /* 1 */
6842
+ font-size: 1.5rem;
6843
+ 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";
6844
+ color: #333;
6845
+ /* 2 */
6846
+ text-decoration: none;
6847
+ }
6848
+ /* 3 */
6849
+ :where(.uk-logo) {
6850
+ display: inline-block;
6851
+ vertical-align: middle;
6852
+ }
6853
+ /* Hover */
6854
+ .uk-logo:hover {
6855
+ color: #333;
6856
+ /* 2 */
6857
+ text-decoration: none;
6858
+ }
6859
+ .uk-logo :where(img:not([uk-svg]), svg, video) {
6860
+ display: block;
6861
+ }
6862
+ .uk-logo-inverse:where(:not([uk-svg])) {
6863
+ display: none;
6864
+ }
6687
6865
  /* ========================================================================
6688
6866
  Component: Animation
6689
6867
  ========================================================================== */
@@ -7910,6 +8088,12 @@ th.uk-text-break,
7910
8088
  td.uk-text-break {
7911
8089
  word-break: break-word;
7912
8090
  }
8091
+ /*
8092
+ * Balance text when wrapping onto multiple lines
8093
+ */
8094
+ .uk-text-balance {
8095
+ text-wrap: balance;
8096
+ }
7913
8097
  /* Stroke modifiers
7914
8098
  ========================================================================== */
7915
8099
  .uk-text-stroke {
@@ -8687,94 +8871,6 @@ iframe[data-uk-cover] {
8687
8871
  .uk-box-shadow-hover-xlarge:hover {
8688
8872
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
8689
8873
  }
8690
- /* Box-shadow bottom
8691
- ========================================================================== */
8692
- /*
8693
- * 1. Set position.
8694
- * 2. Set style
8695
- * 3. Fix shadow being clipped in Safari if container is animated
8696
- */
8697
- @supports (filter: blur(0)) {
8698
- .uk-box-shadow-bottom {
8699
- display: inline-block;
8700
- position: relative;
8701
- z-index: 0;
8702
- max-width: 100%;
8703
- vertical-align: middle;
8704
- }
8705
- .uk-box-shadow-bottom::after {
8706
- content: "";
8707
- /* 1 */
8708
- position: absolute;
8709
- bottom: -30px;
8710
- left: 0;
8711
- right: 0;
8712
- z-index: -1;
8713
- /* 2 */
8714
- height: 30px;
8715
- border-radius: 100%;
8716
- background: #444;
8717
- filter: blur(20px);
8718
- /* 3 */
8719
- will-change: filter;
8720
- }
8721
- }
8722
- /* Drop cap
8723
- ========================================================================== */
8724
- /*
8725
- * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
8726
- * https://bugzilla.mozilla.org/show_bug.cgi?id=214004
8727
- * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
8728
- * https://bugzilla.mozilla.org/show_bug.cgi?id=317933
8729
- */
8730
- .uk-dropcap::first-letter,
8731
- .uk-dropcap > p:first-of-type::first-letter {
8732
- display: block;
8733
- margin-right: 10px;
8734
- float: left;
8735
- font-size: 4.5em;
8736
- line-height: 1;
8737
- margin-bottom: -2px;
8738
- }
8739
- /* 2 */
8740
- @-moz-document url-prefix() {
8741
- .uk-dropcap::first-letter,
8742
- .uk-dropcap > p:first-of-type::first-letter {
8743
- margin-top: 1.1%;
8744
- }
8745
- }
8746
- /* Logo
8747
- ========================================================================== */
8748
- /*
8749
- * 1. Style
8750
- * 2. Required for `a`
8751
- * 3. Behave like image but can be overridden through flex utility classes
8752
- */
8753
- .uk-logo {
8754
- /* 1 */
8755
- font-size: 1.5rem;
8756
- 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";
8757
- color: #333;
8758
- /* 2 */
8759
- text-decoration: none;
8760
- }
8761
- /* 3 */
8762
- :where(.uk-logo) {
8763
- display: inline-block;
8764
- vertical-align: middle;
8765
- }
8766
- /* Hover */
8767
- .uk-logo:hover {
8768
- color: #333;
8769
- /* 1 */
8770
- text-decoration: none;
8771
- }
8772
- .uk-logo :where(img, svg, video) {
8773
- display: block;
8774
- }
8775
- .uk-logo-inverse {
8776
- display: none;
8777
- }
8778
8874
  /* Disabled State
8779
8875
  ========================================================================== */
8780
8876
  .uk-disabled {
@@ -9269,106 +9365,46 @@ iframe[data-uk-cover] {
9269
9365
  /* ========================================================================
9270
9366
  Component: Margin
9271
9367
  ========================================================================== */
9368
+ /* Two or more directions
9369
+ ========================================================================== */
9272
9370
  /*
9273
- * Default
9371
+ * Sizes
9274
9372
  */
9275
9373
  .uk-margin {
9276
9374
  margin-bottom: 20px;
9277
9375
  }
9278
9376
  * + .uk-margin {
9279
- margin-top: 20px !important;
9280
- }
9281
- .uk-margin-top {
9282
- margin-top: 20px !important;
9283
- }
9284
- .uk-margin-bottom {
9285
- margin-bottom: 20px !important;
9286
- }
9287
- .uk-margin-left {
9288
- margin-left: 20px !important;
9289
- }
9290
- .uk-margin-right {
9291
- margin-right: 20px !important;
9377
+ margin-top: 20px;
9292
9378
  }
9293
- /* XSmall
9294
- ========================================================================== */
9295
9379
  .uk-margin-xsmall {
9296
9380
  margin-bottom: 5px;
9297
9381
  }
9298
9382
  * + .uk-margin-xsmall {
9299
- margin-top: 5px !important;
9300
- }
9301
- .uk-margin-xsmall-top {
9302
- margin-top: 5px !important;
9303
- }
9304
- .uk-margin-xsmall-bottom {
9305
- margin-bottom: 5px !important;
9306
- }
9307
- .uk-margin-xsmall-left {
9308
- margin-left: 5px !important;
9309
- }
9310
- .uk-margin-xsmall-right {
9311
- margin-right: 5px !important;
9383
+ margin-top: 5px;
9312
9384
  }
9313
- /* Small
9314
- ========================================================================== */
9315
9385
  .uk-margin-small {
9316
9386
  margin-bottom: 10px;
9317
9387
  }
9318
9388
  * + .uk-margin-small {
9319
- margin-top: 10px !important;
9320
- }
9321
- .uk-margin-small-top {
9322
- margin-top: 10px !important;
9323
- }
9324
- .uk-margin-small-bottom {
9325
- margin-bottom: 10px !important;
9326
- }
9327
- .uk-margin-small-left {
9328
- margin-left: 10px !important;
9329
- }
9330
- .uk-margin-small-right {
9331
- margin-right: 10px !important;
9389
+ margin-top: 10px;
9332
9390
  }
9333
- /* Medium
9334
- ========================================================================== */
9335
9391
  .uk-margin-medium {
9336
9392
  margin-bottom: 40px;
9337
9393
  }
9338
9394
  * + .uk-margin-medium {
9339
- margin-top: 40px !important;
9340
- }
9341
- .uk-margin-medium-top {
9342
- margin-top: 40px !important;
9343
- }
9344
- .uk-margin-medium-bottom {
9345
- margin-bottom: 40px !important;
9346
- }
9347
- .uk-margin-medium-left {
9348
- margin-left: 40px !important;
9349
- }
9350
- .uk-margin-medium-right {
9351
- margin-right: 40px !important;
9395
+ margin-top: 40px;
9352
9396
  }
9353
- /* Large
9354
- ========================================================================== */
9355
9397
  .uk-margin-large {
9356
9398
  margin-bottom: 40px;
9357
9399
  }
9358
9400
  * + .uk-margin-large {
9359
- margin-top: 40px !important;
9360
- }
9361
- .uk-margin-large-top {
9362
- margin-top: 40px !important;
9363
- }
9364
- .uk-margin-large-bottom {
9365
- margin-bottom: 40px !important;
9401
+ margin-top: 40px;
9366
9402
  }
9367
- .uk-margin-large-left {
9368
- margin-left: 40px !important;
9403
+ .uk-margin-xlarge {
9404
+ margin-bottom: 70px;
9369
9405
  }
9370
- .uk-margin-large-right {
9371
- margin-right: 40px !important;
9406
+ * + .uk-margin-xlarge {
9407
+ margin-top: 70px;
9372
9408
  }
9373
9409
  /* Desktop and bigger */
9374
9410
  @media (min-width: 1200px) {
@@ -9376,200 +9412,292 @@ iframe[data-uk-cover] {
9376
9412
  margin-bottom: 70px;
9377
9413
  }
9378
9414
  * + .uk-margin-large {
9379
- margin-top: 70px !important;
9415
+ margin-top: 70px;
9380
9416
  }
9381
- .uk-margin-large-top {
9382
- margin-top: 70px !important;
9417
+ .uk-margin-xlarge {
9418
+ margin-bottom: 140px;
9383
9419
  }
9384
- .uk-margin-large-bottom {
9385
- margin-bottom: 70px !important;
9420
+ * + .uk-margin-xlarge {
9421
+ margin-top: 140px;
9386
9422
  }
9387
- .uk-margin-large-left {
9388
- margin-left: 70px !important;
9423
+ }
9424
+ /*
9425
+ * Auto
9426
+ */
9427
+ .uk-margin-auto-vertical {
9428
+ margin-top: auto;
9429
+ margin-bottom: auto;
9430
+ }
9431
+ .uk-margin-auto-vertical-gap {
9432
+ margin-bottom: auto;
9433
+ }
9434
+ * + .uk-margin-auto-vertical-gap {
9435
+ margin-top: auto;
9436
+ }
9437
+ .uk-margin-auto {
9438
+ margin-left: auto;
9439
+ margin-right: auto;
9440
+ }
9441
+ /* Phone landscape and bigger */
9442
+ @media (min-width: 640px) {
9443
+ .uk-margin-auto\@s {
9444
+ margin-left: auto;
9445
+ margin-right: auto;
9389
9446
  }
9390
- .uk-margin-large-right {
9391
- margin-right: 70px !important;
9447
+ }
9448
+ /* Tablet landscape and bigger */
9449
+ @media (min-width: 960px) {
9450
+ .uk-margin-auto\@m {
9451
+ margin-left: auto;
9452
+ margin-right: auto;
9453
+ }
9454
+ }
9455
+ /* Desktop and bigger */
9456
+ @media (min-width: 1200px) {
9457
+ .uk-margin-auto\@l {
9458
+ margin-left: auto;
9459
+ margin-right: auto;
9460
+ }
9461
+ }
9462
+ /* Large screen and bigger */
9463
+ @media (min-width: 1600px) {
9464
+ .uk-margin-auto\@xl {
9465
+ margin-left: auto;
9466
+ margin-right: auto;
9392
9467
  }
9393
9468
  }
9394
- /* XLarge
9395
- ========================================================================== */
9396
- .uk-margin-xlarge {
9397
- margin-bottom: 70px;
9469
+ /*
9470
+ * Remove
9471
+ */
9472
+ .uk-margin-remove {
9473
+ margin: 0;
9474
+ }
9475
+ .uk-margin-remove-vertical {
9476
+ margin-top: 0;
9477
+ margin-bottom: 0;
9478
+ }
9479
+ /* One direction
9480
+ ========================================================================== */
9481
+ /*
9482
+ * Sizes
9483
+ */
9484
+ .uk-margin-top {
9485
+ margin-top: 20px;
9486
+ }
9487
+ .uk-margin-bottom {
9488
+ margin-bottom: 20px;
9489
+ }
9490
+ .uk-margin-left {
9491
+ margin-left: 20px;
9492
+ }
9493
+ .uk-margin-right {
9494
+ margin-right: 20px;
9495
+ }
9496
+ .uk-margin-xsmall-top {
9497
+ margin-top: 5px;
9498
+ }
9499
+ .uk-margin-xsmall-bottom {
9500
+ margin-bottom: 5px;
9501
+ }
9502
+ .uk-margin-xsmall-left {
9503
+ margin-left: 5px;
9504
+ }
9505
+ .uk-margin-xsmall-right {
9506
+ margin-right: 5px;
9507
+ }
9508
+ .uk-margin-small-top {
9509
+ margin-top: 10px;
9510
+ }
9511
+ .uk-margin-small-bottom {
9512
+ margin-bottom: 10px;
9513
+ }
9514
+ .uk-margin-small-left {
9515
+ margin-left: 10px;
9516
+ }
9517
+ .uk-margin-small-right {
9518
+ margin-right: 10px;
9519
+ }
9520
+ .uk-margin-medium-top {
9521
+ margin-top: 40px;
9522
+ }
9523
+ .uk-margin-medium-bottom {
9524
+ margin-bottom: 40px;
9525
+ }
9526
+ .uk-margin-medium-left {
9527
+ margin-left: 40px;
9398
9528
  }
9399
- * + .uk-margin-xlarge {
9400
- margin-top: 70px !important;
9529
+ .uk-margin-medium-right {
9530
+ margin-right: 40px;
9531
+ }
9532
+ .uk-margin-large-top {
9533
+ margin-top: 40px;
9534
+ }
9535
+ .uk-margin-large-bottom {
9536
+ margin-bottom: 40px;
9537
+ }
9538
+ .uk-margin-large-left {
9539
+ margin-left: 40px;
9540
+ }
9541
+ .uk-margin-large-right {
9542
+ margin-right: 40px;
9401
9543
  }
9402
9544
  .uk-margin-xlarge-top {
9403
- margin-top: 70px !important;
9545
+ margin-top: 70px;
9404
9546
  }
9405
9547
  .uk-margin-xlarge-bottom {
9406
- margin-bottom: 70px !important;
9548
+ margin-bottom: 70px;
9407
9549
  }
9408
9550
  .uk-margin-xlarge-left {
9409
- margin-left: 70px !important;
9551
+ margin-left: 70px;
9410
9552
  }
9411
9553
  .uk-margin-xlarge-right {
9412
- margin-right: 70px !important;
9554
+ margin-right: 70px;
9413
9555
  }
9414
9556
  /* Desktop and bigger */
9415
9557
  @media (min-width: 1200px) {
9416
- .uk-margin-xlarge {
9417
- margin-bottom: 140px;
9558
+ .uk-margin-large-top {
9559
+ margin-top: 70px;
9418
9560
  }
9419
- * + .uk-margin-xlarge {
9420
- margin-top: 140px !important;
9561
+ .uk-margin-large-bottom {
9562
+ margin-bottom: 70px;
9563
+ }
9564
+ .uk-margin-large-left {
9565
+ margin-left: 70px;
9566
+ }
9567
+ .uk-margin-large-right {
9568
+ margin-right: 70px;
9421
9569
  }
9422
9570
  .uk-margin-xlarge-top {
9423
- margin-top: 140px !important;
9571
+ margin-top: 140px;
9424
9572
  }
9425
9573
  .uk-margin-xlarge-bottom {
9426
- margin-bottom: 140px !important;
9574
+ margin-bottom: 140px;
9427
9575
  }
9428
9576
  .uk-margin-xlarge-left {
9429
- margin-left: 140px !important;
9577
+ margin-left: 140px;
9430
9578
  }
9431
9579
  .uk-margin-xlarge-right {
9432
- margin-right: 140px !important;
9580
+ margin-right: 140px;
9433
9581
  }
9434
9582
  }
9435
- /* Auto
9436
- ========================================================================== */
9437
- .uk-margin-auto {
9438
- margin-left: auto !important;
9439
- margin-right: auto !important;
9440
- }
9583
+ /*
9584
+ * Auto
9585
+ */
9441
9586
  .uk-margin-auto-top {
9442
- margin-top: auto !important;
9587
+ margin-top: auto;
9443
9588
  }
9444
9589
  .uk-margin-auto-bottom {
9445
- margin-bottom: auto !important;
9590
+ margin-bottom: auto;
9446
9591
  }
9447
9592
  .uk-margin-auto-left {
9448
- margin-left: auto !important;
9593
+ margin-left: auto;
9449
9594
  }
9450
9595
  .uk-margin-auto-right {
9451
- margin-right: auto !important;
9452
- }
9453
- .uk-margin-auto-vertical {
9454
- margin-top: auto !important;
9455
- margin-bottom: auto !important;
9596
+ margin-right: auto;
9456
9597
  }
9457
9598
  /* Phone landscape and bigger */
9458
9599
  @media (min-width: 640px) {
9459
- .uk-margin-auto\@s {
9460
- margin-left: auto !important;
9461
- margin-right: auto !important;
9462
- }
9463
9600
  .uk-margin-auto-left\@s {
9464
- margin-left: auto !important;
9601
+ margin-left: auto;
9465
9602
  }
9466
9603
  .uk-margin-auto-right\@s {
9467
- margin-right: auto !important;
9604
+ margin-right: auto;
9468
9605
  }
9469
9606
  }
9470
9607
  /* Tablet landscape and bigger */
9471
9608
  @media (min-width: 960px) {
9472
- .uk-margin-auto\@m {
9473
- margin-left: auto !important;
9474
- margin-right: auto !important;
9475
- }
9476
9609
  .uk-margin-auto-left\@m {
9477
- margin-left: auto !important;
9610
+ margin-left: auto;
9478
9611
  }
9479
9612
  .uk-margin-auto-right\@m {
9480
- margin-right: auto !important;
9613
+ margin-right: auto;
9481
9614
  }
9482
9615
  }
9483
9616
  /* Desktop and bigger */
9484
9617
  @media (min-width: 1200px) {
9485
- .uk-margin-auto\@l {
9486
- margin-left: auto !important;
9487
- margin-right: auto !important;
9488
- }
9489
9618
  .uk-margin-auto-left\@l {
9490
- margin-left: auto !important;
9619
+ margin-left: auto;
9491
9620
  }
9492
9621
  .uk-margin-auto-right\@l {
9493
- margin-right: auto !important;
9622
+ margin-right: auto;
9494
9623
  }
9495
9624
  }
9496
9625
  /* Large screen and bigger */
9497
9626
  @media (min-width: 1600px) {
9498
- .uk-margin-auto\@xl {
9499
- margin-left: auto !important;
9500
- margin-right: auto !important;
9501
- }
9502
9627
  .uk-margin-auto-left\@xl {
9503
- margin-left: auto !important;
9628
+ margin-left: auto;
9504
9629
  }
9505
9630
  .uk-margin-auto-right\@xl {
9506
- margin-right: auto !important;
9631
+ margin-right: auto;
9507
9632
  }
9508
9633
  }
9509
- /* Remove
9510
- ========================================================================== */
9511
- .uk-margin-remove {
9512
- margin: 0 !important;
9513
- }
9634
+ /*
9635
+ * Remove
9636
+ */
9514
9637
  .uk-margin-remove-top {
9515
- margin-top: 0 !important;
9638
+ margin-top: 0;
9516
9639
  }
9517
9640
  .uk-margin-remove-bottom {
9518
- margin-bottom: 0 !important;
9641
+ margin-bottom: 0;
9519
9642
  }
9520
9643
  .uk-margin-remove-left {
9521
- margin-left: 0 !important;
9644
+ margin-left: 0;
9522
9645
  }
9523
9646
  .uk-margin-remove-right {
9524
- margin-right: 0 !important;
9525
- }
9526
- .uk-margin-remove-vertical {
9527
- margin-top: 0 !important;
9528
- margin-bottom: 0 !important;
9647
+ margin-right: 0;
9529
9648
  }
9530
9649
  .uk-margin-remove-adjacent + *,
9531
9650
  .uk-margin-remove-first-child > :first-child {
9532
- margin-top: 0 !important;
9651
+ margin-top: 0;
9533
9652
  }
9534
9653
  .uk-margin-remove-last-child > :last-child {
9535
- margin-bottom: 0 !important;
9654
+ margin-bottom: 0;
9536
9655
  }
9537
9656
  /* Phone landscape and bigger */
9538
9657
  @media (min-width: 640px) {
9539
9658
  .uk-margin-remove-left\@s {
9540
- margin-left: 0 !important;
9659
+ margin-left: 0;
9541
9660
  }
9542
9661
  .uk-margin-remove-right\@s {
9543
- margin-right: 0 !important;
9662
+ margin-right: 0;
9544
9663
  }
9545
9664
  }
9546
9665
  /* Tablet landscape and bigger */
9547
9666
  @media (min-width: 960px) {
9548
9667
  .uk-margin-remove-left\@m {
9549
- margin-left: 0 !important;
9668
+ margin-left: 0;
9550
9669
  }
9551
9670
  .uk-margin-remove-right\@m {
9552
- margin-right: 0 !important;
9671
+ margin-right: 0;
9553
9672
  }
9554
9673
  }
9555
9674
  /* Desktop and bigger */
9556
9675
  @media (min-width: 1200px) {
9557
9676
  .uk-margin-remove-left\@l {
9558
- margin-left: 0 !important;
9677
+ margin-left: 0;
9559
9678
  }
9560
9679
  .uk-margin-remove-right\@l {
9561
- margin-right: 0 !important;
9680
+ margin-right: 0;
9562
9681
  }
9563
9682
  }
9564
9683
  /* Large screen and bigger */
9565
9684
  @media (min-width: 1600px) {
9566
9685
  .uk-margin-remove-left\@xl {
9567
- margin-left: 0 !important;
9686
+ margin-left: 0;
9568
9687
  }
9569
9688
  .uk-margin-remove-right\@xl {
9570
- margin-right: 0 !important;
9689
+ margin-right: 0;
9571
9690
  }
9572
9691
  }
9692
+ /*
9693
+ * Trim
9694
+ */
9695
+ .uk-margin-trim-block > :first-child {
9696
+ margin-top: 0;
9697
+ }
9698
+ .uk-margin-trim-block > :last-child {
9699
+ margin-bottom: 0;
9700
+ }
9573
9701
  /* ========================================================================
9574
9702
  Component: Padding
9575
9703
  ========================================================================== */
@@ -9601,27 +9729,27 @@ iframe[data-uk-cover] {
9601
9729
  /* Remove
9602
9730
  ========================================================================== */
9603
9731
  .uk-padding-remove {
9604
- padding: 0 !important;
9732
+ padding: 0;
9605
9733
  }
9606
9734
  .uk-padding-remove-top {
9607
- padding-top: 0 !important;
9735
+ padding-top: 0;
9608
9736
  }
9609
9737
  .uk-padding-remove-bottom {
9610
- padding-bottom: 0 !important;
9738
+ padding-bottom: 0;
9611
9739
  }
9612
9740
  .uk-padding-remove-left {
9613
- padding-left: 0 !important;
9741
+ padding-left: 0;
9614
9742
  }
9615
9743
  .uk-padding-remove-right {
9616
- padding-right: 0 !important;
9744
+ padding-right: 0;
9617
9745
  }
9618
9746
  .uk-padding-remove-vertical {
9619
- padding-top: 0 !important;
9620
- padding-bottom: 0 !important;
9747
+ padding-top: 0;
9748
+ padding-bottom: 0;
9621
9749
  }
9622
9750
  .uk-padding-remove-horizontal {
9623
- padding-left: 0 !important;
9624
- padding-right: 0 !important;
9751
+ padding-left: 0;
9752
+ padding-right: 0;
9625
9753
  }
9626
9754
  /* ========================================================================
9627
9755
  Component: Position
@@ -11535,6 +11663,192 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11535
11663
  .uk-offcanvas-bar .uk-form-icon:hover {
11536
11664
  color: rgba(255, 255, 255, 0.7);
11537
11665
  }
11666
+ .uk-light .uk-search-input,
11667
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-input,
11668
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
11669
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
11670
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
11671
+ .uk-card-primary.uk-card-body .uk-search-input,
11672
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
11673
+ .uk-card-secondary.uk-card-body .uk-search-input,
11674
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
11675
+ .uk-overlay-primary .uk-search-input,
11676
+ .uk-offcanvas-bar .uk-search-input {
11677
+ color: rgba(255, 255, 255, 0.7);
11678
+ }
11679
+ .uk-light .uk-search-input::placeholder,
11680
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11681
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11682
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11683
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11684
+ .uk-card-primary.uk-card-body .uk-search-input::placeholder,
11685
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11686
+ .uk-card-secondary.uk-card-body .uk-search-input::placeholder,
11687
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11688
+ .uk-overlay-primary .uk-search-input::placeholder,
11689
+ .uk-offcanvas-bar .uk-search-input::placeholder {
11690
+ color: rgba(255, 255, 255, 0.5);
11691
+ }
11692
+ .uk-light .uk-search .uk-search-icon,
11693
+ .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11694
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11695
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11696
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11697
+ .uk-card-primary.uk-card-body .uk-search .uk-search-icon,
11698
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11699
+ .uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
11700
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11701
+ .uk-overlay-primary .uk-search .uk-search-icon,
11702
+ .uk-offcanvas-bar .uk-search .uk-search-icon {
11703
+ color: rgba(255, 255, 255, 0.5);
11704
+ }
11705
+ .uk-light .uk-search .uk-search-icon:hover,
11706
+ .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11707
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11708
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11709
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11710
+ .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
11711
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11712
+ .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
11713
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11714
+ .uk-overlay-primary .uk-search .uk-search-icon:hover,
11715
+ .uk-offcanvas-bar .uk-search .uk-search-icon:hover {
11716
+ color: rgba(255, 255, 255, 0.5);
11717
+ }
11718
+ .uk-light .uk-search-default .uk-search-input,
11719
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11720
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11721
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11722
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11723
+ .uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
11724
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11725
+ .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
11726
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11727
+ .uk-overlay-primary .uk-search-default .uk-search-input,
11728
+ .uk-offcanvas-bar .uk-search-default .uk-search-input {
11729
+ background-color: transparent;
11730
+ border-color: rgba(255, 255, 255, 0.2);
11731
+ }
11732
+ .uk-light .uk-search-default .uk-search-input:focus,
11733
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11734
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11735
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11736
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11737
+ .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
11738
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11739
+ .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
11740
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11741
+ .uk-overlay-primary .uk-search-default .uk-search-input:focus,
11742
+ .uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
11743
+ background-color: rgba(0, 0, 0, 0.05);
11744
+ }
11745
+ .uk-light .uk-search-navbar .uk-search-input,
11746
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11747
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11748
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11749
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11750
+ .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
11751
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11752
+ .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
11753
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11754
+ .uk-overlay-primary .uk-search-navbar .uk-search-input,
11755
+ .uk-offcanvas-bar .uk-search-navbar .uk-search-input {
11756
+ background-color: transparent;
11757
+ border-color: rgba(255, 255, 255, 0.2);
11758
+ }
11759
+ .uk-light .uk-search-navbar .uk-search-input:focus,
11760
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11761
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11762
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11763
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11764
+ .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11765
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11766
+ .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11767
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11768
+ .uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
11769
+ .uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
11770
+ background-color: rgba(0, 0, 0, 0.05);
11771
+ }
11772
+ .uk-light .uk-search-medium .uk-search-input,
11773
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11774
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11775
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11776
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11777
+ .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
11778
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11779
+ .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
11780
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11781
+ .uk-overlay-primary .uk-search-medium .uk-search-input,
11782
+ .uk-offcanvas-bar .uk-search-medium .uk-search-input {
11783
+ background-color: transparent;
11784
+ border-color: rgba(255, 255, 255, 0.2);
11785
+ }
11786
+ .uk-light .uk-search-medium .uk-search-input:focus,
11787
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11788
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11789
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11790
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11791
+ .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,
11792
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11793
+ .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,
11794
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11795
+ .uk-overlay-primary .uk-search-medium .uk-search-input:focus,
11796
+ .uk-offcanvas-bar .uk-search-medium .uk-search-input:focus {
11797
+ background-color: rgba(0, 0, 0, 0.05);
11798
+ }
11799
+ .uk-light .uk-search-large .uk-search-input,
11800
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11801
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11802
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11803
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11804
+ .uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
11805
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11806
+ .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
11807
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11808
+ .uk-overlay-primary .uk-search-large .uk-search-input,
11809
+ .uk-offcanvas-bar .uk-search-large .uk-search-input {
11810
+ background-color: transparent;
11811
+ border-color: rgba(255, 255, 255, 0.2);
11812
+ }
11813
+ .uk-light .uk-search-large .uk-search-input:focus,
11814
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11815
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11816
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11817
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11818
+ .uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,
11819
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11820
+ .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,
11821
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11822
+ .uk-overlay-primary .uk-search-large .uk-search-input:focus,
11823
+ .uk-offcanvas-bar .uk-search-large .uk-search-input:focus {
11824
+ background-color: rgba(0, 0, 0, 0.05);
11825
+ }
11826
+ .uk-light .uk-search-toggle,
11827
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
11828
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
11829
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
11830
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
11831
+ .uk-card-primary.uk-card-body .uk-search-toggle,
11832
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
11833
+ .uk-card-secondary.uk-card-body .uk-search-toggle,
11834
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
11835
+ .uk-overlay-primary .uk-search-toggle,
11836
+ .uk-offcanvas-bar .uk-search-toggle {
11837
+ color: rgba(255, 255, 255, 0.5);
11838
+ }
11839
+ .uk-light .uk-search-toggle:hover,
11840
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11841
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11842
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11843
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11844
+ .uk-card-primary.uk-card-body .uk-search-toggle:hover,
11845
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11846
+ .uk-card-secondary.uk-card-body .uk-search-toggle:hover,
11847
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11848
+ .uk-overlay-primary .uk-search-toggle:hover,
11849
+ .uk-offcanvas-bar .uk-search-toggle:hover {
11850
+ color: rgba(255, 255, 255, 0.7);
11851
+ }
11538
11852
  .uk-light .uk-button-default,
11539
11853
  .uk-section-primary:not(.uk-preserve-color) .uk-button-default,
11540
11854
  .uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
@@ -11922,192 +12236,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11922
12236
  .uk-offcanvas-bar .uk-article-meta {
11923
12237
  color: rgba(255, 255, 255, 0.5);
11924
12238
  }
11925
- .uk-light .uk-search-input,
11926
- .uk-section-primary:not(.uk-preserve-color) .uk-search-input,
11927
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
11928
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
11929
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
11930
- .uk-card-primary.uk-card-body .uk-search-input,
11931
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
11932
- .uk-card-secondary.uk-card-body .uk-search-input,
11933
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
11934
- .uk-overlay-primary .uk-search-input,
11935
- .uk-offcanvas-bar .uk-search-input {
11936
- color: rgba(255, 255, 255, 0.7);
11937
- }
11938
- .uk-light .uk-search-input::placeholder,
11939
- .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11940
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11941
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11942
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11943
- .uk-card-primary.uk-card-body .uk-search-input::placeholder,
11944
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11945
- .uk-card-secondary.uk-card-body .uk-search-input::placeholder,
11946
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11947
- .uk-overlay-primary .uk-search-input::placeholder,
11948
- .uk-offcanvas-bar .uk-search-input::placeholder {
11949
- color: rgba(255, 255, 255, 0.5);
11950
- }
11951
- .uk-light .uk-search .uk-search-icon,
11952
- .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11953
- .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11954
- .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11955
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11956
- .uk-card-primary.uk-card-body .uk-search .uk-search-icon,
11957
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11958
- .uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
11959
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11960
- .uk-overlay-primary .uk-search .uk-search-icon,
11961
- .uk-offcanvas-bar .uk-search .uk-search-icon {
11962
- color: rgba(255, 255, 255, 0.5);
11963
- }
11964
- .uk-light .uk-search .uk-search-icon:hover,
11965
- .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11966
- .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11967
- .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11968
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11969
- .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
11970
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11971
- .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
11972
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11973
- .uk-overlay-primary .uk-search .uk-search-icon:hover,
11974
- .uk-offcanvas-bar .uk-search .uk-search-icon:hover {
11975
- color: rgba(255, 255, 255, 0.5);
11976
- }
11977
- .uk-light .uk-search-default .uk-search-input,
11978
- .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11979
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11980
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11981
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11982
- .uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
11983
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11984
- .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
11985
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11986
- .uk-overlay-primary .uk-search-default .uk-search-input,
11987
- .uk-offcanvas-bar .uk-search-default .uk-search-input {
11988
- background-color: transparent;
11989
- border-color: rgba(255, 255, 255, 0.2);
11990
- }
11991
- .uk-light .uk-search-default .uk-search-input:focus,
11992
- .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11993
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11994
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11995
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11996
- .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
11997
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11998
- .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
11999
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
12000
- .uk-overlay-primary .uk-search-default .uk-search-input:focus,
12001
- .uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
12002
- background-color: rgba(0, 0, 0, 0.05);
12003
- }
12004
- .uk-light .uk-search-navbar .uk-search-input,
12005
- .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
12006
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
12007
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
12008
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
12009
- .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
12010
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
12011
- .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
12012
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
12013
- .uk-overlay-primary .uk-search-navbar .uk-search-input,
12014
- .uk-offcanvas-bar .uk-search-navbar .uk-search-input {
12015
- background-color: transparent;
12016
- border-color: rgba(255, 255, 255, 0.2);
12017
- }
12018
- .uk-light .uk-search-navbar .uk-search-input:focus,
12019
- .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
12020
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
12021
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
12022
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
12023
- .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
12024
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
12025
- .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
12026
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
12027
- .uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
12028
- .uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
12029
- background-color: rgba(0, 0, 0, 0.05);
12030
- }
12031
- .uk-light .uk-search-medium .uk-search-input,
12032
- .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
12033
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
12034
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
12035
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
12036
- .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
12037
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
12038
- .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
12039
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
12040
- .uk-overlay-primary .uk-search-medium .uk-search-input,
12041
- .uk-offcanvas-bar .uk-search-medium .uk-search-input {
12042
- background-color: transparent;
12043
- border-color: rgba(255, 255, 255, 0.2);
12044
- }
12045
- .uk-light .uk-search-medium .uk-search-input:focus,
12046
- .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
12047
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
12048
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
12049
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
12050
- .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,
12051
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
12052
- .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,
12053
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
12054
- .uk-overlay-primary .uk-search-medium .uk-search-input:focus,
12055
- .uk-offcanvas-bar .uk-search-medium .uk-search-input:focus {
12056
- background-color: rgba(0, 0, 0, 0.05);
12057
- }
12058
- .uk-light .uk-search-large .uk-search-input,
12059
- .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
12060
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
12061
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
12062
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
12063
- .uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
12064
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
12065
- .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
12066
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
12067
- .uk-overlay-primary .uk-search-large .uk-search-input,
12068
- .uk-offcanvas-bar .uk-search-large .uk-search-input {
12069
- background-color: transparent;
12070
- border-color: rgba(255, 255, 255, 0.2);
12071
- }
12072
- .uk-light .uk-search-large .uk-search-input:focus,
12073
- .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
12074
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
12075
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
12076
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
12077
- .uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,
12078
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
12079
- .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,
12080
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
12081
- .uk-overlay-primary .uk-search-large .uk-search-input:focus,
12082
- .uk-offcanvas-bar .uk-search-large .uk-search-input:focus {
12083
- background-color: rgba(0, 0, 0, 0.05);
12084
- }
12085
- .uk-light .uk-search-toggle,
12086
- .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
12087
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
12088
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
12089
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
12090
- .uk-card-primary.uk-card-body .uk-search-toggle,
12091
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
12092
- .uk-card-secondary.uk-card-body .uk-search-toggle,
12093
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
12094
- .uk-overlay-primary .uk-search-toggle,
12095
- .uk-offcanvas-bar .uk-search-toggle {
12096
- color: rgba(255, 255, 255, 0.5);
12097
- }
12098
- .uk-light .uk-search-toggle:hover,
12099
- .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
12100
- .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
12101
- .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
12102
- .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
12103
- .uk-card-primary.uk-card-body .uk-search-toggle:hover,
12104
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
12105
- .uk-card-secondary.uk-card-body .uk-search-toggle:hover,
12106
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
12107
- .uk-overlay-primary .uk-search-toggle:hover,
12108
- .uk-offcanvas-bar .uk-search-toggle:hover {
12109
- color: rgba(255, 255, 255, 0.7);
12110
- }
12111
12239
  .uk-light .uk-accordion-default .uk-accordion-title,
12112
12240
  .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
12113
12241
  .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
@@ -12212,17 +12340,17 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
12212
12340
  .uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before {
12213
12341
  border-left-color: rgba(255, 255, 255, 0.2);
12214
12342
  }
12215
- .uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12216
- .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12217
- .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12218
- .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12219
- .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12220
- .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12221
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12222
- .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12223
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12224
- .uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
12225
- .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
12343
+ .uk-light .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12344
+ .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12345
+ .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12346
+ .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12347
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12348
+ .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12349
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12350
+ .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12351
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12352
+ .uk-overlay-primary .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
12353
+ .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
12226
12354
  border-top-color: rgba(255, 255, 255, 0.2);
12227
12355
  }
12228
12356
  .uk-light .uk-nav-default > li > a,
@@ -13090,6 +13218,58 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
13090
13218
  background-color: rgba(255, 255, 255, 0.9);
13091
13219
  border-color: transparent;
13092
13220
  }
13221
+ .uk-light .uk-logo,
13222
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo,
13223
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo,
13224
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo,
13225
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
13226
+ .uk-card-primary.uk-card-body .uk-logo,
13227
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
13228
+ .uk-card-secondary.uk-card-body .uk-logo,
13229
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
13230
+ .uk-overlay-primary .uk-logo,
13231
+ .uk-offcanvas-bar .uk-logo {
13232
+ color: #fff;
13233
+ }
13234
+ .uk-light .uk-logo:hover,
13235
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
13236
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
13237
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
13238
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
13239
+ .uk-card-primary.uk-card-body .uk-logo:hover,
13240
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
13241
+ .uk-card-secondary.uk-card-body .uk-logo:hover,
13242
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
13243
+ .uk-overlay-primary .uk-logo:hover,
13244
+ .uk-offcanvas-bar .uk-logo:hover {
13245
+ color: #fff;
13246
+ }
13247
+ .uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
13248
+ .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]),
13249
+ .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]),
13250
+ .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]),
13251
+ .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]),
13252
+ .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]),
13253
+ .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]),
13254
+ .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]),
13255
+ .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]),
13256
+ .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]),
13257
+ .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]) {
13258
+ display: none;
13259
+ }
13260
+ .uk-light .uk-logo-inverse:not([uk-svg]),
13261
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
13262
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
13263
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
13264
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
13265
+ .uk-card-primary.uk-card-body .uk-logo-inverse:not([uk-svg]),
13266
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
13267
+ .uk-card-secondary.uk-card-body .uk-logo-inverse:not([uk-svg]),
13268
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
13269
+ .uk-overlay-primary .uk-logo-inverse:not([uk-svg]),
13270
+ .uk-offcanvas-bar .uk-logo-inverse:not([uk-svg]) {
13271
+ display: block;
13272
+ }
13093
13273
  .uk-light .uk-text-lead,
13094
13274
  .uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
13095
13275
  .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
@@ -13181,58 +13361,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
13181
13361
  .uk-offcanvas-bar .uk-column-divider {
13182
13362
  column-rule-color: rgba(255, 255, 255, 0.2);
13183
13363
  }
13184
- .uk-light .uk-logo,
13185
- .uk-section-primary:not(.uk-preserve-color) .uk-logo,
13186
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo,
13187
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo,
13188
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
13189
- .uk-card-primary.uk-card-body .uk-logo,
13190
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
13191
- .uk-card-secondary.uk-card-body .uk-logo,
13192
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
13193
- .uk-overlay-primary .uk-logo,
13194
- .uk-offcanvas-bar .uk-logo {
13195
- color: #fff;
13196
- }
13197
- .uk-light .uk-logo:hover,
13198
- .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
13199
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
13200
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
13201
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
13202
- .uk-card-primary.uk-card-body .uk-logo:hover,
13203
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
13204
- .uk-card-secondary.uk-card-body .uk-logo:hover,
13205
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
13206
- .uk-overlay-primary .uk-logo:hover,
13207
- .uk-offcanvas-bar .uk-logo:hover {
13208
- color: #fff;
13209
- }
13210
- .uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13211
- .uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13212
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13213
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13214
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13215
- .uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13216
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13217
- .uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13218
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13219
- .uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
13220
- .uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) {
13221
- display: none;
13222
- }
13223
- .uk-light .uk-logo-inverse,
13224
- .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
13225
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
13226
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
13227
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse,
13228
- .uk-card-primary.uk-card-body .uk-logo-inverse,
13229
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse,
13230
- .uk-card-secondary.uk-card-body .uk-logo-inverse,
13231
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse,
13232
- .uk-overlay-primary .uk-logo-inverse,
13233
- .uk-offcanvas-bar .uk-logo-inverse {
13234
- display: block;
13235
- }
13236
13364
  .uk-light .uk-table-striped > tr:nth-of-type(even):last-child,
13237
13365
  .uk-light .uk-table-striped tbody tr:nth-of-type(even):last-child,
13238
13366
  .uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child,