uikit 3.25.18-dev.9fa57fb → 3.25.18-dev.f49c4ef

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 (202) hide show
  1. package/CHANGELOG.md +32 -2
  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 +942 -820
  7. package/dist/css/uikit-core-rtl.min.css +1 -1
  8. package/dist/css/uikit-core.css +942 -820
  9. package/dist/css/uikit-core.min.css +1 -1
  10. package/dist/css/uikit-rtl.css +1039 -917
  11. package/dist/css/uikit-rtl.min.css +1 -1
  12. package/dist/css/uikit.css +1039 -917
  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 +43 -27
  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 +629 -376
  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/slider.js +2 -2
  61. package/src/js/components/tooltip.js +4 -2
  62. package/src/js/core/accordion.js +78 -29
  63. package/src/js/core/drop.js +5 -4
  64. package/src/js/core/dropnav.js +3 -3
  65. package/src/js/core/grid.js +5 -19
  66. package/src/js/core/height-match.js +1 -2
  67. package/src/js/core/margin.js +3 -0
  68. package/src/js/core/overflow-fade.js +5 -5
  69. package/src/js/core/sticky.js +1 -1
  70. package/src/js/core/switcher.js +24 -44
  71. package/src/js/core/video.js +172 -15
  72. package/src/js/mixin/connect.js +55 -0
  73. package/src/js/mixin/internal/slideshow-animations.js +5 -13
  74. package/src/js/mixin/internal/slideshow-transitioner.js +2 -2
  75. package/src/js/mixin/modal.js +4 -3
  76. package/src/js/mixin/parallax.js +1 -4
  77. package/src/js/mixin/position.js +1 -1
  78. package/src/js/mixin/scroll-driven.js +57 -0
  79. package/src/js/mixin/slider-nav.js +1 -1
  80. package/src/js/mixin/slider-parallax.js +9 -38
  81. package/src/js/mixin/togglable.js +13 -14
  82. package/src/js/util/attr.js +7 -7
  83. package/src/js/util/class.js +1 -1
  84. package/src/js/util/dom.js +3 -4
  85. package/src/js/util/lang.js +1 -1
  86. package/src/js/util/player.js +4 -4
  87. package/src/js/util/style.js +10 -15
  88. package/src/js/util/viewport.js +22 -25
  89. package/src/less/components/_import.less +6 -1
  90. package/src/less/components/base.less +1 -1
  91. package/src/less/components/button.less +1 -1
  92. package/src/less/components/dropcap.less +71 -0
  93. package/src/less/components/floating-shadow.less +66 -0
  94. package/src/less/components/form.less +5 -5
  95. package/src/less/components/grid.less +57 -64
  96. package/src/less/components/logo.less +94 -0
  97. package/src/less/components/margin.less +152 -124
  98. package/src/less/components/marquee.less +133 -0
  99. package/src/less/components/nav.less +1 -1
  100. package/src/less/components/padding.less +9 -9
  101. package/src/less/components/text.less +6 -0
  102. package/src/less/components/utility.less +0 -163
  103. package/src/less/theme/_import.less +5 -1
  104. package/src/less/theme/dropcap.less +29 -0
  105. package/src/less/theme/floating-shadow.less +20 -0
  106. package/src/less/theme/logo.less +29 -0
  107. package/src/less/theme/marquee.less +14 -0
  108. package/src/less/theme/utility.less +0 -32
  109. package/src/scss/components/_import.scss +6 -1
  110. package/src/scss/components/base.scss +1 -1
  111. package/src/scss/components/button.scss +1 -1
  112. package/src/scss/components/dropcap.scss +63 -0
  113. package/src/scss/components/floating-shadow.scss +63 -0
  114. package/src/scss/components/form.scss +5 -5
  115. package/src/scss/components/grid.scss +57 -64
  116. package/src/scss/components/logo.scss +75 -0
  117. package/src/scss/components/margin.scss +152 -124
  118. package/src/scss/components/marquee.scss +136 -0
  119. package/src/scss/components/nav.scss +1 -1
  120. package/src/scss/components/padding.scss +9 -9
  121. package/src/scss/components/text.scss +6 -0
  122. package/src/scss/components/utility.scss +0 -129
  123. package/src/scss/mixins-theme.scss +41 -32
  124. package/src/scss/mixins.scss +38 -29
  125. package/src/scss/variables-theme.scss +14 -14
  126. package/src/scss/variables.scss +14 -14
  127. package/tests/accordion.html +77 -10
  128. package/tests/alert.html +1 -1
  129. package/tests/align.html +5 -5
  130. package/tests/animation.html +4 -4
  131. package/tests/article.html +7 -7
  132. package/tests/background.html +2 -2
  133. package/tests/badge.html +1 -1
  134. package/tests/base.html +2 -2
  135. package/tests/button.html +1 -1
  136. package/tests/card.html +15 -15
  137. package/tests/close.html +2 -2
  138. package/tests/comment.html +9 -9
  139. package/tests/container.html +2 -2
  140. package/tests/countdown.html +21 -21
  141. package/tests/cover.html +3 -3
  142. package/tests/description-list.html +1 -1
  143. package/tests/divider.html +3 -3
  144. package/tests/dotnav.html +1 -1
  145. package/tests/drop.html +7 -7
  146. package/tests/dropbar.html +5 -5
  147. package/tests/dropcap.html +26 -0
  148. package/tests/dropdown.html +1 -1
  149. package/tests/dropnav.html +18 -18
  150. package/tests/filter.html +3 -3
  151. package/tests/floating-shadow.html +44 -0
  152. package/tests/form.html +14 -14
  153. package/tests/grid.html +41 -47
  154. package/tests/heading.html +2 -2
  155. package/tests/height-viewport.html +4 -4
  156. package/tests/height.html +5 -5
  157. package/tests/icon.html +8 -8
  158. package/tests/image.html +6 -6
  159. package/tests/index.html +13 -13
  160. package/tests/js/index.js +1 -1
  161. package/tests/leader.html +5 -5
  162. package/tests/lightbox.html +6 -6
  163. package/tests/link.html +1 -1
  164. package/tests/list.html +4 -4
  165. package/tests/logo.html +84 -0
  166. package/tests/margin.html +7 -7
  167. package/tests/marker.html +3 -3
  168. package/tests/marquee.html +617 -0
  169. package/tests/modal.html +3 -3
  170. package/tests/nav.html +5 -5
  171. package/tests/navbar.html +27 -27
  172. package/tests/notification.html +2 -2
  173. package/tests/offcanvas.html +12 -12
  174. package/tests/overlay.html +3 -3
  175. package/tests/padding.html +1 -1
  176. package/tests/pagination.html +3 -3
  177. package/tests/parallax.html +1 -1
  178. package/tests/position.html +6 -6
  179. package/tests/scrollspy.html +12 -12
  180. package/tests/search.html +5 -5
  181. package/tests/section.html +17 -17
  182. package/tests/slidenav.html +3 -3
  183. package/tests/slider.html +5 -5
  184. package/tests/slideshow.html +33 -3
  185. package/tests/sortable.html +19 -19
  186. package/tests/sticky-navbar.html +4 -4
  187. package/tests/sticky-parallax.html +3 -3
  188. package/tests/sticky.html +3 -3
  189. package/tests/svg.html +3 -2
  190. package/tests/switcher.html +6 -6
  191. package/tests/tab.html +4 -4
  192. package/tests/text.html +3 -3
  193. package/tests/tile.html +4 -4
  194. package/tests/toggle.html +1 -1
  195. package/tests/tooltip.html +3 -3
  196. package/tests/totop.html +2 -2
  197. package/tests/transition.html +1 -1
  198. package/tests/upload.html +5 -5
  199. package/tests/utility.html +16 -116
  200. package/tests/video.html +224 -24
  201. package/tests/visibility.html +4 -4
  202. package/tests/width.html +12 -12
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.25.18-dev.9fa57fb | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
1
+ /*! UIkit 3.25.18-dev.f49c4ef | 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
3274
- ========================================================================== */
3275
- /* Sections
3481
+ Component: Floating Shadow
3276
3482
  ========================================================================== */
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;
3448
- }
3449
- /*
3450
- * Position modifier
3451
- */
3452
- .uk-search .uk-search-icon-flip {
3453
- right: 0;
3454
- left: auto;
3509
+ will-change: filter;
3455
3510
  }
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
3490
3524
  ========================================================================== */
3491
- .uk-search-navbar {
3492
- width: 240px;
3525
+ /* Style modifiers
3526
+ ========================================================================== */
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,286 @@ 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 {
9432
+ margin-left: auto;
9433
+ margin-right: auto;
9434
+ }
9435
+ /* Phone landscape and bigger */
9436
+ @media (min-width: 640px) {
9437
+ .uk-margin-auto\@s {
9438
+ margin-left: auto;
9439
+ margin-right: auto;
9389
9440
  }
9390
- .uk-margin-large-right {
9391
- margin-right: 70px !important;
9441
+ }
9442
+ /* Tablet landscape and bigger */
9443
+ @media (min-width: 960px) {
9444
+ .uk-margin-auto\@m {
9445
+ margin-left: auto;
9446
+ margin-right: auto;
9447
+ }
9448
+ }
9449
+ /* Desktop and bigger */
9450
+ @media (min-width: 1200px) {
9451
+ .uk-margin-auto\@l {
9452
+ margin-left: auto;
9453
+ margin-right: auto;
9454
+ }
9455
+ }
9456
+ /* Large screen and bigger */
9457
+ @media (min-width: 1600px) {
9458
+ .uk-margin-auto\@xl {
9459
+ margin-left: auto;
9460
+ margin-right: auto;
9392
9461
  }
9393
9462
  }
9394
- /* XLarge
9395
- ========================================================================== */
9396
- .uk-margin-xlarge {
9397
- margin-bottom: 70px;
9463
+ /*
9464
+ * Remove
9465
+ */
9466
+ .uk-margin-remove {
9467
+ margin: 0;
9468
+ }
9469
+ .uk-margin-remove-vertical {
9470
+ margin-top: 0;
9471
+ margin-bottom: 0;
9472
+ }
9473
+ /* One direction
9474
+ ========================================================================== */
9475
+ /*
9476
+ * Sizes
9477
+ */
9478
+ .uk-margin-top {
9479
+ margin-top: 20px;
9480
+ }
9481
+ .uk-margin-bottom {
9482
+ margin-bottom: 20px;
9483
+ }
9484
+ .uk-margin-left {
9485
+ margin-left: 20px;
9486
+ }
9487
+ .uk-margin-right {
9488
+ margin-right: 20px;
9489
+ }
9490
+ .uk-margin-xsmall-top {
9491
+ margin-top: 5px;
9492
+ }
9493
+ .uk-margin-xsmall-bottom {
9494
+ margin-bottom: 5px;
9495
+ }
9496
+ .uk-margin-xsmall-left {
9497
+ margin-left: 5px;
9498
+ }
9499
+ .uk-margin-xsmall-right {
9500
+ margin-right: 5px;
9501
+ }
9502
+ .uk-margin-small-top {
9503
+ margin-top: 10px;
9504
+ }
9505
+ .uk-margin-small-bottom {
9506
+ margin-bottom: 10px;
9507
+ }
9508
+ .uk-margin-small-left {
9509
+ margin-left: 10px;
9510
+ }
9511
+ .uk-margin-small-right {
9512
+ margin-right: 10px;
9513
+ }
9514
+ .uk-margin-medium-top {
9515
+ margin-top: 40px;
9516
+ }
9517
+ .uk-margin-medium-bottom {
9518
+ margin-bottom: 40px;
9519
+ }
9520
+ .uk-margin-medium-left {
9521
+ margin-left: 40px;
9398
9522
  }
9399
- * + .uk-margin-xlarge {
9400
- margin-top: 70px !important;
9523
+ .uk-margin-medium-right {
9524
+ margin-right: 40px;
9525
+ }
9526
+ .uk-margin-large-top {
9527
+ margin-top: 40px;
9528
+ }
9529
+ .uk-margin-large-bottom {
9530
+ margin-bottom: 40px;
9531
+ }
9532
+ .uk-margin-large-left {
9533
+ margin-left: 40px;
9534
+ }
9535
+ .uk-margin-large-right {
9536
+ margin-right: 40px;
9401
9537
  }
9402
9538
  .uk-margin-xlarge-top {
9403
- margin-top: 70px !important;
9539
+ margin-top: 70px;
9404
9540
  }
9405
9541
  .uk-margin-xlarge-bottom {
9406
- margin-bottom: 70px !important;
9542
+ margin-bottom: 70px;
9407
9543
  }
9408
9544
  .uk-margin-xlarge-left {
9409
- margin-left: 70px !important;
9545
+ margin-left: 70px;
9410
9546
  }
9411
9547
  .uk-margin-xlarge-right {
9412
- margin-right: 70px !important;
9548
+ margin-right: 70px;
9413
9549
  }
9414
9550
  /* Desktop and bigger */
9415
9551
  @media (min-width: 1200px) {
9416
- .uk-margin-xlarge {
9417
- margin-bottom: 140px;
9552
+ .uk-margin-large-top {
9553
+ margin-top: 70px;
9418
9554
  }
9419
- * + .uk-margin-xlarge {
9420
- margin-top: 140px !important;
9555
+ .uk-margin-large-bottom {
9556
+ margin-bottom: 70px;
9557
+ }
9558
+ .uk-margin-large-left {
9559
+ margin-left: 70px;
9560
+ }
9561
+ .uk-margin-large-right {
9562
+ margin-right: 70px;
9421
9563
  }
9422
9564
  .uk-margin-xlarge-top {
9423
- margin-top: 140px !important;
9565
+ margin-top: 140px;
9424
9566
  }
9425
9567
  .uk-margin-xlarge-bottom {
9426
- margin-bottom: 140px !important;
9568
+ margin-bottom: 140px;
9427
9569
  }
9428
9570
  .uk-margin-xlarge-left {
9429
- margin-left: 140px !important;
9571
+ margin-left: 140px;
9430
9572
  }
9431
9573
  .uk-margin-xlarge-right {
9432
- margin-right: 140px !important;
9574
+ margin-right: 140px;
9433
9575
  }
9434
9576
  }
9435
- /* Auto
9436
- ========================================================================== */
9437
- .uk-margin-auto {
9438
- margin-left: auto !important;
9439
- margin-right: auto !important;
9440
- }
9577
+ /*
9578
+ * Auto
9579
+ */
9441
9580
  .uk-margin-auto-top {
9442
- margin-top: auto !important;
9581
+ margin-top: auto;
9443
9582
  }
9444
9583
  .uk-margin-auto-bottom {
9445
- margin-bottom: auto !important;
9584
+ margin-bottom: auto;
9446
9585
  }
9447
9586
  .uk-margin-auto-left {
9448
- margin-left: auto !important;
9587
+ margin-left: auto;
9449
9588
  }
9450
9589
  .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;
9590
+ margin-right: auto;
9456
9591
  }
9457
9592
  /* Phone landscape and bigger */
9458
9593
  @media (min-width: 640px) {
9459
- .uk-margin-auto\@s {
9460
- margin-left: auto !important;
9461
- margin-right: auto !important;
9462
- }
9463
9594
  .uk-margin-auto-left\@s {
9464
- margin-left: auto !important;
9595
+ margin-left: auto;
9465
9596
  }
9466
9597
  .uk-margin-auto-right\@s {
9467
- margin-right: auto !important;
9598
+ margin-right: auto;
9468
9599
  }
9469
9600
  }
9470
9601
  /* Tablet landscape and bigger */
9471
9602
  @media (min-width: 960px) {
9472
- .uk-margin-auto\@m {
9473
- margin-left: auto !important;
9474
- margin-right: auto !important;
9475
- }
9476
9603
  .uk-margin-auto-left\@m {
9477
- margin-left: auto !important;
9604
+ margin-left: auto;
9478
9605
  }
9479
9606
  .uk-margin-auto-right\@m {
9480
- margin-right: auto !important;
9607
+ margin-right: auto;
9481
9608
  }
9482
9609
  }
9483
9610
  /* Desktop and bigger */
9484
9611
  @media (min-width: 1200px) {
9485
- .uk-margin-auto\@l {
9486
- margin-left: auto !important;
9487
- margin-right: auto !important;
9488
- }
9489
9612
  .uk-margin-auto-left\@l {
9490
- margin-left: auto !important;
9613
+ margin-left: auto;
9491
9614
  }
9492
9615
  .uk-margin-auto-right\@l {
9493
- margin-right: auto !important;
9616
+ margin-right: auto;
9494
9617
  }
9495
9618
  }
9496
9619
  /* Large screen and bigger */
9497
9620
  @media (min-width: 1600px) {
9498
- .uk-margin-auto\@xl {
9499
- margin-left: auto !important;
9500
- margin-right: auto !important;
9501
- }
9502
9621
  .uk-margin-auto-left\@xl {
9503
- margin-left: auto !important;
9622
+ margin-left: auto;
9504
9623
  }
9505
9624
  .uk-margin-auto-right\@xl {
9506
- margin-right: auto !important;
9625
+ margin-right: auto;
9507
9626
  }
9508
9627
  }
9509
- /* Remove
9510
- ========================================================================== */
9511
- .uk-margin-remove {
9512
- margin: 0 !important;
9513
- }
9628
+ /*
9629
+ * Remove
9630
+ */
9514
9631
  .uk-margin-remove-top {
9515
- margin-top: 0 !important;
9632
+ margin-top: 0;
9516
9633
  }
9517
9634
  .uk-margin-remove-bottom {
9518
- margin-bottom: 0 !important;
9635
+ margin-bottom: 0;
9519
9636
  }
9520
9637
  .uk-margin-remove-left {
9521
- margin-left: 0 !important;
9638
+ margin-left: 0;
9522
9639
  }
9523
9640
  .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;
9641
+ margin-right: 0;
9529
9642
  }
9530
9643
  .uk-margin-remove-adjacent + *,
9531
9644
  .uk-margin-remove-first-child > :first-child {
9532
- margin-top: 0 !important;
9645
+ margin-top: 0;
9533
9646
  }
9534
9647
  .uk-margin-remove-last-child > :last-child {
9535
- margin-bottom: 0 !important;
9648
+ margin-bottom: 0;
9536
9649
  }
9537
9650
  /* Phone landscape and bigger */
9538
9651
  @media (min-width: 640px) {
9539
9652
  .uk-margin-remove-left\@s {
9540
- margin-left: 0 !important;
9653
+ margin-left: 0;
9541
9654
  }
9542
9655
  .uk-margin-remove-right\@s {
9543
- margin-right: 0 !important;
9656
+ margin-right: 0;
9544
9657
  }
9545
9658
  }
9546
9659
  /* Tablet landscape and bigger */
9547
9660
  @media (min-width: 960px) {
9548
9661
  .uk-margin-remove-left\@m {
9549
- margin-left: 0 !important;
9662
+ margin-left: 0;
9550
9663
  }
9551
9664
  .uk-margin-remove-right\@m {
9552
- margin-right: 0 !important;
9665
+ margin-right: 0;
9553
9666
  }
9554
9667
  }
9555
9668
  /* Desktop and bigger */
9556
9669
  @media (min-width: 1200px) {
9557
9670
  .uk-margin-remove-left\@l {
9558
- margin-left: 0 !important;
9671
+ margin-left: 0;
9559
9672
  }
9560
9673
  .uk-margin-remove-right\@l {
9561
- margin-right: 0 !important;
9674
+ margin-right: 0;
9562
9675
  }
9563
9676
  }
9564
9677
  /* Large screen and bigger */
9565
9678
  @media (min-width: 1600px) {
9566
9679
  .uk-margin-remove-left\@xl {
9567
- margin-left: 0 !important;
9680
+ margin-left: 0;
9568
9681
  }
9569
9682
  .uk-margin-remove-right\@xl {
9570
- margin-right: 0 !important;
9683
+ margin-right: 0;
9571
9684
  }
9572
9685
  }
9686
+ /*
9687
+ * Trim
9688
+ */
9689
+ .uk-margin-trim-block > :first-child {
9690
+ margin-top: 0;
9691
+ }
9692
+ .uk-margin-trim-block > :last-child {
9693
+ margin-bottom: 0;
9694
+ }
9573
9695
  /* ========================================================================
9574
9696
  Component: Padding
9575
9697
  ========================================================================== */
@@ -9601,27 +9723,27 @@ iframe[data-uk-cover] {
9601
9723
  /* Remove
9602
9724
  ========================================================================== */
9603
9725
  .uk-padding-remove {
9604
- padding: 0 !important;
9726
+ padding: 0;
9605
9727
  }
9606
9728
  .uk-padding-remove-top {
9607
- padding-top: 0 !important;
9729
+ padding-top: 0;
9608
9730
  }
9609
9731
  .uk-padding-remove-bottom {
9610
- padding-bottom: 0 !important;
9732
+ padding-bottom: 0;
9611
9733
  }
9612
9734
  .uk-padding-remove-left {
9613
- padding-left: 0 !important;
9735
+ padding-left: 0;
9614
9736
  }
9615
9737
  .uk-padding-remove-right {
9616
- padding-right: 0 !important;
9738
+ padding-right: 0;
9617
9739
  }
9618
9740
  .uk-padding-remove-vertical {
9619
- padding-top: 0 !important;
9620
- padding-bottom: 0 !important;
9741
+ padding-top: 0;
9742
+ padding-bottom: 0;
9621
9743
  }
9622
9744
  .uk-padding-remove-horizontal {
9623
- padding-left: 0 !important;
9624
- padding-right: 0 !important;
9745
+ padding-left: 0;
9746
+ padding-right: 0;
9625
9747
  }
9626
9748
  /* ========================================================================
9627
9749
  Component: Position
@@ -11535,6 +11657,192 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11535
11657
  .uk-offcanvas-bar .uk-form-icon:hover {
11536
11658
  color: rgba(255, 255, 255, 0.7);
11537
11659
  }
11660
+ .uk-light .uk-search-input,
11661
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-input,
11662
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
11663
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
11664
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
11665
+ .uk-card-primary.uk-card-body .uk-search-input,
11666
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
11667
+ .uk-card-secondary.uk-card-body .uk-search-input,
11668
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
11669
+ .uk-overlay-primary .uk-search-input,
11670
+ .uk-offcanvas-bar .uk-search-input {
11671
+ color: rgba(255, 255, 255, 0.7);
11672
+ }
11673
+ .uk-light .uk-search-input::placeholder,
11674
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11675
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11676
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
11677
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
11678
+ .uk-card-primary.uk-card-body .uk-search-input::placeholder,
11679
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11680
+ .uk-card-secondary.uk-card-body .uk-search-input::placeholder,
11681
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
11682
+ .uk-overlay-primary .uk-search-input::placeholder,
11683
+ .uk-offcanvas-bar .uk-search-input::placeholder {
11684
+ color: rgba(255, 255, 255, 0.5);
11685
+ }
11686
+ .uk-light .uk-search .uk-search-icon,
11687
+ .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11688
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11689
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11690
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
11691
+ .uk-card-primary.uk-card-body .uk-search .uk-search-icon,
11692
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11693
+ .uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
11694
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
11695
+ .uk-overlay-primary .uk-search .uk-search-icon,
11696
+ .uk-offcanvas-bar .uk-search .uk-search-icon {
11697
+ color: rgba(255, 255, 255, 0.5);
11698
+ }
11699
+ .uk-light .uk-search .uk-search-icon:hover,
11700
+ .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11701
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11702
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11703
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
11704
+ .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
11705
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11706
+ .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
11707
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
11708
+ .uk-overlay-primary .uk-search .uk-search-icon:hover,
11709
+ .uk-offcanvas-bar .uk-search .uk-search-icon:hover {
11710
+ color: rgba(255, 255, 255, 0.5);
11711
+ }
11712
+ .uk-light .uk-search-default .uk-search-input,
11713
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11714
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11715
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11716
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
11717
+ .uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
11718
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11719
+ .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
11720
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
11721
+ .uk-overlay-primary .uk-search-default .uk-search-input,
11722
+ .uk-offcanvas-bar .uk-search-default .uk-search-input {
11723
+ background-color: transparent;
11724
+ border-color: rgba(255, 255, 255, 0.2);
11725
+ }
11726
+ .uk-light .uk-search-default .uk-search-input:focus,
11727
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11728
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11729
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11730
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
11731
+ .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
11732
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11733
+ .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
11734
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
11735
+ .uk-overlay-primary .uk-search-default .uk-search-input:focus,
11736
+ .uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
11737
+ background-color: rgba(0, 0, 0, 0.05);
11738
+ }
11739
+ .uk-light .uk-search-navbar .uk-search-input,
11740
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11741
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11742
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11743
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
11744
+ .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
11745
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11746
+ .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
11747
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
11748
+ .uk-overlay-primary .uk-search-navbar .uk-search-input,
11749
+ .uk-offcanvas-bar .uk-search-navbar .uk-search-input {
11750
+ background-color: transparent;
11751
+ border-color: rgba(255, 255, 255, 0.2);
11752
+ }
11753
+ .uk-light .uk-search-navbar .uk-search-input:focus,
11754
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11755
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11756
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11757
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
11758
+ .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11759
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11760
+ .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
11761
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
11762
+ .uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
11763
+ .uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
11764
+ background-color: rgba(0, 0, 0, 0.05);
11765
+ }
11766
+ .uk-light .uk-search-medium .uk-search-input,
11767
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11768
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11769
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11770
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
11771
+ .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
11772
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11773
+ .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
11774
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
11775
+ .uk-overlay-primary .uk-search-medium .uk-search-input,
11776
+ .uk-offcanvas-bar .uk-search-medium .uk-search-input {
11777
+ background-color: transparent;
11778
+ border-color: rgba(255, 255, 255, 0.2);
11779
+ }
11780
+ .uk-light .uk-search-medium .uk-search-input:focus,
11781
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11782
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11783
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11784
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
11785
+ .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,
11786
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11787
+ .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,
11788
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
11789
+ .uk-overlay-primary .uk-search-medium .uk-search-input:focus,
11790
+ .uk-offcanvas-bar .uk-search-medium .uk-search-input:focus {
11791
+ background-color: rgba(0, 0, 0, 0.05);
11792
+ }
11793
+ .uk-light .uk-search-large .uk-search-input,
11794
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11795
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11796
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11797
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
11798
+ .uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
11799
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11800
+ .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
11801
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
11802
+ .uk-overlay-primary .uk-search-large .uk-search-input,
11803
+ .uk-offcanvas-bar .uk-search-large .uk-search-input {
11804
+ background-color: transparent;
11805
+ border-color: rgba(255, 255, 255, 0.2);
11806
+ }
11807
+ .uk-light .uk-search-large .uk-search-input:focus,
11808
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11809
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11810
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11811
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
11812
+ .uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,
11813
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11814
+ .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,
11815
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
11816
+ .uk-overlay-primary .uk-search-large .uk-search-input:focus,
11817
+ .uk-offcanvas-bar .uk-search-large .uk-search-input:focus {
11818
+ background-color: rgba(0, 0, 0, 0.05);
11819
+ }
11820
+ .uk-light .uk-search-toggle,
11821
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
11822
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
11823
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
11824
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
11825
+ .uk-card-primary.uk-card-body .uk-search-toggle,
11826
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
11827
+ .uk-card-secondary.uk-card-body .uk-search-toggle,
11828
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
11829
+ .uk-overlay-primary .uk-search-toggle,
11830
+ .uk-offcanvas-bar .uk-search-toggle {
11831
+ color: rgba(255, 255, 255, 0.5);
11832
+ }
11833
+ .uk-light .uk-search-toggle:hover,
11834
+ .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11835
+ .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11836
+ .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
11837
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
11838
+ .uk-card-primary.uk-card-body .uk-search-toggle:hover,
11839
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11840
+ .uk-card-secondary.uk-card-body .uk-search-toggle:hover,
11841
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
11842
+ .uk-overlay-primary .uk-search-toggle:hover,
11843
+ .uk-offcanvas-bar .uk-search-toggle:hover {
11844
+ color: rgba(255, 255, 255, 0.7);
11845
+ }
11538
11846
  .uk-light .uk-button-default,
11539
11847
  .uk-section-primary:not(.uk-preserve-color) .uk-button-default,
11540
11848
  .uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
@@ -11922,192 +12230,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11922
12230
  .uk-offcanvas-bar .uk-article-meta {
11923
12231
  color: rgba(255, 255, 255, 0.5);
11924
12232
  }
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
12233
  .uk-light .uk-accordion-default .uk-accordion-title,
12112
12234
  .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
12113
12235
  .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
@@ -13090,6 +13212,58 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
13090
13212
  background-color: rgba(255, 255, 255, 0.9);
13091
13213
  border-color: transparent;
13092
13214
  }
13215
+ .uk-light .uk-logo,
13216
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo,
13217
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo,
13218
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo,
13219
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
13220
+ .uk-card-primary.uk-card-body .uk-logo,
13221
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
13222
+ .uk-card-secondary.uk-card-body .uk-logo,
13223
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
13224
+ .uk-overlay-primary .uk-logo,
13225
+ .uk-offcanvas-bar .uk-logo {
13226
+ color: #fff;
13227
+ }
13228
+ .uk-light .uk-logo:hover,
13229
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
13230
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
13231
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
13232
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
13233
+ .uk-card-primary.uk-card-body .uk-logo:hover,
13234
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
13235
+ .uk-card-secondary.uk-card-body .uk-logo:hover,
13236
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
13237
+ .uk-overlay-primary .uk-logo:hover,
13238
+ .uk-offcanvas-bar .uk-logo:hover {
13239
+ color: #fff;
13240
+ }
13241
+ .uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg]))):not(.uk-logo-inverse):not([uk-svg]),
13242
+ .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]),
13243
+ .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]),
13244
+ .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]),
13245
+ .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]),
13246
+ .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]),
13247
+ .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]),
13248
+ .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]),
13249
+ .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]),
13250
+ .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]),
13251
+ .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]) {
13252
+ display: none;
13253
+ }
13254
+ .uk-light .uk-logo-inverse:not([uk-svg]),
13255
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
13256
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
13257
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
13258
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
13259
+ .uk-card-primary.uk-card-body .uk-logo-inverse:not([uk-svg]),
13260
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
13261
+ .uk-card-secondary.uk-card-body .uk-logo-inverse:not([uk-svg]),
13262
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
13263
+ .uk-overlay-primary .uk-logo-inverse:not([uk-svg]),
13264
+ .uk-offcanvas-bar .uk-logo-inverse:not([uk-svg]) {
13265
+ display: block;
13266
+ }
13093
13267
  .uk-light .uk-text-lead,
13094
13268
  .uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
13095
13269
  .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
@@ -13181,58 +13355,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
13181
13355
  .uk-offcanvas-bar .uk-column-divider {
13182
13356
  column-rule-color: rgba(255, 255, 255, 0.2);
13183
13357
  }
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
13358
  .uk-light .uk-table-striped > tr:nth-of-type(even):last-child,
13237
13359
  .uk-light .uk-table-striped tbody tr:nth-of-type(even):last-child,
13238
13360
  .uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child,