From a92728dead13e14150df6a767a781c6147a0c883 Mon Sep 17 00:00:00 2001 From: "florian.llimos" Date: Wed, 19 Feb 2025 09:26:41 +0100 Subject: [PATCH 1/3] feat: base of the project with npm dependencies --- .gitignore | 3 + index.html | 12 + package.json | 11 + style.css | 12534 +++++++++++++++++++++++++++++++++++++++++++++++++ style.less | 1 + 5 files changed, 12561 insertions(+) create mode 100644 .gitignore create mode 100644 index.html create mode 100644 package.json create mode 100644 style.css create mode 100644 style.less diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d5c2370 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +node_modules/ +package-lock.json +dist/ \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..488254f --- /dev/null +++ b/index.html @@ -0,0 +1,12 @@ + + + + + + Siahbva + + + + + + \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..4b6c07b --- /dev/null +++ b/package.json @@ -0,0 +1,11 @@ +{ + "scripts": { + "build-css": "lessc style.less dist/style.css" + }, + "dependencies": { + "uikit": "^3.16.28" + }, + "devDependencies": { + "less": "^4.2.2" + } +} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..441505c --- /dev/null +++ b/style.css @@ -0,0 +1,12534 @@ +/* ======================================================================== + Component: Base + ========================================================================== */ +/* + * 1. Set `font-size` to support `rem` units + * 2. Prevent adjustments of font size after orientation changes in iOS. + * 3. Style + */ +html { + /* 1 */ + 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"; + font-size: 16px; + font-weight: normal; + line-height: 1.5; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 3 */ + background: #fff; + color: #666; +} +/* + * Remove the margin in all browsers. + */ +body { + margin: 0; +} +/* Links + ========================================================================== */ +/* + * Style + */ +a, +.uk-link { + color: #1e87f0; + text-decoration: none; + cursor: pointer; +} +a:hover, +.uk-link:hover, +.uk-link-toggle:hover .uk-link { + color: #0f6ecd; + text-decoration: underline; +} +/* Text-level semantics + ========================================================================== */ +/* + * 1. Add the correct text decoration in Edge. + * 2. The shorthand declaration `underline dotted` is not supported in Safari. + */ +abbr[title] { + /* 1 */ + text-decoration: underline dotted; + /* 2 */ + -webkit-text-decoration-style: dotted; +} +/* + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} +/* + * 1. Consolas has a better baseline in running text compared to `Courier` + * 2. Correct the odd `em` font sizing in all browsers. + * 3. Style + */ +:not(pre) > code, +:not(pre) > kbd, +:not(pre) > samp { + /* 1 */ + font-family: Consolas, monaco, monospace; + /* 2 */ + font-size: 0.875rem; + /* 3 */ + color: #f0506e; + white-space: nowrap; +} +/* + * Emphasize + */ +em { + color: #f0506e; +} +/* + * Insert + */ +ins { + background: #ffd; + color: #666; + text-decoration: none; +} +/* + * Mark + */ +mark { + background: #ffd; + color: #666; +} +/* + * Quote + */ +q { + font-style: italic; +} +/* + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; +} +/* + * Prevents `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Embedded content + ========================================================================== */ +/* + * Remove the gap between the element and the bottom of its parent container. + */ +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} +/* + * 1. Constrain the element to its parent width. + * 2. Preserve the intrinsic aspect ratio and auto-scale the height of an image if the `height` attribute is present. + * 3. Take border and padding into account. + */ +canvas, +img, +svg, +video { + /* 1 */ + max-width: 100%; + /* 2 */ + height: auto; + /* 3 */ + box-sizing: border-box; +} +/* + * Deprecated: only needed for `img` elements with `uk-img` + * 1. Hide `alt` text for lazy load images. + * 2. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`. + */ +img:not([src]) { + /* 1 */ + visibility: hidden; + /* 2 */ + min-width: 1px; +} +/* + * Iframe + * Remove border in all browsers + */ +iframe { + border: 0; +} +/* Block elements + ========================================================================== */ +/* + * Margins + */ +p, +ul, +ol, +dl, +pre, +address, +fieldset, +figure { + margin: 0 0 20px 0; +} +/* Add margin if adjacent element */ +* + p, +* + ul, +* + ol, +* + dl, +* + pre, +* + address, +* + fieldset, +* + figure { + margin-top: 20px; +} +/* Headings + ========================================================================== */ +h1, +.uk-h1, +h2, +.uk-h2, +h3, +.uk-h3, +h4, +.uk-h4, +h5, +.uk-h5, +h6, +.uk-h6, +.uk-heading-small, +.uk-heading-medium, +.uk-heading-large, +.uk-heading-xlarge, +.uk-heading-2xlarge, +.uk-heading-3xlarge { + margin: 0 0 20px 0; + 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"; + font-weight: normal; + color: #333; + text-transform: none; +} +/* Add margin if adjacent element */ +* + h1, +* + .uk-h1, +* + h2, +* + .uk-h2, +* + h3, +* + .uk-h3, +* + h4, +* + .uk-h4, +* + h5, +* + .uk-h5, +* + h6, +* + .uk-h6, +* + .uk-heading-small, +* + .uk-heading-medium, +* + .uk-heading-large, +* + .uk-heading-xlarge, +* + .uk-heading-2xlarge, +* + .uk-heading-3xlarge { + margin-top: 40px; +} +/* + * Sizes + */ +h1, +.uk-h1 { + font-size: 2.23125rem; + line-height: 1.2; +} +h2, +.uk-h2 { + font-size: 1.7rem; + line-height: 1.3; +} +h3, +.uk-h3 { + font-size: 1.5rem; + line-height: 1.4; +} +h4, +.uk-h4 { + font-size: 1.25rem; + line-height: 1.4; +} +h5, +.uk-h5 { + font-size: 16px; + line-height: 1.4; +} +h6, +.uk-h6 { + font-size: 0.875rem; + line-height: 1.4; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + h1, + .uk-h1 { + font-size: 2.625rem; + } + h2, + .uk-h2 { + font-size: 2rem; + } +} +/* Lists + ========================================================================== */ +ul, +ol { + padding-left: 30px; +} +/* + * Reset margin for nested lists + */ +ul > li > ul, +ul > li > ol, +ol > li > ol, +ol > li > ul { + margin: 0; +} +/* Description lists + ========================================================================== */ +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +/* Horizontal rules + ========================================================================== */ +/* + * 1. Show the overflow in Chrome, Edge and IE. + * 2. Add the correct text-align in Edge and IE. + * 3. Style + */ +hr, +.uk-hr { + /* 1 */ + overflow: visible; + /* 2 */ + text-align: inherit; + /* 3 */ + margin: 0 0 20px 0; + border: 0; + border-top: 1px solid #e5e5e5; +} +/* Add margin if adjacent element */ +* + hr, +* + .uk-hr { + margin-top: 20px; +} +/* Address + ========================================================================== */ +address { + font-style: normal; +} +/* Blockquotes + ========================================================================== */ +blockquote { + margin: 0 0 20px 0; + font-size: 1.25rem; + line-height: 1.5; + font-style: italic; +} +/* Add margin if adjacent element */ +* + blockquote { + margin-top: 20px; +} +/* + * Content + */ +blockquote p:last-of-type { + margin-bottom: 0; +} +blockquote footer { + margin-top: 10px; + font-size: 0.875rem; + line-height: 1.5; +} +/* Preformatted text + ========================================================================== */ +/* + * 1. Contain overflow in all browsers. + */ +pre { + font: 0.875rem / 1.5 Consolas, monaco, monospace; + color: #666; + -moz-tab-size: 4; + tab-size: 4; + /* 1 */ + overflow: auto; +} +pre code { + font-family: Consolas, monaco, monospace; +} +/* Focus + ========================================================================== */ +:focus { + outline: none; +} +:focus-visible { + outline: 2px dotted #333; +} +/* Selection pseudo-element + ========================================================================== */ +::selection { + background: #39f; + color: #fff; + text-shadow: none; +} +/* HTML5 elements + ========================================================================== */ +/* + * 1. Add the correct display in Edge, IE 10+, and Firefox. + * 2. Add the correct display in IE. + */ +details, +main { + /* 2 */ + display: block; +} +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} +/* + * Add the correct display in IE. + */ +template { + display: none; +} +/* Pass media breakpoints to JS + ========================================================================== */ +/* + * Breakpoints + */ +:root { + --uk-breakpoint-s: 640px; + --uk-breakpoint-m: 960px; + --uk-breakpoint-l: 1200px; + --uk-breakpoint-xl: 1600px; +} +/* ======================================================================== + Component: Link + ========================================================================== */ +/* Muted + ========================================================================== */ +a.uk-link-muted, +.uk-link-muted a, +.uk-link-toggle .uk-link-muted { + color: #999; +} +a.uk-link-muted:hover, +.uk-link-muted a:hover, +.uk-link-toggle:hover .uk-link-muted { + color: #666; +} +/* Text + ========================================================================== */ +a.uk-link-text, +.uk-link-text a, +.uk-link-toggle .uk-link-text { + color: inherit; +} +a.uk-link-text:hover, +.uk-link-text a:hover, +.uk-link-toggle:hover .uk-link-text { + color: #999; +} +/* Heading + ========================================================================== */ +a.uk-link-heading, +.uk-link-heading a, +.uk-link-toggle .uk-link-heading { + color: inherit; +} +a.uk-link-heading:hover, +.uk-link-heading a:hover, +.uk-link-toggle:hover .uk-link-heading { + color: #1e87f0; + text-decoration: none; +} +/* Reset + ========================================================================== */ +/* + * `!important` needed to override inverse component + */ +a.uk-link-reset, +.uk-link-reset a { + color: inherit !important; + text-decoration: none !important; +} +/* Toggle + ========================================================================== */ +.uk-link-toggle { + color: inherit !important; + text-decoration: none !important; +} +/* ======================================================================== + Component: Heading + ========================================================================== */ +.uk-heading-small { + font-size: 2.6rem; + line-height: 1.2; +} +.uk-heading-medium { + font-size: 2.8875rem; + line-height: 1.1; +} +.uk-heading-large { + font-size: 3.4rem; + line-height: 1.1; +} +.uk-heading-xlarge { + font-size: 4rem; + line-height: 1; +} +.uk-heading-2xlarge { + font-size: 6rem; + line-height: 1; +} +.uk-heading-3xlarge { + font-size: 8rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-heading-small { + font-size: 3.25rem; + } + .uk-heading-medium { + font-size: 3.5rem; + } + .uk-heading-large { + font-size: 4rem; + } + .uk-heading-xlarge { + font-size: 6rem; + } + .uk-heading-2xlarge { + font-size: 8rem; + } + .uk-heading-3xlarge { + font-size: 11rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-heading-medium { + font-size: 4rem; + } + .uk-heading-large { + font-size: 6rem; + } + .uk-heading-xlarge { + font-size: 8rem; + } + .uk-heading-2xlarge { + font-size: 11rem; + } + .uk-heading-3xlarge { + font-size: 15rem; + } +} +/* Primary + Deprecated: Use `uk-heading-medium` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Hero + Deprecated: Use `uk-heading-xlarge` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Divider + ========================================================================== */ +.uk-heading-divider { + padding-bottom: calc(5px + 0.1em); + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +/* Bullet + ========================================================================== */ +.uk-heading-bullet { + position: relative; +} +/* + * 1. Using `inline-block` to make it work with text alignment + * 2. Center vertically + * 3. Style + */ +.uk-heading-bullet::before { + content: ""; + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + top: calc(-0.1 * 1em); + vertical-align: middle; + /* 3 */ + height: calc(4px + 0.7em); + margin-right: calc(5px + 0.2em); + border-left: calc(5px + 0.1em) solid #e5e5e5; +} +/* Line + ========================================================================== */ +/* + * Clip the child element + */ +.uk-heading-line { + overflow: hidden; +} +/* + * Extra markup is needed to make it work with text align + */ +.uk-heading-line > * { + display: inline-block; + position: relative; +} +/* + * 1. Center vertically + * 2. Make the element as large as possible. It's clipped by the container. + * 3. Style + */ +.uk-heading-line > ::before, +.uk-heading-line > ::after { + content: ""; + /* 1 */ + position: absolute; + top: calc(50% - (calc(0.2px + 0.05em) / 2)); + /* 2 */ + width: 2000px; + /* 3 */ + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +.uk-heading-line > ::before { + right: 100%; + margin-right: calc(5px + 0.3em); +} +.uk-heading-line > ::after { + left: 100%; + margin-left: calc(5px + 0.3em); +} +/* ======================================================================== + Component: Divider + ========================================================================== */ +/* + * 1. Reset default `hr` + * 2. Set margin if a `div` is used for semantical reason + */ +[class*="uk-divider"] { + /* 1 */ + border: none; + /* 2 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + [class*="uk-divider"] { + margin-top: 20px; +} +/* Icon + ========================================================================== */ +.uk-divider-icon { + position: relative; + height: 20px; + background-image: url("../../images/backgrounds/divider-icon.svg"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-divider-icon::before, +.uk-divider-icon::after { + content: ""; + position: absolute; + top: 50%; + max-width: calc(50% - (50px / 2)); + border-bottom: 1px solid #e5e5e5; +} +.uk-divider-icon::before { + right: calc(50% + (50px / 2)); + width: 100%; +} +.uk-divider-icon::after { + left: calc(50% + (50px / 2)); + width: 100%; +} +/* Small + ========================================================================== */ +/* + * 1. Fix height because of `inline-block` + * 2. Using ::after and inline-block to make `text-align` work + */ +/* 1 */ +.uk-divider-small { + line-height: 0; +} +/* 2 */ +.uk-divider-small::after { + content: ""; + display: inline-block; + width: 100px; + max-width: 100%; + border-top: 1px solid #e5e5e5; + vertical-align: top; +} +/* Vertical + ========================================================================== */ +.uk-divider-vertical { + width: max-content; + height: 100px; + margin-left: auto; + margin-right: auto; + border-left: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: List + ========================================================================== */ +.uk-list { + padding: 0; + list-style: none; +} +/* + * Avoid column break within the list item, when using `column-count` + */ +.uk-list > * { + break-inside: avoid-column; +} +/* + * Remove margin from the last-child + */ +.uk-list > * > :last-child { + margin-bottom: 0; +} +/* + * Style + */ +.uk-list > :nth-child(n+2), +.uk-list > * > ul { + margin-top: 10px; +} +/* Marker modifiers + ========================================================================== */ +.uk-list-disc, +.uk-list-circle, +.uk-list-square, +.uk-list-decimal, +.uk-list-hyphen { + padding-left: 30px; +} +.uk-list-disc { + list-style-type: disc; +} +.uk-list-circle { + list-style-type: circle; +} +.uk-list-square { + list-style-type: square; +} +.uk-list-decimal { + list-style-type: decimal; +} +.uk-list-hyphen { + list-style-type: '– '; +} +/* + * Color modifiers + */ +.uk-list-muted > ::marker { + color: #999 !important; +} +.uk-list-emphasis > ::marker { + color: #333 !important; +} +.uk-list-primary > ::marker { + color: #1e87f0 !important; +} +.uk-list-secondary > ::marker { + color: #222 !important; +} +/* Image bullet modifier + ========================================================================== */ +.uk-list-bullet > * { + position: relative; + padding-left: 30px; +} +.uk-list-bullet > ::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 30px; + height: 1.5em; + background-image: url("../../images/backgrounds/list-bullet.svg"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-list-divider > :nth-child(n+2) { + margin-top: 10px; + padding-top: 10px; + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-list-striped > * { + padding: 10px 10px; +} +.uk-list-striped > :nth-of-type(odd) { + background: #f8f8f8; +} +.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* Size modifier + ========================================================================== */ +.uk-list-large > :nth-child(n+2), +.uk-list-large > * > ul { + margin-top: 20px; +} +.uk-list-collapse > :nth-child(n+2), +.uk-list-collapse > * > ul { + margin-top: 0; +} +/* + * Divider + */ +.uk-list-large.uk-list-divider > :nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; +} +.uk-list-collapse.uk-list-divider > :nth-child(n+2) { + margin-top: 0; + padding-top: 0; +} +/* + * Striped + */ +.uk-list-large.uk-list-striped > * { + padding: 20px 10px; +} +.uk-list-collapse.uk-list-striped > * { + padding-top: 0; + padding-bottom: 0; +} +.uk-list-large.uk-list-striped > :nth-child(n+2), +.uk-list-collapse.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* ======================================================================== + Component: Description list + ========================================================================== */ +/* + * Term + */ +.uk-description-list > dt { + color: #333; +} +.uk-description-list > dt:nth-child(n+2) { + margin-top: 20px; +} +/* + * Description + */ +/* Style modifier + ========================================================================== */ +/* + * Line + */ +.uk-description-list-divider > dt:nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Table + ========================================================================== */ +/* + * 1. Remove most spacing between table cells. + * 2. Behave like a block element + * 3. Style + */ +.uk-table { + /* 1 */ + border-collapse: collapse; + border-spacing: 0; + /* 2 */ + width: 100%; + /* 3 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + .uk-table { + margin-top: 20px; +} +/* Header cell + ========================================================================== */ +/* + * 1. Style + */ +.uk-table th { + padding: 16px 12px; + text-align: left; + vertical-align: bottom; + /* 1 */ + font-size: 16px; + font-weight: bold; + color: #666; +} +/* Cell + ========================================================================== */ +.uk-table td { + padding: 16px 12px; + vertical-align: top; +} +/* + * Remove margin from the last-child + */ +.uk-table td > :last-child { + margin-bottom: 0; +} +/* Footer + ========================================================================== */ +.uk-table tfoot { + font-size: 0.875rem; +} +/* Caption + ========================================================================== */ +.uk-table caption { + font-size: 0.875rem; + text-align: left; + color: #999; +} +/* Alignment modifier + ========================================================================== */ +.uk-table-middle, +.uk-table-middle td { + vertical-align: middle !important; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-table-divider > tr:not(:first-child), +.uk-table-divider > :not(:first-child) > tr, +.uk-table-divider > :first-child > tr:not(:first-child) { + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-table-striped > tr:nth-of-type(odd), +.uk-table-striped tbody tr:nth-of-type(odd) { + background: #f8f8f8; +} +/* + * Hover + */ +.uk-table-hover > tr:hover, +.uk-table-hover tbody tr:hover { + background: #ffd; +} +/* Active state + ========================================================================== */ +.uk-table > tr.uk-active, +.uk-table tbody tr.uk-active { + background: #ffd; +} +/* Size modifier + ========================================================================== */ +.uk-table-small th, +.uk-table-small td { + padding: 10px 12px; +} +.uk-table-large th, +.uk-table-large td { + padding: 22px 12px; +} +/* Justify modifier + ========================================================================== */ +.uk-table-justify th:first-child, +.uk-table-justify td:first-child { + padding-left: 0; +} +.uk-table-justify th:last-child, +.uk-table-justify td:last-child { + padding-right: 0; +} +/* Cell size modifier + ========================================================================== */ +.uk-table-shrink { + width: 1px; +} +.uk-table-expand { + min-width: 150px; +} +/* Cell link modifier + ========================================================================== */ +/* + * Does not work with `uk-table-justify` at the moment + */ +.uk-table-link { + padding: 0 !important; +} +.uk-table-link > a { + display: block; + padding: 16px 12px; +} +.uk-table-small .uk-table-link > a { + padding: 10px 12px; +} +/* Responsive table + ========================================================================== */ +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-table-responsive, + .uk-table-responsive tbody, + .uk-table-responsive th, + .uk-table-responsive td, + .uk-table-responsive tr { + display: block; + } + .uk-table-responsive thead { + display: none; + } + .uk-table-responsive th, + .uk-table-responsive td { + width: auto !important; + max-width: none !important; + min-width: 0 !important; + overflow: visible !important; + white-space: normal !important; + } + .uk-table-responsive th:not(:first-child):not(.uk-table-link), + .uk-table-responsive td:not(:first-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:first-child) > a { + padding-top: 5px !important; + } + .uk-table-responsive th:not(:last-child):not(.uk-table-link), + .uk-table-responsive td:not(:last-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:last-child) > a { + padding-bottom: 5px !important; + } + .uk-table-justify.uk-table-responsive th, + .uk-table-justify.uk-table-responsive td { + padding-left: 0; + padding-right: 0; + } +} +/* ======================================================================== + Component: Icon + ========================================================================== */ +/* + * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component. + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Remove border-radius in Chrome. + * 4. Address `overflow` set to `hidden` in IE. + * 5. Correct `font` properties and `color` not being inherited for `button`. + * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 7. Remove default `button` padding and background color + * 8. Style + * 9. Fill all SVG elements with the current text color if no `fill` attribute is set + * 10. Let the container fit the height of the icon + */ +.uk-icon { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + border-radius: 0; + /* 4 */ + overflow: visible; + /* 5 */ + font: inherit; + color: inherit; + /* 6 */ + text-transform: none; + /* 7. */ + padding: 0; + background-color: transparent; + /* 8 */ + display: inline-block; + /* 9 */ + fill: currentcolor; + /* 10 */ + line-height: 0; +} +/* Required for `button`. */ +button.uk-icon:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-icon::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * Set the fill and stroke color of all SVG elements to the current text color + */ +.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) { + fill: currentcolor; +} +.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-icon > * { + transform: translate(0, 0); +} +/* Image modifier + ========================================================================== */ +/* + * Display images in icon dimensions + * 1. Required for `span` with background image + * 2. Required for `image` + */ +.uk-icon-image { + width: 20px; + height: 20px; + /* 1 */ + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: contain; + vertical-align: middle; + /* 2 */ + object-fit: scale-down; + max-width: none; +} +/* Style modifiers + ========================================================================== */ +/* + * Link + * 1. Allow text within link + */ +.uk-icon-link { + color: #999; + /* 1 */ + text-decoration: none !important; +} +.uk-icon-link:hover { + color: #666; +} +/* OnClick + Active */ +.uk-icon-link:active, +.uk-active > .uk-icon-link { + color: #595959; +} +/* + * Button + * 1. Center icon vertically and horizontally + */ +.uk-icon-button { + box-sizing: border-box; + width: 36px; + height: 36px; + border-radius: 500px; + background: #f8f8f8; + color: #999; + vertical-align: middle; + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; +} +/* Hover */ +.uk-icon-button:hover { + background-color: #ebebeb; + color: #666; +} +/* OnClick + Active */ +.uk-icon-button:active, +.uk-active > .uk-icon-button { + background-color: #dfdfdf; + color: #666; +} +/* ======================================================================== + Component: Form Range + ========================================================================== */ +/* + * 1. Remove default style. + * 2. Define consistent box sizing. + * 3. Remove `margin` in all browsers. + * 4. Align to the center of the line box. + * 5. Prevent content overflow if a fixed width is used. + * 6. Take the full width. + * 7. Remove white background in Chrome. + */ +.uk-range { + /* 1 */ + -webkit-appearance: none; + /* 2 */ + box-sizing: border-box; + /* 3 */ + margin: 0; + /* 4 */ + vertical-align: middle; + /* 5 */ + max-width: 100%; + /* 6 */ + width: 100%; + /* 7 */ + background: transparent; +} +/* Focus */ +.uk-range:focus { + outline: none; +} +.uk-range::-moz-focus-outer { + border: none; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-range:not(:disabled)::-webkit-slider-thumb { + cursor: pointer; +} +.uk-range:not(:disabled)::-moz-range-thumb { + cursor: pointer; +} +/* + * Track + * 1. Safari doesn't have a focus state. Using active instead. + */ +/* Webkit */ +.uk-range::-webkit-slider-runnable-track { + height: 3px; + background: #ebebeb; +} +.uk-range:focus::-webkit-slider-runnable-track, +.uk-range:active::-webkit-slider-runnable-track { + background: #dedede; +} +/* Firefox */ +.uk-range::-moz-range-track { + height: 3px; + background: #ebebeb; +} +.uk-range:focus::-moz-range-track { + background: #dedede; +} +/* + * Thumb + * 1. Reset + * 2. Style + */ +/* Webkit */ +.uk-range::-webkit-slider-thumb { + /* 1 */ + -webkit-appearance: none; + margin-top: -7px; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #666; +} +/* Firefox */ +.uk-range::-moz-range-thumb { + /* 1 */ + border: none; + /* 2 */ + height: 15px; + width: 15px; + margin-top: -7px; + border-radius: 500px; + background: #666; +} +/* ======================================================================== + Component: Form + ========================================================================== */ +/* + * 1. Define consistent box sizing. + * Default is `content-box` with following exceptions set to `border-box` + * `select`, `input[type="checkbox"]` and `input[type="radio"]` + * `input[type="search"]` in Chrome, Safari and Opera + * `input[type="color"]` in Firefox + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers. + */ +.uk-input, +.uk-select, +.uk-textarea, +.uk-radio, +.uk-checkbox { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; +} +/* + * Show the overflow in Edge. + */ +.uk-input { + overflow: visible; +} +/* + * Remove the inheritance of text transform in Firefox. + */ +.uk-select { + text-transform: none; +} +/* + * 1. Change font properties to `inherit` in all browsers + * 2. Don't inherit the `font-weight` and use `bold` instead. + * NOTE: Both declarations don't work in Chrome, Safari and Opera. + */ +.uk-select optgroup { + /* 1 */ + font: inherit; + /* 2 */ + font-weight: bold; +} +/* + * Remove the default vertical scrollbar in IE 10+. + */ +.uk-textarea { + overflow: auto; +} +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-input[type="search"]::-webkit-search-cancel-button, +.uk-input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +.uk-input[type="number"]::-webkit-inner-spin-button, +.uk-input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +/* + * Correct vertical alignment in Safari. + */ +.uk-input[type="date"]::-webkit-datetime-edit, +.uk-input[type="time"]::-webkit-datetime-edit, +.uk-input[type="datetime-local"]::-webkit-datetime-edit { + display: inline-flex; + align-items: center; + height: 100%; + padding: 0; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-input::-moz-placeholder, +.uk-textarea::-moz-placeholder { + opacity: 1; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-radio:not(:disabled), +.uk-checkbox:not(:disabled) { + cursor: pointer; +} +/* + * Define consistent border, margin, and padding. + * 1. Reset `min-width` + */ +.uk-fieldset { + border: none; + margin: 0; + padding: 0; + /* 1 */ + min-width: 0; +} +/* Input, select and textarea + * Allowed: `text`, `password`, `datetime-local`, `date`, `month`, + `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color` + * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image` + ========================================================================== */ +/* + * Remove default style in iOS. + */ +.uk-input, +.uk-textarea { + -webkit-appearance: none; +} +/* + * 1. Prevent content overflow if a fixed width is used + * 2. Take the full width + * 3. Reset default + * 4. Style + */ +.uk-input, +.uk-select, +.uk-textarea { + /* 1 */ + max-width: 100%; + /* 2 */ + width: 100%; + /* 3 */ + border: 0 none; + /* 4 */ + padding: 0 10px; + background: #f8f8f8; + color: #666; +} +/* + * Single-line + * 1. Allow any element to look like an `input` or `select` element + * 2. Make sure line-height is not larger than height + * Also needed to center the text vertically + */ +.uk-input, +.uk-select:not([multiple]):not([size]) { + height: 40px; + vertical-align: middle; + /* 1 */ + display: inline-block; +} +/* 2 */ +.uk-input:not(input), +.uk-select:not(select) { + line-height: 40px; +} +/* + * Multi-line + */ +.uk-select[multiple], +.uk-select[size], +.uk-textarea { + padding-top: 6px; + padding-bottom: 6px; + vertical-align: top; +} +.uk-select[multiple], +.uk-select[size] { + resize: vertical; +} +/* Focus */ +.uk-input:focus, +.uk-select:focus, +.uk-textarea:focus { + outline: none; + background-color: #ebebeb; + color: #666; +} +/* Disabled */ +.uk-input:disabled, +.uk-select:disabled, +.uk-textarea:disabled { + background-color: #f8f8f8; + color: #999; +} +/* + * Placeholder + */ +.uk-input::placeholder { + color: #999; +} +.uk-textarea::placeholder { + color: #999; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Small + */ +.uk-form-small { + font-size: 0.875rem; +} +/* Single-line */ +.uk-form-small:not(textarea):not([multiple]):not([size]) { + height: 30px; + padding-left: 8px; + padding-right: 8px; +} +/* Multi-line */ +textarea.uk-form-small, +[multiple].uk-form-small, +[size].uk-form-small { + padding: 5px 8px; +} +.uk-form-small:not(select):not(input):not(textarea) { + line-height: 30px; +} +/* + * Large + */ +.uk-form-large { + font-size: 1.25rem; +} +/* Single-line */ +.uk-form-large:not(textarea):not([multiple]):not([size]) { + height: 55px; + padding-left: 12px; + padding-right: 12px; +} +/* Multi-line */ +textarea.uk-form-large, +[multiple].uk-form-large, +[size].uk-form-large { + padding: 7px 12px; +} +.uk-form-large:not(select):not(input):not(textarea) { + line-height: 55px; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Error + */ +.uk-form-danger, +.uk-form-danger:focus { + color: #f0506e; +} +/* + * Success + */ +.uk-form-success, +.uk-form-success:focus { + color: #32d296; +} +/* + * Blank + */ +.uk-form-blank { + background: none; +} +/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Fixed widths + * Different widths for mini sized `input` and `select` elements + */ +input.uk-form-width-xsmall { + width: 50px; +} +select.uk-form-width-xsmall { + width: 75px; +} +.uk-form-width-small { + width: 130px; +} +.uk-form-width-medium { + width: 200px; +} +.uk-form-width-large { + width: 500px; +} +/* Select + ========================================================================== */ +/* + * 1. Remove default style. Also works in Firefox + * 2. Style + * 3. Set `color` for options in the select dropdown, because the inherited `color` might be too light. + */ +.uk-select:not([multiple]):not([size]) { + /* 1 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 2 */ + padding-right: 20px; + background-image: url("../../images/backgrounds/form-select.svg"); + background-repeat: no-repeat; + background-position: 100% 50%; +} +/* 3 */ +.uk-select:not([multiple]):not([size]) option { + color: #666; +} +/* + * Disabled + */ +.uk-select:not([multiple]):not([size]):disabled { + background-image: url("../../images/backgrounds/form-select.svg"); +} +/* Datalist + ========================================================================== */ +/* + * 1. Remove default style in Chrome + */ +.uk-input[list] { + padding-right: 20px; + background-repeat: no-repeat; + background-position: 100% 50%; +} +.uk-input[list]:hover, +.uk-input[list]:focus { + background-image: url("../../images/backgrounds/form-datalist.svg"); +} +/* 1 */ +.uk-input[list]::-webkit-calendar-picker-indicator { + display: none !important; +} +/* Radio and checkbox + ========================================================================== */ +/* + * 1. Style + * 2. Make box more robust so it clips the child element + * 3. Vertical alignment + * 4. Remove default style + * 5. Fix black background on iOS + * 6. Center icons + */ +.uk-radio, +.uk-checkbox { + /* 1 */ + display: inline-block; + height: 16px; + width: 16px; + /* 2 */ + overflow: hidden; + /* 3 */ + margin-top: -4px; + vertical-align: middle; + /* 4 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 5 */ + background-color: #ebebeb; + /* 6 */ + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-radio { + border-radius: 50%; +} +/* Focus */ +.uk-radio:focus, +.uk-checkbox:focus { + background-color: #dedede; + outline: none; +} +/* + * Checked + */ +.uk-radio:checked, +.uk-checkbox:checked, +.uk-checkbox:indeterminate { + background-color: #1e87f0; +} +/* Focus */ +.uk-radio:checked:focus, +.uk-checkbox:checked:focus, +.uk-checkbox:indeterminate:focus { + background-color: #0e6dcd; +} +/* + * Icons + */ +.uk-radio:checked { + background-image: url("../../images/backgrounds/form-radio.svg"); +} +.uk-checkbox:checked { + background-image: url("../../images/backgrounds/form-checkbox.svg"); +} +.uk-checkbox:indeterminate { + background-image: url("../../images/backgrounds/form-checkbox-indeterminate.svg"); +} +/* + * Disabled + */ +.uk-radio:disabled, +.uk-checkbox:disabled { + background-color: #f8f8f8; +} +.uk-radio:disabled:checked { + background-image: url("../../images/backgrounds/form-radio.svg"); +} +.uk-checkbox:disabled:checked { + background-image: url("../../images/backgrounds/form-checkbox.svg"); +} +.uk-checkbox:disabled:indeterminate { + background-image: url("../../images/backgrounds/form-checkbox-indeterminate.svg"); +} +/* Legend + ========================================================================== */ +/* + * Legend + * 1. Behave like block element + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove padding so people aren't caught out if they zero out fieldsets. + * 4. Style + */ +.uk-legend { + /* 1 */ + width: 100%; + /* 2 */ + color: inherit; + /* 3 */ + padding: 0; + /* 4 */ + font-size: 1.5rem; + line-height: 1.4; +} +/* Custom controls + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + */ +.uk-form-custom { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; +} +/* + * 1. Position and resize the form control to always cover its container + * 2. Required for Firefox for positioning to the left + * 3. Required for Webkit to make `height` work + * 4. Hide controls and show cursor + * 5. Needed for the cursor + * 6. Clip height caused by 5. Needed for Webkit only + */ +.uk-form-custom select, +.uk-form-custom input[type="file"] { + /* 1 */ + position: absolute; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + /* 2 */ + left: 0; + /* 3 */ + -webkit-appearance: none; + /* 4 */ + opacity: 0; + cursor: pointer; +} +.uk-form-custom input[type="file"] { + /* 5 */ + font-size: 500px; + /* 6 */ + overflow: hidden; +} +/* Label + ========================================================================== */ +/* Layout + ========================================================================== */ +/* + * Stacked + */ +.uk-form-stacked .uk-form-label { + display: block; + margin-bottom: 10px; +} +/* + * Horizontal + */ +/* Tablet portrait and smaller */ +@media (max-width: 959px) { + /* Behave like `uk-form-stacked` */ + .uk-form-horizontal .uk-form-label { + display: block; + margin-bottom: 10px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-form-horizontal .uk-form-label { + width: 200px; + margin-top: 7px; + float: left; + } + .uk-form-horizontal .uk-form-controls { + margin-left: 215px; + } + /* Better vertical alignment if controls are checkboxes and radio buttons with text */ + .uk-form-horizontal .uk-form-controls-text { + padding-top: 7px; + } +} +/* Icons + ========================================================================== */ +/* + * 1. Set position + * 2. Set width + * 3. Center icon vertically and horizontally + * 4. Style + */ +.uk-form-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + width: 40px; + /* 3 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 4 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-form-icon:hover { + color: #666; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-form-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Input padding + */ +.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { + padding-left: 40px !important; +} +/* + * Position modifier + */ +.uk-form-icon-flip { + right: 0; + left: auto; +} +.uk-form-icon-flip ~ .uk-input { + padding-right: 40px !important; +} +/* ======================================================================== + Component: Button + ========================================================================== */ +/* + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Address `overflow` set to `hidden` in IE. + * 4. Correct `font` properties and `color` not being inherited for `button`. + * 5. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 6. Remove default style for `input type="submit"`in iOS. + * 7. Style + * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements. + * Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements. + * 9. Align text if button has a width + * 10. Required for `a`. + */ +.uk-button { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + overflow: visible; + /* 4 */ + font: inherit; + color: inherit; + /* 5 */ + text-transform: none; + /* 6 */ + -webkit-appearance: none; + border-radius: 0; + /* 7 */ + display: inline-block; + box-sizing: border-box; + padding: 0 30px; + vertical-align: middle; + font-size: 16px; + /* 8 */ + line-height: 40px; + /* 9 */ + text-align: center; + /* 10 */ + text-decoration: none; +} +.uk-button:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-button::-moz-focus-inner { + border: 0; + padding: 0; +} +/* Hover */ +.uk-button:hover { + /* 9 */ + text-decoration: none; +} +/* OnClick + Active */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-button-default { + background-color: #f8f8f8; + color: #333; +} +/* Hover */ +.uk-button-default:hover { + background-color: #ebebeb; + color: #333; +} +/* OnClick + Active */ +.uk-button-default:active, +.uk-button-default.uk-active { + background-color: #dfdfdf; + color: #333; +} +/* + * Primary + */ +.uk-button-primary { + background-color: #1e87f0; + color: #fff; +} +/* Hover */ +.uk-button-primary:hover { + background-color: #0f7ae5; + color: #fff; +} +/* OnClick + Active */ +.uk-button-primary:active, +.uk-button-primary.uk-active { + background-color: #0e6dcd; + color: #fff; +} +/* + * Secondary + */ +.uk-button-secondary { + background-color: #222; + color: #fff; +} +/* Hover */ +.uk-button-secondary:hover { + background-color: #151515; + color: #fff; +} +/* OnClick + Active */ +.uk-button-secondary:active, +.uk-button-secondary.uk-active { + background-color: #080808; + color: #fff; +} +/* + * Danger + */ +.uk-button-danger { + background-color: #f0506e; + color: #fff; +} +/* Hover */ +.uk-button-danger:hover { + background-color: #ee395b; + color: #fff; +} +/* OnClick + Active */ +.uk-button-danger:active, +.uk-button-danger.uk-active { + background-color: #ec2147; + color: #fff; +} +/* + * Disabled + * The same for all style modifiers + */ +.uk-button-default:disabled, +.uk-button-primary:disabled, +.uk-button-secondary:disabled, +.uk-button-danger:disabled { + background-color: #f8f8f8; + color: #999; +} +/* Size modifiers + ========================================================================== */ +.uk-button-small { + padding: 0 15px; + line-height: 30px; + font-size: 0.875rem; +} +.uk-button-large { + padding: 0 40px; + line-height: 55px; + font-size: 1.25rem; +} +/* Text modifiers + ========================================================================== */ +/* + * Text + * 1. Reset + * 2. Style + */ +.uk-button-text { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; +} +/* Hover */ +.uk-button-text:hover { + color: #999; +} +/* Disabled */ +.uk-button-text:disabled { + color: #999; +} +/* + * Link + * 1. Reset + * 2. Style + */ +.uk-button-link { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; +} +/* Hover */ +.uk-button-link:hover { + color: #999; + text-decoration: none; +} +/* Disabled */ +.uk-button-link:disabled { + color: #999; + text-decoration: none; +} +/* Group + ========================================================================== */ +/* + * 1. Using `flex` instead of `inline-block` to prevent whitespace between child elements + * 2. Behave like button + * 3. Create position context + */ +.uk-button-group { + /* 1 */ + display: inline-flex; + /* 2 */ + vertical-align: middle; + /* 3 */ + position: relative; +} +/* ======================================================================== + Component: Progress + ========================================================================== */ +/* + * 1. Add the correct vertical alignment in all browsers. + * 2. Behave like a block element. + * 3. Remove borders in Firefox. + * 4. Remove default style in Chrome, Safari and Edge. + * 5. Style + */ +.uk-progress { + /* 1 */ + vertical-align: baseline; + /* 2 */ + display: block; + width: 100%; + /* 3 */ + border: 0; + /* 4 */ + background-color: #f8f8f8; + /* 5 */ + margin-bottom: 20px; + height: 15px; +} +/* Add margin if adjacent element */ +* + .uk-progress { + margin-top: 20px; +} +/* + * Show background color set on `uk-progress` in Chrome, Safari and Edge. + */ +.uk-progress::-webkit-progress-bar { + background-color: transparent; +} +/* + * Progress Bar + * 1. Transitions don't work on `::-moz-progress-bar` pseudo element in Firefox yet. + * https://bugzilla.mozilla.org/show_bug.cgi?id=662351 + */ +.uk-progress::-webkit-progress-value { + background-color: #1e87f0; + transition: width 0.6s ease; +} +.uk-progress::-moz-progress-bar { + background-color: #1e87f0; + /* 1 */ + transition: width 0.6s ease; +} +/* ======================================================================== + Component: Section + ========================================================================== */ +/* + * 1. Make it work with `100vh` and height in general + */ +.uk-section { + display: flow-root; + box-sizing: border-box; + /* 1 */ + padding-top: 40px; + padding-bottom: 40px; +} +/* Desktop and bigger */ +@media (min-width: 960px) { + .uk-section { + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-section > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-section-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-section-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-section-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-section-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-section-default { + --uk-inverse: dark; + background: #fff; +} +/* + * Muted + */ +.uk-section-muted { + --uk-inverse: dark; + background: #f8f8f8; +} +/* + * Primary + */ +.uk-section-primary { + --uk-inverse: light; + background: #1e87f0; +} +/* + * Secondary + */ +.uk-section-secondary { + --uk-inverse: light; + background: #222; +} +/* Overlap modifier + ========================================================================== */ +/* + * Reserved modifier to make a section overlap another section with an border image + * Implemented by the theme + */ +/* ======================================================================== + Component: Container + ========================================================================== */ +/* + * 1. Box sizing has to be `content-box` so the max-width is always the same and + * unaffected by the padding on different breakpoints. It's important for the size modifiers. + */ +.uk-container { + display: flow-root; + /* 1 */ + box-sizing: content-box; + max-width: 1200px; + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container { + padding-left: 40px; + padding-right: 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-container > :last-child { + margin-bottom: 0; +} +/* + * Remove padding from nested containers + */ +.uk-container .uk-container { + padding-left: 0; + padding-right: 0; +} +/* Size modifier + ========================================================================== */ +.uk-container-xsmall { + max-width: 750px; +} +.uk-container-small { + max-width: 900px; +} +.uk-container-large { + max-width: 1400px; +} +.uk-container-xlarge { + max-width: 1600px; +} +.uk-container-expand { + max-width: none; +} +/* Expand modifier + ========================================================================== */ +/* + * Expand one side only + */ +.uk-container-expand-left { + margin-left: 0; +} +.uk-container-expand-right { + margin-right: 0; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-expand-left.uk-container-xsmall, + .uk-container-expand-right.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 30px); + } + .uk-container-expand-left.uk-container-small, + .uk-container-expand-right.uk-container-small { + max-width: calc(50% + (900px / 2) - 30px); + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-expand-left, + .uk-container-expand-right { + max-width: calc(50% + (1200px / 2) - 40px); + } + .uk-container-expand-left.uk-container-xsmall, + .uk-container-expand-right.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 40px); + } + .uk-container-expand-left.uk-container-small, + .uk-container-expand-right.uk-container-small { + max-width: calc(50% + (900px / 2) - 40px); + } + .uk-container-expand-left.uk-container-large, + .uk-container-expand-right.uk-container-large { + max-width: calc(50% + (1400px / 2) - 40px); + } + .uk-container-expand-left.uk-container-xlarge, + .uk-container-expand-right.uk-container-xlarge { + max-width: calc(50% + (1600px / 2) - 40px); + } +} +/* Item + ========================================================================== */ +/* + * Utility classes to reset container padding on the left or right side + * Note: It has to be negative margin on the item, because it's specific to the item. + */ +.uk-container-item-padding-remove-left, +.uk-container-item-padding-remove-right { + width: calc(100% + 15px); +} +.uk-container-item-padding-remove-left { + margin-left: -15px; +} +.uk-container-item-padding-remove-right { + margin-right: -15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-item-padding-remove-left, + .uk-container-item-padding-remove-right { + width: calc(100% + 30px); + } + .uk-container-item-padding-remove-left { + margin-left: -30px; + } + .uk-container-item-padding-remove-right { + margin-right: -30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-item-padding-remove-left, + .uk-container-item-padding-remove-right { + width: calc(100% + 40px); + } + .uk-container-item-padding-remove-left { + margin-left: -40px; + } + .uk-container-item-padding-remove-right { + margin-right: -40px; + } +} +/* ======================================================================== + Component: Tile + ========================================================================== */ +.uk-tile { + display: flow-root; + position: relative; + box-sizing: border-box; + padding-left: 15px; + padding-right: 15px; + padding-top: 40px; + padding-bottom: 40px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-tile { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile { + padding-left: 40px; + padding-right: 40px; + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-tile > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-tile-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-tile-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-tile-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-tile-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-tile-default { + --uk-inverse: dark; + background-color: #fff; +} +/* + * Muted + */ +.uk-tile-muted { + --uk-inverse: dark; + background-color: #f8f8f8; +} +/* + * Primary + */ +.uk-tile-primary { + --uk-inverse: light; + background-color: #1e87f0; +} +/* + * Secondary + */ +.uk-tile-secondary { + --uk-inverse: light; + background-color: #222; +} +/* ======================================================================== + Component: Card + ========================================================================== */ +.uk-card { + position: relative; + box-sizing: border-box; +} +/* Sections + ========================================================================== */ +.uk-card-body { + display: flow-root; + padding: 30px 30px; +} +.uk-card-header { + display: flow-root; + padding: 15px 30px; +} +.uk-card-footer { + display: flow-root; + padding: 15px 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body { + padding: 40px 40px; + } + .uk-card-header { + padding: 20px 40px; + } + .uk-card-footer { + padding: 20px 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-card-body > :last-child, +.uk-card-header > :last-child, +.uk-card-footer > :last-child { + margin-bottom: 0; +} +/* Media + ========================================================================== */ +/* + * Reserved alignment modifier to style the media element, e.g. with `border-radius` + * Implemented by the theme + */ +/* Title + ========================================================================== */ +.uk-card-title { + font-size: 1.5rem; + line-height: 1.4; +} +/* Badge + ========================================================================== */ +/* + * 1. Position + * 2. Size + * 3. Style + * 4. Center child vertically + */ +.uk-card-badge { + /* 1 */ + position: absolute; + top: 15px; + right: 15px; + z-index: 1; + /* 2 */ + height: 22px; + padding: 0 10px; + /* 3 */ + background: #1e87f0; + color: #fff; + font-size: 0.875rem; + /* 4 */ + display: flex; + justify-content: center; + align-items: center; + line-height: 0; +} +/* + * Remove margin from adjacent element + */ +.uk-card-badge:first-child + * { + margin-top: 0; +} +/* Hover modifier + ========================================================================== */ +.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { + background-color: #f8f8f8; +} +/* Style modifiers + ========================================================================== */ +/* + * Default + * Note: Header and Footer are only implemented for the default style + */ +.uk-card-default { + --uk-inverse: dark; + background-color: #f8f8f8; + color: #666; +} +.uk-card-default .uk-card-title { + color: #333; +} +.uk-card-default.uk-card-hover:hover { + background-color: #ebebeb; +} +/* + * Primary + */ +.uk-card-primary { + --uk-inverse: light; + background-color: #1e87f0; + color: #fff; +} +.uk-card-primary .uk-card-title { + color: #fff; +} +.uk-card-primary.uk-card-hover:hover { + background-color: #0f7ae5; +} +/* + * Secondary + */ +.uk-card-secondary { + --uk-inverse: light; + background-color: #222; + color: #fff; +} +.uk-card-secondary .uk-card-title { + color: #fff; +} +.uk-card-secondary.uk-card-hover:hover { + background-color: #151515; +} +/* Size modifier + ========================================================================== */ +/* + * Small + */ +.uk-card-small.uk-card-body, +.uk-card-small .uk-card-body { + padding: 20px 20px; +} +.uk-card-small .uk-card-header { + padding: 13px 20px; +} +.uk-card-small .uk-card-footer { + padding: 13px 20px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large.uk-card-body, + .uk-card-large .uk-card-body { + padding: 70px 70px; + } + .uk-card-large .uk-card-header { + padding: 35px 70px; + } + .uk-card-large .uk-card-footer { + padding: 35px 70px; + } +} +/* ======================================================================== + Component: Close + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-close { + color: #999; +} +/* Hover */ +.uk-close:hover { + color: #666; +} +/* ======================================================================== + Component: Spinner + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +/* SVG + ========================================================================== */ +.uk-spinner > * { + animation: uk-spinner-rotate 1.4s linear infinite; +} +@keyframes uk-spinner-rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(270deg); + } +} +/* + * Circle + */ +.uk-spinner > * > * { + stroke-dasharray: 88px; + stroke-dashoffset: 0; + transform-origin: center; + animation: uk-spinner-dash 1.4s ease-in-out infinite; + stroke-width: 1; + stroke-linecap: round; +} +@keyframes uk-spinner-dash { + 0% { + stroke-dashoffset: 88px; + } + 50% { + stroke-dashoffset: 22px; + transform: rotate(135deg); + } + 100% { + stroke-dashoffset: 88px; + transform: rotate(450deg); + } +} +/* ======================================================================== + Component: Totop + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-totop { + padding: 5px; + color: #999; +} +/* Hover */ +.uk-totop:hover { + color: #666; +} +/* OnClick */ +.uk-totop:active { + color: #333; +} +/* ======================================================================== + Component: Marker + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-marker { + padding: 5px; + background: #222; + color: #fff; +} +/* Hover */ +.uk-marker:hover { + color: #fff; +} +/* ======================================================================== + Component: Alert + ========================================================================== */ +.uk-alert { + position: relative; + margin-bottom: 20px; + padding: 15px 29px 15px 15px; + background: #f8f8f8; + color: #666; +} +/* Add margin if adjacent element */ +* + .uk-alert { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-alert > :last-child { + margin-bottom: 0; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-alert-close { + position: absolute; + top: 20px; + right: 15px; +} +/* + * Remove margin from adjacent element + */ +.uk-alert-close:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-alert-primary { + background: #d8eafc; + color: #1e87f0; +} +/* + * Success + */ +.uk-alert-success { + background: #edfbf6; + color: #32d296; +} +/* + * Warning + */ +.uk-alert-warning { + background: #fff6ee; + color: #faa05a; +} +/* + * Danger + */ +.uk-alert-danger { + background: #fef4f6; + color: #f0506e; +} +/* ======================================================================== + Component: Placeholder + ========================================================================== */ +.uk-placeholder { + margin-bottom: 20px; + padding: 30px 30px; + background: #f8f8f8; +} +/* Add margin if adjacent element */ +* + .uk-placeholder { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-placeholder > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Badge + ========================================================================== */ +/* + * 1. Style + * 2. Center child vertically and horizontally + */ +.uk-badge { + box-sizing: border-box; + min-width: 18px; + height: 18px; + padding: 0 5px; + border-radius: 500px; + vertical-align: middle; + /* 1 */ + background: #1e87f0; + color: #fff !important; + font-size: 11px; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + line-height: 0; +} +/* + * Required for `a` + */ +.uk-badge:hover { + text-decoration: none; +} +/* ======================================================================== + Component: Label + ========================================================================== */ +.uk-label { + display: inline-block; + padding: 0 10px; + background: #1e87f0; + line-height: 1.5; + font-size: 0.875rem; + color: #fff; + vertical-align: middle; + white-space: nowrap; +} +/* Color modifiers + ========================================================================== */ +/* + * Success + */ +.uk-label-success { + background-color: #32d296; + color: #fff; +} +/* + * Warning + */ +.uk-label-warning { + background-color: #faa05a; + color: #fff; +} +/* + * Danger + */ +.uk-label-danger { + background-color: #f0506e; + color: #fff; +} +/* ======================================================================== + Component: Overlay + ========================================================================== */ +.uk-overlay { + padding: 30px 30px; +} +/* + * Remove margin from the last-child + */ +.uk-overlay > :last-child { + margin-bottom: 0; +} +/* Icon + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-overlay-default { + --uk-inverse: dark; + background: rgba(255, 255, 255, 0.8); +} +/* + * Primary + */ +.uk-overlay-primary { + --uk-inverse: light; + background: rgba(34, 34, 34, 0.8); +} +/* ======================================================================== + Component: Article + ========================================================================== */ +.uk-article { + display: flow-root; +} +/* + * Remove margin from the last-child + */ +.uk-article > :last-child { + margin-bottom: 0; +} +/* Adjacent sibling + ========================================================================== */ +.uk-article + .uk-article { + margin-top: 70px; +} +/* Title + ========================================================================== */ +.uk-article-title { + font-size: 2.23125rem; + line-height: 1.2; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-article-title { + font-size: 2.625rem; + } +} +/* Meta + ========================================================================== */ +.uk-article-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +/* ======================================================================== + Component: Comment + ========================================================================== */ +/* Sections + ========================================================================== */ +.uk-comment-body { + display: flow-root; + overflow-wrap: break-word; + word-wrap: break-word; +} +.uk-comment-header { + display: flow-root; + margin-bottom: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-comment-body > :last-child, +.uk-comment-header > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-comment-title { + font-size: 1.25rem; + line-height: 1.4; +} +/* Meta + ========================================================================== */ +.uk-comment-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +/* Avatar + ========================================================================== */ +/* List + ========================================================================== */ +.uk-comment-list { + padding: 0; + list-style: none; +} +/* Adjacent siblings */ +.uk-comment-list > :nth-child(n+2) { + margin-top: 70px; +} +/* + * Sublists + * Note: General sibling selector allows reply block between comment and sublist + */ +.uk-comment-list .uk-comment ~ ul { + margin: 70px 0 0 0; + padding-left: 30px; + list-style: none; +} +/* Tablet and bigger */ +@media (min-width: 960px) { + .uk-comment-list .uk-comment ~ ul { + padding-left: 100px; + } +} +/* Adjacent siblings */ +.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) { + margin-top: 70px; +} +/* Style modifier + ========================================================================== */ +/* ======================================================================== + Component: Search + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Reset `form` + */ +.uk-search { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + margin: 0; +} +/* Input + ========================================================================== */ +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-search-input::-webkit-search-cancel-button, +.uk-search-input::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-search-input::-moz-placeholder { + opacity: 1; +} +/* + * 1. Define consistent box sizing. + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers + * 5. Show the overflow in Edge. + * 6. Remove default style in iOS. + * 7. Vertical alignment + * 8. Take the full container width + * 9. Style + */ +.uk-search-input { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; + /* 5 */ + overflow: visible; + /* 6 */ + -webkit-appearance: none; + /* 7 */ + vertical-align: middle; + /* 8 */ + width: 100%; + /* 9 */ + border: none; + color: #666; +} +.uk-search-input:focus { + outline: none; +} +/* Placeholder */ +.uk-search-input::placeholder { + color: #999; +} +/* Icon (Adopts `uk-icon`) + ========================================================================== */ +/* + * Position above input + * 1. Set position + * 2. Center icon vertically and horizontally + * 3. Style + */ +.uk-search .uk-search-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 3 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-search .uk-search-icon:hover { + color: #999; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-search .uk-search-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Position modifier + */ +.uk-search .uk-search-icon-flip { + right: 0; + left: auto; +} +/* Default modifier + ========================================================================== */ +.uk-search-default { + width: 240px; +} +/* + * Input + */ +.uk-search-default .uk-search-input { + height: 40px; + padding-left: 10px; + padding-right: 10px; + background: #f8f8f8; +} +/* Focus */ +.uk-search-default .uk-search-input:focus { + background-color: #f3f3f3; +} +/* + * Icon + */ +.uk-search-default .uk-search-icon { + padding-left: 10px; + padding-right: 10px; +} +.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-left: 40px; +} +.uk-search-default:has(.uk-search-icon-flip) .uk-search-input { + padding-right: 40px; +} +/* Navbar modifier + ========================================================================== */ +.uk-search-navbar { + width: 240px; +} +/* + * Input + */ +.uk-search-navbar .uk-search-input { + height: 40px; + padding-left: 10px; + padding-right: 10px; + background: #fff; +} +/* Focus */ +.uk-search-navbar .uk-search-input:focus { + background-color: #fcfcfc; +} +/* + * Icon + */ +.uk-search-navbar .uk-search-icon { + padding-left: 10px; + padding-right: 10px; +} +.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-left: 40px; +} +.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input { + padding-right: 40px; +} +/* Medium modifier + ========================================================================== */ +.uk-search-medium { + width: 400px; +} +/* + * Input + */ +.uk-search-medium .uk-search-input { + height: 55px; + padding-left: 12px; + padding-right: 12px; + background: #f8f8f8; + font-size: 1.5rem; +} +/* Focus */ +.uk-search-medium .uk-search-input:focus { + background-color: #f3f3f3; +} +/* + * Icon + */ +.uk-search-medium .uk-search-icon { + padding-left: 12px; + padding-right: 12px; +} +.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-left: 48px; +} +.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input { + padding-right: 48px; +} +/* Large modifier + ========================================================================== */ +.uk-search-large { + width: 500px; +} +/* + * Input + */ +.uk-search-large .uk-search-input { + height: 90px; + padding-left: 20px; + padding-right: 20px; + background: #f8f8f8; + font-size: 2.625rem; +} +/* Focus */ +.uk-search-large .uk-search-input:focus { + background-color: #f3f3f3; +} +/* + * Icon + */ +.uk-search-large .uk-search-icon { + padding-left: 20px; + padding-right: 20px; +} +.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-left: 80px; +} +.uk-search-large:has(.uk-search-icon-flip) .uk-search-input { + padding-right: 80px; +} +/* Toggle + ========================================================================== */ +.uk-search-toggle { + color: #999; +} +/* Hover */ +.uk-search-toggle:hover { + color: #666; +} +/* ======================================================================== + Component: Accordion + ========================================================================== */ +.uk-accordion { + padding: 0; + list-style: none; +} +/* Item + ========================================================================== */ +.uk-accordion > :nth-child(n+2) { + margin-top: 20px; +} +/* Title + ========================================================================== */ +.uk-accordion-title { + display: block; + font-size: 1.25rem; + line-height: 1.4; + color: #333; +} +/* Hover */ +.uk-accordion-title:hover { + color: #666; + text-decoration: none; +} +/* Content + ========================================================================== */ +.uk-accordion-content { + display: flow-root; + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-accordion-content > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Drop + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Set a default width + */ +.uk-drop { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + --uk-position-offset: 20px; + --uk-position-viewport-offset: 15px; + /* 3 */ + box-sizing: border-box; + width: 300px; +} +/* Show */ +.uk-drop.uk-open { + display: block; +} +/* Grid modifiers + ========================================================================== */ +.uk-drop-stack .uk-drop-grid > * { + width: 100% !important; +} +/* Parent icon + ========================================================================== */ +.uk-drop-parent-icon { + margin-left: 0.25em; + transition: transform 0.3s ease-out; +} +[aria-expanded="true"] > .uk-drop-parent-icon { + transform: rotateX(180deg); +} +/* ======================================================================== + Component: Dropbar + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Reset drop + * 2. Style + */ +.uk-dropbar { + --uk-position-offset: 0; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 0; + --uk-inverse: dark; + /* 1 */ + width: auto; + /* 2 */ + padding: 15px 15px 15px 15px; + background: #f8f8f8; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-dropbar > :last-child { + margin-bottom: 0; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-dropbar { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-dropbar { + padding-left: 40px; + padding-right: 40px; + } +} +.uk-dropbar :focus-visible { + outline-color: #333 !important; +} +/* Size modifier + ========================================================================== */ +.uk-dropbar-large { + padding-top: 40px; + padding-bottom: 40px; +} +/* Direction modifier + ========================================================================== */ +/* ======================================================================== + Component: Dropnav + ========================================================================== */ +/* + * 1. Position + * 2. Reset dropbar + * 3. Width + */ +.uk-dropnav-dropbar { + /* 1 */ + position: absolute; + z-index: 980; + /* 2 */ + padding: 0; + /* 3 */ + left: 0; + right: 0; +} +/* ======================================================================== + Component: Modal + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + */ +.uk-modal { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 3 */ + overflow-y: auto; + /* 4 */ + padding: 15px 15px; + /* 5 */ + background: rgba(0, 0, 0, 0.6); + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal { + padding: 50px 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal { + padding-left: 40px; + padding-right: 40px; + } +} +/* + * Open + */ +.uk-modal.uk-open { + opacity: 1; +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-modal-page { + overflow: hidden; +} +/* Dialog + ========================================================================== */ +/* + * 1. Create position context for spinner and close button + * 2. Dimensions + * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests + * 4. Style + * 5. Slide-in transition + */ +.uk-modal-dialog { + /* 1 */ + position: relative; + /* 2 */ + box-sizing: border-box; + margin: 0 auto; + width: 600px; + /* 3 */ + max-width: 100% !important; + /* 4 */ + background: #fff; + /* 5 */ + opacity: 0; + transform: translateY(-100px); + transition: 0.3s linear; + transition-property: opacity, transform; +} +/* + * Open + */ +.uk-open > .uk-modal-dialog { + opacity: 1; + transform: translateY(0); +} +/* Size modifier + ========================================================================== */ +/* + * Container size + * Take the same size as the Container component + */ +.uk-modal-container .uk-modal-dialog { + width: 1200px; +} +/* + * Full size + * 1. Remove padding and background from modal + * 2. Reset all default declarations from modal dialog + */ +/* 1 */ +.uk-modal-full { + padding: 0; + background: none; +} +/* 2 */ +.uk-modal-full .uk-modal-dialog { + margin: 0; + width: 100%; + max-width: 100%; + transform: translateY(0); +} +/* Sections + ========================================================================== */ +.uk-modal-body { + display: flow-root; + padding: 20px 20px; +} +.uk-modal-header { + display: flow-root; + padding: 10px 20px; + background: #f8f8f8; +} +.uk-modal-footer { + display: flow-root; + padding: 10px 20px; + background: #f8f8f8; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal-body { + padding: 30px 30px; + } + .uk-modal-header { + padding: 15px 30px; + } + .uk-modal-footer { + padding: 15px 30px; + } +} +/* + * Remove margin from the last-child + */ +.uk-modal-body > :last-child, +.uk-modal-header > :last-child, +.uk-modal-footer > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-modal-title { + font-size: 2rem; + line-height: 1.3; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +[class*="uk-modal-close-"] { + position: absolute; + z-index: 1010; + top: 10px; + right: 10px; + padding: 5px; +} +/* + * Remove margin from adjacent element + */ +[class*="uk-modal-close-"]:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +/* + * Default + */ +/* + * Outside + * 1. Prevent scrollbar on small devices + */ +.uk-modal-close-outside { + top: 0; + /* 1 */ + right: -5px; + transform: translate(0, -100%); + color: #ffffff; +} +.uk-modal-close-outside:hover { + color: #fff; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* 1 */ + .uk-modal-close-outside { + right: 0; + transform: translate(100%, -100%); + } +} +/* + * Full + */ +/* ======================================================================== + Component: Slideshow + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slideshow { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Items + ========================================================================== */ +/* + * 1. Create position and stacking context + * 2. Reset list + * 3. Clip child elements + * 4. Prevent displaying the callout information on iOS. + * 5. Disable horizontal panning gestures + */ +.uk-slideshow-items { + /* 1 */ + position: relative; + z-index: 0; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + overflow: hidden; + /* 4 */ + -webkit-touch-callout: none; + /* 5 */ + touch-action: pan-y; +} +/* Item + ========================================================================== */ +/* + * 1. Position items above each other + * 2. Take the full width + * 3. Clip child elements, e.g. for `uk-cover` + * 4. Optimize animation + */ +.uk-slideshow-items > * { + /* 1 */ + position: absolute; + top: 0; + left: 0; + /* 2 */ + right: 0; + bottom: 0; + /* 3 */ + overflow: hidden; + /* 4 */ + will-change: transform, opacity; +} +/* + * Hide not active items + */ +.uk-slideshow-items > :not(.uk-active) { + display: none; +} +/* ======================================================================== + Component: Slider + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slider { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Container + ========================================================================== */ +/* + * 1. Clip child elements + * 2. Prevent accidental scrolling through elements in slide getting focused + */ +.uk-slider-container { + /* 1 */ + overflow: hidden; + /* 2 */ + overflow: clip; +} +/* + * Widen container to prevent box-shadows from clipping, `large-box-shadow` + */ +.uk-slider-container-offset { + margin: -11px -25px -39px -25px; + padding: 11px 25px 39px 25px; +} +/* Items + ========================================================================== */ +/* + * 1. Optimize animation + * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`. + * 3. Disable horizontal panning gestures + */ +.uk-slider-items { + /* 1 */ + will-change: transform; + /* 2 */ + position: relative; + /* 3 */ + touch-action: pan-y; +} +/* + * 1. Reset list style without interfering with grid + * 2. Prevent displaying the callout information on iOS. + */ +.uk-slider-items:not(.uk-grid) { + display: flex; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; + /* 2 */ + -webkit-touch-callout: none; +} +.uk-slider-items.uk-grid { + flex-wrap: nowrap; +} +/* Item + ========================================================================== */ +/* + * 1. Let items take content dimensions (0 0 auto) + * `max-width` needed to keep image responsiveness and prevent content overflow + * 2. Create position context + */ +.uk-slider-items > * { + /* 1 */ + flex: none !important; + box-sizing: border-box; + max-width: 100%; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Sticky + ========================================================================== */ +/* + * 1. Create position context so it's t the same like when fixed. + * 2. Create stacking context already when not sticky to have the same context +* for position set to `sticky` and `relative` + * 2. More robust if padding and border are used and the sticky height is transitioned + */ +.uk-sticky { + /* 1 */ + position: relative; + /* 2 */ + z-index: 980; + /* 3 */ + box-sizing: border-box; +} +.uk-sticky-fixed { + margin: 0 !important; +} +/* + * Faster animations + */ +.uk-sticky[class*="uk-animation-"] { + animation-duration: 0.2s; +} +.uk-sticky.uk-animation-reverse { + animation-duration: 0.2s; +} +/* + * Placeholder + * Make content clickable for sticky cover and reveal effects + */ +.uk-sticky-placeholder { + pointer-events: none; +} +/* ======================================================================== + Component: Off-canvas + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + */ +.uk-offcanvas { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 1000; +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas { + right: 0; + left: auto; +} +/* Bar + ========================================================================== */ +/* + * 1. Set position + * 2. Size and style + * 3. Allow scrolling + */ +.uk-offcanvas-bar { + --uk-inverse: light; + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: -270px; + /* 2 */ + box-sizing: border-box; + width: 270px; + padding: 20px 20px; + background: #222; + /* 3 */ + overflow-y: auto; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-bar { + left: -350px; + width: 350px; + padding: 30px 30px; + } +} +/* Flip modifier */ +.uk-offcanvas-flip .uk-offcanvas-bar { + left: auto; + right: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-flip .uk-offcanvas-bar { + right: -350px; + } +} +/* + * Open + */ +.uk-open > .uk-offcanvas-bar { + left: 0; +} +.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { + left: auto; + right: 0; +} +/* + * Slide Animation (Used in slide and push mode) + */ +.uk-offcanvas-bar-animation { + transition: left 0.3s ease-out; +} +.uk-offcanvas-flip .uk-offcanvas-bar-animation { + transition-property: right; +} +/* + * Reveal Animation + * 1. Set position + * 2. Clip the bar + * 3. Animation + * 4. Reset position + */ +.uk-offcanvas-reveal { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + width: 0; + overflow: hidden; + /* 3 */ + transition: width 0.3s ease-out; +} +.uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + left: 0; +} +.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + left: auto; + right: 0; +} +.uk-open > .uk-offcanvas-reveal { + width: 270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-open > .uk-offcanvas-reveal { + width: 350px; + } +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas-reveal { + right: 0; + left: auto; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-offcanvas-close { + position: absolute; + z-index: 1000; + top: 5px; + right: 5px; + padding: 5px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-close { + top: 10px; + right: 10px; + } +} +/* + * Remove margin from adjacent element + */ +.uk-offcanvas-close:first-child + * { + margin-top: 0; +} +/* Overlay + ========================================================================== */ +/* + * Overlay the whole page. Needed for the `::before` + * 1. Using `100vw` so no modification is needed when off-canvas is flipped + * 2. Allow for closing with swipe gesture on devices with pointer events. + */ +.uk-offcanvas-overlay { + /* 1 */ + width: 100vw; + /* 2 */ + touch-action: none; +} +/* + * 1. Mask the whole page + * 2. Fade-in transition + */ +.uk-offcanvas-overlay::before { + /* 1 */ + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.1); + /* 2 */ + opacity: 0; + transition: opacity 0.15s linear; +} +.uk-offcanvas-overlay.uk-open::before { + opacity: 1; +} +/* Prevent scrolling + ========================================================================== */ +/* + * Prevent horizontal scrollbar when the content is slide-out + * Has to be on the `html` element too to make it work on the `body` + * 1. `clip` is needed for `position: sticky` elements to keep their position + */ +.uk-offcanvas-page, +.uk-offcanvas-container { + overflow-x: hidden; + /* 1 */ + overflow-x: clip; +} +/* Container + ========================================================================== */ +/* + * Prepare slide-out animation (Used in reveal and push mode) + * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars + * lose their fixed state and behaves like `absolute` within a transformed container + * 1. Provide a fixed width and prevent shrinking + */ +.uk-offcanvas-container { + position: relative; + left: 0; + transition: left 0.3s ease-out; + /* 1 */ + box-sizing: border-box; + width: 100%; +} +/* + * Activate slide-out animation + */ +:not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + left: 270px; +} +.uk-offcanvas-flip.uk-offcanvas-container-animation { + left: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + left: 350px; + } + .uk-offcanvas-flip.uk-offcanvas-container-animation { + left: -350px; + } +} +/* ======================================================================== + Component: Switcher + ========================================================================== */ +/* + * Reset list + */ +.uk-switcher { + margin: 0; + padding: 0; + list-style: none; +} +/* Items + ========================================================================== */ +/* + * Hide not active items + */ +.uk-switcher > :not(.uk-active) { + display: none; +} +/* + * Remove margin from the last-child + */ +.uk-switcher > * > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Leader + ========================================================================== */ +.uk-leader { + overflow: hidden; +} +/* + * 1. Place element in text flow + * 2. Never break into a new line + * 3. Get a string back with as many repeating characters to fill the container + * 4. Prevent wrapping. Overflowing characters will be clipped by the container + */ +.uk-leader-fill::after { + /* 1 */ + display: inline-block; + margin-left: 15px; + /* 2 */ + width: 0; + /* 3 */ + content: attr(data-fill); + /* 4 */ + white-space: nowrap; +} +/* + * Hide if media does not match + */ +.uk-leader-fill.uk-leader-hide::after { + display: none; +} +/* + * Pass fill character to JS + */ +:root { + --uk-leader-fill-content: .; +} +/* ======================================================================== + Component: Notification + ========================================================================== */ +/* + * 1. Set position + * 2. Dimensions + */ +.uk-notification { + /* 1 */ + position: fixed; + top: 10px; + left: 10px; + z-index: 1040; + /* 2 */ + box-sizing: border-box; + width: 350px; +} +/* Position modifiers +========================================================================== */ +.uk-notification-top-right, +.uk-notification-bottom-right { + left: auto; + right: 10px; +} +.uk-notification-top-center, +.uk-notification-bottom-center { + left: 50%; + margin-left: -175px; +} +.uk-notification-bottom-left, +.uk-notification-bottom-right, +.uk-notification-bottom-center { + top: auto; + bottom: 10px; +} +/* Responsiveness +========================================================================== */ +/* Phones portrait and smaller */ +@media (max-width: 639px) { + .uk-notification { + left: 10px; + right: 10px; + width: auto; + margin: 0; + } +} +/* Message +========================================================================== */ +.uk-notification-message { + position: relative; + padding: 15px; + background: #f8f8f8; + color: #666; + font-size: 1.25rem; + line-height: 1.4; + cursor: pointer; +} +* + .uk-notification-message { + margin-top: 10px; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-notification-close { + display: none; + position: absolute; + top: 20px; + right: 15px; +} +.uk-notification-message:hover .uk-notification-close { + display: block; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-notification-message-primary { + color: #1e87f0; +} +/* + * Success + */ +.uk-notification-message-success { + color: #32d296; +} +/* + * Warning + */ +.uk-notification-message-warning { + color: #faa05a; +} +/* + * Danger + */ +.uk-notification-message-danger { + color: #f0506e; +} +/* ======================================================================== + Component: Tooltip + ========================================================================== */ +/* + * 1. Hide by default + * 2. Position + * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially + * 4. Dimensions + * 5. Style + */ +.uk-tooltip { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1030; + --uk-position-offset: 10px; + --uk-position-viewport-offset: 10; + /* 3 */ + top: 0; + /* 4 */ + box-sizing: border-box; + max-width: 200px; + padding: 3px 6px; + /* 5 */ + background: #666; + border-radius: 2px; + color: #fff; + font-size: 12px; +} +/* Show */ +.uk-tooltip.uk-active { + display: block; +} +/* ======================================================================== + Component: Sortable + ========================================================================== */ +.uk-sortable { + position: relative; +} +/* + * Remove margin from the last-child + */ +.uk-sortable > :last-child { + margin-bottom: 0; +} +/* Drag + ========================================================================== */ +.uk-sortable-drag { + position: fixed !important; + z-index: 1050 !important; + pointer-events: none; +} +/* Placeholder + ========================================================================== */ +.uk-sortable-placeholder { + opacity: 0; + pointer-events: none; +} +/* Empty modifier + ========================================================================== */ +.uk-sortable-empty { + min-height: 50px; +} +/* Handle + ========================================================================== */ +/* Hover */ +.uk-sortable-handle:hover { + cursor: move; +} +/* ======================================================================== + Component: Countdown + ========================================================================== */ +/* Item + ========================================================================== */ +/* Number + ========================================================================== */ +/* + * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font. + * 2. Style + */ +.uk-countdown-number { + /* 1 */ + font-variant-numeric: tabular-nums; + /* 2 */ + font-size: 2rem; + line-height: 0.8; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-number { + font-size: 4rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-number { + font-size: 6rem; + } +} +/* Separator + ========================================================================== */ +.uk-countdown-separator { + font-size: 1rem; + line-height: 1.6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-separator { + font-size: 2rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-separator { + font-size: 3rem; + } +} +/* Label + ========================================================================== */ +/* ======================================================================== + Component: Thumbnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-thumbnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -15px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-thumbnav > * { + /* 1 */ + padding-left: 15px; +} +/* Items + ========================================================================== */ +/* + * Items + */ +.uk-thumbnav > * > * { + display: inline-block; +} +/* Hover */ +/* Active */ +/* Modifier: 'uk-thumbnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-thumbnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -15px; +} +/* 2 */ +.uk-thumbnav-vertical > * { + padding-left: 0; + padding-top: 15px; +} +/* ======================================================================== + Component: Iconnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-iconnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -10px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-iconnav > * { + /* 1 */ + padding-left: 10px; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center content vertically if there is still some text + * 2. Imitate white space gap when using flexbox + * 3. Force text not to affect item height + * 4. Style + * 5. Required for `a` if there is still some text + */ +.uk-iconnav > * > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + line-height: 0; + /* 4 */ + color: #999; + /* 5 */ + text-decoration: none; +} +/* Hover */ +.uk-iconnav > * > a:hover { + color: #666; +} +/* Active */ +.uk-iconnav > .uk-active > a { + color: #666; +} +/* Modifier: 'uk-iconnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-iconnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -10px; +} +/* 2 */ +.uk-iconnav-vertical > * { + padding-left: 0; + padding-top: 10px; +} +/* ======================================================================== + Component: Grid + ========================================================================== */ +/* + * 1. Allow cells to wrap into the next line + * 2. Reset list + */ +.uk-grid { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Grid cell + * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto + * Reset margin for e.g. paragraphs + */ +.uk-grid > * { + margin: 0; +} +/* + * Remove margin from the last-child + */ +.uk-grid > * > :last-child { + margin-bottom: 0; +} +/* Gutter + ========================================================================== */ +/* + * Default + */ +/* Horizontal */ +.uk-grid { + margin-left: -30px; +} +.uk-grid > * { + padding-left: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid, +.uk-grid > .uk-grid-margin, +* + .uk-grid-margin { + margin-top: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid { + margin-left: -40px; + } + .uk-grid > * { + padding-left: 40px; + } + /* Vertical */ + .uk-grid + .uk-grid, + .uk-grid > .uk-grid-margin, + * + .uk-grid-margin { + margin-top: 40px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-small, +.uk-grid-column-small { + margin-left: -15px; +} +.uk-grid-small > *, +.uk-grid-column-small > * { + padding-left: 15px; +} +/* Vertical */ +.uk-grid + .uk-grid-small, +.uk-grid + .uk-grid-row-small, +.uk-grid-small > .uk-grid-margin, +.uk-grid-row-small > .uk-grid-margin, +* + .uk-grid-margin-small { + margin-top: 15px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-medium, +.uk-grid-column-medium { + margin-left: -30px; +} +.uk-grid-medium > *, +.uk-grid-column-medium > * { + padding-left: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid-medium, +.uk-grid + .uk-grid-row-medium, +.uk-grid-medium > .uk-grid-margin, +.uk-grid-row-medium > .uk-grid-margin, +* + .uk-grid-margin-medium { + margin-top: 30px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-large, +.uk-grid-column-large { + margin-left: -40px; +} +.uk-grid-large > *, +.uk-grid-column-large > * { + padding-left: 40px; +} +/* Vertical */ +.uk-grid + .uk-grid-large, +.uk-grid + .uk-grid-row-large, +.uk-grid-large > .uk-grid-margin, +.uk-grid-row-large > .uk-grid-margin, +* + .uk-grid-margin-large { + margin-top: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-large, + .uk-grid-column-large { + margin-left: -70px; + } + .uk-grid-large > *, + .uk-grid-column-large > * { + padding-left: 70px; + } + /* Vertical */ + .uk-grid + .uk-grid-large, + .uk-grid + .uk-grid-row-large, + .uk-grid-large > .uk-grid-margin, + .uk-grid-row-large > .uk-grid-margin, + * + .uk-grid-margin-large { + margin-top: 70px; + } +} +/* + * Collapse + */ +/* Horizontal */ +.uk-grid-collapse, +.uk-grid-column-collapse { + margin-left: 0; +} +.uk-grid-collapse > *, +.uk-grid-column-collapse > * { + padding-left: 0; +} +/* Vertical */ +.uk-grid + .uk-grid-collapse, +.uk-grid + .uk-grid-row-collapse, +.uk-grid-collapse > .uk-grid-margin, +.uk-grid-row-collapse > .uk-grid-margin { + margin-top: 0; +} +/* Divider + ========================================================================== */ +.uk-grid-divider > * { + position: relative; +} +.uk-grid-divider > :not(.uk-first-column)::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + border-left: 1px solid #e5e5e5; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + content: ""; + position: absolute; + left: 0; + right: 0; + border-top: 1px solid #e5e5e5; +} +/* + * Default + */ +/* Horizontal */ +.uk-grid-divider { + margin-left: -60px; +} +.uk-grid-divider > * { + padding-left: 60px; +} +.uk-grid-divider > :not(.uk-first-column)::before { + left: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + left: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider { + margin-left: -80px; + } + .uk-grid-divider > * { + padding-left: 80px; + } + .uk-grid-divider > :not(.uk-first-column)::before { + left: 40px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; + } + .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + left: 80px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-small, +.uk-grid-divider.uk-grid-column-small { + margin-left: -30px; +} +.uk-grid-divider.uk-grid-small > *, +.uk-grid-divider.uk-grid-column-small > * { + padding-left: 30px; +} +.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { + left: 15px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { + margin-top: 30px; +} +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; + left: 30px; +} +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; +} +.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { + left: 30px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-medium, +.uk-grid-divider.uk-grid-column-medium { + margin-left: -60px; +} +.uk-grid-divider.uk-grid-medium > *, +.uk-grid-divider.uk-grid-column-medium > * { + padding-left: 60px; +} +.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { + left: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + left: 60px; +} +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; +} +.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { + left: 60px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-large, +.uk-grid-divider.uk-grid-column-large { + margin-left: -80px; +} +.uk-grid-divider.uk-grid-large > *, +.uk-grid-divider.uk-grid-column-large > * { + padding-left: 80px; +} +.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + left: 40px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; +} +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + left: 80px; +} +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; +} +.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + left: 80px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider.uk-grid-large, + .uk-grid-divider.uk-grid-column-large { + margin-left: -140px; + } + .uk-grid-divider.uk-grid-large > *, + .uk-grid-divider.uk-grid-column-large > * { + padding-left: 140px; + } + .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, + .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + left: 70px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 140px; + } + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + left: 140px; + } + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + } + .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + left: 140px; + } +} +/* Match child of a grid cell + ========================================================================== */ +/* + * Behave like a block element + * 1. Wrap into the next line + * 2. Take the full width, at least 100%. Only if no class from the Width component is set. + * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) + */ +.uk-grid-match > *, +.uk-grid-item-match { + display: flex; + /* 1 */ + flex-wrap: wrap; +} +.uk-grid-match > * > :not([class*="uk-width"]), +.uk-grid-item-match > :not([class*="uk-width"]) { + /* 2 */ + box-sizing: border-box; + width: 100%; + /* 3 */ + flex: auto; +} +/* ======================================================================== + Component: Nav + ========================================================================== */ +/* + * Reset + */ +.uk-nav, +.uk-nav ul { + margin: 0; + padding: 0; + list-style: none; +} +/* +* 1. Center content vertically, e.g. an icon +* 2. Imitate white space gap when using flexbox +* 3. Reset link + */ +.uk-nav li > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3*/ + text-decoration: none; +} +/* + * Items + * Must target `a` elements to exclude other elements (e.g. lists) + */ +.uk-nav > li > a { + padding: 5px 0; +} +/* Sublists + ========================================================================== */ +/* + * Level 2 + * `ul` needed for higher specificity to override padding + */ +ul.uk-nav-sub { + padding: 5px 0 5px 15px; +} +/* + * Level 3 and deeper + */ +.uk-nav-sub ul { + padding-left: 15px; +} +/* + * Items + */ +.uk-nav-sub a { + padding: 2px 0; +} +/* Parent icon + ========================================================================== */ +.uk-nav-parent-icon { + margin-left: auto; + transition: transform 0.3s ease-out; +} +.uk-nav > li.uk-open > a .uk-nav-parent-icon { + transform: rotateX(180deg); +} +/* Header + ========================================================================== */ +.uk-nav-header { + padding: 5px 0; + text-transform: uppercase; + font-size: 0.875rem; +} +.uk-nav-header:not(:first-child) { + margin-top: 20px; +} +/* Divider + ========================================================================== */ +.uk-nav .uk-nav-divider { + margin: 5px 0; +} +/* Default modifier + ========================================================================== */ +.uk-nav-default { + font-size: 16px; + line-height: 1.5; +} +/* + * Items + */ +.uk-nav-default > li > a { + color: #999; +} +/* Hover */ +.uk-nav-default > li > a:hover { + color: #666; +} +/* Active */ +.uk-nav-default > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-nav-default .uk-nav-subtitle { + font-size: 0.875rem; +} +/* + * Header + */ +.uk-nav-default .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-default .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-default .uk-nav-sub { + font-size: 16px; + line-height: 1.5; +} +.uk-nav-default .uk-nav-sub a { + color: #999; +} +.uk-nav-default .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-default .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Primary modifier + ========================================================================== */ +.uk-nav-primary { + font-size: 1.5rem; + line-height: 1.5; +} +/* + * Items + */ +.uk-nav-primary > li > a { + color: #999; +} +/* Hover */ +.uk-nav-primary > li > a:hover { + color: #666; +} +/* Active */ +.uk-nav-primary > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-nav-primary .uk-nav-subtitle { + font-size: 1.25rem; +} +/* + * Header + */ +.uk-nav-primary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-primary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-primary .uk-nav-sub { + font-size: 1.25rem; + line-height: 1.5; +} +.uk-nav-primary .uk-nav-sub a { + color: #999; +} +.uk-nav-primary .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Secondary modifier + ========================================================================== */ +.uk-nav-secondary { + font-size: 16px; + line-height: 1.5; +} +/* + * Items + */ +.uk-nav-secondary > li > a { + color: #333; +} +/* Hover */ +.uk-nav-secondary > li > a:hover { + color: #333; +} +/* Active */ +.uk-nav-secondary > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-nav-secondary .uk-nav-subtitle { + font-size: 0.875rem; + color: #999; +} +/* Hover */ +.uk-nav-secondary > li > a:hover .uk-nav-subtitle { + color: #666; +} +/* Active */ +.uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { + color: #333; +} +/* + * Header + */ +.uk-nav-secondary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-secondary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-secondary .uk-nav-sub { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-nav-secondary .uk-nav-sub a { + color: #999; +} +.uk-nav-secondary .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-secondary .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Size modifier + ========================================================================== */ +/* + * Medium + */ +.uk-nav-medium { + font-size: 2.8875rem; + line-height: 1; +} +.uk-nav-large { + font-size: 3.4rem; + line-height: 1; +} +.uk-nav-xlarge { + font-size: 4rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-nav-medium { + font-size: 3.5rem; + } + .uk-nav-large { + font-size: 4rem; + } + .uk-nav-xlarge { + font-size: 6rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-nav-medium { + font-size: 4rem; + } + .uk-nav-large { + font-size: 6rem; + } + .uk-nav-xlarge { + font-size: 8rem; + } +} +/* Alignment modifier + ========================================================================== */ +/* + * 1. Center header + * 2. Center items + */ +/* 1 */ +.uk-nav-center { + text-align: center; +} +/* 2 */ +.uk-nav-center li > a { + justify-content: center; +} +/* Sublists */ +.uk-nav-center .uk-nav-sub, +.uk-nav-center .uk-nav-sub ul { + padding-left: 0; +} +/* Parent icon */ +.uk-nav-center .uk-nav-parent-icon { + margin-left: 0.25em; +} +/* Style modifier + ========================================================================== */ +/* + * Divider + * Naming is in plural to prevent conflicts with divider sub object. + */ +.uk-nav.uk-nav-divider > :not(.uk-nav-header, .uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + margin-top: 5px; + padding-top: 5px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Navbar + ========================================================================== */ +/* + * 1. Create position context to center navbar group + */ +.uk-navbar { + display: flex; + /* 1 */ + position: relative; +} +/* Container + ========================================================================== */ +.uk-navbar-container:not(.uk-navbar-transparent) { + background: #f8f8f8; +} +/* Groups + ========================================================================== */ +/* + * 1. Align navs and items vertically if they have a different height + */ +.uk-navbar-left, +.uk-navbar-right, +[class*="uk-navbar-center"] { + display: flex; + gap: 0px; + /* 1 */ + align-items: center; +} +/* + * Horizontal alignment + * 1. Create position context for centered navbar with sub groups (left/right) + * 2. Fix text wrapping if content is larger than 50% of the container. + * 3. Needed for dropdowns because a new position context is created + * `z-index` must be smaller than off-canvas + * 4. Align sub groups for centered navbar + */ +.uk-navbar-right { + margin-left: auto; +} +.uk-navbar-center:only-child { + margin-left: auto; + margin-right: auto; + /* 1 */ + position: relative; +} +.uk-navbar-center:not(:only-child) { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + /* 2 */ + width: max-content; + box-sizing: border-box; + /* 3 */ + z-index: 990; +} +/* 4 */ +.uk-navbar-center-left, +.uk-navbar-center-right { + position: absolute; + top: 0; +} +.uk-navbar-center-left { + right: calc(100% + 0px); +} +.uk-navbar-center-right { + left: calc(100% + 0px); +} +[class*="uk-navbar-center-"] { + width: max-content; + box-sizing: border-box; +} +/* Nav + ========================================================================== */ +/* + * 1. Reset list + */ +.uk-navbar-nav { + display: flex; + gap: 0px; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Allow items to wrap into the next line + * Only not `absolute` positioned groups + */ +.uk-navbar-left, +.uk-navbar-right, +.uk-navbar-center:only-child { + flex-wrap: wrap; +} +/* + * Items + * 1. Center content vertically and horizontally + * 2. Imitate white space gap when using flexbox + * 3. Dimensions + * 4. Style + * 5. Required for `a` + */ +.uk-navbar-nav > li > a, +.uk-navbar-item, +.uk-navbar-toggle { + /* 1 */ + display: flex; + justify-content: center; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + box-sizing: border-box; + min-height: 80px; + /* 4 */ + font-size: 16px; + 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"; + /* 5 */ + text-decoration: none; +} +/* + * Nav items + */ +.uk-navbar-nav > li > a { + padding: 0 15px; + color: #999; +} +/* + * Hover + * Apply hover style also if dropdown is opened + */ +.uk-navbar-nav > li:hover > a, +.uk-navbar-nav > li > a[aria-expanded="true"] { + color: #666; +} +/* OnClick */ +.uk-navbar-nav > li > a:active { + color: #333; +} +/* Active */ +.uk-navbar-nav > li.uk-active > a { + color: #333; +} +/* Parent icon modifier + ========================================================================== */ +.uk-navbar-parent-icon { + margin-left: 4px; + transition: transform 0.3s ease-out; +} +.uk-navbar-nav > li > a[aria-expanded="true"] .uk-navbar-parent-icon { + transform: rotateX(180deg); +} +/* Item + ========================================================================== */ +.uk-navbar-item { + padding: 0 15px; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-navbar-item > :last-child { + margin-bottom: 0; +} +/* Toggle + ========================================================================== */ +.uk-navbar-toggle { + padding: 0 15px; + color: #999; +} +.uk-navbar-toggle:hover, +.uk-navbar-toggle[aria-expanded="true"] { + color: #666; + text-decoration: none; +} +/* + * Icon + * Adopts `uk-icon` + */ +/* Hover */ +/* Subtitle + ========================================================================== */ +.uk-navbar-subtitle { + font-size: 0.875rem; +} +/* Justify modifier + ========================================================================== */ +.uk-navbar-justify .uk-navbar-left, +.uk-navbar-justify .uk-navbar-right, +.uk-navbar-justify .uk-navbar-nav, +.uk-navbar-justify .uk-navbar-nav > li, +.uk-navbar-justify .uk-navbar-item, +.uk-navbar-justify .uk-navbar-toggle { + flex-grow: 1; +} +/* Style modifiers + ========================================================================== */ +/* Dropdown + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Set a default width + * 2. Style + */ +.uk-navbar-dropdown { + --uk-position-offset: 0; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 15px; + --uk-inverse: dark; + /* 1 */ + width: 200px; + /* 2 */ + padding: 15px; + background: #f8f8f8; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-navbar-dropdown > :last-child { + margin-bottom: 0; +} +.uk-navbar-dropdown :focus-visible { + outline-color: #333 !important; +} +/* + * Grid + * Adopts `uk-grid` + */ +/* Gutter Horizontal */ +.uk-navbar-dropdown .uk-drop-grid { + margin-left: -30px; +} +.uk-navbar-dropdown .uk-drop-grid > * { + padding-left: 30px; +} +/* Gutter Vertical */ +.uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin { + margin-top: 30px; +} +/* + * Width modifier + */ +.uk-navbar-dropdown-width-2:not(.uk-drop-stack) { + width: 400px; +} +.uk-navbar-dropdown-width-3:not(.uk-drop-stack) { + width: 600px; +} +.uk-navbar-dropdown-width-4:not(.uk-drop-stack) { + width: 800px; +} +.uk-navbar-dropdown-width-5:not(.uk-drop-stack) { + width: 1000px; +} +/* + * Size modifier + */ +.uk-navbar-dropdown-large { + --uk-position-shift-offset: 0; + padding: 40px; +} +/* + * Dropbar modifier + * 1. Reset dropdown width to prevent to early shifting + * 2. Reset style + * 3. Padding + */ +.uk-navbar-dropdown-dropbar { + /* 1 */ + width: auto; + /* 2 */ + background: transparent; + /* 3 */ + padding: 15px 0 15px 0; + --uk-position-offset: 0; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-navbar-dropdown-dropbar { + --uk-position-viewport-offset: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-dropdown-dropbar { + --uk-position-viewport-offset: 40px; + } +} +.uk-navbar-dropdown-dropbar-large { + --uk-position-shift-offset: 0; + padding-top: 40px; + padding-bottom: 40px; +} +/* Dropdown Nav + * Adopts `uk-nav` + ========================================================================== */ +/* + * Items + */ +.uk-navbar-dropdown-nav > li > a { + color: #999; +} +/* Hover */ +.uk-navbar-dropdown-nav > li > a:hover { + color: #666; +} +/* Active */ +.uk-navbar-dropdown-nav > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-navbar-dropdown-nav .uk-nav-subtitle { + font-size: 0.875rem; +} +/* + * Header + */ +.uk-navbar-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-navbar-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-navbar-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-navbar-dropdown-nav .uk-nav-sub a:hover { + color: #666; +} +.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Dropbar + ========================================================================== */ +/* + * Adopts `uk-dropnav-dropbar` + */ +/* ======================================================================== + Component: Subnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Center items vertically if they have a different height + * 3. Gutter + * 4. Reset list + */ +.uk-subnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + align-items: center; + /* 3 */ + margin-left: -20px; + /* 4 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-subnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * Using `:first-child` instead of `a` to support `span` elements for text + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Style + */ +.uk-subnav > * > :first-child { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + color: #999; +} +/* Hover */ +.uk-subnav > * > a:hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-subnav > .uk-active > a { + color: #333; +} +/* Divider modifier + ========================================================================== */ +/* + * Set gutter + */ +.uk-subnav-divider { + margin-left: -41px; +} +/* + * Align items and divider vertically + */ +.uk-subnav-divider > * { + display: flex; + align-items: center; +} +/* + * Divider + * 1. `nth-child` makes it also work without JS if it's only one row + */ +.uk-subnav-divider > ::before { + content: ""; + height: 1.5em; + margin-left: 0px; + margin-right: 20px; + border-left: 1px solid transparent; +} +/* 1 */ +.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-left-color: #e5e5e5; +} +/* Pill modifier + ========================================================================== */ +/* + * Gutter + */ +.uk-subnav-pill { + margin-left: -20px; +} +.uk-subnav-pill > * { + padding-left: 20px; +} +.uk-subnav-pill > * > :first-child { + padding: 5px 10px; + background: transparent; + color: #999; +} +/* Hover */ +.uk-subnav-pill > * > a:hover { + background-color: #f8f8f8; + color: #666; +} +/* OnClick */ +.uk-subnav-pill > * > a:active { + background-color: #f8f8f8; + color: #666; +} +/* Active */ +.uk-subnav-pill > .uk-active > a { + background-color: #1e87f0; + color: #fff; +} +/* Disabled + * The same for all style modifiers + ========================================================================== */ +.uk-subnav > .uk-disabled > a { + color: #999; +} +/* ======================================================================== + Component: Breadcrumb + ========================================================================== */ +/* + * 1. Reset list + * 2. Remove space between elements + */ +.uk-breadcrumb { + /* 1 */ + padding: 0; + list-style: none; + /* 2 */ + font-size: 0; +} +/* + * 1. Doesn't generate any box and replaced by child boxes + */ +.uk-breadcrumb > * { + display: contents; +} +/* Items + ========================================================================== */ +.uk-breadcrumb > * > * { + font-size: 0.875rem; + color: #999; +} +/* Hover */ +.uk-breadcrumb > * > :hover { + color: #666; + text-decoration: none; +} +/* Disabled */ +/* Active */ +.uk-breadcrumb > :last-child > span, +.uk-breadcrumb > :last-child > a:not([href]) { + color: #666; +} +/* + * Divider + * `nth-child` makes it also work without JS if it's only one row + * 1. Remove space between inline block elements. + * 2. Style + */ +.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + content: "/"; + display: inline-block; + /* 1 */ + margin: 0 20px; + /* 2 */ + font-size: 0.875rem; + color: #999; +} +/* ======================================================================== + Component: Pagination + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Center items vertically if they have a different height + * 3. Gutter + * 4. Reset list + */ +.uk-pagination { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + align-items: center; + /* 3 */ + margin-left: 0; + /* 4 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-pagination > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 0; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Style + */ +.uk-pagination > * > * { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + padding: 5px 10px; + color: #999; +} +/* Hover */ +.uk-pagination > * > :hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-pagination > .uk-active > * { + color: #666; +} +/* Disabled */ +.uk-pagination > .uk-disabled > * { + color: #999; +} +/* ======================================================================== + Component: Tab + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-tab { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin-left: -20px; + /* 3 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-tab > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Center content if a width is set + * 4. Style + */ +.uk-tab > * > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + justify-content: center; + /* 4 */ + padding: 5px 10px; + color: #999; +} +/* Hover */ +.uk-tab > * > a:hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-tab > .uk-active > a { + color: #333; +} +/* Disabled */ +.uk-tab > .uk-disabled > a { + color: #999; +} +/* Position modifier + ========================================================================== */ +/* + * Bottom + */ +/* + * Left + Right + * 1. Reset Gutter + */ +.uk-tab-left, +.uk-tab-right { + flex-direction: column; + /* 1 */ + margin-left: 0; +} +/* 1 */ +.uk-tab-left > *, +.uk-tab-right > * { + padding-left: 0; +} +.uk-tab-left > * > a { + justify-content: left; +} +.uk-tab-right > * > a { + justify-content: left; +} +/* ======================================================================== + Component: Slidenav + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-slidenav { + padding: 5px 10px; + color: rgba(102, 102, 102, 0.5); +} +/* Hover */ +.uk-slidenav:hover { + color: rgba(102, 102, 102, 0.9); +} +/* OnClick */ +.uk-slidenav:active { + color: rgba(102, 102, 102, 0.5); +} +/* Icon modifier + ========================================================================== */ +/* + * Previous + */ +/* + * Next + */ +/* Size modifier + ========================================================================== */ +.uk-slidenav-large { + padding: 10px 10px; +} +/* Container + ========================================================================== */ +.uk-slidenav-container { + display: flex; +} +/* ======================================================================== + Component: Dotnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-dotnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -12px; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + */ +.uk-dotnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 12px; +} +/* Items + ========================================================================== */ +/* + * Items + * 1. Hide text if present + */ +.uk-dotnav > * > * { + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-radius: 50%; + background: rgba(102, 102, 102, 0.2); + /* 1 */ + text-indent: 100%; + overflow: hidden; + white-space: nowrap; +} +/* Hover */ +.uk-dotnav > * > :hover { + background-color: rgba(102, 102, 102, 0.6); +} +/* OnClick */ +.uk-dotnav > * > :active { + background-color: rgba(102, 102, 102, 0.2); +} +/* Active */ +.uk-dotnav > .uk-active > * { + background-color: rgba(102, 102, 102, 0.6); +} +/* Modifier: 'uk-dotnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-dotnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -12px; +} +/* 2 */ +.uk-dotnav-vertical > * { + padding-left: 0; + padding-top: 12px; +} +/* ======================================================================== + Component: Dropdown + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Reset drop and let text expand the width instead of wrapping + * 2. Set a default width + * 3. Style + */ +.uk-dropdown { + --uk-position-offset: 10px; + --uk-position-viewport-offset: 15px; + --uk-inverse: dark; + /* 1 */ + width: auto; + /* 2 */ + min-width: 200px; + /* 3 */ + padding: 15px; + background: #f8f8f8; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-dropdown > :last-child { + margin-bottom: 0; +} +.uk-dropdown :focus-visible { + outline-color: #333 !important; +} +/* Size modifier + ========================================================================== */ +.uk-dropdown-large { + padding: 40px; +} +/* Dropbar modifier + ========================================================================== */ +/* + * 1. Reset dropdown width to prevent to early shifting + * 2. Reset style + * 3. Padding + */ +.uk-dropdown-dropbar { + --uk-position-offset: 10px; + /* 1 */ + width: auto; + /* 2 */ + background: transparent; + /* 3 */ + padding: 15px 0 15px 0; + --uk-position-viewport-offset: 15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-dropdown-dropbar { + --uk-position-viewport-offset: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-dropdown-dropbar { + --uk-position-viewport-offset: 40px; + } +} +.uk-dropdown-dropbar-large { + padding-top: 40px; + padding-bottom: 40px; +} +/* Nav + * Adopts `uk-nav` + ========================================================================== */ +/* + * Items + */ +.uk-dropdown-nav > li > a { + color: #999; +} +/* Hover + Active */ +.uk-dropdown-nav > li > a:hover, +.uk-dropdown-nav > li.uk-active > a { + color: #666; +} +/* + * Subtitle + */ +.uk-dropdown-nav .uk-nav-subtitle { + font-size: 0.875rem; +} +/* + * Header + */ +.uk-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-dropdown-nav .uk-nav-sub a:hover, +.uk-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #666; +} +/* ======================================================================== + Component: Lightbox + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + * 7. Prevent cancellation of pointer events while dragging + */ +.uk-lightbox { + --uk-inverse: light; + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 5 */ + background: #000; + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; + /* 7 */ + touch-action: pinch-zoom; +} +/* + * Open + * 1. Center child + * 2. Fade-in + */ +.uk-lightbox.uk-open { + display: block; + /* 2 */ + opacity: 1; +} +/* + * Focus + */ +.uk-lightbox :focus-visible { + outline-color: rgba(255, 255, 255, 0.7); +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-lightbox-page { + overflow: hidden; +} +/* Items + ========================================================================== */ +/* + * Reset list + */ +.uk-lightbox-items { + margin: 0; + padding: 0; + list-style: none; +} +/* + * 1. Center child within the viewport + * 2. Not visible by default + * 3. Optimize animation + * 4. Responsiveness + * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera + */ +.uk-lightbox-items > * { + /* 1 */ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + /* 2 */ + display: none; + justify-content: center; + align-items: flex-start; + /* 3 */ + will-change: transform, opacity; + /* 4 */ + overflow: auto; +} +/* 2 */ +.uk-lightbox-items > .uk-active { + display: flex; +} +.uk-lightbox-items-fit > * { + align-items: center; +} +/* 4 */ +.uk-lightbox-items-fit > * > * { + max-width: 100vw; + max-height: 100vh; +} +.uk-lightbox-items-fit > * > :not(iframe) { + width: auto; + height: auto; +} +/* Zoom Cursor */ +.uk-lightbox-items.uk-lightbox-items-fit .uk-lightbox-zoom:hover { + cursor: zoom-in; +} +.uk-lightbox-items:not(.uk-lightbox-items-fit) .uk-lightbox-zoom:hover { + cursor: zoom-out; +} +/* Navs + ========================================================================== */ +.uk-lightbox-thumbnav-vertical :where(img, video) { + max-width: 100px; +} +.uk-lightbox-thumbnav:not(.uk-lightbox-thumbnav-vertical) :where(img, video) { + max-height: 100px; +} +.uk-lightbox-thumbnav:empty, +.uk-lightbox-dotnav:empty { + display: none; +} +/* Caption + ========================================================================== */ +.uk-lightbox-caption:empty { + display: none; +} +.uk-lightbox-caption { + padding: 10px 10px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); +} +.uk-lightbox-caption > * { + color: rgba(255, 255, 255, 0.7); +} +/* Counter + ========================================================================== */ +.uk-lightbox-counter:empty { + display: none; +} +/* Iframe + ========================================================================== */ +.uk-lightbox-iframe { + width: 80%; + height: 80%; +} +/* ======================================================================== + Component: Animation + ========================================================================== */ +[class*="uk-animation-"] { + animation: 0.5s ease-out both; +} +/* Animations + ========================================================================== */ +/* + * Fade + */ +.uk-animation-fade { + animation-name: uk-fade; + animation-duration: 0.8s; + animation-timing-function: linear; +} +/* + * Scale + */ +.uk-animation-scale-up { + animation-name: uk-fade, uk-scale-up; +} +.uk-animation-scale-down { + animation-name: uk-fade, uk-scale-down; +} +/* + * Slide + */ +.uk-animation-slide-top { + animation-name: uk-fade, uk-slide-top; +} +.uk-animation-slide-bottom { + animation-name: uk-fade, uk-slide-bottom; +} +.uk-animation-slide-left { + animation-name: uk-fade, uk-slide-left; +} +.uk-animation-slide-right { + animation-name: uk-fade, uk-slide-right; +} +/* + * Slide Small + */ +.uk-animation-slide-top-small { + animation-name: uk-fade, uk-slide-top-small; +} +.uk-animation-slide-bottom-small { + animation-name: uk-fade, uk-slide-bottom-small; +} +.uk-animation-slide-left-small { + animation-name: uk-fade, uk-slide-left-small; +} +.uk-animation-slide-right-small { + animation-name: uk-fade, uk-slide-right-small; +} +/* + * Slide Medium + */ +.uk-animation-slide-top-medium { + animation-name: uk-fade, uk-slide-top-medium; +} +.uk-animation-slide-bottom-medium { + animation-name: uk-fade, uk-slide-bottom-medium; +} +.uk-animation-slide-left-medium { + animation-name: uk-fade, uk-slide-left-medium; +} +.uk-animation-slide-right-medium { + animation-name: uk-fade, uk-slide-right-medium; +} +/* + * Kenburns + */ +.uk-animation-kenburns { + animation-name: uk-kenburns; + animation-duration: 15s; +} +/* + * Shake + */ +.uk-animation-shake { + animation-name: uk-shake; +} +/* + * SVG Stroke + * The `--uk-animation-stroke` custom property contains the longest path length. + * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically. + * All strokes are animated by the same pace and doesn't end simultaneously. + * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet. + */ +.uk-animation-stroke { + animation-name: uk-stroke; + animation-duration: 2s; + stroke-dasharray: var(--uk-animation-stroke); +} +/* Direction modifier + ========================================================================== */ +.uk-animation-reverse { + animation-direction: reverse; + animation-timing-function: ease-in; +} +/* Duration modifier + ========================================================================== */ +.uk-animation-fast { + animation-duration: 0.1s; +} +/* Toggle animation based on the State of the Parent Element + ========================================================================== */ +.uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] { + animation-name: none; +} +/* Keyframes used by animation classes + ========================================================================== */ +/* + * Fade + */ +@keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* + * Scale + */ +@keyframes uk-scale-up { + 0% { + transform: scale(0.9); + } + 100% { + transform: scale(1); + } +} +@keyframes uk-scale-down { + 0% { + transform: scale(1.1); + } + 100% { + transform: scale(1); + } +} +/* + * Slide + */ +@keyframes uk-slide-top { + 0% { + transform: translateY(-100%); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom { + 0% { + transform: translateY(100%); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left { + 0% { + transform: translateX(-100%); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right { + 0% { + transform: translateX(100%); + } + 100% { + transform: translateX(0); + } +} +/* + * Slide Small + */ +@keyframes uk-slide-top-small { + 0% { + transform: translateY(-10px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom-small { + 0% { + transform: translateY(10px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left-small { + 0% { + transform: translateX(-10px); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right-small { + 0% { + transform: translateX(10px); + } + 100% { + transform: translateX(0); + } +} +/* + * Slide Medium + */ +@keyframes uk-slide-top-medium { + 0% { + transform: translateY(-50px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom-medium { + 0% { + transform: translateY(50px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left-medium { + 0% { + transform: translateX(-50px); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right-medium { + 0% { + transform: translateX(50px); + } + 100% { + transform: translateX(0); + } +} +/* + * Kenburns + */ +@keyframes uk-kenburns { + 0% { + transform: scale(1); + } + 100% { + transform: scale(1.2); + } +} +/* + * Shake + */ +@keyframes uk-shake { + 0%, + 100% { + transform: translateX(0); + } + 10% { + transform: translateX(-9px); + } + 20% { + transform: translateX(8px); + } + 30% { + transform: translateX(-7px); + } + 40% { + transform: translateX(6px); + } + 50% { + transform: translateX(-5px); + } + 60% { + transform: translateX(4px); + } + 70% { + transform: translateX(-3px); + } + 80% { + transform: translateX(2px); + } + 90% { + transform: translateX(-1px); + } +} +/* + * Stroke + */ +@keyframes uk-stroke { + 0% { + stroke-dashoffset: var(--uk-animation-stroke); + } + 100% { + stroke-dashoffset: 0; + } +} +/* ======================================================================== + Component: Width + ========================================================================== */ +/* Equal child widths + ========================================================================== */ +[class*="uk-child-width"] > * { + box-sizing: border-box; + width: 100%; +} +.uk-child-width-1-2 > * { + width: 50%; +} +.uk-child-width-1-3 > * { + width: calc(100% / 3); +} +.uk-child-width-1-4 > * { + width: 25%; +} +.uk-child-width-1-5 > * { + width: 20%; +} +.uk-child-width-1-6 > * { + width: calc(100% / 6); +} +.uk-child-width-auto > * { + width: auto; +} +/* + * 1. Reset the `min-width`, which is set to auto by default, because + * flex items won't shrink below their minimum intrinsic content size. + * Using `1px` instead of `0`, so items still wrap into the next line, + * if they have zero width and padding and the predecessor is 100% wide. + */ +.uk-child-width-expand > :not([class*="uk-width"]) { + flex: 1; + /* 1 */ + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-child-width-1-1\@s > * { + width: 100%; + } + .uk-child-width-1-2\@s > * { + width: 50%; + } + .uk-child-width-1-3\@s > * { + width: calc(100% / 3); + } + .uk-child-width-1-4\@s > * { + width: 25%; + } + .uk-child-width-1-5\@s > * { + width: 20%; + } + .uk-child-width-1-6\@s > * { + width: calc(100% / 6); + } + .uk-child-width-auto\@s > * { + width: auto; + } + .uk-child-width-expand\@s > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@s > :not([class*="uk-width"]), + .uk-child-width-1-2\@s > :not([class*="uk-width"]), + .uk-child-width-1-3\@s > :not([class*="uk-width"]), + .uk-child-width-1-4\@s > :not([class*="uk-width"]), + .uk-child-width-1-5\@s > :not([class*="uk-width"]), + .uk-child-width-1-6\@s > :not([class*="uk-width"]), + .uk-child-width-auto\@s > :not([class*="uk-width"]) { + flex: initial; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-child-width-1-1\@m > * { + width: 100%; + } + .uk-child-width-1-2\@m > * { + width: 50%; + } + .uk-child-width-1-3\@m > * { + width: calc(100% / 3); + } + .uk-child-width-1-4\@m > * { + width: 25%; + } + .uk-child-width-1-5\@m > * { + width: 20%; + } + .uk-child-width-1-6\@m > * { + width: calc(100% / 6); + } + .uk-child-width-auto\@m > * { + width: auto; + } + .uk-child-width-expand\@m > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@m > :not([class*="uk-width"]), + .uk-child-width-1-2\@m > :not([class*="uk-width"]), + .uk-child-width-1-3\@m > :not([class*="uk-width"]), + .uk-child-width-1-4\@m > :not([class*="uk-width"]), + .uk-child-width-1-5\@m > :not([class*="uk-width"]), + .uk-child-width-1-6\@m > :not([class*="uk-width"]), + .uk-child-width-auto\@m > :not([class*="uk-width"]) { + flex: initial; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-child-width-1-1\@l > * { + width: 100%; + } + .uk-child-width-1-2\@l > * { + width: 50%; + } + .uk-child-width-1-3\@l > * { + width: calc(100% / 3); + } + .uk-child-width-1-4\@l > * { + width: 25%; + } + .uk-child-width-1-5\@l > * { + width: 20%; + } + .uk-child-width-1-6\@l > * { + width: calc(100% / 6); + } + .uk-child-width-auto\@l > * { + width: auto; + } + .uk-child-width-expand\@l > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@l > :not([class*="uk-width"]), + .uk-child-width-1-2\@l > :not([class*="uk-width"]), + .uk-child-width-1-3\@l > :not([class*="uk-width"]), + .uk-child-width-1-4\@l > :not([class*="uk-width"]), + .uk-child-width-1-5\@l > :not([class*="uk-width"]), + .uk-child-width-1-6\@l > :not([class*="uk-width"]), + .uk-child-width-auto\@l > :not([class*="uk-width"]) { + flex: initial; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-child-width-1-1\@xl > * { + width: 100%; + } + .uk-child-width-1-2\@xl > * { + width: 50%; + } + .uk-child-width-1-3\@xl > * { + width: calc(100% / 3); + } + .uk-child-width-1-4\@xl > * { + width: 25%; + } + .uk-child-width-1-5\@xl > * { + width: 20%; + } + .uk-child-width-1-6\@xl > * { + width: calc(100% / 6); + } + .uk-child-width-auto\@xl > * { + width: auto; + } + .uk-child-width-expand\@xl > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@xl > :not([class*="uk-width"]), + .uk-child-width-1-2\@xl > :not([class*="uk-width"]), + .uk-child-width-1-3\@xl > :not([class*="uk-width"]), + .uk-child-width-1-4\@xl > :not([class*="uk-width"]), + .uk-child-width-1-5\@xl > :not([class*="uk-width"]), + .uk-child-width-1-6\@xl > :not([class*="uk-width"]), + .uk-child-width-auto\@xl > :not([class*="uk-width"]) { + flex: initial; + } +} +/* Single Widths + ========================================================================== */ +/* + * 1. `max-width` is needed for the pixel-based classes + */ +[class*="uk-width"] { + box-sizing: border-box; + width: 100%; + /* 1 */ + max-width: 100%; +} +/* Halves */ +.uk-width-1-2 { + width: 50%; +} +/* Thirds */ +.uk-width-1-3 { + width: calc(100% / 3); +} +.uk-width-2-3 { + width: calc(200% / 3); +} +/* Quarters */ +.uk-width-1-4 { + width: 25%; +} +.uk-width-3-4 { + width: 75%; +} +/* Fifths */ +.uk-width-1-5 { + width: 20%; +} +.uk-width-2-5 { + width: 40%; +} +.uk-width-3-5 { + width: 60%; +} +.uk-width-4-5 { + width: 80%; +} +/* Sixths */ +.uk-width-1-6 { + width: calc(100% / 6); +} +.uk-width-5-6 { + width: calc(500% / 6); +} +/* Pixel */ +.uk-width-small { + width: 150px; +} +.uk-width-medium { + width: 300px; +} +.uk-width-large { + width: 450px; +} +.uk-width-xlarge { + width: 600px; +} +.uk-width-2xlarge { + width: 750px; +} +/* Auto */ +.uk-width-auto { + width: auto; +} +/* Expand */ +.uk-width-expand { + flex: 1; + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + /* Whole */ + .uk-width-1-1\@s { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@s { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@s { + width: calc(100% / 3); + } + .uk-width-2-3\@s { + width: calc(200% / 3); + } + /* Quarters */ + .uk-width-1-4\@s { + width: 25%; + } + .uk-width-3-4\@s { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@s { + width: 20%; + } + .uk-width-2-5\@s { + width: 40%; + } + .uk-width-3-5\@s { + width: 60%; + } + .uk-width-4-5\@s { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@s { + width: calc(100% / 6); + } + .uk-width-5-6\@s { + width: calc(500% / 6); + } + /* Pixel */ + .uk-width-small\@s { + width: 150px; + } + .uk-width-medium\@s { + width: 300px; + } + .uk-width-large\@s { + width: 450px; + } + .uk-width-xlarge\@s { + width: 600px; + } + .uk-width-2xlarge\@s { + width: 750px; + } + /* Auto */ + .uk-width-auto\@s { + width: auto; + } + /* Expand */ + .uk-width-expand\@s { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-width-1-1\@s, + .uk-width-1-2\@s, + .uk-width-1-3\@s, + .uk-width-2-3\@s, + .uk-width-1-4\@s, + .uk-width-3-4\@s, + .uk-width-1-5\@s, + .uk-width-2-5\@s, + .uk-width-3-5\@s, + .uk-width-4-5\@s, + .uk-width-1-6\@s, + .uk-width-5-6\@s, + .uk-width-small\@s, + .uk-width-medium\@s, + .uk-width-large\@s, + .uk-width-xlarge\@s, + .uk-width-2xlarge\@s, + .uk-width-auto\@s { + flex: initial; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* Whole */ + .uk-width-1-1\@m { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@m { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@m { + width: calc(100% / 3); + } + .uk-width-2-3\@m { + width: calc(200% / 3); + } + /* Quarters */ + .uk-width-1-4\@m { + width: 25%; + } + .uk-width-3-4\@m { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@m { + width: 20%; + } + .uk-width-2-5\@m { + width: 40%; + } + .uk-width-3-5\@m { + width: 60%; + } + .uk-width-4-5\@m { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@m { + width: calc(100% / 6); + } + .uk-width-5-6\@m { + width: calc(500% / 6); + } + /* Pixel */ + .uk-width-small\@m { + width: 150px; + } + .uk-width-medium\@m { + width: 300px; + } + .uk-width-large\@m { + width: 450px; + } + .uk-width-xlarge\@m { + width: 600px; + } + .uk-width-2xlarge\@m { + width: 750px; + } + /* Auto */ + .uk-width-auto\@m { + width: auto; + } + /* Expand */ + .uk-width-expand\@m { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-width-1-1\@m, + .uk-width-1-2\@m, + .uk-width-1-3\@m, + .uk-width-2-3\@m, + .uk-width-1-4\@m, + .uk-width-3-4\@m, + .uk-width-1-5\@m, + .uk-width-2-5\@m, + .uk-width-3-5\@m, + .uk-width-4-5\@m, + .uk-width-1-6\@m, + .uk-width-5-6\@m, + .uk-width-small\@m, + .uk-width-medium\@m, + .uk-width-large\@m, + .uk-width-xlarge\@m, + .uk-width-2xlarge\@m, + .uk-width-auto\@m { + flex: initial; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Whole */ + .uk-width-1-1\@l { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@l { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@l { + width: calc(100% / 3); + } + .uk-width-2-3\@l { + width: calc(200% / 3); + } + /* Quarters */ + .uk-width-1-4\@l { + width: 25%; + } + .uk-width-3-4\@l { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@l { + width: 20%; + } + .uk-width-2-5\@l { + width: 40%; + } + .uk-width-3-5\@l { + width: 60%; + } + .uk-width-4-5\@l { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@l { + width: calc(100% / 6); + } + .uk-width-5-6\@l { + width: calc(500% / 6); + } + /* Pixel */ + .uk-width-small\@l { + width: 150px; + } + .uk-width-medium\@l { + width: 300px; + } + .uk-width-large\@l { + width: 450px; + } + .uk-width-xlarge\@l { + width: 600px; + } + .uk-width-2xlarge\@l { + width: 750px; + } + /* Auto */ + .uk-width-auto\@l { + width: auto; + } + /* Expand */ + .uk-width-expand\@l { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-width-1-1\@l, + .uk-width-1-2\@l, + .uk-width-1-3\@l, + .uk-width-2-3\@l, + .uk-width-1-4\@l, + .uk-width-3-4\@l, + .uk-width-1-5\@l, + .uk-width-2-5\@l, + .uk-width-3-5\@l, + .uk-width-4-5\@l, + .uk-width-1-6\@l, + .uk-width-5-6\@l, + .uk-width-small\@l, + .uk-width-medium\@l, + .uk-width-large\@l, + .uk-width-xlarge\@l, + .uk-width-2xlarge\@l, + .uk-width-auto\@l { + flex: initial; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + /* Whole */ + .uk-width-1-1\@xl { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@xl { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@xl { + width: calc(100% / 3); + } + .uk-width-2-3\@xl { + width: calc(200% / 3); + } + /* Quarters */ + .uk-width-1-4\@xl { + width: 25%; + } + .uk-width-3-4\@xl { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@xl { + width: 20%; + } + .uk-width-2-5\@xl { + width: 40%; + } + .uk-width-3-5\@xl { + width: 60%; + } + .uk-width-4-5\@xl { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@xl { + width: calc(100% / 6); + } + .uk-width-5-6\@xl { + width: calc(500% / 6); + } + /* Pixel */ + .uk-width-small\@xl { + width: 150px; + } + .uk-width-medium\@xl { + width: 300px; + } + .uk-width-large\@xl { + width: 450px; + } + .uk-width-xlarge\@xl { + width: 600px; + } + .uk-width-2xlarge\@xl { + width: 750px; + } + /* Auto */ + .uk-width-auto\@xl { + width: auto; + } + /* Expand */ + .uk-width-expand\@xl { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-width-1-1\@xl, + .uk-width-1-2\@xl, + .uk-width-1-3\@xl, + .uk-width-2-3\@xl, + .uk-width-1-4\@xl, + .uk-width-3-4\@xl, + .uk-width-1-5\@xl, + .uk-width-2-5\@xl, + .uk-width-3-5\@xl, + .uk-width-4-5\@xl, + .uk-width-1-6\@xl, + .uk-width-5-6\@xl, + .uk-width-small\@xl, + .uk-width-medium\@xl, + .uk-width-large\@xl, + .uk-width-xlarge\@xl, + .uk-width-2xlarge\@xl, + .uk-width-auto\@xl { + flex: initial; + } +} +/* Intrinsic Widths + ========================================================================== */ +.uk-width-max-content { + width: max-content; +} +.uk-width-min-content { + width: min-content; +} +/* ======================================================================== + Component: Height + ========================================================================== */ +[class*="uk-height"] { + box-sizing: border-box; +} +/* + * Only works if parent element has a height set + */ +.uk-height-1-1 { + height: 100%; +} +/* + * Useful to create image teasers + */ +.uk-height-viewport { + min-height: 100vh; +} +.uk-height-viewport-2 { + min-height: 200vh; +} +.uk-height-viewport-3 { + min-height: 300vh; +} +.uk-height-viewport-4 { + min-height: 400vh; +} +/* + * Pixel + * Useful for `overflow: auto` + */ +.uk-height-small { + height: 150px; +} +.uk-height-medium { + height: 300px; +} +.uk-height-large { + height: 450px; +} +.uk-height-max-small { + max-height: 150px; +} +.uk-height-max-medium { + max-height: 300px; +} +.uk-height-max-large { + max-height: 450px; +} +/* ======================================================================== + Component: Text + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +.uk-text-lead { + font-size: 1.5rem; + line-height: 1.5; + color: #333; +} +.uk-text-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +/* Size modifiers + ========================================================================== */ +.uk-text-small { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-text-large { + font-size: 1.5rem; + line-height: 1.5; +} +.uk-text-default { + font-size: 16px; + line-height: 1.5; +} +/* Weight modifier + ========================================================================== */ +.uk-text-light { + font-weight: 300; +} +.uk-text-normal { + font-weight: 400; +} +.uk-text-bold { + font-weight: 700; +} +.uk-text-lighter { + font-weight: lighter; +} +.uk-text-bolder { + font-weight: bolder; +} +/* Style modifier + ========================================================================== */ +.uk-text-italic { + font-style: italic; +} +/* Transform modifier + ========================================================================== */ +.uk-text-capitalize { + text-transform: capitalize !important; +} +.uk-text-uppercase { + text-transform: uppercase !important; +} +.uk-text-lowercase { + text-transform: lowercase !important; +} +/* Decoration modifier + ========================================================================== */ +.uk-text-decoration-none { + text-decoration: none !important; +} +/* Color modifiers + ========================================================================== */ +.uk-text-muted { + color: #999 !important; +} +.uk-text-emphasis { + color: #333 !important; +} +.uk-text-primary { + color: #1e87f0 !important; +} +.uk-text-secondary { + color: #222 !important; +} +.uk-text-success { + color: #32d296 !important; +} +.uk-text-warning { + color: #faa05a !important; +} +.uk-text-danger { + color: #f0506e !important; +} +/* Background modifier + ========================================================================== */ +/* + * 1. The background clips to the foreground text. Works in all browsers. + * 2. Default color is set to transparent. + * 3. Container fits the text + * 4. Style + */ +.uk-text-background { + /* 1 */ + -webkit-background-clip: text; + /* 2 */ + color: transparent !important; + /* 3 */ + display: inline-block; + /* 4 */ + background-color: #1e87f0; +} +/* Alignment modifiers + ========================================================================== */ +.uk-text-left { + text-align: left !important; +} +.uk-text-right { + text-align: right !important; +} +.uk-text-center { + text-align: center !important; +} +.uk-text-justify { + text-align: justify !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-text-left\@s { + text-align: left !important; + } + .uk-text-right\@s { + text-align: right !important; + } + .uk-text-center\@s { + text-align: center !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-text-left\@m { + text-align: left !important; + } + .uk-text-right\@m { + text-align: right !important; + } + .uk-text-center\@m { + text-align: center !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-text-left\@l { + text-align: left !important; + } + .uk-text-right\@l { + text-align: right !important; + } + .uk-text-center\@l { + text-align: center !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-text-left\@xl { + text-align: left !important; + } + .uk-text-right\@xl { + text-align: right !important; + } + .uk-text-center\@xl { + text-align: center !important; + } +} +/* + * Vertical + */ +.uk-text-top { + vertical-align: top !important; +} +.uk-text-middle { + vertical-align: middle !important; +} +.uk-text-bottom { + vertical-align: bottom !important; +} +.uk-text-baseline { + vertical-align: baseline !important; +} +/* Wrap modifiers + ========================================================================== */ +/* + * Prevent text from wrapping onto multiple lines + */ +.uk-text-nowrap { + white-space: nowrap; +} +/* + * 1. Make sure a max-width is set after which truncation can occur + * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + * 3. Fix for table cells + */ +.uk-text-truncate { + /* 1 */ + max-width: 100%; + /* 2 */ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* 2 */ +th.uk-text-truncate, +td.uk-text-truncate { + max-width: 0; +} +/* + * Wrap long words onto the next line and break them if they are too long to fit. + * 1. Make it work with table cells in all browsers. + * Note: Not using `hyphens: auto` because it hyphenates text even if not needed. + */ +.uk-text-break { + overflow-wrap: break-word; +} +/* 1 */ +th.uk-text-break, +td.uk-text-break { + word-break: break-word; +} +/* Stroke modifiers + ========================================================================== */ +.uk-text-stroke { + -webkit-text-stroke: calc(1.4px + 0.002em); + -webkit-text-fill-color: transparent; +} +/* ======================================================================== + Component: Column + ========================================================================== */ +[class*="uk-column-"] { + column-gap: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + [class*="uk-column-"] { + column-gap: 40px; + } +} +/* + * Fix image 1px line wrapping into the next column in Chrome + */ +[class*="uk-column-"] img { + transform: translate3d(0, 0, 0); +} +/* Divider + ========================================================================== */ +/* + * 1. Double the column gap + */ +.uk-column-divider { + column-rule: 1px solid #e5e5e5; + /* 1 */ + column-gap: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-divider { + column-gap: 80px; + } +} +/* Width modifiers + ========================================================================== */ +.uk-column-1-2 { + column-count: 2; +} +.uk-column-1-3 { + column-count: 3; +} +.uk-column-1-4 { + column-count: 4; +} +.uk-column-1-5 { + column-count: 5; +} +.uk-column-1-6 { + column-count: 6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-column-1-2\@s { + column-count: 2; + } + .uk-column-1-3\@s { + column-count: 3; + } + .uk-column-1-4\@s { + column-count: 4; + } + .uk-column-1-5\@s { + column-count: 5; + } + .uk-column-1-6\@s { + column-count: 6; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-column-1-2\@m { + column-count: 2; + } + .uk-column-1-3\@m { + column-count: 3; + } + .uk-column-1-4\@m { + column-count: 4; + } + .uk-column-1-5\@m { + column-count: 5; + } + .uk-column-1-6\@m { + column-count: 6; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-1-2\@l { + column-count: 2; + } + .uk-column-1-3\@l { + column-count: 3; + } + .uk-column-1-4\@l { + column-count: 4; + } + .uk-column-1-5\@l { + column-count: 5; + } + .uk-column-1-6\@l { + column-count: 6; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-column-1-2\@xl { + column-count: 2; + } + .uk-column-1-3\@xl { + column-count: 3; + } + .uk-column-1-4\@xl { + column-count: 4; + } + .uk-column-1-5\@xl { + column-count: 5; + } + .uk-column-1-6\@xl { + column-count: 6; + } +} +/* Make element span across all columns + * Does not work in Firefox yet + ========================================================================== */ +.uk-column-span { + column-span: all; +} +/* ======================================================================== + Component: Cover + ========================================================================== */ +/* + * Works with iframes and embedded content + * 1. Use attribute to apply transform instantly. Needed if transform is transitioned. + * 2. Reset responsiveness for embedded content + * 3. Center object + * Note: Percent values on the `top` property only works if this element + * is absolute positioned or if the container has a height + */ +/* 1 */ +[uk-cover]:where(canvas, iframe, svg), +[data-uk-cover]:where(canvas, iframe, svg) { + /* 2 */ + max-width: none; + /* 3 */ + position: absolute; + left: 50%; + top: 50%; + --uk-position-translate-x: -50%; + --uk-position-translate-y: -50%; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); +} +iframe[uk-cover], +iframe[data-uk-cover] { + pointer-events: none; +} +[uk-cover]:where(img, video), +[data-uk-cover]:where(img, video) { + /* 3 */ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-sizing: border-box; + object-fit: cover; + object-position: center; +} +/* Container + ========================================================================== */ +/* + * 1. Parent container which clips resized object + * 2. Needed if the child is positioned absolute. See note above + */ +.uk-cover-container { + /* 1 */ + overflow: hidden; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Background + ========================================================================== */ +/* Color + ========================================================================== */ +.uk-background-default { + background-color: #fff; +} +.uk-background-muted { + background-color: #f8f8f8; +} +.uk-background-primary { + background-color: #1e87f0; +} +.uk-background-secondary { + background-color: #222; +} +/* Size + ========================================================================== */ +.uk-background-cover, +.uk-background-contain, +.uk-background-width-1-1, +.uk-background-height-1-1 { + background-position: 50% 50%; + background-repeat: no-repeat; +} +.uk-background-cover { + background-size: cover; +} +.uk-background-contain { + background-size: contain; +} +.uk-background-width-1-1 { + background-size: 100%; +} +.uk-background-height-1-1 { + background-size: auto 100%; +} +/* Position + ========================================================================== */ +.uk-background-top-left { + background-position: 0 0; +} +.uk-background-top-center { + background-position: 50% 0; +} +.uk-background-top-right { + background-position: 100% 0; +} +.uk-background-center-left { + background-position: 0 50%; +} +.uk-background-center-center { + background-position: 50% 50%; +} +.uk-background-center-right { + background-position: 100% 50%; +} +.uk-background-bottom-left { + background-position: 0 100%; +} +.uk-background-bottom-center { + background-position: 50% 100%; +} +.uk-background-bottom-right { + background-position: 100% 100%; +} +/* Repeat + ========================================================================== */ +.uk-background-norepeat { + background-repeat: no-repeat; +} +/* Attachment + ========================================================================== */ +.uk-background-fixed { + background-attachment: fixed; +} +/* + * Exclude touch devices because `fixed` doesn't work on iOS and Android + */ +@media (pointer: coarse) { + .uk-background-fixed { + background-attachment: scroll; + } +} +/* Image + ========================================================================== */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-background-image\@s { + background-image: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-background-image\@m { + background-image: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-background-image\@l { + background-image: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-background-image\@xl { + background-image: none !important; + } +} +/* Blend modes + ========================================================================== */ +.uk-background-blend-multiply { + background-blend-mode: multiply; +} +.uk-background-blend-screen { + background-blend-mode: screen; +} +.uk-background-blend-overlay { + background-blend-mode: overlay; +} +.uk-background-blend-darken { + background-blend-mode: darken; +} +.uk-background-blend-lighten { + background-blend-mode: lighten; +} +.uk-background-blend-color-dodge { + background-blend-mode: color-dodge; +} +.uk-background-blend-color-burn { + background-blend-mode: color-burn; +} +.uk-background-blend-hard-light { + background-blend-mode: hard-light; +} +.uk-background-blend-soft-light { + background-blend-mode: soft-light; +} +.uk-background-blend-difference { + background-blend-mode: difference; +} +.uk-background-blend-exclusion { + background-blend-mode: exclusion; +} +.uk-background-blend-hue { + background-blend-mode: hue; +} +.uk-background-blend-saturation { + background-blend-mode: saturation; +} +.uk-background-blend-color { + background-blend-mode: color; +} +.uk-background-blend-luminosity { + background-blend-mode: luminosity; +} +/* ======================================================================== + Component: Align + ========================================================================== */ +/* + * Default + */ +[class*="uk-align"] { + display: block; + margin-bottom: 30px; +} +* + [class*="uk-align"] { + margin-top: 30px; +} +/* + * Center + */ +.uk-align-center { + margin-left: auto; + margin-right: auto; +} +/* + * Left/Right + */ +.uk-align-left { + margin-top: 0; + margin-right: 30px; + float: left; +} +.uk-align-right { + margin-top: 0; + margin-left: 30px; + float: right; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-align-left\@s { + margin-top: 0; + margin-right: 30px; + float: left; + } + .uk-align-right\@s { + margin-top: 0; + margin-left: 30px; + float: right; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-align-left\@m { + margin-top: 0; + margin-right: 30px; + float: left; + } + .uk-align-right\@m { + margin-top: 0; + margin-left: 30px; + float: right; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-align-left\@l { + margin-top: 0; + float: left; + } + .uk-align-right\@l { + margin-top: 0; + float: right; + } + .uk-align-left, + .uk-align-left\@s, + .uk-align-left\@m, + .uk-align-left\@l { + margin-right: 40px; + } + .uk-align-right, + .uk-align-right\@s, + .uk-align-right\@m, + .uk-align-right\@l { + margin-left: 40px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-align-left\@xl { + margin-top: 0; + margin-right: 40px; + float: left; + } + .uk-align-right\@xl { + margin-top: 0; + margin-left: 40px; + float: right; + } +} +/* ======================================================================== + Component: SVG + ========================================================================== */ +/* + * 1. Fill all SVG elements with the current text color if no `fill` attribute is set + * 2. Set the fill and stroke color of all SVG elements to the current text color + */ +/* 1 */ +.uk-svg, +.uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) { + fill: currentcolor; +} +.uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-svg { + transform: translate(0, 0); +} +/* ======================================================================== + Component: Utility + ========================================================================== */ +/* Panel + ========================================================================== */ +.uk-panel { + display: flow-root; + position: relative; + box-sizing: border-box; +} +/* + * Remove margin from the last-child + */ +.uk-panel > :last-child { + margin-bottom: 0; +} +/* + * Scrollable + */ +.uk-panel-scrollable { + height: 170px; + padding: 10px; + border: 1px solid #e5e5e5; + overflow: auto; + resize: both; +} +/* Clearfix + ========================================================================== */ +/* + * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit + * 2. `table` is used again with `::after` because `clear` only works with block elements. + * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari + */ +/* 1 */ +.uk-clearfix::before { + content: ""; + display: table-cell; +} +/* 2 */ +.uk-clearfix::after { + content: ""; + display: table; + clear: both; +} +/* Float + ========================================================================== */ +/* + * 1. Prevent content overflow + */ +.uk-float-left { + float: left; +} +.uk-float-right { + float: right; +} +/* 1 */ +[class*="uk-float-"] { + max-width: 100%; +} +/* Overflow + ========================================================================== */ +.uk-overflow-hidden { + overflow: hidden; +} +/* + * Enable scrollbars if content is clipped + */ +.uk-overflow-auto { + overflow: auto; +} +.uk-overflow-auto > :last-child { + margin-bottom: 0; +} +/* Box Sizing + ========================================================================== */ +.uk-box-sizing-content { + box-sizing: content-box; +} +.uk-box-sizing-border { + box-sizing: border-box; +} +/* Resize + ========================================================================== */ +.uk-resize { + resize: both; +} +.uk-resize-horizontal { + resize: horizontal; +} +.uk-resize-vertical { + resize: vertical; +} +/* Display + ========================================================================== */ +.uk-display-block { + display: block !important; +} +.uk-display-inline { + display: inline !important; +} +.uk-display-inline-block { + display: inline-block !important; +} +/* Inline + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + * 5. Force new layer without creating a new stacking context + * to fix 1px glitch when combined with overlays and transitions in Webkit + * 6. Clip child elements + */ +[class*="uk-inline"] { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; + /* 5 */ + -webkit-backface-visibility: hidden; +} +.uk-inline-clip { + /* 6 */ + overflow: hidden; +} +/* Responsive objects + ========================================================================== */ +/* + * Preserve original dimensions + * Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component + */ +.uk-preserve-width, +.uk-preserve-width canvas, +.uk-preserve-width img, +.uk-preserve-width svg, +.uk-preserve-width video { + max-width: none; +} +/* + * Responsiveness + * Corrects `max-width` and `max-height` behavior if padding and border are used + */ +.uk-responsive-width, +.uk-responsive-height { + box-sizing: border-box; +} +/* + * 1. Set a maximum width. `important` needed to override `uk-preserve-width img` + * 2. Auto scale the height. Only needed if `height` attribute is present + */ +.uk-responsive-width { + /* 1 */ + max-width: 100% !important; + /* 2 */ + height: auto; +} +/* + * 1. Set a maximum height. Only works if the parent element has a fixed height + * 2. Auto scale the width. Only needed if `width` attribute is present + * 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default + */ +.uk-responsive-height { + /* 1 */ + max-height: 100%; + /* 2 */ + width: auto; + /* 3 */ + max-width: none; +} +/* + * Fix initial iframe width. Without the viewport is expanded on iOS devices + */ +[uk-responsive], +[data-uk-responsive] { + max-width: 100%; +} +/* Object + ========================================================================== */ +.uk-object-cover { + object-fit: cover; +} +.uk-object-contain { + object-fit: contain; +} +.uk-object-fill { + object-fit: fill; +} +.uk-object-none { + object-fit: none; +} +.uk-object-scale-down { + object-fit: scale-down; +} +/* + * Position + */ +.uk-object-top-left { + object-position: 0 0; +} +.uk-object-top-center { + object-position: 50% 0; +} +.uk-object-top-right { + object-position: 100% 0; +} +.uk-object-center-left { + object-position: 0 50%; +} +.uk-object-center-center { + object-position: 50% 50%; +} +.uk-object-center-right { + object-position: 100% 50%; +} +.uk-object-bottom-left { + object-position: 0 100%; +} +.uk-object-bottom-center { + object-position: 50% 100%; +} +.uk-object-bottom-right { + object-position: 100% 100%; +} +/* Border + ========================================================================== */ +.uk-border-circle { + border-radius: 50%; +} +.uk-border-pill { + border-radius: 500px; +} +.uk-border-rounded { + border-radius: 5px; +} +/* + * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit + */ +.uk-inline-clip[class*="uk-border-"] { + -webkit-transform: translateZ(0); +} +/* Box-shadow + ========================================================================== */ +.uk-box-shadow-small { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-medium { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-large { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-xlarge { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* + * Hover + */ +[class*="uk-box-shadow-hover"] { + transition: box-shadow 0.1s ease-in-out; +} +.uk-box-shadow-hover-small:hover { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-medium:hover { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-large:hover { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-hover-xlarge:hover { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* Box-shadow bottom + ========================================================================== */ +/* + * 1. Set position. + * 2. Set style + * 3. Fix shadow being clipped in Safari if container is animated + */ +@supports (filter: blur(0)) { + .uk-box-shadow-bottom { + display: inline-block; + position: relative; + z-index: 0; + max-width: 100%; + vertical-align: middle; + } + .uk-box-shadow-bottom::after { + content: ""; + /* 1 */ + position: absolute; + bottom: -30px; + left: 0; + right: 0; + z-index: -1; + /* 2 */ + height: 30px; + border-radius: 100%; + background: #444; + filter: blur(20px); + /* 3 */ + will-change: filter; + } +} +/* Drop cap + ========================================================================== */ +/* + * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements + * https://bugzilla.mozilla.org/show_bug.cgi?id=214004 + * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height` + * https://bugzilla.mozilla.org/show_bug.cgi?id=317933 + */ +.uk-dropcap::first-letter, +.uk-dropcap > p:first-of-type::first-letter { + display: block; + margin-right: 10px; + float: left; + font-size: 4.5em; + line-height: 1; +} +/* 2 */ +@-moz-document url-prefix() { + .uk-dropcap::first-letter, + .uk-dropcap > p:first-of-type::first-letter { + margin-top: 1.1%; + } +} +/* Logo + ========================================================================== */ +/* + * 1. Style + * 2. Required for `a` + * 3. Behave like image but can be overridden through flex utility classes + */ +.uk-logo { + /* 1 */ + font-size: 1.5rem; + 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"; + color: #333; + /* 2 */ + text-decoration: none; +} +/* 3 */ +:where(.uk-logo) { + display: inline-block; + vertical-align: middle; +} +/* Hover */ +.uk-logo:hover { + color: #333; + /* 1 */ + text-decoration: none; +} +.uk-logo :where(img, svg, video) { + display: block; +} +.uk-logo-inverse { + display: none; +} +/* Disabled State + ========================================================================== */ +.uk-disabled { + pointer-events: none; +} +/* Drag State + ========================================================================== */ +/* + * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons + * 2. Fix dragging over iframes + */ +.uk-drag, +.uk-drag * { + cursor: move; +} +/* 2 */ +.uk-drag iframe { + pointer-events: none; +} +/* Dragover State + ========================================================================== */ +/* + * Create a box-shadow when dragging a file over the upload area + */ +.uk-dragover { + box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); +} +/* Blend modes + ========================================================================== */ +.uk-blend-multiply { + mix-blend-mode: multiply; +} +.uk-blend-screen { + mix-blend-mode: screen; +} +.uk-blend-overlay { + mix-blend-mode: overlay; +} +.uk-blend-darken { + mix-blend-mode: darken; +} +.uk-blend-lighten { + mix-blend-mode: lighten; +} +.uk-blend-color-dodge { + mix-blend-mode: color-dodge; +} +.uk-blend-color-burn { + mix-blend-mode: color-burn; +} +.uk-blend-hard-light { + mix-blend-mode: hard-light; +} +.uk-blend-soft-light { + mix-blend-mode: soft-light; +} +.uk-blend-difference { + mix-blend-mode: difference; +} +.uk-blend-exclusion { + mix-blend-mode: exclusion; +} +.uk-blend-hue { + mix-blend-mode: hue; +} +.uk-blend-saturation { + mix-blend-mode: saturation; +} +.uk-blend-color { + mix-blend-mode: color; +} +.uk-blend-luminosity { + mix-blend-mode: luminosity; +} +/* Transform +========================================================================== */ +.uk-transform-center { + transform: translate(-50%, -50%); +} +/* Transform Origin +========================================================================== */ +.uk-transform-origin-top-left { + transform-origin: 0 0; +} +.uk-transform-origin-top-center { + transform-origin: 50% 0; +} +.uk-transform-origin-top-right { + transform-origin: 100% 0; +} +.uk-transform-origin-center-left { + transform-origin: 0 50%; +} +.uk-transform-origin-center-right { + transform-origin: 100% 50%; +} +.uk-transform-origin-bottom-left { + transform-origin: 0 100%; +} +.uk-transform-origin-bottom-center { + transform-origin: 50% 100%; +} +.uk-transform-origin-bottom-right { + transform-origin: 100% 100%; +} +/* ======================================================================== + Component: Flex + ========================================================================== */ +.uk-flex { + display: flex; +} +.uk-flex-inline { + display: inline-flex; +} +/* Alignment + ========================================================================== */ +/* + * Align items along the main axis of the current line of the flex container + * Row: Horizontal + */ +.uk-flex-left { + justify-content: flex-start; +} +.uk-flex-center { + justify-content: center; +} +.uk-flex-right { + justify-content: flex-end; +} +.uk-flex-between { + justify-content: space-between; +} +.uk-flex-around { + justify-content: space-around; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-left\@s { + justify-content: flex-start; + } + .uk-flex-center\@s { + justify-content: center; + } + .uk-flex-right\@s { + justify-content: flex-end; + } + .uk-flex-between\@s { + justify-content: space-between; + } + .uk-flex-around\@s { + justify-content: space-around; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-left\@m { + justify-content: flex-start; + } + .uk-flex-center\@m { + justify-content: center; + } + .uk-flex-right\@m { + justify-content: flex-end; + } + .uk-flex-between\@m { + justify-content: space-between; + } + .uk-flex-around\@m { + justify-content: space-around; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-left\@l { + justify-content: flex-start; + } + .uk-flex-center\@l { + justify-content: center; + } + .uk-flex-right\@l { + justify-content: flex-end; + } + .uk-flex-between\@l { + justify-content: space-between; + } + .uk-flex-around\@l { + justify-content: space-around; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-left\@xl { + justify-content: flex-start; + } + .uk-flex-center\@xl { + justify-content: center; + } + .uk-flex-right\@xl { + justify-content: flex-end; + } + .uk-flex-between\@xl { + justify-content: space-between; + } + .uk-flex-around\@xl { + justify-content: space-around; + } +} +/* + * Align items in the cross axis of the current line of the flex container + * Row: Vertical + */ +.uk-flex-stretch { + align-items: stretch; +} +.uk-flex-top { + align-items: flex-start; +} +.uk-flex-middle { + align-items: center; +} +.uk-flex-bottom { + align-items: flex-end; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-stretch\@s { + align-items: stretch; + } + .uk-flex-top\@s { + align-items: flex-start; + } + .uk-flex-middle\@s { + align-items: center; + } + .uk-flex-bottom\@s { + align-items: flex-end; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-stretch\@m { + align-items: stretch; + } + .uk-flex-top\@m { + align-items: flex-start; + } + .uk-flex-middle\@m { + align-items: center; + } + .uk-flex-bottom\@m { + align-items: flex-end; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-stretch\@l { + align-items: stretch; + } + .uk-flex-top\@l { + align-items: flex-start; + } + .uk-flex-middle\@l { + align-items: center; + } + .uk-flex-bottom\@l { + align-items: flex-end; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-stretch\@xl { + align-items: stretch; + } + .uk-flex-top\@xl { + align-items: flex-start; + } + .uk-flex-middle\@xl { + align-items: center; + } + .uk-flex-bottom\@xl { + align-items: flex-end; + } +} +/* Direction + ========================================================================== */ +.uk-flex-row { + flex-direction: row; +} +.uk-flex-row-reverse { + flex-direction: row-reverse; +} +.uk-flex-column { + flex-direction: column; +} +.uk-flex-column-reverse { + flex-direction: column-reverse; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-row\@s { + flex-direction: row; + } + .uk-flex-column\@s { + flex-direction: column; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-row\@m { + flex-direction: row; + } + .uk-flex-column\@m { + flex-direction: column; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-row\@l { + flex-direction: row; + } + .uk-flex-column\@l { + flex-direction: column; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-row\@xl { + flex-direction: row; + } + .uk-flex-column\@xl { + flex-direction: column; + } +} +/* Wrap + ========================================================================== */ +.uk-flex-nowrap { + flex-wrap: nowrap; +} +.uk-flex-wrap { + flex-wrap: wrap; +} +.uk-flex-wrap-reverse { + flex-wrap: wrap-reverse; +} +/* + * Aligns items within the flex container when there is extra space in the cross-axis + * Only works if there is more than one line of flex items + */ +.uk-flex-wrap-stretch { + align-content: stretch; +} +.uk-flex-wrap-top { + align-content: flex-start; +} +.uk-flex-wrap-middle { + align-content: center; +} +.uk-flex-wrap-bottom { + align-content: flex-end; +} +.uk-flex-wrap-between { + align-content: space-between; +} +.uk-flex-wrap-around { + align-content: space-around; +} +/* Item ordering + ========================================================================== */ +/* + * Default is 0 + */ +.uk-flex-first { + order: -1; +} +.uk-flex-last { + order: 99; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-first\@s { + order: -1; + } + .uk-flex-last\@s { + order: 99; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-first\@m { + order: -1; + } + .uk-flex-last\@m { + order: 99; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-first\@l { + order: -1; + } + .uk-flex-last\@l { + order: 99; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-first\@xl { + order: -1; + } + .uk-flex-last\@xl { + order: 99; + } +} +/* Item dimensions + ========================================================================== */ +/* + * Initial: 0 1 auto + * Content dimensions, but shrinks + */ +.uk-flex-initial { + flex: initial; +} +/* + * No Flex: 0 0 auto + * Content dimensions + */ +.uk-flex-none { + flex: none; +} +/* + * Relative Flex: 1 1 auto + * Space is allocated considering content + */ +.uk-flex-auto { + flex: auto; +} +/* + * Absolute Flex: 1 1 0% + * Space is allocated solely based on flex + */ +.uk-flex-1 { + flex: 1; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-initial\@s { + flex: initial; + } + .uk-flex-none\@s { + flex: none; + } + .uk-flex-1\@s { + flex: 1; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-initial\@m { + flex: initial; + } + .uk-flex-none\@m { + flex: none; + } + .uk-flex-1\@m { + flex: 1; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-initial\@l { + flex: initial; + } + .uk-flex-none\@l { + flex: none; + } + .uk-flex-1\@l { + flex: 1; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-initial\@xl { + flex: initial; + } + .uk-flex-none\@xl { + flex: none; + } + .uk-flex-1\@xl { + flex: 1; + } +} +/* ======================================================================== + Component: Margin + ========================================================================== */ +/* + * Default + */ +.uk-margin { + margin-bottom: 20px; +} +* + .uk-margin { + margin-top: 20px !important; +} +.uk-margin-top { + margin-top: 20px !important; +} +.uk-margin-bottom { + margin-bottom: 20px !important; +} +.uk-margin-left { + margin-left: 20px !important; +} +.uk-margin-right { + margin-right: 20px !important; +} +/* XSmall + ========================================================================== */ +.uk-margin-xsmall { + margin-bottom: 5px; +} +* + .uk-margin-xsmall { + margin-top: 5px !important; +} +.uk-margin-xsmall-top { + margin-top: 5px !important; +} +.uk-margin-xsmall-bottom { + margin-bottom: 5px !important; +} +.uk-margin-xsmall-left { + margin-left: 5px !important; +} +.uk-margin-xsmall-right { + margin-right: 5px !important; +} +/* Small + ========================================================================== */ +.uk-margin-small { + margin-bottom: 10px; +} +* + .uk-margin-small { + margin-top: 10px !important; +} +.uk-margin-small-top { + margin-top: 10px !important; +} +.uk-margin-small-bottom { + margin-bottom: 10px !important; +} +.uk-margin-small-left { + margin-left: 10px !important; +} +.uk-margin-small-right { + margin-right: 10px !important; +} +/* Medium + ========================================================================== */ +.uk-margin-medium { + margin-bottom: 40px; +} +* + .uk-margin-medium { + margin-top: 40px !important; +} +.uk-margin-medium-top { + margin-top: 40px !important; +} +.uk-margin-medium-bottom { + margin-bottom: 40px !important; +} +.uk-margin-medium-left { + margin-left: 40px !important; +} +.uk-margin-medium-right { + margin-right: 40px !important; +} +/* Large + ========================================================================== */ +.uk-margin-large { + margin-bottom: 40px; +} +* + .uk-margin-large { + margin-top: 40px !important; +} +.uk-margin-large-top { + margin-top: 40px !important; +} +.uk-margin-large-bottom { + margin-bottom: 40px !important; +} +.uk-margin-large-left { + margin-left: 40px !important; +} +.uk-margin-large-right { + margin-right: 40px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-large { + margin-bottom: 70px; + } + * + .uk-margin-large { + margin-top: 70px !important; + } + .uk-margin-large-top { + margin-top: 70px !important; + } + .uk-margin-large-bottom { + margin-bottom: 70px !important; + } + .uk-margin-large-left { + margin-left: 70px !important; + } + .uk-margin-large-right { + margin-right: 70px !important; + } +} +/* XLarge + ========================================================================== */ +.uk-margin-xlarge { + margin-bottom: 70px; +} +* + .uk-margin-xlarge { + margin-top: 70px !important; +} +.uk-margin-xlarge-top { + margin-top: 70px !important; +} +.uk-margin-xlarge-bottom { + margin-bottom: 70px !important; +} +.uk-margin-xlarge-left { + margin-left: 70px !important; +} +.uk-margin-xlarge-right { + margin-right: 70px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-xlarge { + margin-bottom: 140px; + } + * + .uk-margin-xlarge { + margin-top: 140px !important; + } + .uk-margin-xlarge-top { + margin-top: 140px !important; + } + .uk-margin-xlarge-bottom { + margin-bottom: 140px !important; + } + .uk-margin-xlarge-left { + margin-left: 140px !important; + } + .uk-margin-xlarge-right { + margin-right: 140px !important; + } +} +/* Auto + ========================================================================== */ +.uk-margin-auto { + margin-left: auto !important; + margin-right: auto !important; +} +.uk-margin-auto-top { + margin-top: auto !important; +} +.uk-margin-auto-bottom { + margin-bottom: auto !important; +} +.uk-margin-auto-left { + margin-left: auto !important; +} +.uk-margin-auto-right { + margin-right: auto !important; +} +.uk-margin-auto-vertical { + margin-top: auto !important; + margin-bottom: auto !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-auto\@s { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@s { + margin-left: auto !important; + } + .uk-margin-auto-right\@s { + margin-right: auto !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-auto\@m { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@m { + margin-left: auto !important; + } + .uk-margin-auto-right\@m { + margin-right: auto !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-auto\@l { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@l { + margin-left: auto !important; + } + .uk-margin-auto-right\@l { + margin-right: auto !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-auto\@xl { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@xl { + margin-left: auto !important; + } + .uk-margin-auto-right\@xl { + margin-right: auto !important; + } +} +/* Remove + ========================================================================== */ +.uk-margin-remove { + margin: 0 !important; +} +.uk-margin-remove-top { + margin-top: 0 !important; +} +.uk-margin-remove-bottom { + margin-bottom: 0 !important; +} +.uk-margin-remove-left { + margin-left: 0 !important; +} +.uk-margin-remove-right { + margin-right: 0 !important; +} +.uk-margin-remove-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.uk-margin-remove-adjacent + *, +.uk-margin-remove-first-child > :first-child { + margin-top: 0 !important; +} +.uk-margin-remove-last-child > :last-child { + margin-bottom: 0 !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-remove-left\@s { + margin-left: 0 !important; + } + .uk-margin-remove-right\@s { + margin-right: 0 !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-remove-left\@m { + margin-left: 0 !important; + } + .uk-margin-remove-right\@m { + margin-right: 0 !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-remove-left\@l { + margin-left: 0 !important; + } + .uk-margin-remove-right\@l { + margin-right: 0 !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-remove-left\@xl { + margin-left: 0 !important; + } + .uk-margin-remove-right\@xl { + margin-right: 0 !important; + } +} +/* ======================================================================== + Component: Padding + ========================================================================== */ +.uk-padding { + padding: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding { + padding: 40px; + } +} +/* Small + ========================================================================== */ +.uk-padding-small { + padding: 15px; +} +/* Large + ========================================================================== */ +.uk-padding-large { + padding: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding-large { + padding: 70px; + } +} +/* Remove + ========================================================================== */ +.uk-padding-remove { + padding: 0 !important; +} +.uk-padding-remove-top { + padding-top: 0 !important; +} +.uk-padding-remove-bottom { + padding-bottom: 0 !important; +} +.uk-padding-remove-left { + padding-left: 0 !important; +} +.uk-padding-remove-right { + padding-right: 0 !important; +} +.uk-padding-remove-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.uk-padding-remove-horizontal { + padding-left: 0 !important; + padding-right: 0 !important; +} +/* ======================================================================== + Component: Position + ========================================================================== */ +:root { + --uk-position-margin-offset: 0px; +} +/* Directions + ========================================================================== */ +/* + * 1. Prevent content overflow. + */ +[class*="uk-position-top"], +[class*="uk-position-bottom"], +[class*="uk-position-left"], +[class*="uk-position-right"], +[class*="uk-position-center"] { + position: absolute !important; + /* 1 */ + max-width: calc(100% - (var(--uk-position-margin-offset) * 2)); + box-sizing: border-box; +} +/* + * Edges + * Don't use `width: 100%` because it's wrong if the parent has padding. + */ +.uk-position-top { + top: 0; + left: 0; + right: 0; +} +.uk-position-bottom { + bottom: 0; + left: 0; + right: 0; +} +.uk-position-left { + top: 0; + bottom: 0; + left: 0; +} +.uk-position-right { + top: 0; + bottom: 0; + right: 0; +} +/* + * Corners + */ +.uk-position-top-left { + top: 0; + left: 0; +} +.uk-position-top-right { + top: 0; + right: 0; +} +.uk-position-bottom-left { + bottom: 0; + left: 0; +} +.uk-position-bottom-right { + bottom: 0; + right: 0; +} +/* + * Center + * 1. Fix text wrapping if content is larger than 50% of the container. + * Using `max-content` requires `max-width` of 100% which is set generally. + */ +.uk-position-center { + top: calc(50% - var(--uk-position-margin-offset)); + left: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-x: -50%; + --uk-position-translate-y: -50%; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); + /* 1 */ + width: max-content; +} +/* Vertical */ +[class*="uk-position-center-left"], +[class*="uk-position-center-right"], +.uk-position-center-vertical { + top: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-y: -50%; + transform: translate(0, var(--uk-position-translate-y)); +} +.uk-position-center-left { + left: 0; +} +.uk-position-center-right { + right: 0; +} +.uk-position-center-vertical { + left: 0; + right: 0; +} +.uk-position-center-left-out { + right: 100%; + width: max-content; +} +.uk-position-center-right-out { + left: 100%; + width: max-content; +} +/* Horizontal */ +.uk-position-top-center, +.uk-position-bottom-center, +.uk-position-center-horizontal { + left: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-x: -50%; + transform: translate(var(--uk-position-translate-x), 0); + /* 1 */ + width: max-content; +} +.uk-position-top-center { + top: 0; +} +.uk-position-bottom-center { + bottom: 0; +} +.uk-position-center-horizontal { + top: 0; + bottom: 0; +} +/* + * Cover + */ +.uk-position-cover { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +/* Margin + ========================================================================== */ +.uk-position-small { + margin: 15px; + --uk-position-margin-offset: 15px; +} +.uk-position-medium { + margin: 30px; + --uk-position-margin-offset: 30px; +} +.uk-position-large { + margin: 30px; + --uk-position-margin-offset: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-position-large { + margin: 50px; + --uk-position-margin-offset: 50px; + } +} +/* Schemes + ========================================================================== */ +.uk-position-relative { + position: relative !important; +} +.uk-position-absolute { + position: absolute !important; +} +.uk-position-fixed { + position: fixed !important; +} +.uk-position-sticky { + position: sticky !important; +} +/* Layer + ========================================================================== */ +.uk-position-z-index { + z-index: 1; +} +.uk-position-z-index-zero { + z-index: 0; +} +.uk-position-z-index-negative { + z-index: -1; +} +.uk-position-z-index-high { + z-index: 990; +} +/* ======================================================================== + Component: Transition + ========================================================================== */ +/* Transitions + ========================================================================== */ +/* + * The toggle is triggered on touch devices by two methods: + * 1. Using `:focus` and tabindex + * 2. Using `:hover` and a `touchstart` event listener registered on the document + * (Doesn't work on Surface touch devices) + */ +:where(.uk-transition-fade), +:where([class*="uk-transition-scale"]), +:where([class*="uk-transition-slide"]) { + --uk-position-translate-x: 0; + --uk-position-translate-y: 0; +} +.uk-transition-fade, +[class*="uk-transition-scale"], +[class*="uk-transition-slide"] { + --uk-translate-x: 0; + --uk-translate-y: 0; + --uk-scale-x: 1; + --uk-scale-y: 1; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y)); + transition: 0.3s ease-out; + transition-property: opacity, transform, filter; + opacity: 0; +} +/* + * Fade + */ +.uk-transition-toggle:hover .uk-transition-fade, +.uk-transition-toggle:focus .uk-transition-fade, +.uk-transition-toggle:focus-within .uk-transition-fade, +.uk-transition-active.uk-active .uk-transition-fade { + opacity: 1; +} +/* + * Scale + * 1. Make image rendering the same during the transition as before and after. Prefixed because of Safari. + */ +/* 1 */ +[class*="uk-transition-scale"] { + -webkit-backface-visibility: hidden; +} +.uk-transition-scale-up { + --uk-scale-x: 1; + --uk-scale-y: 1; +} +.uk-transition-scale-down { + --uk-scale-x: 1.03; + --uk-scale-y: 1.03; +} +/* Show */ +.uk-transition-toggle:hover .uk-transition-scale-up, +.uk-transition-toggle:focus .uk-transition-scale-up, +.uk-transition-toggle:focus-within .uk-transition-scale-up, +.uk-transition-active.uk-active .uk-transition-scale-up { + --uk-scale-x: 1.03; + --uk-scale-y: 1.03; + opacity: 1; +} +.uk-transition-toggle:hover .uk-transition-scale-down, +.uk-transition-toggle:focus .uk-transition-scale-down, +.uk-transition-toggle:focus-within .uk-transition-scale-down, +.uk-transition-active.uk-active .uk-transition-scale-down { + --uk-scale-x: 1; + --uk-scale-y: 1; + opacity: 1; +} +/* + * Slide + */ +.uk-transition-slide-top { + --uk-translate-y: -100%; +} +.uk-transition-slide-bottom { + --uk-translate-y: 100%; +} +.uk-transition-slide-left { + --uk-translate-x: -100%; +} +.uk-transition-slide-right { + --uk-translate-x: 100%; +} +.uk-transition-slide-top-small { + --uk-translate-y: calc(-1 * 10px); +} +.uk-transition-slide-bottom-small { + --uk-translate-y: 10px; +} +.uk-transition-slide-left-small { + --uk-translate-x: calc(-1 * 10px); +} +.uk-transition-slide-right-small { + --uk-translate-x: 10px; +} +.uk-transition-slide-top-medium { + --uk-translate-y: calc(-1 * 50px); +} +.uk-transition-slide-bottom-medium { + --uk-translate-y: 50px; +} +.uk-transition-slide-left-medium { + --uk-translate-x: calc(-1 * 50px); +} +.uk-transition-slide-right-medium { + --uk-translate-x: 50px; +} +/* Show */ +.uk-transition-toggle:hover [class*="uk-transition-slide"], +.uk-transition-toggle:focus [class*="uk-transition-slide"], +.uk-transition-toggle:focus-within [class*="uk-transition-slide"], +.uk-transition-active.uk-active [class*="uk-transition-slide"] { + --uk-translate-x: 0; + --uk-translate-y: 0; + opacity: 1; +} +/* Opacity modifier + ========================================================================== */ +.uk-transition-opaque { + opacity: 1; +} +/* Duration modifier + ========================================================================== */ +.uk-transition-slow { + transition-duration: 0.7s; +} +/* Disable modifier + ========================================================================== */ +.uk-transition-disable, +.uk-transition-disable * { + transition: none !important; +} +/* ======================================================================== + Component: Visibility + ========================================================================== */ +/* + * Hidden + * `hidden` attribute also set here to make it stronger + */ +[hidden], +.uk-hidden, +.uk-hidden-empty:empty { + display: none !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-hidden\@s { + display: none !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-hidden\@m { + display: none !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-hidden\@l { + display: none !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-hidden\@xl { + display: none !important; + } +} +/* + * Visible + */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-visible\@s { + display: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-visible\@m { + display: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-visible\@l { + display: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-visible\@xl { + display: none !important; + } +} +/* Visibility + ========================================================================== */ +.uk-invisible { + visibility: hidden !important; +} +/* Based on the State of the Parent Element + ========================================================================== */ +/* + * Mind that `display: none`, `visibility: hidden` and `opacity: 0` + * remove the element from the accessibility tree and that + * `display: none` and `visibility: hidden` are not focusable. + * + * The target stays visible if any element within receives focus through keyboard. + */ +/* + * Remove space when hidden. + * 1. Remove from document flow. + * 2. Hide element and shrink its dimension. Current browsers and screen readers + * keep the element in the accessibility tree even with zero dimensions. + * Using `tabindex="-1"` will show the element on touch devices. + * Note: `clip-path` doesn't work with `tabindex` on touch devices. + */ +.uk-hidden-visually:not(:focus):not(:active):not(:focus-within), +.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)) { + /* 1 */ + position: absolute !important; + /* 2 */ + width: 0 !important; + height: 0 !important; + padding: 0 !important; + border: 0 !important; + margin: 0 !important; + overflow: hidden !important; +} +/* + * Keep space when hidden. + * Hide element without shrinking its dimension. + * Note: `clip-path` doesn't work with hover for elements outside of the toggle box. + */ +.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { + opacity: 0 !important; +} +/* Based on Hover Capability of the Pointing Device + ========================================================================== */ +/* + * Hover + */ +/* Hide if primary pointing device doesn't support hover, e.g. touch screens. */ +@media (hover: none) { + .uk-hidden-touch { + display: none !important; + } +} +/* Hide if primary pointing device supports hover, e.g. mice. */ +@media (hover) { + .uk-hidden-notouch { + display: none !important; + } +} +/* ======================================================================== + Component: Inverse + ========================================================================== */ +/* + * Implemented class depends on the general theme color + * `uk-light` is for light colors on dark backgrounds + * `uk-dark` is or dark colors on light backgrounds + */ +.uk-light, +.uk-section-primary:not(.uk-preserve-color), +.uk-section-secondary:not(.uk-preserve-color), +.uk-tile-primary:not(.uk-preserve-color), +.uk-tile-secondary:not(.uk-preserve-color), +.uk-card-primary.uk-card-body, +.uk-card-primary > :not([class*="uk-card-media"]), +.uk-card-secondary.uk-card-body, +.uk-card-secondary > :not([class*="uk-card-media"]), +.uk-overlay-primary, +.uk-offcanvas-bar { + color: rgba(255, 255, 255, 0.7); + /* Webkit */ + /* Firefox */ + /* Webkit */ + /* Firefox */ +} +.uk-light a, +.uk-light .uk-link, +.uk-section-primary:not(.uk-preserve-color) a, +.uk-section-primary:not(.uk-preserve-color) .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a, +.uk-section-secondary:not(.uk-preserve-color) .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a, +.uk-tile-primary:not(.uk-preserve-color) .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link, +.uk-card-primary.uk-card-body a, +.uk-card-primary.uk-card-body .uk-link, +.uk-card-primary > :not([class*="uk-card-media"]) a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link, +.uk-card-secondary.uk-card-body a, +.uk-card-secondary.uk-card-body .uk-link, +.uk-card-secondary > :not([class*="uk-card-media"]) a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link, +.uk-overlay-primary a, +.uk-overlay-primary .uk-link, +.uk-offcanvas-bar a, +.uk-offcanvas-bar .uk-link { + color: #fff; +} +.uk-light a:hover, +.uk-light .uk-link:hover, +.uk-light .uk-link-toggle:hover .uk-link, +.uk-section-primary:not(.uk-preserve-color) a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-card-primary.uk-card-body a:hover, +.uk-card-primary.uk-card-body .uk-link:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link, +.uk-card-primary > :not([class*="uk-card-media"]) a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link, +.uk-card-secondary.uk-card-body a:hover, +.uk-card-secondary.uk-card-body .uk-link:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link, +.uk-card-secondary > :not([class*="uk-card-media"]) a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link, +.uk-overlay-primary a:hover, +.uk-overlay-primary .uk-link:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link, +.uk-offcanvas-bar a:hover, +.uk-offcanvas-bar .uk-link:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link { + color: #fff; +} +.uk-light :not(pre) > code, +.uk-light :not(pre) > kbd, +.uk-light :not(pre) > samp, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-card-primary.uk-card-body :not(pre) > code, +.uk-card-primary.uk-card-body :not(pre) > kbd, +.uk-card-primary.uk-card-body :not(pre) > samp, +.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > code, +.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > kbd, +.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > samp, +.uk-card-secondary.uk-card-body :not(pre) > code, +.uk-card-secondary.uk-card-body :not(pre) > kbd, +.uk-card-secondary.uk-card-body :not(pre) > samp, +.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > code, +.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > kbd, +.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > samp, +.uk-overlay-primary :not(pre) > code, +.uk-overlay-primary :not(pre) > kbd, +.uk-overlay-primary :not(pre) > samp, +.uk-offcanvas-bar :not(pre) > code, +.uk-offcanvas-bar :not(pre) > kbd, +.uk-offcanvas-bar :not(pre) > samp { + color: rgba(255, 255, 255, 0.7); +} +.uk-light em, +.uk-section-primary:not(.uk-preserve-color) em, +.uk-section-secondary:not(.uk-preserve-color) em, +.uk-tile-primary:not(.uk-preserve-color) em, +.uk-tile-secondary:not(.uk-preserve-color) em, +.uk-card-primary.uk-card-body em, +.uk-card-primary > :not([class*="uk-card-media"]) em, +.uk-card-secondary.uk-card-body em, +.uk-card-secondary > :not([class*="uk-card-media"]) em, +.uk-overlay-primary em, +.uk-offcanvas-bar em { + color: #fff; +} +.uk-light h1, +.uk-light .uk-h1, +.uk-light h2, +.uk-light .uk-h2, +.uk-light h3, +.uk-light .uk-h3, +.uk-light h4, +.uk-light .uk-h4, +.uk-light h5, +.uk-light .uk-h5, +.uk-light h6, +.uk-light .uk-h6, +.uk-light .uk-heading-small, +.uk-light .uk-heading-medium, +.uk-light .uk-heading-large, +.uk-light .uk-heading-xlarge, +.uk-light .uk-heading-2xlarge, +.uk-light .uk-heading-3xlarge, +.uk-section-primary:not(.uk-preserve-color) h1, +.uk-section-primary:not(.uk-preserve-color) .uk-h1, +.uk-section-primary:not(.uk-preserve-color) h2, +.uk-section-primary:not(.uk-preserve-color) .uk-h2, +.uk-section-primary:not(.uk-preserve-color) h3, +.uk-section-primary:not(.uk-preserve-color) .uk-h3, +.uk-section-primary:not(.uk-preserve-color) h4, +.uk-section-primary:not(.uk-preserve-color) .uk-h4, +.uk-section-primary:not(.uk-preserve-color) h5, +.uk-section-primary:not(.uk-preserve-color) .uk-h5, +.uk-section-primary:not(.uk-preserve-color) h6, +.uk-section-primary:not(.uk-preserve-color) .uk-h6, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-section-secondary:not(.uk-preserve-color) h1, +.uk-section-secondary:not(.uk-preserve-color) .uk-h1, +.uk-section-secondary:not(.uk-preserve-color) h2, +.uk-section-secondary:not(.uk-preserve-color) .uk-h2, +.uk-section-secondary:not(.uk-preserve-color) h3, +.uk-section-secondary:not(.uk-preserve-color) .uk-h3, +.uk-section-secondary:not(.uk-preserve-color) h4, +.uk-section-secondary:not(.uk-preserve-color) .uk-h4, +.uk-section-secondary:not(.uk-preserve-color) h5, +.uk-section-secondary:not(.uk-preserve-color) .uk-h5, +.uk-section-secondary:not(.uk-preserve-color) h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-tile-primary:not(.uk-preserve-color) h1, +.uk-tile-primary:not(.uk-preserve-color) .uk-h1, +.uk-tile-primary:not(.uk-preserve-color) h2, +.uk-tile-primary:not(.uk-preserve-color) .uk-h2, +.uk-tile-primary:not(.uk-preserve-color) h3, +.uk-tile-primary:not(.uk-preserve-color) .uk-h3, +.uk-tile-primary:not(.uk-preserve-color) h4, +.uk-tile-primary:not(.uk-preserve-color) .uk-h4, +.uk-tile-primary:not(.uk-preserve-color) h5, +.uk-tile-primary:not(.uk-preserve-color) .uk-h5, +.uk-tile-primary:not(.uk-preserve-color) h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-tile-secondary:not(.uk-preserve-color) h1, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h1, +.uk-tile-secondary:not(.uk-preserve-color) h2, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h2, +.uk-tile-secondary:not(.uk-preserve-color) h3, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h3, +.uk-tile-secondary:not(.uk-preserve-color) h4, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h4, +.uk-tile-secondary:not(.uk-preserve-color) h5, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h5, +.uk-tile-secondary:not(.uk-preserve-color) h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-card-primary.uk-card-body h1, +.uk-card-primary.uk-card-body .uk-h1, +.uk-card-primary.uk-card-body h2, +.uk-card-primary.uk-card-body .uk-h2, +.uk-card-primary.uk-card-body h3, +.uk-card-primary.uk-card-body .uk-h3, +.uk-card-primary.uk-card-body h4, +.uk-card-primary.uk-card-body .uk-h4, +.uk-card-primary.uk-card-body h5, +.uk-card-primary.uk-card-body .uk-h5, +.uk-card-primary.uk-card-body h6, +.uk-card-primary.uk-card-body .uk-h6, +.uk-card-primary.uk-card-body .uk-heading-small, +.uk-card-primary.uk-card-body .uk-heading-medium, +.uk-card-primary.uk-card-body .uk-heading-large, +.uk-card-primary.uk-card-body .uk-heading-xlarge, +.uk-card-primary.uk-card-body .uk-heading-2xlarge, +.uk-card-primary.uk-card-body .uk-heading-3xlarge, +.uk-card-primary > :not([class*="uk-card-media"]) h1, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-h1, +.uk-card-primary > :not([class*="uk-card-media"]) h2, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-h2, +.uk-card-primary > :not([class*="uk-card-media"]) h3, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-h3, +.uk-card-primary > :not([class*="uk-card-media"]) h4, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-h4, +.uk-card-primary > :not([class*="uk-card-media"]) h5, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-h5, +.uk-card-primary > :not([class*="uk-card-media"]) h6, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-h6, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-small, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-medium, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-large, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-xlarge, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-2xlarge, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-3xlarge, +.uk-card-secondary.uk-card-body h1, +.uk-card-secondary.uk-card-body .uk-h1, +.uk-card-secondary.uk-card-body h2, +.uk-card-secondary.uk-card-body .uk-h2, +.uk-card-secondary.uk-card-body h3, +.uk-card-secondary.uk-card-body .uk-h3, +.uk-card-secondary.uk-card-body h4, +.uk-card-secondary.uk-card-body .uk-h4, +.uk-card-secondary.uk-card-body h5, +.uk-card-secondary.uk-card-body .uk-h5, +.uk-card-secondary.uk-card-body h6, +.uk-card-secondary.uk-card-body .uk-h6, +.uk-card-secondary.uk-card-body .uk-heading-small, +.uk-card-secondary.uk-card-body .uk-heading-medium, +.uk-card-secondary.uk-card-body .uk-heading-large, +.uk-card-secondary.uk-card-body .uk-heading-xlarge, +.uk-card-secondary.uk-card-body .uk-heading-2xlarge, +.uk-card-secondary.uk-card-body .uk-heading-3xlarge, +.uk-card-secondary > :not([class*="uk-card-media"]) h1, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h1, +.uk-card-secondary > :not([class*="uk-card-media"]) h2, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h2, +.uk-card-secondary > :not([class*="uk-card-media"]) h3, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h3, +.uk-card-secondary > :not([class*="uk-card-media"]) h4, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h4, +.uk-card-secondary > :not([class*="uk-card-media"]) h5, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h5, +.uk-card-secondary > :not([class*="uk-card-media"]) h6, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h6, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-small, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-medium, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-large, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-xlarge, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-2xlarge, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-3xlarge, +.uk-overlay-primary h1, +.uk-overlay-primary .uk-h1, +.uk-overlay-primary h2, +.uk-overlay-primary .uk-h2, +.uk-overlay-primary h3, +.uk-overlay-primary .uk-h3, +.uk-overlay-primary h4, +.uk-overlay-primary .uk-h4, +.uk-overlay-primary h5, +.uk-overlay-primary .uk-h5, +.uk-overlay-primary h6, +.uk-overlay-primary .uk-h6, +.uk-overlay-primary .uk-heading-small, +.uk-overlay-primary .uk-heading-medium, +.uk-overlay-primary .uk-heading-large, +.uk-overlay-primary .uk-heading-xlarge, +.uk-overlay-primary .uk-heading-2xlarge, +.uk-overlay-primary .uk-heading-3xlarge, +.uk-offcanvas-bar h1, +.uk-offcanvas-bar .uk-h1, +.uk-offcanvas-bar h2, +.uk-offcanvas-bar .uk-h2, +.uk-offcanvas-bar h3, +.uk-offcanvas-bar .uk-h3, +.uk-offcanvas-bar h4, +.uk-offcanvas-bar .uk-h4, +.uk-offcanvas-bar h5, +.uk-offcanvas-bar .uk-h5, +.uk-offcanvas-bar h6, +.uk-offcanvas-bar .uk-h6, +.uk-offcanvas-bar .uk-heading-small, +.uk-offcanvas-bar .uk-heading-medium, +.uk-offcanvas-bar .uk-heading-large, +.uk-offcanvas-bar .uk-heading-xlarge, +.uk-offcanvas-bar .uk-heading-2xlarge, +.uk-offcanvas-bar .uk-heading-3xlarge { + color: #fff; +} +.uk-light hr, +.uk-light .uk-hr, +.uk-section-primary:not(.uk-preserve-color) hr, +.uk-section-primary:not(.uk-preserve-color) .uk-hr, +.uk-section-secondary:not(.uk-preserve-color) hr, +.uk-section-secondary:not(.uk-preserve-color) .uk-hr, +.uk-tile-primary:not(.uk-preserve-color) hr, +.uk-tile-primary:not(.uk-preserve-color) .uk-hr, +.uk-tile-secondary:not(.uk-preserve-color) hr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-hr, +.uk-card-primary.uk-card-body hr, +.uk-card-primary.uk-card-body .uk-hr, +.uk-card-primary > :not([class*="uk-card-media"]) hr, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-hr, +.uk-card-secondary.uk-card-body hr, +.uk-card-secondary.uk-card-body .uk-hr, +.uk-card-secondary > :not([class*="uk-card-media"]) hr, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-hr, +.uk-overlay-primary hr, +.uk-overlay-primary .uk-hr, +.uk-offcanvas-bar hr, +.uk-offcanvas-bar .uk-hr { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light :focus-visible, +.uk-section-primary:not(.uk-preserve-color) :focus-visible, +.uk-section-secondary:not(.uk-preserve-color) :focus-visible, +.uk-tile-primary:not(.uk-preserve-color) :focus-visible, +.uk-tile-secondary:not(.uk-preserve-color) :focus-visible, +.uk-card-primary.uk-card-body :focus-visible, +.uk-card-primary > :not([class*="uk-card-media"]) :focus-visible, +.uk-card-secondary.uk-card-body :focus-visible, +.uk-card-secondary > :not([class*="uk-card-media"]) :focus-visible, +.uk-overlay-primary :focus-visible, +.uk-offcanvas-bar :focus-visible { + outline-color: #fff; +} +.uk-light a.uk-link-muted, +.uk-light .uk-link-muted a, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-card-primary.uk-card-body a.uk-link-muted, +.uk-card-primary.uk-card-body .uk-link-muted a, +.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-muted, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-muted a, +.uk-card-secondary.uk-card-body a.uk-link-muted, +.uk-card-secondary.uk-card-body .uk-link-muted a, +.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-muted, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-muted a, +.uk-overlay-primary a.uk-link-muted, +.uk-overlay-primary .uk-link-muted a, +.uk-offcanvas-bar a.uk-link-muted, +.uk-offcanvas-bar .uk-link-muted a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light a.uk-link-muted:hover, +.uk-light .uk-link-muted a:hover, +.uk-light .uk-link-toggle:hover .uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-card-primary.uk-card-body a.uk-link-muted:hover, +.uk-card-primary.uk-card-body .uk-link-muted a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted, +.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-muted:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-muted a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-muted, +.uk-card-secondary.uk-card-body a.uk-link-muted:hover, +.uk-card-secondary.uk-card-body .uk-link-muted a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted, +.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-muted:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-muted a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-muted, +.uk-overlay-primary a.uk-link-muted:hover, +.uk-overlay-primary .uk-link-muted a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted, +.uk-offcanvas-bar a.uk-link-muted:hover, +.uk-offcanvas-bar .uk-link-muted a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a.uk-link-text:hover, +.uk-light .uk-link-text a:hover, +.uk-light .uk-link-toggle:hover .uk-link-text, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-card-primary.uk-card-body a.uk-link-text:hover, +.uk-card-primary.uk-card-body .uk-link-text a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text, +.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-text:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-text a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-text, +.uk-card-secondary.uk-card-body a.uk-link-text:hover, +.uk-card-secondary.uk-card-body .uk-link-text a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text, +.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-text:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-text a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-text, +.uk-overlay-primary a.uk-link-text:hover, +.uk-overlay-primary .uk-link-text a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-text, +.uk-offcanvas-bar a.uk-link-text:hover, +.uk-offcanvas-bar .uk-link-text a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text { + color: rgba(255, 255, 255, 0.5); +} +.uk-light a.uk-link-heading:hover, +.uk-light .uk-link-heading a:hover, +.uk-light .uk-link-toggle:hover .uk-link-heading, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-card-primary.uk-card-body a.uk-link-heading:hover, +.uk-card-primary.uk-card-body .uk-link-heading a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading, +.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-heading:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-heading a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-heading, +.uk-card-secondary.uk-card-body a.uk-link-heading:hover, +.uk-card-secondary.uk-card-body .uk-link-heading a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading, +.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-heading:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-heading a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-heading, +.uk-overlay-primary a.uk-link-heading:hover, +.uk-overlay-primary .uk-link-heading a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading, +.uk-offcanvas-bar a.uk-link-heading:hover, +.uk-offcanvas-bar .uk-link-heading a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading { + color: #fff; +} +.uk-light .uk-heading-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-card-primary.uk-card-body .uk-heading-divider, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-divider, +.uk-card-secondary.uk-card-body .uk-heading-divider, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-divider, +.uk-overlay-primary .uk-heading-divider, +.uk-offcanvas-bar .uk-heading-divider { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-bullet::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-card-primary.uk-card-body .uk-heading-bullet::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-bullet::before, +.uk-card-secondary.uk-card-body .uk-heading-bullet::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-bullet::before, +.uk-overlay-primary .uk-heading-bullet::before, +.uk-offcanvas-bar .uk-heading-bullet::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-line > ::before, +.uk-light .uk-heading-line > ::after, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-card-primary.uk-card-body .uk-heading-line > ::before, +.uk-card-primary.uk-card-body .uk-heading-line > ::after, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-line > ::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-line > ::after, +.uk-card-secondary.uk-card-body .uk-heading-line > ::before, +.uk-card-secondary.uk-card-body .uk-heading-line > ::after, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-line > ::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-line > ::after, +.uk-overlay-primary .uk-heading-line > ::before, +.uk-overlay-primary .uk-heading-line > ::after, +.uk-offcanvas-bar .uk-heading-line > ::before, +.uk-offcanvas-bar .uk-heading-line > ::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-card-primary.uk-card-body .uk-divider-icon, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon, +.uk-card-secondary.uk-card-body .uk-divider-icon, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon, +.uk-overlay-primary .uk-divider-icon, +.uk-offcanvas-bar .uk-divider-icon { + background-image: url("../../images/backgrounds/divider-icon.svg"); +} +.uk-light .uk-divider-icon::before, +.uk-light .uk-divider-icon::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-card-primary.uk-card-body .uk-divider-icon::before, +.uk-card-primary.uk-card-body .uk-divider-icon::after, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon::after, +.uk-card-secondary.uk-card-body .uk-divider-icon::before, +.uk-card-secondary.uk-card-body .uk-divider-icon::after, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon::after, +.uk-overlay-primary .uk-divider-icon::before, +.uk-overlay-primary .uk-divider-icon::after, +.uk-offcanvas-bar .uk-divider-icon::before, +.uk-offcanvas-bar .uk-divider-icon::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-small::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-card-primary.uk-card-body .uk-divider-small::after, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-small::after, +.uk-card-secondary.uk-card-body .uk-divider-small::after, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-small::after, +.uk-overlay-primary .uk-divider-small::after, +.uk-offcanvas-bar .uk-divider-small::after { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-vertical, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-card-primary.uk-card-body .uk-divider-vertical, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-vertical, +.uk-card-secondary.uk-card-body .uk-divider-vertical, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-vertical, +.uk-overlay-primary .uk-divider-vertical, +.uk-offcanvas-bar .uk-divider-vertical { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-muted > ::marker, +.uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::marker, +.uk-card-primary.uk-card-body .uk-list-muted > ::marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-muted > ::marker, +.uk-card-secondary.uk-card-body .uk-list-muted > ::marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-muted > ::marker, +.uk-overlay-primary .uk-list-muted > ::marker, +.uk-offcanvas-bar .uk-list-muted > ::marker { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-list-emphasis > ::marker, +.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, +.uk-card-primary.uk-card-body .uk-list-emphasis > ::marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::marker, +.uk-card-secondary.uk-card-body .uk-list-emphasis > ::marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::marker, +.uk-overlay-primary .uk-list-emphasis > ::marker, +.uk-offcanvas-bar .uk-list-emphasis > ::marker { + color: #fff !important; +} +.uk-light .uk-list-primary > ::marker, +.uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::marker, +.uk-card-primary.uk-card-body .uk-list-primary > ::marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-primary > ::marker, +.uk-card-secondary.uk-card-body .uk-list-primary > ::marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-primary > ::marker, +.uk-overlay-primary .uk-list-primary > ::marker, +.uk-offcanvas-bar .uk-list-primary > ::marker { + color: #fff !important; +} +.uk-light .uk-list-secondary > ::marker, +.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::marker, +.uk-card-primary.uk-card-body .uk-list-secondary > ::marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-secondary > ::marker, +.uk-card-secondary.uk-card-body .uk-list-secondary > ::marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-secondary > ::marker, +.uk-overlay-primary .uk-list-secondary > ::marker, +.uk-offcanvas-bar .uk-list-secondary > ::marker { + color: #fff !important; +} +.uk-light .uk-list-bullet > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-card-primary.uk-card-body .uk-list-bullet > ::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-bullet > ::before, +.uk-card-secondary.uk-card-body .uk-list-bullet > ::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-bullet > ::before, +.uk-overlay-primary .uk-list-bullet > ::before, +.uk-offcanvas-bar .uk-list-bullet > ::before { + background-image: url("../../images/backgrounds/list-bullet.svg"); +} +.uk-light .uk-list-divider > :nth-child(n+2), +.uk-section-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-divider > :nth-child(n+2), +.uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-divider > :nth-child(n+2), +.uk-overlay-primary .uk-list-divider > :nth-child(n+2), +.uk-offcanvas-bar .uk-list-divider > :nth-child(n+2) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > :nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-striped > :nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > :nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > :nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-table th, +.uk-section-primary:not(.uk-preserve-color) .uk-table th, +.uk-section-secondary:not(.uk-preserve-color) .uk-table th, +.uk-tile-primary:not(.uk-preserve-color) .uk-table th, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table th, +.uk-card-primary.uk-card-body .uk-table th, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table th, +.uk-card-secondary.uk-card-body .uk-table th, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table th, +.uk-overlay-primary .uk-table th, +.uk-offcanvas-bar .uk-table th { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-table caption, +.uk-section-primary:not(.uk-preserve-color) .uk-table caption, +.uk-section-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-primary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-card-primary.uk-card-body .uk-table caption, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table caption, +.uk-card-secondary.uk-card-body .uk-table caption, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table caption, +.uk-overlay-primary .uk-table caption, +.uk-offcanvas-bar .uk-table caption { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-table > tr.uk-active, +.uk-light .uk-table tbody tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-card-primary.uk-card-body .uk-table > tr.uk-active, +.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table > tr.uk-active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table tbody tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table > tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table > tr.uk-active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table tbody tr.uk-active, +.uk-overlay-primary .uk-table > tr.uk-active, +.uk-overlay-primary .uk-table tbody tr.uk-active, +.uk-offcanvas-bar .uk-table > tr.uk-active, +.uk-offcanvas-bar .uk-table tbody tr.uk-active { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-table-divider > tr:not(:first-child), +.uk-light .uk-table-divider > :not(:first-child) > tr, +.uk-light .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-divider > tr:not(:first-child), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-divider > tr:not(:first-child), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr, +.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr, +.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-striped > tr:nth-of-type(odd), +.uk-light .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) { + background: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-table-hover > tr:hover, +.uk-light .uk-table-hover tbody tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-hover > tr:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-hover tbody tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-hover > tr:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-hover tbody tr:hover, +.uk-overlay-primary .uk-table-hover > tr:hover, +.uk-overlay-primary .uk-table-hover tbody tr:hover, +.uk-offcanvas-bar .uk-table-hover > tr:hover, +.uk-offcanvas-bar .uk-table-hover tbody tr:hover { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link, +.uk-overlay-primary .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-card-primary.uk-card-body .uk-icon-link:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link:hover, +.uk-card-secondary.uk-card-body .uk-icon-link:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link:hover, +.uk-overlay-primary .uk-icon-link:hover, +.uk-offcanvas-bar .uk-icon-link:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-link:active, +.uk-light .uk-active > .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link:active, +.uk-card-primary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-active > .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link:active, +.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-active > .uk-icon-link, +.uk-overlay-primary .uk-icon-link:active, +.uk-overlay-primary .uk-active > .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link:active, +.uk-offcanvas-bar .uk-active > .uk-icon-link { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-card-primary.uk-card-body .uk-icon-button, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button, +.uk-card-secondary.uk-card-body .uk-icon-button, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button, +.uk-overlay-primary .uk-icon-button, +.uk-offcanvas-bar .uk-icon-button { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-button:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-card-primary.uk-card-body .uk-icon-button:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button:hover, +.uk-card-secondary.uk-card-body .uk-icon-button:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button:hover, +.uk-overlay-primary .uk-icon-button:hover, +.uk-offcanvas-bar .uk-icon-button:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button:active, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-card-primary.uk-card-body .uk-icon-button:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button:active, +.uk-card-secondary.uk-card-body .uk-icon-button:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button:active, +.uk-overlay-primary .uk-icon-button:active, +.uk-offcanvas-bar .uk-icon-button:active { + background-color: rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-range::-webkit-slider-runnable-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, +.uk-card-primary.uk-card-body .uk-range::-webkit-slider-runnable-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-runnable-track, +.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-runnable-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-runnable-track, +.uk-overlay-primary .uk-range::-webkit-slider-runnable-track, +.uk-offcanvas-bar .uk-range::-webkit-slider-runnable-track { + background: rgba(242, 242, 242, 0.1); +} +.uk-light .uk-range:focus::-webkit-slider-runnable-track, +.uk-light .uk-range:active::-webkit-slider-runnable-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, +.uk-card-primary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track, +.uk-card-primary.uk-card-body .uk-range:active::-webkit-slider-runnable-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range:focus::-webkit-slider-runnable-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range:active::-webkit-slider-runnable-track, +.uk-card-secondary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track, +.uk-card-secondary.uk-card-body .uk-range:active::-webkit-slider-runnable-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:focus::-webkit-slider-runnable-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:active::-webkit-slider-runnable-track, +.uk-overlay-primary .uk-range:focus::-webkit-slider-runnable-track, +.uk-overlay-primary .uk-range:active::-webkit-slider-runnable-track, +.uk-offcanvas-bar .uk-range:focus::-webkit-slider-runnable-track, +.uk-offcanvas-bar .uk-range:active::-webkit-slider-runnable-track { + background: rgba(242, 242, 242, 0.15); +} +.uk-light .uk-range::-moz-range-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track, +.uk-card-primary.uk-card-body .uk-range::-moz-range-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-moz-range-track, +.uk-card-secondary.uk-card-body .uk-range::-moz-range-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-moz-range-track, +.uk-overlay-primary .uk-range::-moz-range-track, +.uk-offcanvas-bar .uk-range::-moz-range-track { + background: rgba(242, 242, 242, 0.1); +} +.uk-light .uk-range:focus::-moz-range-track, +.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, +.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, +.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, +.uk-card-primary.uk-card-body .uk-range:focus::-moz-range-track, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range:focus::-moz-range-track, +.uk-card-secondary.uk-card-body .uk-range:focus::-moz-range-track, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:focus::-moz-range-track, +.uk-overlay-primary .uk-range:focus::-moz-range-track, +.uk-offcanvas-bar .uk-range:focus::-moz-range-track { + background: rgba(242, 242, 242, 0.15); +} +.uk-light .uk-range::-webkit-slider-thumb, +.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, +.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, +.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, +.uk-card-primary.uk-card-body .uk-range::-webkit-slider-thumb, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-thumb, +.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-thumb, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-thumb, +.uk-overlay-primary .uk-range::-webkit-slider-thumb, +.uk-offcanvas-bar .uk-range::-webkit-slider-thumb { + background: #ffffff; +} +.uk-light .uk-range::-moz-range-thumb, +.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, +.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, +.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, +.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, +.uk-card-primary.uk-card-body .uk-range::-moz-range-thumb, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-moz-range-thumb, +.uk-card-secondary.uk-card-body .uk-range::-moz-range-thumb, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-moz-range-thumb, +.uk-overlay-primary .uk-range::-moz-range-thumb, +.uk-offcanvas-bar .uk-range::-moz-range-thumb { + background: #ffffff; +} +.uk-light .uk-input, +.uk-light .uk-select, +.uk-light .uk-textarea, +.uk-section-primary:not(.uk-preserve-color) .uk-input, +.uk-section-primary:not(.uk-preserve-color) .uk-select, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea, +.uk-section-secondary:not(.uk-preserve-color) .uk-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-select, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-primary:not(.uk-preserve-color) .uk-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-select, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-card-primary.uk-card-body .uk-input, +.uk-card-primary.uk-card-body .uk-select, +.uk-card-primary.uk-card-body .uk-textarea, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-select, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea, +.uk-card-secondary.uk-card-body .uk-input, +.uk-card-secondary.uk-card-body .uk-select, +.uk-card-secondary.uk-card-body .uk-textarea, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea, +.uk-overlay-primary .uk-input, +.uk-overlay-primary .uk-select, +.uk-overlay-primary .uk-textarea, +.uk-offcanvas-bar .uk-input, +.uk-offcanvas-bar .uk-select, +.uk-offcanvas-bar .uk-textarea { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + background-clip: padding-box; +} +.uk-light .uk-input:focus, +.uk-light .uk-select:focus, +.uk-light .uk-textarea:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-card-primary.uk-card-body .uk-input:focus, +.uk-card-primary.uk-card-body .uk-select:focus, +.uk-card-primary.uk-card-body .uk-textarea:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-select:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea:focus, +.uk-card-secondary.uk-card-body .uk-input:focus, +.uk-card-secondary.uk-card-body .uk-select:focus, +.uk-card-secondary.uk-card-body .uk-textarea:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea:focus, +.uk-overlay-primary .uk-input:focus, +.uk-overlay-primary .uk-select:focus, +.uk-overlay-primary .uk-textarea:focus, +.uk-offcanvas-bar .uk-input:focus, +.uk-offcanvas-bar .uk-select:focus, +.uk-offcanvas-bar .uk-textarea:focus { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-card-primary.uk-card-body .uk-input::placeholder, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-input::placeholder, +.uk-card-secondary.uk-card-body .uk-input::placeholder, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input::placeholder, +.uk-overlay-primary .uk-input::placeholder, +.uk-offcanvas-bar .uk-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-textarea::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-card-primary.uk-card-body .uk-textarea::placeholder, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea::placeholder, +.uk-card-secondary.uk-card-body .uk-textarea::placeholder, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea::placeholder, +.uk-overlay-primary .uk-textarea::placeholder, +.uk-offcanvas-bar .uk-textarea::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-select:not([multiple]):not([size]), +.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-select:not([multiple]):not([size]), +.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:not([multiple]):not([size]), +.uk-overlay-primary .uk-select:not([multiple]):not([size]), +.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { + background-image: url("../../images/backgrounds/form-select.svg"); +} +.uk-light .uk-input[list]:hover, +.uk-light .uk-input[list]:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-card-primary.uk-card-body .uk-input[list]:hover, +.uk-card-primary.uk-card-body .uk-input[list]:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-input[list]:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-input[list]:focus, +.uk-card-secondary.uk-card-body .uk-input[list]:hover, +.uk-card-secondary.uk-card-body .uk-input[list]:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input[list]:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input[list]:focus, +.uk-overlay-primary .uk-input[list]:hover, +.uk-overlay-primary .uk-input[list]:focus, +.uk-offcanvas-bar .uk-input[list]:hover, +.uk-offcanvas-bar .uk-input[list]:focus { + background-image: url("../../images/backgrounds/form-datalist.svg"); +} +.uk-light .uk-radio, +.uk-light .uk-checkbox, +.uk-section-primary:not(.uk-preserve-color) .uk-radio, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-card-primary.uk-card-body .uk-radio, +.uk-card-primary.uk-card-body .uk-checkbox, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox, +.uk-card-secondary.uk-card-body .uk-radio, +.uk-card-secondary.uk-card-body .uk-checkbox, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox, +.uk-overlay-primary .uk-radio, +.uk-overlay-primary .uk-checkbox, +.uk-offcanvas-bar .uk-radio, +.uk-offcanvas-bar .uk-checkbox { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-radio:focus, +.uk-light .uk-checkbox:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-card-primary.uk-card-body .uk-radio:focus, +.uk-card-primary.uk-card-body .uk-checkbox:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:focus, +.uk-card-secondary.uk-card-body .uk-radio:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:focus, +.uk-overlay-primary .uk-radio:focus, +.uk-overlay-primary .uk-checkbox:focus, +.uk-offcanvas-bar .uk-radio:focus, +.uk-offcanvas-bar .uk-checkbox:focus { + background-color: rgba(255, 255, 255, 0.15); +} +.uk-light .uk-radio:checked, +.uk-light .uk-checkbox:checked, +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-radio:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-radio:checked, +.uk-offcanvas-bar .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-color: #fff; +} +.uk-light .uk-radio:checked:focus, +.uk-light .uk-checkbox:checked:focus, +.uk-light .uk-checkbox:indeterminate:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-card-primary.uk-card-body .uk-radio:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate:focus, +.uk-card-secondary.uk-card-body .uk-radio:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate:focus, +.uk-overlay-primary .uk-radio:checked:focus, +.uk-overlay-primary .uk-checkbox:checked:focus, +.uk-overlay-primary .uk-checkbox:indeterminate:focus, +.uk-offcanvas-bar .uk-radio:checked:focus, +.uk-offcanvas-bar .uk-checkbox:checked:focus, +.uk-offcanvas-bar .uk-checkbox:indeterminate:focus { + background-color: #ffffff; +} +.uk-light .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked, +.uk-overlay-primary .uk-radio:checked, +.uk-offcanvas-bar .uk-radio:checked { + background-image: url("../../images/backgrounds/form-radio.svg"); +} +.uk-light .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:checked { + background-image: url("../../images/backgrounds/form-checkbox.svg"); +} +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-image: url("../../images/backgrounds/form-checkbox-indeterminate.svg"); +} +.uk-light .uk-form-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-card-primary.uk-card-body .uk-form-icon, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon, +.uk-card-secondary.uk-card-body .uk-form-icon, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon, +.uk-overlay-primary .uk-form-icon, +.uk-offcanvas-bar .uk-form-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-form-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-card-primary.uk-card-body .uk-form-icon:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon:hover, +.uk-card-secondary.uk-card-body .uk-form-icon:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon:hover, +.uk-overlay-primary .uk-form-icon:hover, +.uk-offcanvas-bar .uk-form-icon:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-card-primary.uk-card-body .uk-button-default, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default, +.uk-card-secondary.uk-card-body .uk-button-default, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default, +.uk-overlay-primary .uk-button-default, +.uk-offcanvas-bar .uk-button-default { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-default:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-card-primary.uk-card-body .uk-button-default:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:hover, +.uk-card-secondary.uk-card-body .uk-button-default:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default:hover, +.uk-overlay-primary .uk-button-default:hover, +.uk-offcanvas-bar .uk-button-default:hover { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-default:active, +.uk-light .uk-button-default.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-card-primary.uk-card-body .uk-button-default:active, +.uk-card-primary.uk-card-body .uk-button-default.uk-active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default.uk-active, +.uk-card-secondary.uk-card-body .uk-button-default:active, +.uk-card-secondary.uk-card-body .uk-button-default.uk-active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default.uk-active, +.uk-overlay-primary .uk-button-default:active, +.uk-overlay-primary .uk-button-default.uk-active, +.uk-offcanvas-bar .uk-button-default:active, +.uk-offcanvas-bar .uk-button-default.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-card-primary.uk-card-body .uk-button-primary, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary, +.uk-card-secondary.uk-card-body .uk-button-primary, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary, +.uk-overlay-primary .uk-button-primary, +.uk-offcanvas-bar .uk-button-primary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-primary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-card-primary.uk-card-body .uk-button-primary:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:hover, +.uk-card-secondary.uk-card-body .uk-button-primary:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:hover, +.uk-overlay-primary .uk-button-primary:hover, +.uk-offcanvas-bar .uk-button-primary:hover { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-primary:active, +.uk-light .uk-button-primary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-card-primary.uk-card-body .uk-button-primary:active, +.uk-card-primary.uk-card-body .uk-button-primary.uk-active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-primary:active, +.uk-card-secondary.uk-card-body .uk-button-primary.uk-active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary.uk-active, +.uk-overlay-primary .uk-button-primary:active, +.uk-overlay-primary .uk-button-primary.uk-active, +.uk-offcanvas-bar .uk-button-primary:active, +.uk-offcanvas-bar .uk-button-primary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-card-primary.uk-card-body .uk-button-secondary, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary, +.uk-card-secondary.uk-card-body .uk-button-secondary, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary, +.uk-overlay-primary .uk-button-secondary, +.uk-offcanvas-bar .uk-button-secondary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-secondary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-card-primary.uk-card-body .uk-button-secondary:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary:hover, +.uk-card-secondary.uk-card-body .uk-button-secondary:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary:hover, +.uk-overlay-primary .uk-button-secondary:hover, +.uk-offcanvas-bar .uk-button-secondary:hover { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-secondary:active, +.uk-light .uk-button-secondary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-card-primary.uk-card-body .uk-button-secondary:active, +.uk-card-primary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-secondary:active, +.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary.uk-active, +.uk-overlay-primary .uk-button-secondary:active, +.uk-overlay-primary .uk-button-secondary.uk-active, +.uk-offcanvas-bar .uk-button-secondary:active, +.uk-offcanvas-bar .uk-button-secondary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-text, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-card-primary.uk-card-body .uk-button-text, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text, +.uk-card-secondary.uk-card-body .uk-button-text, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text, +.uk-overlay-primary .uk-button-text, +.uk-offcanvas-bar .uk-button-text { + color: #fff; +} +.uk-light .uk-button-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-card-primary.uk-card-body .uk-button-text:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text:hover, +.uk-card-secondary.uk-card-body .uk-button-text:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:hover, +.uk-overlay-primary .uk-button-text:hover, +.uk-offcanvas-bar .uk-button-text:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-button-text:disabled, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-card-primary.uk-card-body .uk-button-text:disabled, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text:disabled, +.uk-card-secondary.uk-card-body .uk-button-text:disabled, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:disabled, +.uk-overlay-primary .uk-button-text:disabled, +.uk-offcanvas-bar .uk-button-text:disabled { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-button-link, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-card-primary.uk-card-body .uk-button-link, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-link, +.uk-card-secondary.uk-card-body .uk-button-link, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-link, +.uk-overlay-primary .uk-button-link, +.uk-offcanvas-bar .uk-button-link { + color: #fff; +} +.uk-light .uk-button-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-card-primary.uk-card-body .uk-button-link:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-link:hover, +.uk-card-secondary.uk-card-body .uk-button-link:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-link:hover, +.uk-overlay-primary .uk-button-link:hover, +.uk-offcanvas-bar .uk-button-link:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light.uk-card-badge, +.uk-section-primary:not(.uk-preserve-color).uk-card-badge, +.uk-section-secondary:not(.uk-preserve-color).uk-card-badge, +.uk-tile-primary:not(.uk-preserve-color).uk-card-badge, +.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge, +.uk-card-primary.uk-card-body.uk-card-badge, +.uk-card-primary > :not([class*="uk-card-media"]).uk-card-badge, +.uk-card-secondary.uk-card-body.uk-card-badge, +.uk-card-secondary > :not([class*="uk-card-media"]).uk-card-badge, +.uk-overlay-primary.uk-card-badge, +.uk-offcanvas-bar.uk-card-badge { + background-color: #fff; + color: #666; +} +.uk-light .uk-close, +.uk-section-primary:not(.uk-preserve-color) .uk-close, +.uk-section-secondary:not(.uk-preserve-color) .uk-close, +.uk-tile-primary:not(.uk-preserve-color) .uk-close, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close, +.uk-card-primary.uk-card-body .uk-close, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-close, +.uk-card-secondary.uk-card-body .uk-close, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-close, +.uk-overlay-primary .uk-close, +.uk-offcanvas-bar .uk-close { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-close:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-card-primary.uk-card-body .uk-close:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-close:hover, +.uk-card-secondary.uk-card-body .uk-close:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-close:hover, +.uk-overlay-primary .uk-close:hover, +.uk-offcanvas-bar .uk-close:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop, +.uk-section-primary:not(.uk-preserve-color) .uk-totop, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop, +.uk-card-primary.uk-card-body .uk-totop, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop, +.uk-card-secondary.uk-card-body .uk-totop, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop, +.uk-overlay-primary .uk-totop, +.uk-offcanvas-bar .uk-totop { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-totop:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-card-primary.uk-card-body .uk-totop:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop:hover, +.uk-card-secondary.uk-card-body .uk-totop:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop:hover, +.uk-overlay-primary .uk-totop:hover, +.uk-offcanvas-bar .uk-totop:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop:active, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-card-primary.uk-card-body .uk-totop:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop:active, +.uk-card-secondary.uk-card-body .uk-totop:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop:active, +.uk-overlay-primary .uk-totop:active, +.uk-offcanvas-bar .uk-totop:active { + color: #fff; +} +.uk-light .uk-marker, +.uk-section-primary:not(.uk-preserve-color) .uk-marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker, +.uk-card-primary.uk-card-body .uk-marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-marker, +.uk-card-secondary.uk-card-body .uk-marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-marker, +.uk-overlay-primary .uk-marker, +.uk-offcanvas-bar .uk-marker { + background: #f8f8f8; + color: #666; +} +.uk-light .uk-marker:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-card-primary.uk-card-body .uk-marker:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-marker:hover, +.uk-card-secondary.uk-card-body .uk-marker:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-marker:hover, +.uk-overlay-primary .uk-marker:hover, +.uk-offcanvas-bar .uk-marker:hover { + color: #666; +} +.uk-light .uk-badge, +.uk-section-primary:not(.uk-preserve-color) .uk-badge, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge, +.uk-card-primary.uk-card-body .uk-badge, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-badge, +.uk-card-secondary.uk-card-body .uk-badge, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-badge, +.uk-overlay-primary .uk-badge, +.uk-offcanvas-bar .uk-badge { + background-color: #fff; + color: #666 !important; +} +.uk-light .uk-label, +.uk-section-primary:not(.uk-preserve-color) .uk-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-label, +.uk-card-primary.uk-card-body .uk-label, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-label, +.uk-card-secondary.uk-card-body .uk-label, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-label, +.uk-overlay-primary .uk-label, +.uk-offcanvas-bar .uk-label { + background-color: #fff; + color: #666; +} +.uk-light .uk-article-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-card-primary.uk-card-body .uk-article-meta, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-article-meta, +.uk-card-secondary.uk-card-body .uk-article-meta, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-article-meta, +.uk-overlay-primary .uk-article-meta, +.uk-offcanvas-bar .uk-article-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input, +.uk-overlay-primary .uk-search-input, +.uk-offcanvas-bar .uk-search-input { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-search-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-card-primary.uk-card-body .uk-search-input::placeholder, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder, +.uk-card-secondary.uk-card-body .uk-search-input::placeholder, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder, +.uk-overlay-primary .uk-search-input::placeholder, +.uk-offcanvas-bar .uk-search-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon, +.uk-overlay-primary .uk-search .uk-search-icon, +.uk-offcanvas-bar .uk-search .uk-search-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover, +.uk-overlay-primary .uk-search .uk-search-icon:hover, +.uk-offcanvas-bar .uk-search .uk-search-icon:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-default .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input, +.uk-overlay-primary .uk-search-default .uk-search-input, +.uk-offcanvas-bar .uk-search-default .uk-search-input { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-search-default .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus, +.uk-overlay-primary .uk-search-default .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-default .uk-search-input:focus { + background-color: rgba(255, 255, 255, 0.15); +} +.uk-light .uk-search-navbar .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input, +.uk-overlay-primary .uk-search-navbar .uk-search-input, +.uk-offcanvas-bar .uk-search-navbar .uk-search-input { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-search-navbar .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus, +.uk-overlay-primary .uk-search-navbar .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus { + background-color: rgba(255, 255, 255, 0.15); +} +.uk-light .uk-search-medium .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input, +.uk-overlay-primary .uk-search-medium .uk-search-input, +.uk-offcanvas-bar .uk-search-medium .uk-search-input { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-search-medium .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus, +.uk-overlay-primary .uk-search-medium .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-medium .uk-search-input:focus { + background-color: rgba(255, 255, 255, 0.15); +} +.uk-light .uk-search-large .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input, +.uk-overlay-primary .uk-search-large .uk-search-input, +.uk-offcanvas-bar .uk-search-large .uk-search-input { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-search-large .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus, +.uk-overlay-primary .uk-search-large .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-large .uk-search-input:focus { + background-color: rgba(255, 255, 255, 0.15); +} +.uk-light .uk-search-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-card-primary.uk-card-body .uk-search-toggle, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle, +.uk-card-secondary.uk-card-body .uk-search-toggle, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle, +.uk-overlay-primary .uk-search-toggle, +.uk-offcanvas-bar .uk-search-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-card-primary.uk-card-body .uk-search-toggle:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover, +.uk-card-secondary.uk-card-body .uk-search-toggle:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover, +.uk-overlay-primary .uk-search-toggle:hover, +.uk-offcanvas-bar .uk-search-toggle:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-accordion-title, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-card-primary.uk-card-body .uk-accordion-title, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title, +.uk-card-secondary.uk-card-body .uk-accordion-title, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title, +.uk-overlay-primary .uk-accordion-title, +.uk-offcanvas-bar .uk-accordion-title { + color: #fff; +} +.uk-light .uk-accordion-title:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-card-primary.uk-card-body .uk-accordion-title:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title:hover, +.uk-card-secondary.uk-card-body .uk-accordion-title:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title:hover, +.uk-overlay-primary .uk-accordion-title:hover, +.uk-offcanvas-bar .uk-accordion-title:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-iconnav > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-card-primary.uk-card-body .uk-iconnav > * > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > * > a, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > * > a, +.uk-overlay-primary .uk-iconnav > * > a, +.uk-offcanvas-bar .uk-iconnav > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-iconnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > * > a:hover, +.uk-overlay-primary .uk-iconnav > * > a:hover, +.uk-offcanvas-bar .uk-iconnav > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-iconnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > .uk-active > a, +.uk-overlay-primary .uk-iconnav > .uk-active > a, +.uk-offcanvas-bar .uk-iconnav > .uk-active > a { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-card-primary.uk-card-body .uk-nav-default > li > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default > li > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default > li > a, +.uk-overlay-primary .uk-nav-default > li > a, +.uk-offcanvas-bar .uk-nav-default > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default > li > a:hover, +.uk-overlay-primary .uk-nav-default > li > a:hover, +.uk-offcanvas-bar .uk-nav-default > li > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default > li.uk-active > a, +.uk-overlay-primary .uk-nav-default > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-header, +.uk-overlay-primary .uk-nav-default .uk-nav-header, +.uk-offcanvas-bar .uk-nav-default .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-divider, +.uk-overlay-primary .uk-nav-default .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-default .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a, +.uk-overlay-primary .uk-nav-primary > li > a, +.uk-offcanvas-bar .uk-nav-primary > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a:hover, +.uk-overlay-primary .uk-nav-primary > li > a:hover, +.uk-offcanvas-bar .uk-nav-primary > li > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary > li.uk-active > a, +.uk-overlay-primary .uk-nav-primary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-header, +.uk-overlay-primary .uk-nav-primary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-divider, +.uk-overlay-primary .uk-nav-primary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-primary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-secondary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a, +.uk-overlay-primary .uk-nav-secondary > li > a, +.uk-offcanvas-bar .uk-nav-secondary > li > a { + color: #fff; +} +.uk-light .uk-nav-secondary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover, +.uk-overlay-primary .uk-nav-secondary > li > a:hover, +.uk-offcanvas-bar .uk-nav-secondary > li > a:hover { + color: #fff; +} +.uk-light .uk-nav-secondary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a, +.uk-overlay-primary .uk-nav-secondary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-secondary .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary > li > a:hover .uk-nav-subtitle { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { + color: #fff; +} +.uk-light .uk-nav-secondary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-header, +.uk-overlay-primary .uk-nav-secondary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-secondary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-divider, +.uk-overlay-primary .uk-nav-secondary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-secondary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-secondary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-overlay-primary .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-offcanvas-bar .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-navbar-nav > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a, +.uk-overlay-primary .uk-navbar-nav > li > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-nav > li:hover > a, +.uk-light .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li:hover > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li:hover > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-overlay-primary .uk-navbar-nav > li:hover > a, +.uk-overlay-primary .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-offcanvas-bar .uk-navbar-nav > li:hover > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a[aria-expanded="true"] { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-nav > li > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a:active, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a:active, +.uk-overlay-primary .uk-navbar-nav > li > a:active, +.uk-offcanvas-bar .uk-navbar-nav > li > a:active { + color: #fff; +} +.uk-light .uk-navbar-nav > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li.uk-active > a, +.uk-overlay-primary .uk-navbar-nav > li.uk-active > a, +.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a { + color: #fff; +} +.uk-light .uk-navbar-item, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-card-primary.uk-card-body .uk-navbar-item, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-item, +.uk-card-secondary.uk-card-body .uk-navbar-item, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-item, +.uk-overlay-primary .uk-navbar-item, +.uk-offcanvas-bar .uk-navbar-item { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-card-primary.uk-card-body .uk-navbar-toggle, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle, +.uk-card-secondary.uk-card-body .uk-navbar-toggle, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle, +.uk-overlay-primary .uk-navbar-toggle, +.uk-offcanvas-bar .uk-navbar-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-toggle:hover, +.uk-light .uk-navbar-toggle[aria-expanded="true"], +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-card-primary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle[aria-expanded="true"], +.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle[aria-expanded="true"], +.uk-overlay-primary .uk-navbar-toggle:hover, +.uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"], +.uk-offcanvas-bar .uk-navbar-toggle:hover, +.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded="true"] { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > * > :first-child, +.uk-overlay-primary .uk-subnav > * > :first-child, +.uk-offcanvas-bar .uk-subnav > * > :first-child { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover, +.uk-overlay-primary .uk-subnav > * > a:hover, +.uk-offcanvas-bar .uk-subnav > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > .uk-active > a, +.uk-overlay-primary .uk-subnav > .uk-active > a, +.uk-offcanvas-bar .uk-subnav > .uk-active > a { + color: #fff; +} +.uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-subnav-pill > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > :first-child, +.uk-overlay-primary .uk-subnav-pill > * > :first-child, +.uk-offcanvas-bar .uk-subnav-pill > * > :first-child { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav-pill > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:hover, +.uk-overlay-primary .uk-subnav-pill > * > a:hover, +.uk-offcanvas-bar .uk-subnav-pill > * > a:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > * > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:active, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:active, +.uk-overlay-primary .uk-subnav-pill > * > a:active, +.uk-offcanvas-bar .uk-subnav-pill > * > a:active { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-pill > .uk-active > a, +.uk-overlay-primary .uk-subnav-pill > .uk-active > a, +.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a { + background-color: #fff; + color: #666; +} +.uk-light .uk-subnav > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > .uk-disabled > a, +.uk-overlay-primary .uk-subnav > .uk-disabled > a, +.uk-offcanvas-bar .uk-subnav > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > *, +.uk-overlay-primary .uk-breadcrumb > * > *, +.uk-offcanvas-bar .uk-breadcrumb > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :hover, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :hover, +.uk-overlay-primary .uk-breadcrumb > * > :hover, +.uk-offcanvas-bar .uk-breadcrumb > * > :hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :last-child > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > :last-child > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > :last-child > *, +.uk-overlay-primary .uk-breadcrumb > :last-child > *, +.uk-offcanvas-bar .uk-breadcrumb > :last-child > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-card-primary.uk-card-body .uk-pagination > * > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > * > *, +.uk-card-secondary.uk-card-body .uk-pagination > * > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > * > *, +.uk-overlay-primary .uk-pagination > * > *, +.uk-offcanvas-bar .uk-pagination > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-card-primary.uk-card-body .uk-pagination > * > :hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > * > :hover, +.uk-card-secondary.uk-card-body .uk-pagination > * > :hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > * > :hover, +.uk-overlay-primary .uk-pagination > * > :hover, +.uk-offcanvas-bar .uk-pagination > * > :hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > .uk-active > *, +.uk-overlay-primary .uk-pagination > .uk-active > *, +.uk-offcanvas-bar .uk-pagination > .uk-active > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-disabled > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > .uk-disabled > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > .uk-disabled > *, +.uk-overlay-primary .uk-pagination > .uk-disabled > *, +.uk-offcanvas-bar .uk-pagination > .uk-disabled > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-card-primary.uk-card-body .uk-tab > * > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > * > a, +.uk-card-secondary.uk-card-body .uk-tab > * > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > * > a, +.uk-overlay-primary .uk-tab > * > a, +.uk-offcanvas-bar .uk-tab > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-card-primary.uk-card-body .uk-tab > * > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > * > a:hover, +.uk-card-secondary.uk-card-body .uk-tab > * > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > * > a:hover, +.uk-overlay-primary .uk-tab > * > a:hover, +.uk-offcanvas-bar .uk-tab > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-tab > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > .uk-active > a, +.uk-overlay-primary .uk-tab > .uk-active > a, +.uk-offcanvas-bar .uk-tab > .uk-active > a { + color: #fff; +} +.uk-light .uk-tab > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > .uk-disabled > a, +.uk-overlay-primary .uk-tab > .uk-disabled > a, +.uk-offcanvas-bar .uk-tab > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-slidenav, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-card-primary.uk-card-body .uk-slidenav, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav, +.uk-card-secondary.uk-card-body .uk-slidenav, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav, +.uk-overlay-primary .uk-slidenav, +.uk-offcanvas-bar .uk-slidenav { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-slidenav:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-card-primary.uk-card-body .uk-slidenav:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav:hover, +.uk-card-secondary.uk-card-body .uk-slidenav:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav:hover, +.uk-overlay-primary .uk-slidenav:hover, +.uk-offcanvas-bar .uk-slidenav:hover { + color: rgba(255, 255, 255, 0.95); +} +.uk-light .uk-slidenav:active, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-card-primary.uk-card-body .uk-slidenav:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav:active, +.uk-card-secondary.uk-card-body .uk-slidenav:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav:active, +.uk-overlay-primary .uk-slidenav:active, +.uk-offcanvas-bar .uk-slidenav:active { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-dotnav > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-card-primary.uk-card-body .uk-dotnav > * > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > *, +.uk-card-secondary.uk-card-body .uk-dotnav > * > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > *, +.uk-overlay-primary .uk-dotnav > * > *, +.uk-offcanvas-bar .uk-dotnav > * > * { + background-color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-dotnav > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-card-primary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > :hover, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > :hover, +.uk-overlay-primary .uk-dotnav > * > :hover, +.uk-offcanvas-bar .uk-dotnav > * > :hover { + background-color: rgba(255, 255, 255, 0.9); +} +.uk-light .uk-dotnav > * > :active, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-card-primary.uk-card-body .uk-dotnav > * > :active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > :active, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > :active, +.uk-overlay-primary .uk-dotnav > * > :active, +.uk-offcanvas-bar .uk-dotnav > * > :active { + background-color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-dotnav > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > .uk-active > *, +.uk-overlay-primary .uk-dotnav > .uk-active > *, +.uk-offcanvas-bar .uk-dotnav > .uk-active > * { + background-color: rgba(255, 255, 255, 0.9); +} +.uk-light .uk-text-lead, +.uk-section-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-card-primary.uk-card-body .uk-text-lead, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-lead, +.uk-card-secondary.uk-card-body .uk-text-lead, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-lead, +.uk-overlay-primary .uk-text-lead, +.uk-offcanvas-bar .uk-text-lead { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-card-primary.uk-card-body .uk-text-meta, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-meta, +.uk-card-secondary.uk-card-body .uk-text-meta, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-meta, +.uk-overlay-primary .uk-text-meta, +.uk-offcanvas-bar .uk-text-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-text-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-card-primary.uk-card-body .uk-text-muted, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-muted, +.uk-card-secondary.uk-card-body .uk-text-muted, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-muted, +.uk-overlay-primary .uk-text-muted, +.uk-offcanvas-bar .uk-text-muted { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-text-emphasis, +.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-card-primary.uk-card-body .uk-text-emphasis, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-emphasis, +.uk-card-secondary.uk-card-body .uk-text-emphasis, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-emphasis, +.uk-overlay-primary .uk-text-emphasis, +.uk-offcanvas-bar .uk-text-emphasis { + color: #fff !important; +} +.uk-light .uk-text-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-card-primary.uk-card-body .uk-text-primary, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-primary, +.uk-card-secondary.uk-card-body .uk-text-primary, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-primary, +.uk-overlay-primary .uk-text-primary, +.uk-offcanvas-bar .uk-text-primary { + color: #fff !important; +} +.uk-light .uk-text-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-card-primary.uk-card-body .uk-text-secondary, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-secondary, +.uk-card-secondary.uk-card-body .uk-text-secondary, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-secondary, +.uk-overlay-primary .uk-text-secondary, +.uk-offcanvas-bar .uk-text-secondary { + color: #fff !important; +} +.uk-light .uk-column-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-card-primary.uk-card-body .uk-column-divider, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-column-divider, +.uk-card-secondary.uk-card-body .uk-column-divider, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-column-divider, +.uk-overlay-primary .uk-column-divider, +.uk-offcanvas-bar .uk-column-divider { + column-rule-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-logo, +.uk-section-primary:not(.uk-preserve-color) .uk-logo, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo, +.uk-card-primary.uk-card-body .uk-logo, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo, +.uk-card-secondary.uk-card-body .uk-logo, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo, +.uk-overlay-primary .uk-logo, +.uk-offcanvas-bar .uk-logo { + color: #fff; +} +.uk-light .uk-logo:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-card-primary.uk-card-body .uk-logo:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover, +.uk-card-secondary.uk-card-body .uk-logo:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover, +.uk-overlay-primary .uk-logo:hover, +.uk-offcanvas-bar .uk-logo:hover { + color: #fff; +} +.uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) { + display: none; +} +.uk-light .uk-logo-inverse, +.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-card-primary.uk-card-body .uk-logo-inverse, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse, +.uk-card-secondary.uk-card-body .uk-logo-inverse, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse, +.uk-overlay-primary .uk-logo-inverse, +.uk-offcanvas-bar .uk-logo-inverse { + display: block; +} +/* + * Pass dropbar behind color to JS + */ +* { + --uk-inverse: initial; +} +.uk-light, +.uk-section-primary:not(.uk-preserve-color), +.uk-section-secondary:not(.uk-preserve-color), +.uk-tile-primary:not(.uk-preserve-color), +.uk-tile-secondary:not(.uk-preserve-color), +.uk-card-primary.uk-card-body, +.uk-card-primary > :not([class*="uk-card-media"]), +.uk-card-secondary.uk-card-body, +.uk-card-secondary > :not([class*="uk-card-media"]), +.uk-overlay-primary, +.uk-offcanvas-bar { + --uk-inverse: light; +} +.uk-dark, +.uk-section-default:not(.uk-preserve-color), +.uk-section-muted:not(.uk-preserve-color), +.uk-tile-default:not(.uk-preserve-color), +.uk-tile-muted:not(.uk-preserve-color), +.uk-card-default.uk-card-body, +.uk-card-default > :not([class*="uk-card-media"]), +.uk-overlay-default, +.uk-dropbar, +.uk-navbar-container:not(.uk-navbar-transparent), +.uk-navbar-dropdown, +.uk-dropdown { + --uk-inverse: dark; +} +.uk-inverse-light { + --uk-inverse: light !important; +} +.uk-inverse-dark { + --uk-inverse: dark !important; +} +/* ======================================================================== + Component: Print + ========================================================================== */ +@media print { + *, + *::before, + *::after { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} diff --git a/style.less b/style.less new file mode 100644 index 0000000..c001230 --- /dev/null +++ b/style.less @@ -0,0 +1 @@ +@import "node_modules/uikit/src/less/uikit.less"; \ No newline at end of file -- 2.45.1 From 523d949503e0227b73780adc169fbf5fa53cbba9 Mon Sep 17 00:00:00 2001 From: "florian.llimos" Date: Fri, 21 Feb 2025 16:12:19 +0100 Subject: [PATCH 2/3] fix: delete file style.css --- style.css | 12534 ---------------------------------------------------- 1 file changed, 12534 deletions(-) delete mode 100644 style.css diff --git a/style.css b/style.css deleted file mode 100644 index 441505c..0000000 --- a/style.css +++ /dev/null @@ -1,12534 +0,0 @@ -/* ======================================================================== - Component: Base - ========================================================================== */ -/* - * 1. Set `font-size` to support `rem` units - * 2. Prevent adjustments of font size after orientation changes in iOS. - * 3. Style - */ -html { - /* 1 */ - 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"; - font-size: 16px; - font-weight: normal; - line-height: 1.5; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 3 */ - background: #fff; - color: #666; -} -/* - * Remove the margin in all browsers. - */ -body { - margin: 0; -} -/* Links - ========================================================================== */ -/* - * Style - */ -a, -.uk-link { - color: #1e87f0; - text-decoration: none; - cursor: pointer; -} -a:hover, -.uk-link:hover, -.uk-link-toggle:hover .uk-link { - color: #0f6ecd; - text-decoration: underline; -} -/* Text-level semantics - ========================================================================== */ -/* - * 1. Add the correct text decoration in Edge. - * 2. The shorthand declaration `underline dotted` is not supported in Safari. - */ -abbr[title] { - /* 1 */ - text-decoration: underline dotted; - /* 2 */ - -webkit-text-decoration-style: dotted; -} -/* - * Add the correct font weight in Chrome, Edge, and Safari. - */ -b, -strong { - font-weight: bolder; -} -/* - * 1. Consolas has a better baseline in running text compared to `Courier` - * 2. Correct the odd `em` font sizing in all browsers. - * 3. Style - */ -:not(pre) > code, -:not(pre) > kbd, -:not(pre) > samp { - /* 1 */ - font-family: Consolas, monaco, monospace; - /* 2 */ - font-size: 0.875rem; - /* 3 */ - color: #f0506e; - white-space: nowrap; -} -/* - * Emphasize - */ -em { - color: #f0506e; -} -/* - * Insert - */ -ins { - background: #ffd; - color: #666; - text-decoration: none; -} -/* - * Mark - */ -mark { - background: #ffd; - color: #666; -} -/* - * Quote - */ -q { - font-style: italic; -} -/* - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; -} -/* - * Prevents `sub` and `sup` affecting `line-height` in all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} -sup { - top: -0.5em; -} -sub { - bottom: -0.25em; -} -/* Embedded content - ========================================================================== */ -/* - * Remove the gap between the element and the bottom of its parent container. - */ -audio, -canvas, -iframe, -img, -svg, -video { - vertical-align: middle; -} -/* - * 1. Constrain the element to its parent width. - * 2. Preserve the intrinsic aspect ratio and auto-scale the height of an image if the `height` attribute is present. - * 3. Take border and padding into account. - */ -canvas, -img, -svg, -video { - /* 1 */ - max-width: 100%; - /* 2 */ - height: auto; - /* 3 */ - box-sizing: border-box; -} -/* - * Deprecated: only needed for `img` elements with `uk-img` - * 1. Hide `alt` text for lazy load images. - * 2. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`. - */ -img:not([src]) { - /* 1 */ - visibility: hidden; - /* 2 */ - min-width: 1px; -} -/* - * Iframe - * Remove border in all browsers - */ -iframe { - border: 0; -} -/* Block elements - ========================================================================== */ -/* - * Margins - */ -p, -ul, -ol, -dl, -pre, -address, -fieldset, -figure { - margin: 0 0 20px 0; -} -/* Add margin if adjacent element */ -* + p, -* + ul, -* + ol, -* + dl, -* + pre, -* + address, -* + fieldset, -* + figure { - margin-top: 20px; -} -/* Headings - ========================================================================== */ -h1, -.uk-h1, -h2, -.uk-h2, -h3, -.uk-h3, -h4, -.uk-h4, -h5, -.uk-h5, -h6, -.uk-h6, -.uk-heading-small, -.uk-heading-medium, -.uk-heading-large, -.uk-heading-xlarge, -.uk-heading-2xlarge, -.uk-heading-3xlarge { - margin: 0 0 20px 0; - 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"; - font-weight: normal; - color: #333; - text-transform: none; -} -/* Add margin if adjacent element */ -* + h1, -* + .uk-h1, -* + h2, -* + .uk-h2, -* + h3, -* + .uk-h3, -* + h4, -* + .uk-h4, -* + h5, -* + .uk-h5, -* + h6, -* + .uk-h6, -* + .uk-heading-small, -* + .uk-heading-medium, -* + .uk-heading-large, -* + .uk-heading-xlarge, -* + .uk-heading-2xlarge, -* + .uk-heading-3xlarge { - margin-top: 40px; -} -/* - * Sizes - */ -h1, -.uk-h1 { - font-size: 2.23125rem; - line-height: 1.2; -} -h2, -.uk-h2 { - font-size: 1.7rem; - line-height: 1.3; -} -h3, -.uk-h3 { - font-size: 1.5rem; - line-height: 1.4; -} -h4, -.uk-h4 { - font-size: 1.25rem; - line-height: 1.4; -} -h5, -.uk-h5 { - font-size: 16px; - line-height: 1.4; -} -h6, -.uk-h6 { - font-size: 0.875rem; - line-height: 1.4; -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - h1, - .uk-h1 { - font-size: 2.625rem; - } - h2, - .uk-h2 { - font-size: 2rem; - } -} -/* Lists - ========================================================================== */ -ul, -ol { - padding-left: 30px; -} -/* - * Reset margin for nested lists - */ -ul > li > ul, -ul > li > ol, -ol > li > ol, -ol > li > ul { - margin: 0; -} -/* Description lists - ========================================================================== */ -dt { - font-weight: bold; -} -dd { - margin-left: 0; -} -/* Horizontal rules - ========================================================================== */ -/* - * 1. Show the overflow in Chrome, Edge and IE. - * 2. Add the correct text-align in Edge and IE. - * 3. Style - */ -hr, -.uk-hr { - /* 1 */ - overflow: visible; - /* 2 */ - text-align: inherit; - /* 3 */ - margin: 0 0 20px 0; - border: 0; - border-top: 1px solid #e5e5e5; -} -/* Add margin if adjacent element */ -* + hr, -* + .uk-hr { - margin-top: 20px; -} -/* Address - ========================================================================== */ -address { - font-style: normal; -} -/* Blockquotes - ========================================================================== */ -blockquote { - margin: 0 0 20px 0; - font-size: 1.25rem; - line-height: 1.5; - font-style: italic; -} -/* Add margin if adjacent element */ -* + blockquote { - margin-top: 20px; -} -/* - * Content - */ -blockquote p:last-of-type { - margin-bottom: 0; -} -blockquote footer { - margin-top: 10px; - font-size: 0.875rem; - line-height: 1.5; -} -/* Preformatted text - ========================================================================== */ -/* - * 1. Contain overflow in all browsers. - */ -pre { - font: 0.875rem / 1.5 Consolas, monaco, monospace; - color: #666; - -moz-tab-size: 4; - tab-size: 4; - /* 1 */ - overflow: auto; -} -pre code { - font-family: Consolas, monaco, monospace; -} -/* Focus - ========================================================================== */ -:focus { - outline: none; -} -:focus-visible { - outline: 2px dotted #333; -} -/* Selection pseudo-element - ========================================================================== */ -::selection { - background: #39f; - color: #fff; - text-shadow: none; -} -/* HTML5 elements - ========================================================================== */ -/* - * 1. Add the correct display in Edge, IE 10+, and Firefox. - * 2. Add the correct display in IE. - */ -details, -main { - /* 2 */ - display: block; -} -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; -} -/* - * Add the correct display in IE. - */ -template { - display: none; -} -/* Pass media breakpoints to JS - ========================================================================== */ -/* - * Breakpoints - */ -:root { - --uk-breakpoint-s: 640px; - --uk-breakpoint-m: 960px; - --uk-breakpoint-l: 1200px; - --uk-breakpoint-xl: 1600px; -} -/* ======================================================================== - Component: Link - ========================================================================== */ -/* Muted - ========================================================================== */ -a.uk-link-muted, -.uk-link-muted a, -.uk-link-toggle .uk-link-muted { - color: #999; -} -a.uk-link-muted:hover, -.uk-link-muted a:hover, -.uk-link-toggle:hover .uk-link-muted { - color: #666; -} -/* Text - ========================================================================== */ -a.uk-link-text, -.uk-link-text a, -.uk-link-toggle .uk-link-text { - color: inherit; -} -a.uk-link-text:hover, -.uk-link-text a:hover, -.uk-link-toggle:hover .uk-link-text { - color: #999; -} -/* Heading - ========================================================================== */ -a.uk-link-heading, -.uk-link-heading a, -.uk-link-toggle .uk-link-heading { - color: inherit; -} -a.uk-link-heading:hover, -.uk-link-heading a:hover, -.uk-link-toggle:hover .uk-link-heading { - color: #1e87f0; - text-decoration: none; -} -/* Reset - ========================================================================== */ -/* - * `!important` needed to override inverse component - */ -a.uk-link-reset, -.uk-link-reset a { - color: inherit !important; - text-decoration: none !important; -} -/* Toggle - ========================================================================== */ -.uk-link-toggle { - color: inherit !important; - text-decoration: none !important; -} -/* ======================================================================== - Component: Heading - ========================================================================== */ -.uk-heading-small { - font-size: 2.6rem; - line-height: 1.2; -} -.uk-heading-medium { - font-size: 2.8875rem; - line-height: 1.1; -} -.uk-heading-large { - font-size: 3.4rem; - line-height: 1.1; -} -.uk-heading-xlarge { - font-size: 4rem; - line-height: 1; -} -.uk-heading-2xlarge { - font-size: 6rem; - line-height: 1; -} -.uk-heading-3xlarge { - font-size: 8rem; - line-height: 1; -} -/* Tablet Landscape and bigger */ -@media (min-width: 960px) { - .uk-heading-small { - font-size: 3.25rem; - } - .uk-heading-medium { - font-size: 3.5rem; - } - .uk-heading-large { - font-size: 4rem; - } - .uk-heading-xlarge { - font-size: 6rem; - } - .uk-heading-2xlarge { - font-size: 8rem; - } - .uk-heading-3xlarge { - font-size: 11rem; - } -} -/* Laptop and bigger */ -@media (min-width: 1200px) { - .uk-heading-medium { - font-size: 4rem; - } - .uk-heading-large { - font-size: 6rem; - } - .uk-heading-xlarge { - font-size: 8rem; - } - .uk-heading-2xlarge { - font-size: 11rem; - } - .uk-heading-3xlarge { - font-size: 15rem; - } -} -/* Primary - Deprecated: Use `uk-heading-medium` instead - ========================================================================== */ -/* Tablet landscape and bigger */ -/* Desktop and bigger */ -/* Hero - Deprecated: Use `uk-heading-xlarge` instead - ========================================================================== */ -/* Tablet landscape and bigger */ -/* Desktop and bigger */ -/* Divider - ========================================================================== */ -.uk-heading-divider { - padding-bottom: calc(5px + 0.1em); - border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; -} -/* Bullet - ========================================================================== */ -.uk-heading-bullet { - position: relative; -} -/* - * 1. Using `inline-block` to make it work with text alignment - * 2. Center vertically - * 3. Style - */ -.uk-heading-bullet::before { - content: ""; - /* 1 */ - display: inline-block; - /* 2 */ - position: relative; - top: calc(-0.1 * 1em); - vertical-align: middle; - /* 3 */ - height: calc(4px + 0.7em); - margin-right: calc(5px + 0.2em); - border-left: calc(5px + 0.1em) solid #e5e5e5; -} -/* Line - ========================================================================== */ -/* - * Clip the child element - */ -.uk-heading-line { - overflow: hidden; -} -/* - * Extra markup is needed to make it work with text align - */ -.uk-heading-line > * { - display: inline-block; - position: relative; -} -/* - * 1. Center vertically - * 2. Make the element as large as possible. It's clipped by the container. - * 3. Style - */ -.uk-heading-line > ::before, -.uk-heading-line > ::after { - content: ""; - /* 1 */ - position: absolute; - top: calc(50% - (calc(0.2px + 0.05em) / 2)); - /* 2 */ - width: 2000px; - /* 3 */ - border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; -} -.uk-heading-line > ::before { - right: 100%; - margin-right: calc(5px + 0.3em); -} -.uk-heading-line > ::after { - left: 100%; - margin-left: calc(5px + 0.3em); -} -/* ======================================================================== - Component: Divider - ========================================================================== */ -/* - * 1. Reset default `hr` - * 2. Set margin if a `div` is used for semantical reason - */ -[class*="uk-divider"] { - /* 1 */ - border: none; - /* 2 */ - margin-bottom: 20px; -} -/* Add margin if adjacent element */ -* + [class*="uk-divider"] { - margin-top: 20px; -} -/* Icon - ========================================================================== */ -.uk-divider-icon { - position: relative; - height: 20px; - background-image: url("../../images/backgrounds/divider-icon.svg"); - background-repeat: no-repeat; - background-position: 50% 50%; -} -.uk-divider-icon::before, -.uk-divider-icon::after { - content: ""; - position: absolute; - top: 50%; - max-width: calc(50% - (50px / 2)); - border-bottom: 1px solid #e5e5e5; -} -.uk-divider-icon::before { - right: calc(50% + (50px / 2)); - width: 100%; -} -.uk-divider-icon::after { - left: calc(50% + (50px / 2)); - width: 100%; -} -/* Small - ========================================================================== */ -/* - * 1. Fix height because of `inline-block` - * 2. Using ::after and inline-block to make `text-align` work - */ -/* 1 */ -.uk-divider-small { - line-height: 0; -} -/* 2 */ -.uk-divider-small::after { - content: ""; - display: inline-block; - width: 100px; - max-width: 100%; - border-top: 1px solid #e5e5e5; - vertical-align: top; -} -/* Vertical - ========================================================================== */ -.uk-divider-vertical { - width: max-content; - height: 100px; - margin-left: auto; - margin-right: auto; - border-left: 1px solid #e5e5e5; -} -/* ======================================================================== - Component: List - ========================================================================== */ -.uk-list { - padding: 0; - list-style: none; -} -/* - * Avoid column break within the list item, when using `column-count` - */ -.uk-list > * { - break-inside: avoid-column; -} -/* - * Remove margin from the last-child - */ -.uk-list > * > :last-child { - margin-bottom: 0; -} -/* - * Style - */ -.uk-list > :nth-child(n+2), -.uk-list > * > ul { - margin-top: 10px; -} -/* Marker modifiers - ========================================================================== */ -.uk-list-disc, -.uk-list-circle, -.uk-list-square, -.uk-list-decimal, -.uk-list-hyphen { - padding-left: 30px; -} -.uk-list-disc { - list-style-type: disc; -} -.uk-list-circle { - list-style-type: circle; -} -.uk-list-square { - list-style-type: square; -} -.uk-list-decimal { - list-style-type: decimal; -} -.uk-list-hyphen { - list-style-type: '– '; -} -/* - * Color modifiers - */ -.uk-list-muted > ::marker { - color: #999 !important; -} -.uk-list-emphasis > ::marker { - color: #333 !important; -} -.uk-list-primary > ::marker { - color: #1e87f0 !important; -} -.uk-list-secondary > ::marker { - color: #222 !important; -} -/* Image bullet modifier - ========================================================================== */ -.uk-list-bullet > * { - position: relative; - padding-left: 30px; -} -.uk-list-bullet > ::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 30px; - height: 1.5em; - background-image: url("../../images/backgrounds/list-bullet.svg"); - background-repeat: no-repeat; - background-position: 50% 50%; -} -/* Style modifiers - ========================================================================== */ -/* - * Divider - */ -.uk-list-divider > :nth-child(n+2) { - margin-top: 10px; - padding-top: 10px; - border-top: 1px solid #e5e5e5; -} -/* - * Striped - */ -.uk-list-striped > * { - padding: 10px 10px; -} -.uk-list-striped > :nth-of-type(odd) { - background: #f8f8f8; -} -.uk-list-striped > :nth-child(n+2) { - margin-top: 0; -} -/* Size modifier - ========================================================================== */ -.uk-list-large > :nth-child(n+2), -.uk-list-large > * > ul { - margin-top: 20px; -} -.uk-list-collapse > :nth-child(n+2), -.uk-list-collapse > * > ul { - margin-top: 0; -} -/* - * Divider - */ -.uk-list-large.uk-list-divider > :nth-child(n+2) { - margin-top: 20px; - padding-top: 20px; -} -.uk-list-collapse.uk-list-divider > :nth-child(n+2) { - margin-top: 0; - padding-top: 0; -} -/* - * Striped - */ -.uk-list-large.uk-list-striped > * { - padding: 20px 10px; -} -.uk-list-collapse.uk-list-striped > * { - padding-top: 0; - padding-bottom: 0; -} -.uk-list-large.uk-list-striped > :nth-child(n+2), -.uk-list-collapse.uk-list-striped > :nth-child(n+2) { - margin-top: 0; -} -/* ======================================================================== - Component: Description list - ========================================================================== */ -/* - * Term - */ -.uk-description-list > dt { - color: #333; -} -.uk-description-list > dt:nth-child(n+2) { - margin-top: 20px; -} -/* - * Description - */ -/* Style modifier - ========================================================================== */ -/* - * Line - */ -.uk-description-list-divider > dt:nth-child(n+2) { - margin-top: 20px; - padding-top: 20px; - border-top: 1px solid #e5e5e5; -} -/* ======================================================================== - Component: Table - ========================================================================== */ -/* - * 1. Remove most spacing between table cells. - * 2. Behave like a block element - * 3. Style - */ -.uk-table { - /* 1 */ - border-collapse: collapse; - border-spacing: 0; - /* 2 */ - width: 100%; - /* 3 */ - margin-bottom: 20px; -} -/* Add margin if adjacent element */ -* + .uk-table { - margin-top: 20px; -} -/* Header cell - ========================================================================== */ -/* - * 1. Style - */ -.uk-table th { - padding: 16px 12px; - text-align: left; - vertical-align: bottom; - /* 1 */ - font-size: 16px; - font-weight: bold; - color: #666; -} -/* Cell - ========================================================================== */ -.uk-table td { - padding: 16px 12px; - vertical-align: top; -} -/* - * Remove margin from the last-child - */ -.uk-table td > :last-child { - margin-bottom: 0; -} -/* Footer - ========================================================================== */ -.uk-table tfoot { - font-size: 0.875rem; -} -/* Caption - ========================================================================== */ -.uk-table caption { - font-size: 0.875rem; - text-align: left; - color: #999; -} -/* Alignment modifier - ========================================================================== */ -.uk-table-middle, -.uk-table-middle td { - vertical-align: middle !important; -} -/* Style modifiers - ========================================================================== */ -/* - * Divider - */ -.uk-table-divider > tr:not(:first-child), -.uk-table-divider > :not(:first-child) > tr, -.uk-table-divider > :first-child > tr:not(:first-child) { - border-top: 1px solid #e5e5e5; -} -/* - * Striped - */ -.uk-table-striped > tr:nth-of-type(odd), -.uk-table-striped tbody tr:nth-of-type(odd) { - background: #f8f8f8; -} -/* - * Hover - */ -.uk-table-hover > tr:hover, -.uk-table-hover tbody tr:hover { - background: #ffd; -} -/* Active state - ========================================================================== */ -.uk-table > tr.uk-active, -.uk-table tbody tr.uk-active { - background: #ffd; -} -/* Size modifier - ========================================================================== */ -.uk-table-small th, -.uk-table-small td { - padding: 10px 12px; -} -.uk-table-large th, -.uk-table-large td { - padding: 22px 12px; -} -/* Justify modifier - ========================================================================== */ -.uk-table-justify th:first-child, -.uk-table-justify td:first-child { - padding-left: 0; -} -.uk-table-justify th:last-child, -.uk-table-justify td:last-child { - padding-right: 0; -} -/* Cell size modifier - ========================================================================== */ -.uk-table-shrink { - width: 1px; -} -.uk-table-expand { - min-width: 150px; -} -/* Cell link modifier - ========================================================================== */ -/* - * Does not work with `uk-table-justify` at the moment - */ -.uk-table-link { - padding: 0 !important; -} -.uk-table-link > a { - display: block; - padding: 16px 12px; -} -.uk-table-small .uk-table-link > a { - padding: 10px 12px; -} -/* Responsive table - ========================================================================== */ -/* Phone landscape and smaller */ -@media (max-width: 959px) { - .uk-table-responsive, - .uk-table-responsive tbody, - .uk-table-responsive th, - .uk-table-responsive td, - .uk-table-responsive tr { - display: block; - } - .uk-table-responsive thead { - display: none; - } - .uk-table-responsive th, - .uk-table-responsive td { - width: auto !important; - max-width: none !important; - min-width: 0 !important; - overflow: visible !important; - white-space: normal !important; - } - .uk-table-responsive th:not(:first-child):not(.uk-table-link), - .uk-table-responsive td:not(:first-child):not(.uk-table-link), - .uk-table-responsive .uk-table-link:not(:first-child) > a { - padding-top: 5px !important; - } - .uk-table-responsive th:not(:last-child):not(.uk-table-link), - .uk-table-responsive td:not(:last-child):not(.uk-table-link), - .uk-table-responsive .uk-table-link:not(:last-child) > a { - padding-bottom: 5px !important; - } - .uk-table-justify.uk-table-responsive th, - .uk-table-justify.uk-table-responsive td { - padding-left: 0; - padding-right: 0; - } -} -/* ======================================================================== - Component: Icon - ========================================================================== */ -/* - * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component. - * 1. Remove margins in Chrome, Safari and Opera. - * 2. Remove borders for `button`. - * 3. Remove border-radius in Chrome. - * 4. Address `overflow` set to `hidden` in IE. - * 5. Correct `font` properties and `color` not being inherited for `button`. - * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. - * 7. Remove default `button` padding and background color - * 8. Style - * 9. Fill all SVG elements with the current text color if no `fill` attribute is set - * 10. Let the container fit the height of the icon - */ -.uk-icon { - /* 1 */ - margin: 0; - /* 2 */ - border: none; - /* 3 */ - border-radius: 0; - /* 4 */ - overflow: visible; - /* 5 */ - font: inherit; - color: inherit; - /* 6 */ - text-transform: none; - /* 7. */ - padding: 0; - background-color: transparent; - /* 8 */ - display: inline-block; - /* 9 */ - fill: currentcolor; - /* 10 */ - line-height: 0; -} -/* Required for `button`. */ -button.uk-icon:not(:disabled) { - cursor: pointer; -} -/* - * Remove the inner border and padding in Firefox. - */ -.uk-icon::-moz-focus-inner { - border: 0; - padding: 0; -} -/* - * Set the fill and stroke color of all SVG elements to the current text color - */ -.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) { - fill: currentcolor; -} -.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) { - stroke: currentcolor; -} -/* - * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 - */ -.uk-icon > * { - transform: translate(0, 0); -} -/* Image modifier - ========================================================================== */ -/* - * Display images in icon dimensions - * 1. Required for `span` with background image - * 2. Required for `image` - */ -.uk-icon-image { - width: 20px; - height: 20px; - /* 1 */ - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: contain; - vertical-align: middle; - /* 2 */ - object-fit: scale-down; - max-width: none; -} -/* Style modifiers - ========================================================================== */ -/* - * Link - * 1. Allow text within link - */ -.uk-icon-link { - color: #999; - /* 1 */ - text-decoration: none !important; -} -.uk-icon-link:hover { - color: #666; -} -/* OnClick + Active */ -.uk-icon-link:active, -.uk-active > .uk-icon-link { - color: #595959; -} -/* - * Button - * 1. Center icon vertically and horizontally - */ -.uk-icon-button { - box-sizing: border-box; - width: 36px; - height: 36px; - border-radius: 500px; - background: #f8f8f8; - color: #999; - vertical-align: middle; - /* 1 */ - display: inline-flex; - justify-content: center; - align-items: center; -} -/* Hover */ -.uk-icon-button:hover { - background-color: #ebebeb; - color: #666; -} -/* OnClick + Active */ -.uk-icon-button:active, -.uk-active > .uk-icon-button { - background-color: #dfdfdf; - color: #666; -} -/* ======================================================================== - Component: Form Range - ========================================================================== */ -/* - * 1. Remove default style. - * 2. Define consistent box sizing. - * 3. Remove `margin` in all browsers. - * 4. Align to the center of the line box. - * 5. Prevent content overflow if a fixed width is used. - * 6. Take the full width. - * 7. Remove white background in Chrome. - */ -.uk-range { - /* 1 */ - -webkit-appearance: none; - /* 2 */ - box-sizing: border-box; - /* 3 */ - margin: 0; - /* 4 */ - vertical-align: middle; - /* 5 */ - max-width: 100%; - /* 6 */ - width: 100%; - /* 7 */ - background: transparent; -} -/* Focus */ -.uk-range:focus { - outline: none; -} -.uk-range::-moz-focus-outer { - border: none; -} -/* - * Improves consistency of cursor style for clickable elements - */ -.uk-range:not(:disabled)::-webkit-slider-thumb { - cursor: pointer; -} -.uk-range:not(:disabled)::-moz-range-thumb { - cursor: pointer; -} -/* - * Track - * 1. Safari doesn't have a focus state. Using active instead. - */ -/* Webkit */ -.uk-range::-webkit-slider-runnable-track { - height: 3px; - background: #ebebeb; -} -.uk-range:focus::-webkit-slider-runnable-track, -.uk-range:active::-webkit-slider-runnable-track { - background: #dedede; -} -/* Firefox */ -.uk-range::-moz-range-track { - height: 3px; - background: #ebebeb; -} -.uk-range:focus::-moz-range-track { - background: #dedede; -} -/* - * Thumb - * 1. Reset - * 2. Style - */ -/* Webkit */ -.uk-range::-webkit-slider-thumb { - /* 1 */ - -webkit-appearance: none; - margin-top: -7px; - /* 2 */ - height: 15px; - width: 15px; - border-radius: 500px; - background: #666; -} -/* Firefox */ -.uk-range::-moz-range-thumb { - /* 1 */ - border: none; - /* 2 */ - height: 15px; - width: 15px; - margin-top: -7px; - border-radius: 500px; - background: #666; -} -/* ======================================================================== - Component: Form - ========================================================================== */ -/* - * 1. Define consistent box sizing. - * Default is `content-box` with following exceptions set to `border-box` - * `select`, `input[type="checkbox"]` and `input[type="radio"]` - * `input[type="search"]` in Chrome, Safari and Opera - * `input[type="color"]` in Firefox - * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. - * 3. Remove `border-radius` in iOS. - * 4. Change font properties to `inherit` in all browsers. - */ -.uk-input, -.uk-select, -.uk-textarea, -.uk-radio, -.uk-checkbox { - /* 1 */ - box-sizing: border-box; - /* 2 */ - margin: 0; - /* 3 */ - border-radius: 0; - /* 4 */ - font: inherit; -} -/* - * Show the overflow in Edge. - */ -.uk-input { - overflow: visible; -} -/* - * Remove the inheritance of text transform in Firefox. - */ -.uk-select { - text-transform: none; -} -/* - * 1. Change font properties to `inherit` in all browsers - * 2. Don't inherit the `font-weight` and use `bold` instead. - * NOTE: Both declarations don't work in Chrome, Safari and Opera. - */ -.uk-select optgroup { - /* 1 */ - font: inherit; - /* 2 */ - font-weight: bold; -} -/* - * Remove the default vertical scrollbar in IE 10+. - */ -.uk-textarea { - overflow: auto; -} -/* - * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. - */ -.uk-input[type="search"]::-webkit-search-cancel-button, -.uk-input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} -/* - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -.uk-input[type="number"]::-webkit-inner-spin-button, -.uk-input[type="number"]::-webkit-outer-spin-button { - height: auto; -} -/* - * Correct vertical alignment in Safari. - */ -.uk-input[type="date"]::-webkit-datetime-edit, -.uk-input[type="time"]::-webkit-datetime-edit, -.uk-input[type="datetime-local"]::-webkit-datetime-edit { - display: inline-flex; - align-items: center; - height: 100%; - padding: 0; -} -/* - * Removes placeholder transparency in Firefox. - */ -.uk-input::-moz-placeholder, -.uk-textarea::-moz-placeholder { - opacity: 1; -} -/* - * Improves consistency of cursor style for clickable elements - */ -.uk-radio:not(:disabled), -.uk-checkbox:not(:disabled) { - cursor: pointer; -} -/* - * Define consistent border, margin, and padding. - * 1. Reset `min-width` - */ -.uk-fieldset { - border: none; - margin: 0; - padding: 0; - /* 1 */ - min-width: 0; -} -/* Input, select and textarea - * Allowed: `text`, `password`, `datetime-local`, `date`, `month`, - `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color` - * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image` - ========================================================================== */ -/* - * Remove default style in iOS. - */ -.uk-input, -.uk-textarea { - -webkit-appearance: none; -} -/* - * 1. Prevent content overflow if a fixed width is used - * 2. Take the full width - * 3. Reset default - * 4. Style - */ -.uk-input, -.uk-select, -.uk-textarea { - /* 1 */ - max-width: 100%; - /* 2 */ - width: 100%; - /* 3 */ - border: 0 none; - /* 4 */ - padding: 0 10px; - background: #f8f8f8; - color: #666; -} -/* - * Single-line - * 1. Allow any element to look like an `input` or `select` element - * 2. Make sure line-height is not larger than height - * Also needed to center the text vertically - */ -.uk-input, -.uk-select:not([multiple]):not([size]) { - height: 40px; - vertical-align: middle; - /* 1 */ - display: inline-block; -} -/* 2 */ -.uk-input:not(input), -.uk-select:not(select) { - line-height: 40px; -} -/* - * Multi-line - */ -.uk-select[multiple], -.uk-select[size], -.uk-textarea { - padding-top: 6px; - padding-bottom: 6px; - vertical-align: top; -} -.uk-select[multiple], -.uk-select[size] { - resize: vertical; -} -/* Focus */ -.uk-input:focus, -.uk-select:focus, -.uk-textarea:focus { - outline: none; - background-color: #ebebeb; - color: #666; -} -/* Disabled */ -.uk-input:disabled, -.uk-select:disabled, -.uk-textarea:disabled { - background-color: #f8f8f8; - color: #999; -} -/* - * Placeholder - */ -.uk-input::placeholder { - color: #999; -} -.uk-textarea::placeholder { - color: #999; -} -/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) - ========================================================================== */ -/* - * Small - */ -.uk-form-small { - font-size: 0.875rem; -} -/* Single-line */ -.uk-form-small:not(textarea):not([multiple]):not([size]) { - height: 30px; - padding-left: 8px; - padding-right: 8px; -} -/* Multi-line */ -textarea.uk-form-small, -[multiple].uk-form-small, -[size].uk-form-small { - padding: 5px 8px; -} -.uk-form-small:not(select):not(input):not(textarea) { - line-height: 30px; -} -/* - * Large - */ -.uk-form-large { - font-size: 1.25rem; -} -/* Single-line */ -.uk-form-large:not(textarea):not([multiple]):not([size]) { - height: 55px; - padding-left: 12px; - padding-right: 12px; -} -/* Multi-line */ -textarea.uk-form-large, -[multiple].uk-form-large, -[size].uk-form-large { - padding: 7px 12px; -} -.uk-form-large:not(select):not(input):not(textarea) { - line-height: 55px; -} -/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) - ========================================================================== */ -/* - * Error - */ -.uk-form-danger, -.uk-form-danger:focus { - color: #f0506e; -} -/* - * Success - */ -.uk-form-success, -.uk-form-success:focus { - color: #32d296; -} -/* - * Blank - */ -.uk-form-blank { - background: none; -} -/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`) - ========================================================================== */ -/* - * Fixed widths - * Different widths for mini sized `input` and `select` elements - */ -input.uk-form-width-xsmall { - width: 50px; -} -select.uk-form-width-xsmall { - width: 75px; -} -.uk-form-width-small { - width: 130px; -} -.uk-form-width-medium { - width: 200px; -} -.uk-form-width-large { - width: 500px; -} -/* Select - ========================================================================== */ -/* - * 1. Remove default style. Also works in Firefox - * 2. Style - * 3. Set `color` for options in the select dropdown, because the inherited `color` might be too light. - */ -.uk-select:not([multiple]):not([size]) { - /* 1 */ - -webkit-appearance: none; - -moz-appearance: none; - /* 2 */ - padding-right: 20px; - background-image: url("../../images/backgrounds/form-select.svg"); - background-repeat: no-repeat; - background-position: 100% 50%; -} -/* 3 */ -.uk-select:not([multiple]):not([size]) option { - color: #666; -} -/* - * Disabled - */ -.uk-select:not([multiple]):not([size]):disabled { - background-image: url("../../images/backgrounds/form-select.svg"); -} -/* Datalist - ========================================================================== */ -/* - * 1. Remove default style in Chrome - */ -.uk-input[list] { - padding-right: 20px; - background-repeat: no-repeat; - background-position: 100% 50%; -} -.uk-input[list]:hover, -.uk-input[list]:focus { - background-image: url("../../images/backgrounds/form-datalist.svg"); -} -/* 1 */ -.uk-input[list]::-webkit-calendar-picker-indicator { - display: none !important; -} -/* Radio and checkbox - ========================================================================== */ -/* - * 1. Style - * 2. Make box more robust so it clips the child element - * 3. Vertical alignment - * 4. Remove default style - * 5. Fix black background on iOS - * 6. Center icons - */ -.uk-radio, -.uk-checkbox { - /* 1 */ - display: inline-block; - height: 16px; - width: 16px; - /* 2 */ - overflow: hidden; - /* 3 */ - margin-top: -4px; - vertical-align: middle; - /* 4 */ - -webkit-appearance: none; - -moz-appearance: none; - /* 5 */ - background-color: #ebebeb; - /* 6 */ - background-repeat: no-repeat; - background-position: 50% 50%; -} -.uk-radio { - border-radius: 50%; -} -/* Focus */ -.uk-radio:focus, -.uk-checkbox:focus { - background-color: #dedede; - outline: none; -} -/* - * Checked - */ -.uk-radio:checked, -.uk-checkbox:checked, -.uk-checkbox:indeterminate { - background-color: #1e87f0; -} -/* Focus */ -.uk-radio:checked:focus, -.uk-checkbox:checked:focus, -.uk-checkbox:indeterminate:focus { - background-color: #0e6dcd; -} -/* - * Icons - */ -.uk-radio:checked { - background-image: url("../../images/backgrounds/form-radio.svg"); -} -.uk-checkbox:checked { - background-image: url("../../images/backgrounds/form-checkbox.svg"); -} -.uk-checkbox:indeterminate { - background-image: url("../../images/backgrounds/form-checkbox-indeterminate.svg"); -} -/* - * Disabled - */ -.uk-radio:disabled, -.uk-checkbox:disabled { - background-color: #f8f8f8; -} -.uk-radio:disabled:checked { - background-image: url("../../images/backgrounds/form-radio.svg"); -} -.uk-checkbox:disabled:checked { - background-image: url("../../images/backgrounds/form-checkbox.svg"); -} -.uk-checkbox:disabled:indeterminate { - background-image: url("../../images/backgrounds/form-checkbox-indeterminate.svg"); -} -/* Legend - ========================================================================== */ -/* - * Legend - * 1. Behave like block element - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove padding so people aren't caught out if they zero out fieldsets. - * 4. Style - */ -.uk-legend { - /* 1 */ - width: 100%; - /* 2 */ - color: inherit; - /* 3 */ - padding: 0; - /* 4 */ - font-size: 1.5rem; - line-height: 1.4; -} -/* Custom controls - ========================================================================== */ -/* - * 1. Container fits its content - * 2. Create position context - * 3. Prevent content overflow - * 4. Behave like most inline-block elements - */ -.uk-form-custom { - /* 1 */ - display: inline-block; - /* 2 */ - position: relative; - /* 3 */ - max-width: 100%; - /* 4 */ - vertical-align: middle; -} -/* - * 1. Position and resize the form control to always cover its container - * 2. Required for Firefox for positioning to the left - * 3. Required for Webkit to make `height` work - * 4. Hide controls and show cursor - * 5. Needed for the cursor - * 6. Clip height caused by 5. Needed for Webkit only - */ -.uk-form-custom select, -.uk-form-custom input[type="file"] { - /* 1 */ - position: absolute; - top: 0; - z-index: 1; - width: 100%; - height: 100%; - /* 2 */ - left: 0; - /* 3 */ - -webkit-appearance: none; - /* 4 */ - opacity: 0; - cursor: pointer; -} -.uk-form-custom input[type="file"] { - /* 5 */ - font-size: 500px; - /* 6 */ - overflow: hidden; -} -/* Label - ========================================================================== */ -/* Layout - ========================================================================== */ -/* - * Stacked - */ -.uk-form-stacked .uk-form-label { - display: block; - margin-bottom: 10px; -} -/* - * Horizontal - */ -/* Tablet portrait and smaller */ -@media (max-width: 959px) { - /* Behave like `uk-form-stacked` */ - .uk-form-horizontal .uk-form-label { - display: block; - margin-bottom: 10px; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-form-horizontal .uk-form-label { - width: 200px; - margin-top: 7px; - float: left; - } - .uk-form-horizontal .uk-form-controls { - margin-left: 215px; - } - /* Better vertical alignment if controls are checkboxes and radio buttons with text */ - .uk-form-horizontal .uk-form-controls-text { - padding-top: 7px; - } -} -/* Icons - ========================================================================== */ -/* - * 1. Set position - * 2. Set width - * 3. Center icon vertically and horizontally - * 4. Style - */ -.uk-form-icon { - /* 1 */ - position: absolute; - top: 0; - bottom: 0; - left: 0; - /* 2 */ - width: 40px; - /* 3 */ - display: inline-flex; - justify-content: center; - align-items: center; - /* 4 */ - color: #999; -} -/* - * Required for `a`. - */ -.uk-form-icon:hover { - color: #666; -} -/* - * Make `input` element clickable through icon, e.g. if it's a `span` - */ -.uk-form-icon:not(a):not(button):not(input) { - pointer-events: none; -} -/* - * Input padding - */ -.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { - padding-left: 40px !important; -} -/* - * Position modifier - */ -.uk-form-icon-flip { - right: 0; - left: auto; -} -.uk-form-icon-flip ~ .uk-input { - padding-right: 40px !important; -} -/* ======================================================================== - Component: Button - ========================================================================== */ -/* - * 1. Remove margins in Chrome, Safari and Opera. - * 2. Remove borders for `button`. - * 3. Address `overflow` set to `hidden` in IE. - * 4. Correct `font` properties and `color` not being inherited for `button`. - * 5. Remove the inheritance of text transform in Edge, Firefox, and IE. - * 6. Remove default style for `input type="submit"`in iOS. - * 7. Style - * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements. - * Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements. - * 9. Align text if button has a width - * 10. Required for `a`. - */ -.uk-button { - /* 1 */ - margin: 0; - /* 2 */ - border: none; - /* 3 */ - overflow: visible; - /* 4 */ - font: inherit; - color: inherit; - /* 5 */ - text-transform: none; - /* 6 */ - -webkit-appearance: none; - border-radius: 0; - /* 7 */ - display: inline-block; - box-sizing: border-box; - padding: 0 30px; - vertical-align: middle; - font-size: 16px; - /* 8 */ - line-height: 40px; - /* 9 */ - text-align: center; - /* 10 */ - text-decoration: none; -} -.uk-button:not(:disabled) { - cursor: pointer; -} -/* - * Remove the inner border and padding in Firefox. - */ -.uk-button::-moz-focus-inner { - border: 0; - padding: 0; -} -/* Hover */ -.uk-button:hover { - /* 9 */ - text-decoration: none; -} -/* OnClick + Active */ -/* Style modifiers - ========================================================================== */ -/* - * Default - */ -.uk-button-default { - background-color: #f8f8f8; - color: #333; -} -/* Hover */ -.uk-button-default:hover { - background-color: #ebebeb; - color: #333; -} -/* OnClick + Active */ -.uk-button-default:active, -.uk-button-default.uk-active { - background-color: #dfdfdf; - color: #333; -} -/* - * Primary - */ -.uk-button-primary { - background-color: #1e87f0; - color: #fff; -} -/* Hover */ -.uk-button-primary:hover { - background-color: #0f7ae5; - color: #fff; -} -/* OnClick + Active */ -.uk-button-primary:active, -.uk-button-primary.uk-active { - background-color: #0e6dcd; - color: #fff; -} -/* - * Secondary - */ -.uk-button-secondary { - background-color: #222; - color: #fff; -} -/* Hover */ -.uk-button-secondary:hover { - background-color: #151515; - color: #fff; -} -/* OnClick + Active */ -.uk-button-secondary:active, -.uk-button-secondary.uk-active { - background-color: #080808; - color: #fff; -} -/* - * Danger - */ -.uk-button-danger { - background-color: #f0506e; - color: #fff; -} -/* Hover */ -.uk-button-danger:hover { - background-color: #ee395b; - color: #fff; -} -/* OnClick + Active */ -.uk-button-danger:active, -.uk-button-danger.uk-active { - background-color: #ec2147; - color: #fff; -} -/* - * Disabled - * The same for all style modifiers - */ -.uk-button-default:disabled, -.uk-button-primary:disabled, -.uk-button-secondary:disabled, -.uk-button-danger:disabled { - background-color: #f8f8f8; - color: #999; -} -/* Size modifiers - ========================================================================== */ -.uk-button-small { - padding: 0 15px; - line-height: 30px; - font-size: 0.875rem; -} -.uk-button-large { - padding: 0 40px; - line-height: 55px; - font-size: 1.25rem; -} -/* Text modifiers - ========================================================================== */ -/* - * Text - * 1. Reset - * 2. Style - */ -.uk-button-text { - /* 1 */ - padding: 0; - line-height: 1.5; - background: none; - /* 2 */ - color: #333; -} -/* Hover */ -.uk-button-text:hover { - color: #999; -} -/* Disabled */ -.uk-button-text:disabled { - color: #999; -} -/* - * Link - * 1. Reset - * 2. Style - */ -.uk-button-link { - /* 1 */ - padding: 0; - line-height: 1.5; - background: none; - /* 2 */ - color: #333; -} -/* Hover */ -.uk-button-link:hover { - color: #999; - text-decoration: none; -} -/* Disabled */ -.uk-button-link:disabled { - color: #999; - text-decoration: none; -} -/* Group - ========================================================================== */ -/* - * 1. Using `flex` instead of `inline-block` to prevent whitespace between child elements - * 2. Behave like button - * 3. Create position context - */ -.uk-button-group { - /* 1 */ - display: inline-flex; - /* 2 */ - vertical-align: middle; - /* 3 */ - position: relative; -} -/* ======================================================================== - Component: Progress - ========================================================================== */ -/* - * 1. Add the correct vertical alignment in all browsers. - * 2. Behave like a block element. - * 3. Remove borders in Firefox. - * 4. Remove default style in Chrome, Safari and Edge. - * 5. Style - */ -.uk-progress { - /* 1 */ - vertical-align: baseline; - /* 2 */ - display: block; - width: 100%; - /* 3 */ - border: 0; - /* 4 */ - background-color: #f8f8f8; - /* 5 */ - margin-bottom: 20px; - height: 15px; -} -/* Add margin if adjacent element */ -* + .uk-progress { - margin-top: 20px; -} -/* - * Show background color set on `uk-progress` in Chrome, Safari and Edge. - */ -.uk-progress::-webkit-progress-bar { - background-color: transparent; -} -/* - * Progress Bar - * 1. Transitions don't work on `::-moz-progress-bar` pseudo element in Firefox yet. - * https://bugzilla.mozilla.org/show_bug.cgi?id=662351 - */ -.uk-progress::-webkit-progress-value { - background-color: #1e87f0; - transition: width 0.6s ease; -} -.uk-progress::-moz-progress-bar { - background-color: #1e87f0; - /* 1 */ - transition: width 0.6s ease; -} -/* ======================================================================== - Component: Section - ========================================================================== */ -/* - * 1. Make it work with `100vh` and height in general - */ -.uk-section { - display: flow-root; - box-sizing: border-box; - /* 1 */ - padding-top: 40px; - padding-bottom: 40px; -} -/* Desktop and bigger */ -@media (min-width: 960px) { - .uk-section { - padding-top: 70px; - padding-bottom: 70px; - } -} -/* - * Remove margin from the last-child - */ -.uk-section > :last-child { - margin-bottom: 0; -} -/* Size modifiers - ========================================================================== */ -/* - * XSmall - */ -.uk-section-xsmall { - padding-top: 20px; - padding-bottom: 20px; -} -/* - * Small - */ -.uk-section-small { - padding-top: 40px; - padding-bottom: 40px; -} -/* - * Large - */ -.uk-section-large { - padding-top: 70px; - padding-bottom: 70px; -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-section-large { - padding-top: 140px; - padding-bottom: 140px; - } -} -/* - * XLarge - */ -.uk-section-xlarge { - padding-top: 140px; - padding-bottom: 140px; -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-section-xlarge { - padding-top: 210px; - padding-bottom: 210px; - } -} -/* Style modifiers - ========================================================================== */ -/* - * Default - */ -.uk-section-default { - --uk-inverse: dark; - background: #fff; -} -/* - * Muted - */ -.uk-section-muted { - --uk-inverse: dark; - background: #f8f8f8; -} -/* - * Primary - */ -.uk-section-primary { - --uk-inverse: light; - background: #1e87f0; -} -/* - * Secondary - */ -.uk-section-secondary { - --uk-inverse: light; - background: #222; -} -/* Overlap modifier - ========================================================================== */ -/* - * Reserved modifier to make a section overlap another section with an border image - * Implemented by the theme - */ -/* ======================================================================== - Component: Container - ========================================================================== */ -/* - * 1. Box sizing has to be `content-box` so the max-width is always the same and - * unaffected by the padding on different breakpoints. It's important for the size modifiers. - */ -.uk-container { - display: flow-root; - /* 1 */ - box-sizing: content-box; - max-width: 1200px; - margin-left: auto; - margin-right: auto; - padding-left: 15px; - padding-right: 15px; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-container { - padding-left: 30px; - padding-right: 30px; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-container { - padding-left: 40px; - padding-right: 40px; - } -} -/* - * Remove margin from the last-child - */ -.uk-container > :last-child { - margin-bottom: 0; -} -/* - * Remove padding from nested containers - */ -.uk-container .uk-container { - padding-left: 0; - padding-right: 0; -} -/* Size modifier - ========================================================================== */ -.uk-container-xsmall { - max-width: 750px; -} -.uk-container-small { - max-width: 900px; -} -.uk-container-large { - max-width: 1400px; -} -.uk-container-xlarge { - max-width: 1600px; -} -.uk-container-expand { - max-width: none; -} -/* Expand modifier - ========================================================================== */ -/* - * Expand one side only - */ -.uk-container-expand-left { - margin-left: 0; -} -.uk-container-expand-right { - margin-right: 0; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-container-expand-left.uk-container-xsmall, - .uk-container-expand-right.uk-container-xsmall { - max-width: calc(50% + (750px / 2) - 30px); - } - .uk-container-expand-left.uk-container-small, - .uk-container-expand-right.uk-container-small { - max-width: calc(50% + (900px / 2) - 30px); - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-container-expand-left, - .uk-container-expand-right { - max-width: calc(50% + (1200px / 2) - 40px); - } - .uk-container-expand-left.uk-container-xsmall, - .uk-container-expand-right.uk-container-xsmall { - max-width: calc(50% + (750px / 2) - 40px); - } - .uk-container-expand-left.uk-container-small, - .uk-container-expand-right.uk-container-small { - max-width: calc(50% + (900px / 2) - 40px); - } - .uk-container-expand-left.uk-container-large, - .uk-container-expand-right.uk-container-large { - max-width: calc(50% + (1400px / 2) - 40px); - } - .uk-container-expand-left.uk-container-xlarge, - .uk-container-expand-right.uk-container-xlarge { - max-width: calc(50% + (1600px / 2) - 40px); - } -} -/* Item - ========================================================================== */ -/* - * Utility classes to reset container padding on the left or right side - * Note: It has to be negative margin on the item, because it's specific to the item. - */ -.uk-container-item-padding-remove-left, -.uk-container-item-padding-remove-right { - width: calc(100% + 15px); -} -.uk-container-item-padding-remove-left { - margin-left: -15px; -} -.uk-container-item-padding-remove-right { - margin-right: -15px; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-container-item-padding-remove-left, - .uk-container-item-padding-remove-right { - width: calc(100% + 30px); - } - .uk-container-item-padding-remove-left { - margin-left: -30px; - } - .uk-container-item-padding-remove-right { - margin-right: -30px; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-container-item-padding-remove-left, - .uk-container-item-padding-remove-right { - width: calc(100% + 40px); - } - .uk-container-item-padding-remove-left { - margin-left: -40px; - } - .uk-container-item-padding-remove-right { - margin-right: -40px; - } -} -/* ======================================================================== - Component: Tile - ========================================================================== */ -.uk-tile { - display: flow-root; - position: relative; - box-sizing: border-box; - padding-left: 15px; - padding-right: 15px; - padding-top: 40px; - padding-bottom: 40px; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-tile { - padding-left: 30px; - padding-right: 30px; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-tile { - padding-left: 40px; - padding-right: 40px; - padding-top: 70px; - padding-bottom: 70px; - } -} -/* - * Remove margin from the last-child - */ -.uk-tile > :last-child { - margin-bottom: 0; -} -/* Size modifiers - ========================================================================== */ -/* - * XSmall - */ -.uk-tile-xsmall { - padding-top: 20px; - padding-bottom: 20px; -} -/* - * Small - */ -.uk-tile-small { - padding-top: 40px; - padding-bottom: 40px; -} -/* - * Large - */ -.uk-tile-large { - padding-top: 70px; - padding-bottom: 70px; -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-tile-large { - padding-top: 140px; - padding-bottom: 140px; - } -} -/* - * XLarge - */ -.uk-tile-xlarge { - padding-top: 140px; - padding-bottom: 140px; -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-tile-xlarge { - padding-top: 210px; - padding-bottom: 210px; - } -} -/* Style modifiers - ========================================================================== */ -/* - * Default - */ -.uk-tile-default { - --uk-inverse: dark; - background-color: #fff; -} -/* - * Muted - */ -.uk-tile-muted { - --uk-inverse: dark; - background-color: #f8f8f8; -} -/* - * Primary - */ -.uk-tile-primary { - --uk-inverse: light; - background-color: #1e87f0; -} -/* - * Secondary - */ -.uk-tile-secondary { - --uk-inverse: light; - background-color: #222; -} -/* ======================================================================== - Component: Card - ========================================================================== */ -.uk-card { - position: relative; - box-sizing: border-box; -} -/* Sections - ========================================================================== */ -.uk-card-body { - display: flow-root; - padding: 30px 30px; -} -.uk-card-header { - display: flow-root; - padding: 15px 30px; -} -.uk-card-footer { - display: flow-root; - padding: 15px 30px; -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-card-body { - padding: 40px 40px; - } - .uk-card-header { - padding: 20px 40px; - } - .uk-card-footer { - padding: 20px 40px; - } -} -/* - * Remove margin from the last-child - */ -.uk-card-body > :last-child, -.uk-card-header > :last-child, -.uk-card-footer > :last-child { - margin-bottom: 0; -} -/* Media - ========================================================================== */ -/* - * Reserved alignment modifier to style the media element, e.g. with `border-radius` - * Implemented by the theme - */ -/* Title - ========================================================================== */ -.uk-card-title { - font-size: 1.5rem; - line-height: 1.4; -} -/* Badge - ========================================================================== */ -/* - * 1. Position - * 2. Size - * 3. Style - * 4. Center child vertically - */ -.uk-card-badge { - /* 1 */ - position: absolute; - top: 15px; - right: 15px; - z-index: 1; - /* 2 */ - height: 22px; - padding: 0 10px; - /* 3 */ - background: #1e87f0; - color: #fff; - font-size: 0.875rem; - /* 4 */ - display: flex; - justify-content: center; - align-items: center; - line-height: 0; -} -/* - * Remove margin from adjacent element - */ -.uk-card-badge:first-child + * { - margin-top: 0; -} -/* Hover modifier - ========================================================================== */ -.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { - background-color: #f8f8f8; -} -/* Style modifiers - ========================================================================== */ -/* - * Default - * Note: Header and Footer are only implemented for the default style - */ -.uk-card-default { - --uk-inverse: dark; - background-color: #f8f8f8; - color: #666; -} -.uk-card-default .uk-card-title { - color: #333; -} -.uk-card-default.uk-card-hover:hover { - background-color: #ebebeb; -} -/* - * Primary - */ -.uk-card-primary { - --uk-inverse: light; - background-color: #1e87f0; - color: #fff; -} -.uk-card-primary .uk-card-title { - color: #fff; -} -.uk-card-primary.uk-card-hover:hover { - background-color: #0f7ae5; -} -/* - * Secondary - */ -.uk-card-secondary { - --uk-inverse: light; - background-color: #222; - color: #fff; -} -.uk-card-secondary .uk-card-title { - color: #fff; -} -.uk-card-secondary.uk-card-hover:hover { - background-color: #151515; -} -/* Size modifier - ========================================================================== */ -/* - * Small - */ -.uk-card-small.uk-card-body, -.uk-card-small .uk-card-body { - padding: 20px 20px; -} -.uk-card-small .uk-card-header { - padding: 13px 20px; -} -.uk-card-small .uk-card-footer { - padding: 13px 20px; -} -/* - * Large - */ -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-card-large.uk-card-body, - .uk-card-large .uk-card-body { - padding: 70px 70px; - } - .uk-card-large .uk-card-header { - padding: 35px 70px; - } - .uk-card-large .uk-card-footer { - padding: 35px 70px; - } -} -/* ======================================================================== - Component: Close - ========================================================================== */ -/* - * Adopts `uk-icon` - */ -.uk-close { - color: #999; -} -/* Hover */ -.uk-close:hover { - color: #666; -} -/* ======================================================================== - Component: Spinner - ========================================================================== */ -/* - * Adopts `uk-icon` - */ -/* SVG - ========================================================================== */ -.uk-spinner > * { - animation: uk-spinner-rotate 1.4s linear infinite; -} -@keyframes uk-spinner-rotate { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(270deg); - } -} -/* - * Circle - */ -.uk-spinner > * > * { - stroke-dasharray: 88px; - stroke-dashoffset: 0; - transform-origin: center; - animation: uk-spinner-dash 1.4s ease-in-out infinite; - stroke-width: 1; - stroke-linecap: round; -} -@keyframes uk-spinner-dash { - 0% { - stroke-dashoffset: 88px; - } - 50% { - stroke-dashoffset: 22px; - transform: rotate(135deg); - } - 100% { - stroke-dashoffset: 88px; - transform: rotate(450deg); - } -} -/* ======================================================================== - Component: Totop - ========================================================================== */ -/* - * Adopts `uk-icon` - */ -.uk-totop { - padding: 5px; - color: #999; -} -/* Hover */ -.uk-totop:hover { - color: #666; -} -/* OnClick */ -.uk-totop:active { - color: #333; -} -/* ======================================================================== - Component: Marker - ========================================================================== */ -/* - * Addopts `uk-icon` - */ -.uk-marker { - padding: 5px; - background: #222; - color: #fff; -} -/* Hover */ -.uk-marker:hover { - color: #fff; -} -/* ======================================================================== - Component: Alert - ========================================================================== */ -.uk-alert { - position: relative; - margin-bottom: 20px; - padding: 15px 29px 15px 15px; - background: #f8f8f8; - color: #666; -} -/* Add margin if adjacent element */ -* + .uk-alert { - margin-top: 20px; -} -/* - * Remove margin from the last-child - */ -.uk-alert > :last-child { - margin-bottom: 0; -} -/* Close - * Adopts `uk-close` - ========================================================================== */ -.uk-alert-close { - position: absolute; - top: 20px; - right: 15px; -} -/* - * Remove margin from adjacent element - */ -.uk-alert-close:first-child + * { - margin-top: 0; -} -/* - * Hover - */ -/* Style modifiers - ========================================================================== */ -/* - * Primary - */ -.uk-alert-primary { - background: #d8eafc; - color: #1e87f0; -} -/* - * Success - */ -.uk-alert-success { - background: #edfbf6; - color: #32d296; -} -/* - * Warning - */ -.uk-alert-warning { - background: #fff6ee; - color: #faa05a; -} -/* - * Danger - */ -.uk-alert-danger { - background: #fef4f6; - color: #f0506e; -} -/* ======================================================================== - Component: Placeholder - ========================================================================== */ -.uk-placeholder { - margin-bottom: 20px; - padding: 30px 30px; - background: #f8f8f8; -} -/* Add margin if adjacent element */ -* + .uk-placeholder { - margin-top: 20px; -} -/* - * Remove margin from the last-child - */ -.uk-placeholder > :last-child { - margin-bottom: 0; -} -/* ======================================================================== - Component: Badge - ========================================================================== */ -/* - * 1. Style - * 2. Center child vertically and horizontally - */ -.uk-badge { - box-sizing: border-box; - min-width: 18px; - height: 18px; - padding: 0 5px; - border-radius: 500px; - vertical-align: middle; - /* 1 */ - background: #1e87f0; - color: #fff !important; - font-size: 11px; - /* 2 */ - display: inline-flex; - justify-content: center; - align-items: center; - line-height: 0; -} -/* - * Required for `a` - */ -.uk-badge:hover { - text-decoration: none; -} -/* ======================================================================== - Component: Label - ========================================================================== */ -.uk-label { - display: inline-block; - padding: 0 10px; - background: #1e87f0; - line-height: 1.5; - font-size: 0.875rem; - color: #fff; - vertical-align: middle; - white-space: nowrap; -} -/* Color modifiers - ========================================================================== */ -/* - * Success - */ -.uk-label-success { - background-color: #32d296; - color: #fff; -} -/* - * Warning - */ -.uk-label-warning { - background-color: #faa05a; - color: #fff; -} -/* - * Danger - */ -.uk-label-danger { - background-color: #f0506e; - color: #fff; -} -/* ======================================================================== - Component: Overlay - ========================================================================== */ -.uk-overlay { - padding: 30px 30px; -} -/* - * Remove margin from the last-child - */ -.uk-overlay > :last-child { - margin-bottom: 0; -} -/* Icon - ========================================================================== */ -/* Style modifiers - ========================================================================== */ -/* - * Default - */ -.uk-overlay-default { - --uk-inverse: dark; - background: rgba(255, 255, 255, 0.8); -} -/* - * Primary - */ -.uk-overlay-primary { - --uk-inverse: light; - background: rgba(34, 34, 34, 0.8); -} -/* ======================================================================== - Component: Article - ========================================================================== */ -.uk-article { - display: flow-root; -} -/* - * Remove margin from the last-child - */ -.uk-article > :last-child { - margin-bottom: 0; -} -/* Adjacent sibling - ========================================================================== */ -.uk-article + .uk-article { - margin-top: 70px; -} -/* Title - ========================================================================== */ -.uk-article-title { - font-size: 2.23125rem; - line-height: 1.2; -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-article-title { - font-size: 2.625rem; - } -} -/* Meta - ========================================================================== */ -.uk-article-meta { - font-size: 0.875rem; - line-height: 1.4; - color: #999; -} -/* ======================================================================== - Component: Comment - ========================================================================== */ -/* Sections - ========================================================================== */ -.uk-comment-body { - display: flow-root; - overflow-wrap: break-word; - word-wrap: break-word; -} -.uk-comment-header { - display: flow-root; - margin-bottom: 20px; -} -/* - * Remove margin from the last-child - */ -.uk-comment-body > :last-child, -.uk-comment-header > :last-child { - margin-bottom: 0; -} -/* Title - ========================================================================== */ -.uk-comment-title { - font-size: 1.25rem; - line-height: 1.4; -} -/* Meta - ========================================================================== */ -.uk-comment-meta { - font-size: 0.875rem; - line-height: 1.4; - color: #999; -} -/* Avatar - ========================================================================== */ -/* List - ========================================================================== */ -.uk-comment-list { - padding: 0; - list-style: none; -} -/* Adjacent siblings */ -.uk-comment-list > :nth-child(n+2) { - margin-top: 70px; -} -/* - * Sublists - * Note: General sibling selector allows reply block between comment and sublist - */ -.uk-comment-list .uk-comment ~ ul { - margin: 70px 0 0 0; - padding-left: 30px; - list-style: none; -} -/* Tablet and bigger */ -@media (min-width: 960px) { - .uk-comment-list .uk-comment ~ ul { - padding-left: 100px; - } -} -/* Adjacent siblings */ -.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) { - margin-top: 70px; -} -/* Style modifier - ========================================================================== */ -/* ======================================================================== - Component: Search - ========================================================================== */ -/* - * 1. Container fits its content - * 2. Create position context - * 3. Prevent content overflow - * 4. Reset `form` - */ -.uk-search { - /* 1 */ - display: inline-block; - /* 2 */ - position: relative; - /* 3 */ - max-width: 100%; - /* 4 */ - margin: 0; -} -/* Input - ========================================================================== */ -/* - * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. - */ -.uk-search-input::-webkit-search-cancel-button, -.uk-search-input::-webkit-search-decoration { - -webkit-appearance: none; -} -/* - * Removes placeholder transparency in Firefox. - */ -.uk-search-input::-moz-placeholder { - opacity: 1; -} -/* - * 1. Define consistent box sizing. - * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. - * 3. Remove `border-radius` in iOS. - * 4. Change font properties to `inherit` in all browsers - * 5. Show the overflow in Edge. - * 6. Remove default style in iOS. - * 7. Vertical alignment - * 8. Take the full container width - * 9. Style - */ -.uk-search-input { - /* 1 */ - box-sizing: border-box; - /* 2 */ - margin: 0; - /* 3 */ - border-radius: 0; - /* 4 */ - font: inherit; - /* 5 */ - overflow: visible; - /* 6 */ - -webkit-appearance: none; - /* 7 */ - vertical-align: middle; - /* 8 */ - width: 100%; - /* 9 */ - border: none; - color: #666; -} -.uk-search-input:focus { - outline: none; -} -/* Placeholder */ -.uk-search-input::placeholder { - color: #999; -} -/* Icon (Adopts `uk-icon`) - ========================================================================== */ -/* - * Position above input - * 1. Set position - * 2. Center icon vertically and horizontally - * 3. Style - */ -.uk-search .uk-search-icon { - /* 1 */ - position: absolute; - top: 0; - bottom: 0; - left: 0; - /* 2 */ - display: inline-flex; - justify-content: center; - align-items: center; - /* 3 */ - color: #999; -} -/* - * Required for `a`. - */ -.uk-search .uk-search-icon:hover { - color: #999; -} -/* - * Make `input` element clickable through icon, e.g. if it's a `span` - */ -.uk-search .uk-search-icon:not(a):not(button):not(input) { - pointer-events: none; -} -/* - * Position modifier - */ -.uk-search .uk-search-icon-flip { - right: 0; - left: auto; -} -/* Default modifier - ========================================================================== */ -.uk-search-default { - width: 240px; -} -/* - * Input - */ -.uk-search-default .uk-search-input { - height: 40px; - padding-left: 10px; - padding-right: 10px; - background: #f8f8f8; -} -/* Focus */ -.uk-search-default .uk-search-input:focus { - background-color: #f3f3f3; -} -/* - * Icon - */ -.uk-search-default .uk-search-icon { - padding-left: 10px; - padding-right: 10px; -} -.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { - padding-left: 40px; -} -.uk-search-default:has(.uk-search-icon-flip) .uk-search-input { - padding-right: 40px; -} -/* Navbar modifier - ========================================================================== */ -.uk-search-navbar { - width: 240px; -} -/* - * Input - */ -.uk-search-navbar .uk-search-input { - height: 40px; - padding-left: 10px; - padding-right: 10px; - background: #fff; -} -/* Focus */ -.uk-search-navbar .uk-search-input:focus { - background-color: #fcfcfc; -} -/* - * Icon - */ -.uk-search-navbar .uk-search-icon { - padding-left: 10px; - padding-right: 10px; -} -.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { - padding-left: 40px; -} -.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input { - padding-right: 40px; -} -/* Medium modifier - ========================================================================== */ -.uk-search-medium { - width: 400px; -} -/* - * Input - */ -.uk-search-medium .uk-search-input { - height: 55px; - padding-left: 12px; - padding-right: 12px; - background: #f8f8f8; - font-size: 1.5rem; -} -/* Focus */ -.uk-search-medium .uk-search-input:focus { - background-color: #f3f3f3; -} -/* - * Icon - */ -.uk-search-medium .uk-search-icon { - padding-left: 12px; - padding-right: 12px; -} -.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { - padding-left: 48px; -} -.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input { - padding-right: 48px; -} -/* Large modifier - ========================================================================== */ -.uk-search-large { - width: 500px; -} -/* - * Input - */ -.uk-search-large .uk-search-input { - height: 90px; - padding-left: 20px; - padding-right: 20px; - background: #f8f8f8; - font-size: 2.625rem; -} -/* Focus */ -.uk-search-large .uk-search-input:focus { - background-color: #f3f3f3; -} -/* - * Icon - */ -.uk-search-large .uk-search-icon { - padding-left: 20px; - padding-right: 20px; -} -.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { - padding-left: 80px; -} -.uk-search-large:has(.uk-search-icon-flip) .uk-search-input { - padding-right: 80px; -} -/* Toggle - ========================================================================== */ -.uk-search-toggle { - color: #999; -} -/* Hover */ -.uk-search-toggle:hover { - color: #666; -} -/* ======================================================================== - Component: Accordion - ========================================================================== */ -.uk-accordion { - padding: 0; - list-style: none; -} -/* Item - ========================================================================== */ -.uk-accordion > :nth-child(n+2) { - margin-top: 20px; -} -/* Title - ========================================================================== */ -.uk-accordion-title { - display: block; - font-size: 1.25rem; - line-height: 1.4; - color: #333; -} -/* Hover */ -.uk-accordion-title:hover { - color: #666; - text-decoration: none; -} -/* Content - ========================================================================== */ -.uk-accordion-content { - display: flow-root; - margin-top: 20px; -} -/* - * Remove margin from the last-child - */ -.uk-accordion-content > :last-child { - margin-bottom: 0; -} -/* ======================================================================== - Component: Drop - ========================================================================== */ -/* - * 1. Hide by default - * 2. Set position - * 3. Set a default width - */ -.uk-drop { - /* 1 */ - display: none; - /* 2 */ - position: absolute; - z-index: 1020; - --uk-position-offset: 20px; - --uk-position-viewport-offset: 15px; - /* 3 */ - box-sizing: border-box; - width: 300px; -} -/* Show */ -.uk-drop.uk-open { - display: block; -} -/* Grid modifiers - ========================================================================== */ -.uk-drop-stack .uk-drop-grid > * { - width: 100% !important; -} -/* Parent icon - ========================================================================== */ -.uk-drop-parent-icon { - margin-left: 0.25em; - transition: transform 0.3s ease-out; -} -[aria-expanded="true"] > .uk-drop-parent-icon { - transform: rotateX(180deg); -} -/* ======================================================================== - Component: Dropbar - ========================================================================== */ -/* - * Adopts `uk-drop` - * 1. Reset drop - * 2. Style - */ -.uk-dropbar { - --uk-position-offset: 0; - --uk-position-shift-offset: 0; - --uk-position-viewport-offset: 0; - --uk-inverse: dark; - /* 1 */ - width: auto; - /* 2 */ - padding: 15px 15px 15px 15px; - background: #f8f8f8; - color: #666; -} -/* - * Remove margin from the last-child - */ -.uk-dropbar > :last-child { - margin-bottom: 0; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-dropbar { - padding-left: 30px; - padding-right: 30px; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-dropbar { - padding-left: 40px; - padding-right: 40px; - } -} -.uk-dropbar :focus-visible { - outline-color: #333 !important; -} -/* Size modifier - ========================================================================== */ -.uk-dropbar-large { - padding-top: 40px; - padding-bottom: 40px; -} -/* Direction modifier - ========================================================================== */ -/* ======================================================================== - Component: Dropnav - ========================================================================== */ -/* - * 1. Position - * 2. Reset dropbar - * 3. Width - */ -.uk-dropnav-dropbar { - /* 1 */ - position: absolute; - z-index: 980; - /* 2 */ - padding: 0; - /* 3 */ - left: 0; - right: 0; -} -/* ======================================================================== - Component: Modal - ========================================================================== */ -/* - * 1. Hide by default - * 2. Set position - * 3. Allow scrolling for the modal dialog - * 4. Horizontal padding - * 5. Mask the background page - * 6. Fade-in transition - */ -.uk-modal { - /* 1 */ - display: none; - /* 2 */ - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1010; - /* 3 */ - overflow-y: auto; - /* 4 */ - padding: 15px 15px; - /* 5 */ - background: rgba(0, 0, 0, 0.6); - /* 6 */ - opacity: 0; - transition: opacity 0.15s linear; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-modal { - padding: 50px 30px; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-modal { - padding-left: 40px; - padding-right: 40px; - } -} -/* - * Open - */ -.uk-modal.uk-open { - opacity: 1; -} -/* Page - ========================================================================== */ -/* - * Prevent scrollbars - */ -.uk-modal-page { - overflow: hidden; -} -/* Dialog - ========================================================================== */ -/* - * 1. Create position context for spinner and close button - * 2. Dimensions - * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests - * 4. Style - * 5. Slide-in transition - */ -.uk-modal-dialog { - /* 1 */ - position: relative; - /* 2 */ - box-sizing: border-box; - margin: 0 auto; - width: 600px; - /* 3 */ - max-width: 100% !important; - /* 4 */ - background: #fff; - /* 5 */ - opacity: 0; - transform: translateY(-100px); - transition: 0.3s linear; - transition-property: opacity, transform; -} -/* - * Open - */ -.uk-open > .uk-modal-dialog { - opacity: 1; - transform: translateY(0); -} -/* Size modifier - ========================================================================== */ -/* - * Container size - * Take the same size as the Container component - */ -.uk-modal-container .uk-modal-dialog { - width: 1200px; -} -/* - * Full size - * 1. Remove padding and background from modal - * 2. Reset all default declarations from modal dialog - */ -/* 1 */ -.uk-modal-full { - padding: 0; - background: none; -} -/* 2 */ -.uk-modal-full .uk-modal-dialog { - margin: 0; - width: 100%; - max-width: 100%; - transform: translateY(0); -} -/* Sections - ========================================================================== */ -.uk-modal-body { - display: flow-root; - padding: 20px 20px; -} -.uk-modal-header { - display: flow-root; - padding: 10px 20px; - background: #f8f8f8; -} -.uk-modal-footer { - display: flow-root; - padding: 10px 20px; - background: #f8f8f8; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-modal-body { - padding: 30px 30px; - } - .uk-modal-header { - padding: 15px 30px; - } - .uk-modal-footer { - padding: 15px 30px; - } -} -/* - * Remove margin from the last-child - */ -.uk-modal-body > :last-child, -.uk-modal-header > :last-child, -.uk-modal-footer > :last-child { - margin-bottom: 0; -} -/* Title - ========================================================================== */ -.uk-modal-title { - font-size: 2rem; - line-height: 1.3; -} -/* Close - * Adopts `uk-close` - ========================================================================== */ -[class*="uk-modal-close-"] { - position: absolute; - z-index: 1010; - top: 10px; - right: 10px; - padding: 5px; -} -/* - * Remove margin from adjacent element - */ -[class*="uk-modal-close-"]:first-child + * { - margin-top: 0; -} -/* - * Hover - */ -/* - * Default - */ -/* - * Outside - * 1. Prevent scrollbar on small devices - */ -.uk-modal-close-outside { - top: 0; - /* 1 */ - right: -5px; - transform: translate(0, -100%); - color: #ffffff; -} -.uk-modal-close-outside:hover { - color: #fff; -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - /* 1 */ - .uk-modal-close-outside { - right: 0; - transform: translate(100%, -100%); - } -} -/* - * Full - */ -/* ======================================================================== - Component: Slideshow - ========================================================================== */ -/* - * 1. Prevent tab highlighting on iOS. - */ -.uk-slideshow { - /* 1 */ - -webkit-tap-highlight-color: transparent; -} -/* Items - ========================================================================== */ -/* - * 1. Create position and stacking context - * 2. Reset list - * 3. Clip child elements - * 4. Prevent displaying the callout information on iOS. - * 5. Disable horizontal panning gestures - */ -.uk-slideshow-items { - /* 1 */ - position: relative; - z-index: 0; - /* 2 */ - margin: 0; - padding: 0; - list-style: none; - /* 3 */ - overflow: hidden; - /* 4 */ - -webkit-touch-callout: none; - /* 5 */ - touch-action: pan-y; -} -/* Item - ========================================================================== */ -/* - * 1. Position items above each other - * 2. Take the full width - * 3. Clip child elements, e.g. for `uk-cover` - * 4. Optimize animation - */ -.uk-slideshow-items > * { - /* 1 */ - position: absolute; - top: 0; - left: 0; - /* 2 */ - right: 0; - bottom: 0; - /* 3 */ - overflow: hidden; - /* 4 */ - will-change: transform, opacity; -} -/* - * Hide not active items - */ -.uk-slideshow-items > :not(.uk-active) { - display: none; -} -/* ======================================================================== - Component: Slider - ========================================================================== */ -/* - * 1. Prevent tab highlighting on iOS. - */ -.uk-slider { - /* 1 */ - -webkit-tap-highlight-color: transparent; -} -/* Container - ========================================================================== */ -/* - * 1. Clip child elements - * 2. Prevent accidental scrolling through elements in slide getting focused - */ -.uk-slider-container { - /* 1 */ - overflow: hidden; - /* 2 */ - overflow: clip; -} -/* - * Widen container to prevent box-shadows from clipping, `large-box-shadow` - */ -.uk-slider-container-offset { - margin: -11px -25px -39px -25px; - padding: 11px 25px 39px 25px; -} -/* Items - ========================================================================== */ -/* - * 1. Optimize animation - * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`. - * 3. Disable horizontal panning gestures - */ -.uk-slider-items { - /* 1 */ - will-change: transform; - /* 2 */ - position: relative; - /* 3 */ - touch-action: pan-y; -} -/* - * 1. Reset list style without interfering with grid - * 2. Prevent displaying the callout information on iOS. - */ -.uk-slider-items:not(.uk-grid) { - display: flex; - /* 1 */ - margin: 0; - padding: 0; - list-style: none; - /* 2 */ - -webkit-touch-callout: none; -} -.uk-slider-items.uk-grid { - flex-wrap: nowrap; -} -/* Item - ========================================================================== */ -/* - * 1. Let items take content dimensions (0 0 auto) - * `max-width` needed to keep image responsiveness and prevent content overflow - * 2. Create position context - */ -.uk-slider-items > * { - /* 1 */ - flex: none !important; - box-sizing: border-box; - max-width: 100%; - /* 2 */ - position: relative; -} -/* ======================================================================== - Component: Sticky - ========================================================================== */ -/* - * 1. Create position context so it's t the same like when fixed. - * 2. Create stacking context already when not sticky to have the same context -* for position set to `sticky` and `relative` - * 2. More robust if padding and border are used and the sticky height is transitioned - */ -.uk-sticky { - /* 1 */ - position: relative; - /* 2 */ - z-index: 980; - /* 3 */ - box-sizing: border-box; -} -.uk-sticky-fixed { - margin: 0 !important; -} -/* - * Faster animations - */ -.uk-sticky[class*="uk-animation-"] { - animation-duration: 0.2s; -} -.uk-sticky.uk-animation-reverse { - animation-duration: 0.2s; -} -/* - * Placeholder - * Make content clickable for sticky cover and reveal effects - */ -.uk-sticky-placeholder { - pointer-events: none; -} -/* ======================================================================== - Component: Off-canvas - ========================================================================== */ -/* - * 1. Hide by default - * 2. Set position - */ -.uk-offcanvas { - /* 1 */ - display: none; - /* 2 */ - position: fixed; - top: 0; - bottom: 0; - left: 0; - z-index: 1000; -} -/* - * Flip modifier - */ -.uk-offcanvas-flip .uk-offcanvas { - right: 0; - left: auto; -} -/* Bar - ========================================================================== */ -/* - * 1. Set position - * 2. Size and style - * 3. Allow scrolling - */ -.uk-offcanvas-bar { - --uk-inverse: light; - /* 1 */ - position: absolute; - top: 0; - bottom: 0; - left: -270px; - /* 2 */ - box-sizing: border-box; - width: 270px; - padding: 20px 20px; - background: #222; - /* 3 */ - overflow-y: auto; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-offcanvas-bar { - left: -350px; - width: 350px; - padding: 30px 30px; - } -} -/* Flip modifier */ -.uk-offcanvas-flip .uk-offcanvas-bar { - left: auto; - right: -270px; -} -/* Tablet landscape and bigger */ -@media (min-width: 640px) { - .uk-offcanvas-flip .uk-offcanvas-bar { - right: -350px; - } -} -/* - * Open - */ -.uk-open > .uk-offcanvas-bar { - left: 0; -} -.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { - left: auto; - right: 0; -} -/* - * Slide Animation (Used in slide and push mode) - */ -.uk-offcanvas-bar-animation { - transition: left 0.3s ease-out; -} -.uk-offcanvas-flip .uk-offcanvas-bar-animation { - transition-property: right; -} -/* - * Reveal Animation - * 1. Set position - * 2. Clip the bar - * 3. Animation - * 4. Reset position - */ -.uk-offcanvas-reveal { - /* 1 */ - position: absolute; - top: 0; - bottom: 0; - left: 0; - /* 2 */ - width: 0; - overflow: hidden; - /* 3 */ - transition: width 0.3s ease-out; -} -.uk-offcanvas-reveal .uk-offcanvas-bar { - /* 4 */ - left: 0; -} -.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { - /* 4 */ - left: auto; - right: 0; -} -.uk-open > .uk-offcanvas-reveal { - width: 270px; -} -/* Tablet landscape and bigger */ -@media (min-width: 640px) { - .uk-open > .uk-offcanvas-reveal { - width: 350px; - } -} -/* - * Flip modifier - */ -.uk-offcanvas-flip .uk-offcanvas-reveal { - right: 0; - left: auto; -} -/* Close - * Adopts `uk-close` - ========================================================================== */ -.uk-offcanvas-close { - position: absolute; - z-index: 1000; - top: 5px; - right: 5px; - padding: 5px; -} -/* Tablet landscape and bigger */ -@media (min-width: 640px) { - .uk-offcanvas-close { - top: 10px; - right: 10px; - } -} -/* - * Remove margin from adjacent element - */ -.uk-offcanvas-close:first-child + * { - margin-top: 0; -} -/* Overlay - ========================================================================== */ -/* - * Overlay the whole page. Needed for the `::before` - * 1. Using `100vw` so no modification is needed when off-canvas is flipped - * 2. Allow for closing with swipe gesture on devices with pointer events. - */ -.uk-offcanvas-overlay { - /* 1 */ - width: 100vw; - /* 2 */ - touch-action: none; -} -/* - * 1. Mask the whole page - * 2. Fade-in transition - */ -.uk-offcanvas-overlay::before { - /* 1 */ - content: ""; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: rgba(0, 0, 0, 0.1); - /* 2 */ - opacity: 0; - transition: opacity 0.15s linear; -} -.uk-offcanvas-overlay.uk-open::before { - opacity: 1; -} -/* Prevent scrolling - ========================================================================== */ -/* - * Prevent horizontal scrollbar when the content is slide-out - * Has to be on the `html` element too to make it work on the `body` - * 1. `clip` is needed for `position: sticky` elements to keep their position - */ -.uk-offcanvas-page, -.uk-offcanvas-container { - overflow-x: hidden; - /* 1 */ - overflow-x: clip; -} -/* Container - ========================================================================== */ -/* - * Prepare slide-out animation (Used in reveal and push mode) - * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars - * lose their fixed state and behaves like `absolute` within a transformed container - * 1. Provide a fixed width and prevent shrinking - */ -.uk-offcanvas-container { - position: relative; - left: 0; - transition: left 0.3s ease-out; - /* 1 */ - box-sizing: border-box; - width: 100%; -} -/* - * Activate slide-out animation - */ -:not(.uk-offcanvas-flip).uk-offcanvas-container-animation { - left: 270px; -} -.uk-offcanvas-flip.uk-offcanvas-container-animation { - left: -270px; -} -/* Tablet landscape and bigger */ -@media (min-width: 640px) { - :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { - left: 350px; - } - .uk-offcanvas-flip.uk-offcanvas-container-animation { - left: -350px; - } -} -/* ======================================================================== - Component: Switcher - ========================================================================== */ -/* - * Reset list - */ -.uk-switcher { - margin: 0; - padding: 0; - list-style: none; -} -/* Items - ========================================================================== */ -/* - * Hide not active items - */ -.uk-switcher > :not(.uk-active) { - display: none; -} -/* - * Remove margin from the last-child - */ -.uk-switcher > * > :last-child { - margin-bottom: 0; -} -/* ======================================================================== - Component: Leader - ========================================================================== */ -.uk-leader { - overflow: hidden; -} -/* - * 1. Place element in text flow - * 2. Never break into a new line - * 3. Get a string back with as many repeating characters to fill the container - * 4. Prevent wrapping. Overflowing characters will be clipped by the container - */ -.uk-leader-fill::after { - /* 1 */ - display: inline-block; - margin-left: 15px; - /* 2 */ - width: 0; - /* 3 */ - content: attr(data-fill); - /* 4 */ - white-space: nowrap; -} -/* - * Hide if media does not match - */ -.uk-leader-fill.uk-leader-hide::after { - display: none; -} -/* - * Pass fill character to JS - */ -:root { - --uk-leader-fill-content: .; -} -/* ======================================================================== - Component: Notification - ========================================================================== */ -/* - * 1. Set position - * 2. Dimensions - */ -.uk-notification { - /* 1 */ - position: fixed; - top: 10px; - left: 10px; - z-index: 1040; - /* 2 */ - box-sizing: border-box; - width: 350px; -} -/* Position modifiers -========================================================================== */ -.uk-notification-top-right, -.uk-notification-bottom-right { - left: auto; - right: 10px; -} -.uk-notification-top-center, -.uk-notification-bottom-center { - left: 50%; - margin-left: -175px; -} -.uk-notification-bottom-left, -.uk-notification-bottom-right, -.uk-notification-bottom-center { - top: auto; - bottom: 10px; -} -/* Responsiveness -========================================================================== */ -/* Phones portrait and smaller */ -@media (max-width: 639px) { - .uk-notification { - left: 10px; - right: 10px; - width: auto; - margin: 0; - } -} -/* Message -========================================================================== */ -.uk-notification-message { - position: relative; - padding: 15px; - background: #f8f8f8; - color: #666; - font-size: 1.25rem; - line-height: 1.4; - cursor: pointer; -} -* + .uk-notification-message { - margin-top: 10px; -} -/* Close - * Adopts `uk-close` - ========================================================================== */ -.uk-notification-close { - display: none; - position: absolute; - top: 20px; - right: 15px; -} -.uk-notification-message:hover .uk-notification-close { - display: block; -} -/* Style modifiers - ========================================================================== */ -/* - * Primary - */ -.uk-notification-message-primary { - color: #1e87f0; -} -/* - * Success - */ -.uk-notification-message-success { - color: #32d296; -} -/* - * Warning - */ -.uk-notification-message-warning { - color: #faa05a; -} -/* - * Danger - */ -.uk-notification-message-danger { - color: #f0506e; -} -/* ======================================================================== - Component: Tooltip - ========================================================================== */ -/* - * 1. Hide by default - * 2. Position - * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially - * 4. Dimensions - * 5. Style - */ -.uk-tooltip { - /* 1 */ - display: none; - /* 2 */ - position: absolute; - z-index: 1030; - --uk-position-offset: 10px; - --uk-position-viewport-offset: 10; - /* 3 */ - top: 0; - /* 4 */ - box-sizing: border-box; - max-width: 200px; - padding: 3px 6px; - /* 5 */ - background: #666; - border-radius: 2px; - color: #fff; - font-size: 12px; -} -/* Show */ -.uk-tooltip.uk-active { - display: block; -} -/* ======================================================================== - Component: Sortable - ========================================================================== */ -.uk-sortable { - position: relative; -} -/* - * Remove margin from the last-child - */ -.uk-sortable > :last-child { - margin-bottom: 0; -} -/* Drag - ========================================================================== */ -.uk-sortable-drag { - position: fixed !important; - z-index: 1050 !important; - pointer-events: none; -} -/* Placeholder - ========================================================================== */ -.uk-sortable-placeholder { - opacity: 0; - pointer-events: none; -} -/* Empty modifier - ========================================================================== */ -.uk-sortable-empty { - min-height: 50px; -} -/* Handle - ========================================================================== */ -/* Hover */ -.uk-sortable-handle:hover { - cursor: move; -} -/* ======================================================================== - Component: Countdown - ========================================================================== */ -/* Item - ========================================================================== */ -/* Number - ========================================================================== */ -/* - * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font. - * 2. Style - */ -.uk-countdown-number { - /* 1 */ - font-variant-numeric: tabular-nums; - /* 2 */ - font-size: 2rem; - line-height: 0.8; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-countdown-number { - font-size: 4rem; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-countdown-number { - font-size: 6rem; - } -} -/* Separator - ========================================================================== */ -.uk-countdown-separator { - font-size: 1rem; - line-height: 1.6; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-countdown-separator { - font-size: 2rem; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-countdown-separator { - font-size: 3rem; - } -} -/* Label - ========================================================================== */ -/* ======================================================================== - Component: Thumbnav - ========================================================================== */ -/* - * 1. Allow items to wrap into the next line - * 2. Reset list - * 3. Gutter - */ -.uk-thumbnav { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - margin: 0; - padding: 0; - list-style: none; - /* 3 */ - margin-left: -15px; -} -/* - * Space is allocated based on content dimensions, but shrinks: 0 1 auto - * 1. Gutter - */ -.uk-thumbnav > * { - /* 1 */ - padding-left: 15px; -} -/* Items - ========================================================================== */ -/* - * Items - */ -.uk-thumbnav > * > * { - display: inline-block; -} -/* Hover */ -/* Active */ -/* Modifier: 'uk-thumbnav-vertical' - ========================================================================== */ -/* - * 1. Change direction - * 2. Gutter - */ -.uk-thumbnav-vertical { - /* 1 */ - flex-direction: column; - /* 2 */ - margin-left: 0; - margin-top: -15px; -} -/* 2 */ -.uk-thumbnav-vertical > * { - padding-left: 0; - padding-top: 15px; -} -/* ======================================================================== - Component: Iconnav - ========================================================================== */ -/* - * 1. Allow items to wrap into the next line - * 2. Reset list - * 3. Gutter - */ -.uk-iconnav { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - margin: 0; - padding: 0; - list-style: none; - /* 3 */ - margin-left: -10px; -} -/* - * Space is allocated based on content dimensions, but shrinks: 0 1 auto - * 1. Gutter - */ -.uk-iconnav > * { - /* 1 */ - padding-left: 10px; -} -/* Items - ========================================================================== */ -/* - * Items must target `a` elements to exclude other elements (e.g. dropdowns) - * 1. Center content vertically if there is still some text - * 2. Imitate white space gap when using flexbox - * 3. Force text not to affect item height - * 4. Style - * 5. Required for `a` if there is still some text - */ -.uk-iconnav > * > a { - /* 1 */ - display: flex; - align-items: center; - /* 2 */ - column-gap: 0.25em; - /* 3 */ - line-height: 0; - /* 4 */ - color: #999; - /* 5 */ - text-decoration: none; -} -/* Hover */ -.uk-iconnav > * > a:hover { - color: #666; -} -/* Active */ -.uk-iconnav > .uk-active > a { - color: #666; -} -/* Modifier: 'uk-iconnav-vertical' - ========================================================================== */ -/* - * 1. Change direction - * 2. Gutter - */ -.uk-iconnav-vertical { - /* 1 */ - flex-direction: column; - /* 2 */ - margin-left: 0; - margin-top: -10px; -} -/* 2 */ -.uk-iconnav-vertical > * { - padding-left: 0; - padding-top: 10px; -} -/* ======================================================================== - Component: Grid - ========================================================================== */ -/* - * 1. Allow cells to wrap into the next line - * 2. Reset list - */ -.uk-grid { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - margin: 0; - padding: 0; - list-style: none; -} -/* - * Grid cell - * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto - * Reset margin for e.g. paragraphs - */ -.uk-grid > * { - margin: 0; -} -/* - * Remove margin from the last-child - */ -.uk-grid > * > :last-child { - margin-bottom: 0; -} -/* Gutter - ========================================================================== */ -/* - * Default - */ -/* Horizontal */ -.uk-grid { - margin-left: -30px; -} -.uk-grid > * { - padding-left: 30px; -} -/* Vertical */ -.uk-grid + .uk-grid, -.uk-grid > .uk-grid-margin, -* + .uk-grid-margin { - margin-top: 30px; -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - /* Horizontal */ - .uk-grid { - margin-left: -40px; - } - .uk-grid > * { - padding-left: 40px; - } - /* Vertical */ - .uk-grid + .uk-grid, - .uk-grid > .uk-grid-margin, - * + .uk-grid-margin { - margin-top: 40px; - } -} -/* - * Small - */ -/* Horizontal */ -.uk-grid-small, -.uk-grid-column-small { - margin-left: -15px; -} -.uk-grid-small > *, -.uk-grid-column-small > * { - padding-left: 15px; -} -/* Vertical */ -.uk-grid + .uk-grid-small, -.uk-grid + .uk-grid-row-small, -.uk-grid-small > .uk-grid-margin, -.uk-grid-row-small > .uk-grid-margin, -* + .uk-grid-margin-small { - margin-top: 15px; -} -/* - * Medium - */ -/* Horizontal */ -.uk-grid-medium, -.uk-grid-column-medium { - margin-left: -30px; -} -.uk-grid-medium > *, -.uk-grid-column-medium > * { - padding-left: 30px; -} -/* Vertical */ -.uk-grid + .uk-grid-medium, -.uk-grid + .uk-grid-row-medium, -.uk-grid-medium > .uk-grid-margin, -.uk-grid-row-medium > .uk-grid-margin, -* + .uk-grid-margin-medium { - margin-top: 30px; -} -/* - * Large - */ -/* Horizontal */ -.uk-grid-large, -.uk-grid-column-large { - margin-left: -40px; -} -.uk-grid-large > *, -.uk-grid-column-large > * { - padding-left: 40px; -} -/* Vertical */ -.uk-grid + .uk-grid-large, -.uk-grid + .uk-grid-row-large, -.uk-grid-large > .uk-grid-margin, -.uk-grid-row-large > .uk-grid-margin, -* + .uk-grid-margin-large { - margin-top: 40px; -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - /* Horizontal */ - .uk-grid-large, - .uk-grid-column-large { - margin-left: -70px; - } - .uk-grid-large > *, - .uk-grid-column-large > * { - padding-left: 70px; - } - /* Vertical */ - .uk-grid + .uk-grid-large, - .uk-grid + .uk-grid-row-large, - .uk-grid-large > .uk-grid-margin, - .uk-grid-row-large > .uk-grid-margin, - * + .uk-grid-margin-large { - margin-top: 70px; - } -} -/* - * Collapse - */ -/* Horizontal */ -.uk-grid-collapse, -.uk-grid-column-collapse { - margin-left: 0; -} -.uk-grid-collapse > *, -.uk-grid-column-collapse > * { - padding-left: 0; -} -/* Vertical */ -.uk-grid + .uk-grid-collapse, -.uk-grid + .uk-grid-row-collapse, -.uk-grid-collapse > .uk-grid-margin, -.uk-grid-row-collapse > .uk-grid-margin { - margin-top: 0; -} -/* Divider - ========================================================================== */ -.uk-grid-divider > * { - position: relative; -} -.uk-grid-divider > :not(.uk-first-column)::before { - content: ""; - position: absolute; - top: 0; - bottom: 0; - border-left: 1px solid #e5e5e5; -} -/* Vertical */ -.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { - content: ""; - position: absolute; - left: 0; - right: 0; - border-top: 1px solid #e5e5e5; -} -/* - * Default - */ -/* Horizontal */ -.uk-grid-divider { - margin-left: -60px; -} -.uk-grid-divider > * { - padding-left: 60px; -} -.uk-grid-divider > :not(.uk-first-column)::before { - left: 30px; -} -/* Vertical */ -.uk-grid-divider.uk-grid-stack > .uk-grid-margin { - margin-top: 60px; -} -.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { - top: -30px; - left: 60px; -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - /* Horizontal */ - .uk-grid-divider { - margin-left: -80px; - } - .uk-grid-divider > * { - padding-left: 80px; - } - .uk-grid-divider > :not(.uk-first-column)::before { - left: 40px; - } - /* Vertical */ - .uk-grid-divider.uk-grid-stack > .uk-grid-margin { - margin-top: 80px; - } - .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { - top: -40px; - left: 80px; - } -} -/* - * Small - */ -/* Horizontal */ -.uk-grid-divider.uk-grid-small, -.uk-grid-divider.uk-grid-column-small { - margin-left: -30px; -} -.uk-grid-divider.uk-grid-small > *, -.uk-grid-divider.uk-grid-column-small > * { - padding-left: 30px; -} -.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, -.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { - left: 15px; -} -/* Vertical */ -.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, -.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { - margin-top: 30px; -} -.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { - top: -15px; - left: 30px; -} -.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { - top: -15px; -} -.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { - left: 30px; -} -/* - * Medium - */ -/* Horizontal */ -.uk-grid-divider.uk-grid-medium, -.uk-grid-divider.uk-grid-column-medium { - margin-left: -60px; -} -.uk-grid-divider.uk-grid-medium > *, -.uk-grid-divider.uk-grid-column-medium > * { - padding-left: 60px; -} -.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, -.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { - left: 30px; -} -/* Vertical */ -.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, -.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { - margin-top: 60px; -} -.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { - top: -30px; - left: 60px; -} -.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { - top: -30px; -} -.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { - left: 60px; -} -/* - * Large - */ -/* Horizontal */ -.uk-grid-divider.uk-grid-large, -.uk-grid-divider.uk-grid-column-large { - margin-left: -80px; -} -.uk-grid-divider.uk-grid-large > *, -.uk-grid-divider.uk-grid-column-large > * { - padding-left: 80px; -} -.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, -.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { - left: 40px; -} -/* Vertical */ -.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, -.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { - margin-top: 80px; -} -.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { - top: -40px; - left: 80px; -} -.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { - top: -40px; -} -.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { - left: 80px; -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - /* Horizontal */ - .uk-grid-divider.uk-grid-large, - .uk-grid-divider.uk-grid-column-large { - margin-left: -140px; - } - .uk-grid-divider.uk-grid-large > *, - .uk-grid-divider.uk-grid-column-large > * { - padding-left: 140px; - } - .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, - .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { - left: 70px; - } - /* Vertical */ - .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, - .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { - margin-top: 140px; - } - .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { - top: -70px; - left: 140px; - } - .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { - top: -70px; - } - .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { - left: 140px; - } -} -/* Match child of a grid cell - ========================================================================== */ -/* - * Behave like a block element - * 1. Wrap into the next line - * 2. Take the full width, at least 100%. Only if no class from the Width component is set. - * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) - */ -.uk-grid-match > *, -.uk-grid-item-match { - display: flex; - /* 1 */ - flex-wrap: wrap; -} -.uk-grid-match > * > :not([class*="uk-width"]), -.uk-grid-item-match > :not([class*="uk-width"]) { - /* 2 */ - box-sizing: border-box; - width: 100%; - /* 3 */ - flex: auto; -} -/* ======================================================================== - Component: Nav - ========================================================================== */ -/* - * Reset - */ -.uk-nav, -.uk-nav ul { - margin: 0; - padding: 0; - list-style: none; -} -/* -* 1. Center content vertically, e.g. an icon -* 2. Imitate white space gap when using flexbox -* 3. Reset link - */ -.uk-nav li > a { - /* 1 */ - display: flex; - align-items: center; - /* 2 */ - column-gap: 0.25em; - /* 3*/ - text-decoration: none; -} -/* - * Items - * Must target `a` elements to exclude other elements (e.g. lists) - */ -.uk-nav > li > a { - padding: 5px 0; -} -/* Sublists - ========================================================================== */ -/* - * Level 2 - * `ul` needed for higher specificity to override padding - */ -ul.uk-nav-sub { - padding: 5px 0 5px 15px; -} -/* - * Level 3 and deeper - */ -.uk-nav-sub ul { - padding-left: 15px; -} -/* - * Items - */ -.uk-nav-sub a { - padding: 2px 0; -} -/* Parent icon - ========================================================================== */ -.uk-nav-parent-icon { - margin-left: auto; - transition: transform 0.3s ease-out; -} -.uk-nav > li.uk-open > a .uk-nav-parent-icon { - transform: rotateX(180deg); -} -/* Header - ========================================================================== */ -.uk-nav-header { - padding: 5px 0; - text-transform: uppercase; - font-size: 0.875rem; -} -.uk-nav-header:not(:first-child) { - margin-top: 20px; -} -/* Divider - ========================================================================== */ -.uk-nav .uk-nav-divider { - margin: 5px 0; -} -/* Default modifier - ========================================================================== */ -.uk-nav-default { - font-size: 16px; - line-height: 1.5; -} -/* - * Items - */ -.uk-nav-default > li > a { - color: #999; -} -/* Hover */ -.uk-nav-default > li > a:hover { - color: #666; -} -/* Active */ -.uk-nav-default > li.uk-active > a { - color: #333; -} -/* - * Subtitle - */ -.uk-nav-default .uk-nav-subtitle { - font-size: 0.875rem; -} -/* - * Header - */ -.uk-nav-default .uk-nav-header { - color: #333; -} -/* - * Divider - */ -.uk-nav-default .uk-nav-divider { - border-top: 1px solid #e5e5e5; -} -/* - * Sublists - */ -.uk-nav-default .uk-nav-sub { - font-size: 16px; - line-height: 1.5; -} -.uk-nav-default .uk-nav-sub a { - color: #999; -} -.uk-nav-default .uk-nav-sub a:hover { - color: #666; -} -.uk-nav-default .uk-nav-sub li.uk-active > a { - color: #333; -} -/* Primary modifier - ========================================================================== */ -.uk-nav-primary { - font-size: 1.5rem; - line-height: 1.5; -} -/* - * Items - */ -.uk-nav-primary > li > a { - color: #999; -} -/* Hover */ -.uk-nav-primary > li > a:hover { - color: #666; -} -/* Active */ -.uk-nav-primary > li.uk-active > a { - color: #333; -} -/* - * Subtitle - */ -.uk-nav-primary .uk-nav-subtitle { - font-size: 1.25rem; -} -/* - * Header - */ -.uk-nav-primary .uk-nav-header { - color: #333; -} -/* - * Divider - */ -.uk-nav-primary .uk-nav-divider { - border-top: 1px solid #e5e5e5; -} -/* - * Sublists - */ -.uk-nav-primary .uk-nav-sub { - font-size: 1.25rem; - line-height: 1.5; -} -.uk-nav-primary .uk-nav-sub a { - color: #999; -} -.uk-nav-primary .uk-nav-sub a:hover { - color: #666; -} -.uk-nav-primary .uk-nav-sub li.uk-active > a { - color: #333; -} -/* Secondary modifier - ========================================================================== */ -.uk-nav-secondary { - font-size: 16px; - line-height: 1.5; -} -/* - * Items - */ -.uk-nav-secondary > li > a { - color: #333; -} -/* Hover */ -.uk-nav-secondary > li > a:hover { - color: #333; -} -/* Active */ -.uk-nav-secondary > li.uk-active > a { - color: #333; -} -/* - * Subtitle - */ -.uk-nav-secondary .uk-nav-subtitle { - font-size: 0.875rem; - color: #999; -} -/* Hover */ -.uk-nav-secondary > li > a:hover .uk-nav-subtitle { - color: #666; -} -/* Active */ -.uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { - color: #333; -} -/* - * Header - */ -.uk-nav-secondary .uk-nav-header { - color: #333; -} -/* - * Divider - */ -.uk-nav-secondary .uk-nav-divider { - border-top: 1px solid #e5e5e5; -} -/* - * Sublists - */ -.uk-nav-secondary .uk-nav-sub { - font-size: 0.875rem; - line-height: 1.5; -} -.uk-nav-secondary .uk-nav-sub a { - color: #999; -} -.uk-nav-secondary .uk-nav-sub a:hover { - color: #666; -} -.uk-nav-secondary .uk-nav-sub li.uk-active > a { - color: #333; -} -/* Size modifier - ========================================================================== */ -/* - * Medium - */ -.uk-nav-medium { - font-size: 2.8875rem; - line-height: 1; -} -.uk-nav-large { - font-size: 3.4rem; - line-height: 1; -} -.uk-nav-xlarge { - font-size: 4rem; - line-height: 1; -} -/* Tablet Landscape and bigger */ -@media (min-width: 960px) { - .uk-nav-medium { - font-size: 3.5rem; - } - .uk-nav-large { - font-size: 4rem; - } - .uk-nav-xlarge { - font-size: 6rem; - } -} -/* Laptop and bigger */ -@media (min-width: 1200px) { - .uk-nav-medium { - font-size: 4rem; - } - .uk-nav-large { - font-size: 6rem; - } - .uk-nav-xlarge { - font-size: 8rem; - } -} -/* Alignment modifier - ========================================================================== */ -/* - * 1. Center header - * 2. Center items - */ -/* 1 */ -.uk-nav-center { - text-align: center; -} -/* 2 */ -.uk-nav-center li > a { - justify-content: center; -} -/* Sublists */ -.uk-nav-center .uk-nav-sub, -.uk-nav-center .uk-nav-sub ul { - padding-left: 0; -} -/* Parent icon */ -.uk-nav-center .uk-nav-parent-icon { - margin-left: 0.25em; -} -/* Style modifier - ========================================================================== */ -/* - * Divider - * Naming is in plural to prevent conflicts with divider sub object. - */ -.uk-nav.uk-nav-divider > :not(.uk-nav-header, .uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { - margin-top: 5px; - padding-top: 5px; - border-top: 1px solid #e5e5e5; -} -/* ======================================================================== - Component: Navbar - ========================================================================== */ -/* - * 1. Create position context to center navbar group - */ -.uk-navbar { - display: flex; - /* 1 */ - position: relative; -} -/* Container - ========================================================================== */ -.uk-navbar-container:not(.uk-navbar-transparent) { - background: #f8f8f8; -} -/* Groups - ========================================================================== */ -/* - * 1. Align navs and items vertically if they have a different height - */ -.uk-navbar-left, -.uk-navbar-right, -[class*="uk-navbar-center"] { - display: flex; - gap: 0px; - /* 1 */ - align-items: center; -} -/* - * Horizontal alignment - * 1. Create position context for centered navbar with sub groups (left/right) - * 2. Fix text wrapping if content is larger than 50% of the container. - * 3. Needed for dropdowns because a new position context is created - * `z-index` must be smaller than off-canvas - * 4. Align sub groups for centered navbar - */ -.uk-navbar-right { - margin-left: auto; -} -.uk-navbar-center:only-child { - margin-left: auto; - margin-right: auto; - /* 1 */ - position: relative; -} -.uk-navbar-center:not(:only-child) { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - /* 2 */ - width: max-content; - box-sizing: border-box; - /* 3 */ - z-index: 990; -} -/* 4 */ -.uk-navbar-center-left, -.uk-navbar-center-right { - position: absolute; - top: 0; -} -.uk-navbar-center-left { - right: calc(100% + 0px); -} -.uk-navbar-center-right { - left: calc(100% + 0px); -} -[class*="uk-navbar-center-"] { - width: max-content; - box-sizing: border-box; -} -/* Nav - ========================================================================== */ -/* - * 1. Reset list - */ -.uk-navbar-nav { - display: flex; - gap: 0px; - /* 1 */ - margin: 0; - padding: 0; - list-style: none; -} -/* - * Allow items to wrap into the next line - * Only not `absolute` positioned groups - */ -.uk-navbar-left, -.uk-navbar-right, -.uk-navbar-center:only-child { - flex-wrap: wrap; -} -/* - * Items - * 1. Center content vertically and horizontally - * 2. Imitate white space gap when using flexbox - * 3. Dimensions - * 4. Style - * 5. Required for `a` - */ -.uk-navbar-nav > li > a, -.uk-navbar-item, -.uk-navbar-toggle { - /* 1 */ - display: flex; - justify-content: center; - align-items: center; - /* 2 */ - column-gap: 0.25em; - /* 3 */ - box-sizing: border-box; - min-height: 80px; - /* 4 */ - font-size: 16px; - 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"; - /* 5 */ - text-decoration: none; -} -/* - * Nav items - */ -.uk-navbar-nav > li > a { - padding: 0 15px; - color: #999; -} -/* - * Hover - * Apply hover style also if dropdown is opened - */ -.uk-navbar-nav > li:hover > a, -.uk-navbar-nav > li > a[aria-expanded="true"] { - color: #666; -} -/* OnClick */ -.uk-navbar-nav > li > a:active { - color: #333; -} -/* Active */ -.uk-navbar-nav > li.uk-active > a { - color: #333; -} -/* Parent icon modifier - ========================================================================== */ -.uk-navbar-parent-icon { - margin-left: 4px; - transition: transform 0.3s ease-out; -} -.uk-navbar-nav > li > a[aria-expanded="true"] .uk-navbar-parent-icon { - transform: rotateX(180deg); -} -/* Item - ========================================================================== */ -.uk-navbar-item { - padding: 0 15px; - color: #666; -} -/* - * Remove margin from the last-child - */ -.uk-navbar-item > :last-child { - margin-bottom: 0; -} -/* Toggle - ========================================================================== */ -.uk-navbar-toggle { - padding: 0 15px; - color: #999; -} -.uk-navbar-toggle:hover, -.uk-navbar-toggle[aria-expanded="true"] { - color: #666; - text-decoration: none; -} -/* - * Icon - * Adopts `uk-icon` - */ -/* Hover */ -/* Subtitle - ========================================================================== */ -.uk-navbar-subtitle { - font-size: 0.875rem; -} -/* Justify modifier - ========================================================================== */ -.uk-navbar-justify .uk-navbar-left, -.uk-navbar-justify .uk-navbar-right, -.uk-navbar-justify .uk-navbar-nav, -.uk-navbar-justify .uk-navbar-nav > li, -.uk-navbar-justify .uk-navbar-item, -.uk-navbar-justify .uk-navbar-toggle { - flex-grow: 1; -} -/* Style modifiers - ========================================================================== */ -/* Dropdown - ========================================================================== */ -/* - * Adopts `uk-drop` - * 1. Set a default width - * 2. Style - */ -.uk-navbar-dropdown { - --uk-position-offset: 0; - --uk-position-shift-offset: 0; - --uk-position-viewport-offset: 15px; - --uk-inverse: dark; - /* 1 */ - width: 200px; - /* 2 */ - padding: 15px; - background: #f8f8f8; - color: #666; -} -/* - * Remove margin from the last-child - */ -.uk-navbar-dropdown > :last-child { - margin-bottom: 0; -} -.uk-navbar-dropdown :focus-visible { - outline-color: #333 !important; -} -/* - * Grid - * Adopts `uk-grid` - */ -/* Gutter Horizontal */ -.uk-navbar-dropdown .uk-drop-grid { - margin-left: -30px; -} -.uk-navbar-dropdown .uk-drop-grid > * { - padding-left: 30px; -} -/* Gutter Vertical */ -.uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin { - margin-top: 30px; -} -/* - * Width modifier - */ -.uk-navbar-dropdown-width-2:not(.uk-drop-stack) { - width: 400px; -} -.uk-navbar-dropdown-width-3:not(.uk-drop-stack) { - width: 600px; -} -.uk-navbar-dropdown-width-4:not(.uk-drop-stack) { - width: 800px; -} -.uk-navbar-dropdown-width-5:not(.uk-drop-stack) { - width: 1000px; -} -/* - * Size modifier - */ -.uk-navbar-dropdown-large { - --uk-position-shift-offset: 0; - padding: 40px; -} -/* - * Dropbar modifier - * 1. Reset dropdown width to prevent to early shifting - * 2. Reset style - * 3. Padding - */ -.uk-navbar-dropdown-dropbar { - /* 1 */ - width: auto; - /* 2 */ - background: transparent; - /* 3 */ - padding: 15px 0 15px 0; - --uk-position-offset: 0; - --uk-position-shift-offset: 0; - --uk-position-viewport-offset: 15px; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-navbar-dropdown-dropbar { - --uk-position-viewport-offset: 30px; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-navbar-dropdown-dropbar { - --uk-position-viewport-offset: 40px; - } -} -.uk-navbar-dropdown-dropbar-large { - --uk-position-shift-offset: 0; - padding-top: 40px; - padding-bottom: 40px; -} -/* Dropdown Nav - * Adopts `uk-nav` - ========================================================================== */ -/* - * Items - */ -.uk-navbar-dropdown-nav > li > a { - color: #999; -} -/* Hover */ -.uk-navbar-dropdown-nav > li > a:hover { - color: #666; -} -/* Active */ -.uk-navbar-dropdown-nav > li.uk-active > a { - color: #333; -} -/* - * Subtitle - */ -.uk-navbar-dropdown-nav .uk-nav-subtitle { - font-size: 0.875rem; -} -/* - * Header - */ -.uk-navbar-dropdown-nav .uk-nav-header { - color: #333; -} -/* - * Divider - */ -.uk-navbar-dropdown-nav .uk-nav-divider { - border-top: 1px solid #e5e5e5; -} -/* - * Sublists - */ -.uk-navbar-dropdown-nav .uk-nav-sub a { - color: #999; -} -.uk-navbar-dropdown-nav .uk-nav-sub a:hover { - color: #666; -} -.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { - color: #333; -} -/* Dropbar - ========================================================================== */ -/* - * Adopts `uk-dropnav-dropbar` - */ -/* ======================================================================== - Component: Subnav - ========================================================================== */ -/* - * 1. Allow items to wrap into the next line - * 2. Center items vertically if they have a different height - * 3. Gutter - * 4. Reset list - */ -.uk-subnav { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - align-items: center; - /* 3 */ - margin-left: -20px; - /* 4 */ - padding: 0; - list-style: none; -} -/* - * 1. Space is allocated solely based on content dimensions: 0 0 auto - * 2. Gutter - * 3. Create position context for dropdowns - */ -.uk-subnav > * { - /* 1 */ - flex: none; - /* 2 */ - padding-left: 20px; - /* 3 */ - position: relative; -} -/* Items - ========================================================================== */ -/* - * Items must target `a` elements to exclude other elements (e.g. dropdowns) - * Using `:first-child` instead of `a` to support `span` elements for text - * 1. Center content vertically, e.g. an icon - * 2. Imitate white space gap when using flexbox - * 3. Style - */ -.uk-subnav > * > :first-child { - /* 1 */ - display: flex; - align-items: center; - /* 2 */ - column-gap: 0.25em; - /* 3 */ - color: #999; -} -/* Hover */ -.uk-subnav > * > a:hover { - color: #666; - text-decoration: none; -} -/* Active */ -.uk-subnav > .uk-active > a { - color: #333; -} -/* Divider modifier - ========================================================================== */ -/* - * Set gutter - */ -.uk-subnav-divider { - margin-left: -41px; -} -/* - * Align items and divider vertically - */ -.uk-subnav-divider > * { - display: flex; - align-items: center; -} -/* - * Divider - * 1. `nth-child` makes it also work without JS if it's only one row - */ -.uk-subnav-divider > ::before { - content: ""; - height: 1.5em; - margin-left: 0px; - margin-right: 20px; - border-left: 1px solid transparent; -} -/* 1 */ -.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { - border-left-color: #e5e5e5; -} -/* Pill modifier - ========================================================================== */ -/* - * Gutter - */ -.uk-subnav-pill { - margin-left: -20px; -} -.uk-subnav-pill > * { - padding-left: 20px; -} -.uk-subnav-pill > * > :first-child { - padding: 5px 10px; - background: transparent; - color: #999; -} -/* Hover */ -.uk-subnav-pill > * > a:hover { - background-color: #f8f8f8; - color: #666; -} -/* OnClick */ -.uk-subnav-pill > * > a:active { - background-color: #f8f8f8; - color: #666; -} -/* Active */ -.uk-subnav-pill > .uk-active > a { - background-color: #1e87f0; - color: #fff; -} -/* Disabled - * The same for all style modifiers - ========================================================================== */ -.uk-subnav > .uk-disabled > a { - color: #999; -} -/* ======================================================================== - Component: Breadcrumb - ========================================================================== */ -/* - * 1. Reset list - * 2. Remove space between elements - */ -.uk-breadcrumb { - /* 1 */ - padding: 0; - list-style: none; - /* 2 */ - font-size: 0; -} -/* - * 1. Doesn't generate any box and replaced by child boxes - */ -.uk-breadcrumb > * { - display: contents; -} -/* Items - ========================================================================== */ -.uk-breadcrumb > * > * { - font-size: 0.875rem; - color: #999; -} -/* Hover */ -.uk-breadcrumb > * > :hover { - color: #666; - text-decoration: none; -} -/* Disabled */ -/* Active */ -.uk-breadcrumb > :last-child > span, -.uk-breadcrumb > :last-child > a:not([href]) { - color: #666; -} -/* - * Divider - * `nth-child` makes it also work without JS if it's only one row - * 1. Remove space between inline block elements. - * 2. Style - */ -.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { - content: "/"; - display: inline-block; - /* 1 */ - margin: 0 20px; - /* 2 */ - font-size: 0.875rem; - color: #999; -} -/* ======================================================================== - Component: Pagination - ========================================================================== */ -/* - * 1. Allow items to wrap into the next line - * 2. Center items vertically if they have a different height - * 3. Gutter - * 4. Reset list - */ -.uk-pagination { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - align-items: center; - /* 3 */ - margin-left: 0; - /* 4 */ - padding: 0; - list-style: none; -} -/* - * 1. Space is allocated solely based on content dimensions: 0 0 auto - * 2. Gutter - * 3. Create position context for dropdowns - */ -.uk-pagination > * { - /* 1 */ - flex: none; - /* 2 */ - padding-left: 0; - /* 3 */ - position: relative; -} -/* Items - ========================================================================== */ -/* - * 1. Center content vertically, e.g. an icon - * 2. Imitate white space gap when using flexbox - * 3. Style - */ -.uk-pagination > * > * { - /* 1 */ - display: flex; - align-items: center; - /* 2 */ - column-gap: 0.25em; - /* 3 */ - padding: 5px 10px; - color: #999; -} -/* Hover */ -.uk-pagination > * > :hover { - color: #666; - text-decoration: none; -} -/* Active */ -.uk-pagination > .uk-active > * { - color: #666; -} -/* Disabled */ -.uk-pagination > .uk-disabled > * { - color: #999; -} -/* ======================================================================== - Component: Tab - ========================================================================== */ -/* - * 1. Allow items to wrap into the next line - * 2. Gutter - * 3. Reset list - */ -.uk-tab { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - margin-left: -20px; - /* 3 */ - padding: 0; - list-style: none; -} -/* - * 1. Space is allocated solely based on content dimensions: 0 0 auto - * 2. Gutter - * 3. Create position context for dropdowns - */ -.uk-tab > * { - /* 1 */ - flex: none; - /* 2 */ - padding-left: 20px; - /* 3 */ - position: relative; -} -/* Items - ========================================================================== */ -/* - * Items must target `a` elements to exclude other elements (e.g. dropdowns) - * 1. Center content vertically, e.g. an icon - * 2. Imitate white space gap when using flexbox - * 3. Center content if a width is set - * 4. Style - */ -.uk-tab > * > a { - /* 1 */ - display: flex; - align-items: center; - /* 2 */ - column-gap: 0.25em; - /* 3 */ - justify-content: center; - /* 4 */ - padding: 5px 10px; - color: #999; -} -/* Hover */ -.uk-tab > * > a:hover { - color: #666; - text-decoration: none; -} -/* Active */ -.uk-tab > .uk-active > a { - color: #333; -} -/* Disabled */ -.uk-tab > .uk-disabled > a { - color: #999; -} -/* Position modifier - ========================================================================== */ -/* - * Bottom - */ -/* - * Left + Right - * 1. Reset Gutter - */ -.uk-tab-left, -.uk-tab-right { - flex-direction: column; - /* 1 */ - margin-left: 0; -} -/* 1 */ -.uk-tab-left > *, -.uk-tab-right > * { - padding-left: 0; -} -.uk-tab-left > * > a { - justify-content: left; -} -.uk-tab-right > * > a { - justify-content: left; -} -/* ======================================================================== - Component: Slidenav - ========================================================================== */ -/* - * Adopts `uk-icon` - */ -.uk-slidenav { - padding: 5px 10px; - color: rgba(102, 102, 102, 0.5); -} -/* Hover */ -.uk-slidenav:hover { - color: rgba(102, 102, 102, 0.9); -} -/* OnClick */ -.uk-slidenav:active { - color: rgba(102, 102, 102, 0.5); -} -/* Icon modifier - ========================================================================== */ -/* - * Previous - */ -/* - * Next - */ -/* Size modifier - ========================================================================== */ -.uk-slidenav-large { - padding: 10px 10px; -} -/* Container - ========================================================================== */ -.uk-slidenav-container { - display: flex; -} -/* ======================================================================== - Component: Dotnav - ========================================================================== */ -/* - * 1. Allow items to wrap into the next line - * 2. Reset list - * 3. Gutter - */ -.uk-dotnav { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - margin: 0; - padding: 0; - list-style: none; - /* 3 */ - margin-left: -12px; -} -/* - * 1. Space is allocated solely based on content dimensions: 0 0 auto - * 2. Gutter - */ -.uk-dotnav > * { - /* 1 */ - flex: none; - /* 2 */ - padding-left: 12px; -} -/* Items - ========================================================================== */ -/* - * Items - * 1. Hide text if present - */ -.uk-dotnav > * > * { - display: block; - box-sizing: border-box; - width: 10px; - height: 10px; - border-radius: 50%; - background: rgba(102, 102, 102, 0.2); - /* 1 */ - text-indent: 100%; - overflow: hidden; - white-space: nowrap; -} -/* Hover */ -.uk-dotnav > * > :hover { - background-color: rgba(102, 102, 102, 0.6); -} -/* OnClick */ -.uk-dotnav > * > :active { - background-color: rgba(102, 102, 102, 0.2); -} -/* Active */ -.uk-dotnav > .uk-active > * { - background-color: rgba(102, 102, 102, 0.6); -} -/* Modifier: 'uk-dotnav-vertical' - ========================================================================== */ -/* - * 1. Change direction - * 2. Gutter - */ -.uk-dotnav-vertical { - /* 1 */ - flex-direction: column; - /* 2 */ - margin-left: 0; - margin-top: -12px; -} -/* 2 */ -.uk-dotnav-vertical > * { - padding-left: 0; - padding-top: 12px; -} -/* ======================================================================== - Component: Dropdown - ========================================================================== */ -/* - * Adopts `uk-drop` - * 1. Reset drop and let text expand the width instead of wrapping - * 2. Set a default width - * 3. Style - */ -.uk-dropdown { - --uk-position-offset: 10px; - --uk-position-viewport-offset: 15px; - --uk-inverse: dark; - /* 1 */ - width: auto; - /* 2 */ - min-width: 200px; - /* 3 */ - padding: 15px; - background: #f8f8f8; - color: #666; -} -/* - * Remove margin from the last-child - */ -.uk-dropdown > :last-child { - margin-bottom: 0; -} -.uk-dropdown :focus-visible { - outline-color: #333 !important; -} -/* Size modifier - ========================================================================== */ -.uk-dropdown-large { - padding: 40px; -} -/* Dropbar modifier - ========================================================================== */ -/* - * 1. Reset dropdown width to prevent to early shifting - * 2. Reset style - * 3. Padding - */ -.uk-dropdown-dropbar { - --uk-position-offset: 10px; - /* 1 */ - width: auto; - /* 2 */ - background: transparent; - /* 3 */ - padding: 15px 0 15px 0; - --uk-position-viewport-offset: 15px; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-dropdown-dropbar { - --uk-position-viewport-offset: 30px; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-dropdown-dropbar { - --uk-position-viewport-offset: 40px; - } -} -.uk-dropdown-dropbar-large { - padding-top: 40px; - padding-bottom: 40px; -} -/* Nav - * Adopts `uk-nav` - ========================================================================== */ -/* - * Items - */ -.uk-dropdown-nav > li > a { - color: #999; -} -/* Hover + Active */ -.uk-dropdown-nav > li > a:hover, -.uk-dropdown-nav > li.uk-active > a { - color: #666; -} -/* - * Subtitle - */ -.uk-dropdown-nav .uk-nav-subtitle { - font-size: 0.875rem; -} -/* - * Header - */ -.uk-dropdown-nav .uk-nav-header { - color: #333; -} -/* - * Divider - */ -.uk-dropdown-nav .uk-nav-divider { - border-top: 1px solid #e5e5e5; -} -/* - * Sublists - */ -.uk-dropdown-nav .uk-nav-sub a { - color: #999; -} -.uk-dropdown-nav .uk-nav-sub a:hover, -.uk-dropdown-nav .uk-nav-sub li.uk-active > a { - color: #666; -} -/* ======================================================================== - Component: Lightbox - ========================================================================== */ -/* - * 1. Hide by default - * 2. Set position - * 3. Allow scrolling for the modal dialog - * 4. Horizontal padding - * 5. Mask the background page - * 6. Fade-in transition - * 7. Prevent cancellation of pointer events while dragging - */ -.uk-lightbox { - --uk-inverse: light; - /* 1 */ - display: none; - /* 2 */ - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1010; - /* 5 */ - background: #000; - /* 6 */ - opacity: 0; - transition: opacity 0.15s linear; - /* 7 */ - touch-action: pinch-zoom; -} -/* - * Open - * 1. Center child - * 2. Fade-in - */ -.uk-lightbox.uk-open { - display: block; - /* 2 */ - opacity: 1; -} -/* - * Focus - */ -.uk-lightbox :focus-visible { - outline-color: rgba(255, 255, 255, 0.7); -} -/* Page - ========================================================================== */ -/* - * Prevent scrollbars - */ -.uk-lightbox-page { - overflow: hidden; -} -/* Items - ========================================================================== */ -/* - * Reset list - */ -.uk-lightbox-items { - margin: 0; - padding: 0; - list-style: none; -} -/* - * 1. Center child within the viewport - * 2. Not visible by default - * 3. Optimize animation - * 4. Responsiveness - * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera - */ -.uk-lightbox-items > * { - /* 1 */ - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - /* 2 */ - display: none; - justify-content: center; - align-items: flex-start; - /* 3 */ - will-change: transform, opacity; - /* 4 */ - overflow: auto; -} -/* 2 */ -.uk-lightbox-items > .uk-active { - display: flex; -} -.uk-lightbox-items-fit > * { - align-items: center; -} -/* 4 */ -.uk-lightbox-items-fit > * > * { - max-width: 100vw; - max-height: 100vh; -} -.uk-lightbox-items-fit > * > :not(iframe) { - width: auto; - height: auto; -} -/* Zoom Cursor */ -.uk-lightbox-items.uk-lightbox-items-fit .uk-lightbox-zoom:hover { - cursor: zoom-in; -} -.uk-lightbox-items:not(.uk-lightbox-items-fit) .uk-lightbox-zoom:hover { - cursor: zoom-out; -} -/* Navs - ========================================================================== */ -.uk-lightbox-thumbnav-vertical :where(img, video) { - max-width: 100px; -} -.uk-lightbox-thumbnav:not(.uk-lightbox-thumbnav-vertical) :where(img, video) { - max-height: 100px; -} -.uk-lightbox-thumbnav:empty, -.uk-lightbox-dotnav:empty { - display: none; -} -/* Caption - ========================================================================== */ -.uk-lightbox-caption:empty { - display: none; -} -.uk-lightbox-caption { - padding: 10px 10px; - background: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.7); -} -.uk-lightbox-caption > * { - color: rgba(255, 255, 255, 0.7); -} -/* Counter - ========================================================================== */ -.uk-lightbox-counter:empty { - display: none; -} -/* Iframe - ========================================================================== */ -.uk-lightbox-iframe { - width: 80%; - height: 80%; -} -/* ======================================================================== - Component: Animation - ========================================================================== */ -[class*="uk-animation-"] { - animation: 0.5s ease-out both; -} -/* Animations - ========================================================================== */ -/* - * Fade - */ -.uk-animation-fade { - animation-name: uk-fade; - animation-duration: 0.8s; - animation-timing-function: linear; -} -/* - * Scale - */ -.uk-animation-scale-up { - animation-name: uk-fade, uk-scale-up; -} -.uk-animation-scale-down { - animation-name: uk-fade, uk-scale-down; -} -/* - * Slide - */ -.uk-animation-slide-top { - animation-name: uk-fade, uk-slide-top; -} -.uk-animation-slide-bottom { - animation-name: uk-fade, uk-slide-bottom; -} -.uk-animation-slide-left { - animation-name: uk-fade, uk-slide-left; -} -.uk-animation-slide-right { - animation-name: uk-fade, uk-slide-right; -} -/* - * Slide Small - */ -.uk-animation-slide-top-small { - animation-name: uk-fade, uk-slide-top-small; -} -.uk-animation-slide-bottom-small { - animation-name: uk-fade, uk-slide-bottom-small; -} -.uk-animation-slide-left-small { - animation-name: uk-fade, uk-slide-left-small; -} -.uk-animation-slide-right-small { - animation-name: uk-fade, uk-slide-right-small; -} -/* - * Slide Medium - */ -.uk-animation-slide-top-medium { - animation-name: uk-fade, uk-slide-top-medium; -} -.uk-animation-slide-bottom-medium { - animation-name: uk-fade, uk-slide-bottom-medium; -} -.uk-animation-slide-left-medium { - animation-name: uk-fade, uk-slide-left-medium; -} -.uk-animation-slide-right-medium { - animation-name: uk-fade, uk-slide-right-medium; -} -/* - * Kenburns - */ -.uk-animation-kenburns { - animation-name: uk-kenburns; - animation-duration: 15s; -} -/* - * Shake - */ -.uk-animation-shake { - animation-name: uk-shake; -} -/* - * SVG Stroke - * The `--uk-animation-stroke` custom property contains the longest path length. - * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically. - * All strokes are animated by the same pace and doesn't end simultaneously. - * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet. - */ -.uk-animation-stroke { - animation-name: uk-stroke; - animation-duration: 2s; - stroke-dasharray: var(--uk-animation-stroke); -} -/* Direction modifier - ========================================================================== */ -.uk-animation-reverse { - animation-direction: reverse; - animation-timing-function: ease-in; -} -/* Duration modifier - ========================================================================== */ -.uk-animation-fast { - animation-duration: 0.1s; -} -/* Toggle animation based on the State of the Parent Element - ========================================================================== */ -.uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] { - animation-name: none; -} -/* Keyframes used by animation classes - ========================================================================== */ -/* - * Fade - */ -@keyframes uk-fade { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -/* - * Scale - */ -@keyframes uk-scale-up { - 0% { - transform: scale(0.9); - } - 100% { - transform: scale(1); - } -} -@keyframes uk-scale-down { - 0% { - transform: scale(1.1); - } - 100% { - transform: scale(1); - } -} -/* - * Slide - */ -@keyframes uk-slide-top { - 0% { - transform: translateY(-100%); - } - 100% { - transform: translateY(0); - } -} -@keyframes uk-slide-bottom { - 0% { - transform: translateY(100%); - } - 100% { - transform: translateY(0); - } -} -@keyframes uk-slide-left { - 0% { - transform: translateX(-100%); - } - 100% { - transform: translateX(0); - } -} -@keyframes uk-slide-right { - 0% { - transform: translateX(100%); - } - 100% { - transform: translateX(0); - } -} -/* - * Slide Small - */ -@keyframes uk-slide-top-small { - 0% { - transform: translateY(-10px); - } - 100% { - transform: translateY(0); - } -} -@keyframes uk-slide-bottom-small { - 0% { - transform: translateY(10px); - } - 100% { - transform: translateY(0); - } -} -@keyframes uk-slide-left-small { - 0% { - transform: translateX(-10px); - } - 100% { - transform: translateX(0); - } -} -@keyframes uk-slide-right-small { - 0% { - transform: translateX(10px); - } - 100% { - transform: translateX(0); - } -} -/* - * Slide Medium - */ -@keyframes uk-slide-top-medium { - 0% { - transform: translateY(-50px); - } - 100% { - transform: translateY(0); - } -} -@keyframes uk-slide-bottom-medium { - 0% { - transform: translateY(50px); - } - 100% { - transform: translateY(0); - } -} -@keyframes uk-slide-left-medium { - 0% { - transform: translateX(-50px); - } - 100% { - transform: translateX(0); - } -} -@keyframes uk-slide-right-medium { - 0% { - transform: translateX(50px); - } - 100% { - transform: translateX(0); - } -} -/* - * Kenburns - */ -@keyframes uk-kenburns { - 0% { - transform: scale(1); - } - 100% { - transform: scale(1.2); - } -} -/* - * Shake - */ -@keyframes uk-shake { - 0%, - 100% { - transform: translateX(0); - } - 10% { - transform: translateX(-9px); - } - 20% { - transform: translateX(8px); - } - 30% { - transform: translateX(-7px); - } - 40% { - transform: translateX(6px); - } - 50% { - transform: translateX(-5px); - } - 60% { - transform: translateX(4px); - } - 70% { - transform: translateX(-3px); - } - 80% { - transform: translateX(2px); - } - 90% { - transform: translateX(-1px); - } -} -/* - * Stroke - */ -@keyframes uk-stroke { - 0% { - stroke-dashoffset: var(--uk-animation-stroke); - } - 100% { - stroke-dashoffset: 0; - } -} -/* ======================================================================== - Component: Width - ========================================================================== */ -/* Equal child widths - ========================================================================== */ -[class*="uk-child-width"] > * { - box-sizing: border-box; - width: 100%; -} -.uk-child-width-1-2 > * { - width: 50%; -} -.uk-child-width-1-3 > * { - width: calc(100% / 3); -} -.uk-child-width-1-4 > * { - width: 25%; -} -.uk-child-width-1-5 > * { - width: 20%; -} -.uk-child-width-1-6 > * { - width: calc(100% / 6); -} -.uk-child-width-auto > * { - width: auto; -} -/* - * 1. Reset the `min-width`, which is set to auto by default, because - * flex items won't shrink below their minimum intrinsic content size. - * Using `1px` instead of `0`, so items still wrap into the next line, - * if they have zero width and padding and the predecessor is 100% wide. - */ -.uk-child-width-expand > :not([class*="uk-width"]) { - flex: 1; - /* 1 */ - min-width: 1px; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-child-width-1-1\@s > * { - width: 100%; - } - .uk-child-width-1-2\@s > * { - width: 50%; - } - .uk-child-width-1-3\@s > * { - width: calc(100% / 3); - } - .uk-child-width-1-4\@s > * { - width: 25%; - } - .uk-child-width-1-5\@s > * { - width: 20%; - } - .uk-child-width-1-6\@s > * { - width: calc(100% / 6); - } - .uk-child-width-auto\@s > * { - width: auto; - } - .uk-child-width-expand\@s > :not([class*="uk-width"]) { - flex: 1; - min-width: 1px; - } - /* Reset expand */ - .uk-child-width-1-1\@s > :not([class*="uk-width"]), - .uk-child-width-1-2\@s > :not([class*="uk-width"]), - .uk-child-width-1-3\@s > :not([class*="uk-width"]), - .uk-child-width-1-4\@s > :not([class*="uk-width"]), - .uk-child-width-1-5\@s > :not([class*="uk-width"]), - .uk-child-width-1-6\@s > :not([class*="uk-width"]), - .uk-child-width-auto\@s > :not([class*="uk-width"]) { - flex: initial; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-child-width-1-1\@m > * { - width: 100%; - } - .uk-child-width-1-2\@m > * { - width: 50%; - } - .uk-child-width-1-3\@m > * { - width: calc(100% / 3); - } - .uk-child-width-1-4\@m > * { - width: 25%; - } - .uk-child-width-1-5\@m > * { - width: 20%; - } - .uk-child-width-1-6\@m > * { - width: calc(100% / 6); - } - .uk-child-width-auto\@m > * { - width: auto; - } - .uk-child-width-expand\@m > :not([class*="uk-width"]) { - flex: 1; - min-width: 1px; - } - /* Reset expand */ - .uk-child-width-1-1\@m > :not([class*="uk-width"]), - .uk-child-width-1-2\@m > :not([class*="uk-width"]), - .uk-child-width-1-3\@m > :not([class*="uk-width"]), - .uk-child-width-1-4\@m > :not([class*="uk-width"]), - .uk-child-width-1-5\@m > :not([class*="uk-width"]), - .uk-child-width-1-6\@m > :not([class*="uk-width"]), - .uk-child-width-auto\@m > :not([class*="uk-width"]) { - flex: initial; - } -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-child-width-1-1\@l > * { - width: 100%; - } - .uk-child-width-1-2\@l > * { - width: 50%; - } - .uk-child-width-1-3\@l > * { - width: calc(100% / 3); - } - .uk-child-width-1-4\@l > * { - width: 25%; - } - .uk-child-width-1-5\@l > * { - width: 20%; - } - .uk-child-width-1-6\@l > * { - width: calc(100% / 6); - } - .uk-child-width-auto\@l > * { - width: auto; - } - .uk-child-width-expand\@l > :not([class*="uk-width"]) { - flex: 1; - min-width: 1px; - } - /* Reset expand */ - .uk-child-width-1-1\@l > :not([class*="uk-width"]), - .uk-child-width-1-2\@l > :not([class*="uk-width"]), - .uk-child-width-1-3\@l > :not([class*="uk-width"]), - .uk-child-width-1-4\@l > :not([class*="uk-width"]), - .uk-child-width-1-5\@l > :not([class*="uk-width"]), - .uk-child-width-1-6\@l > :not([class*="uk-width"]), - .uk-child-width-auto\@l > :not([class*="uk-width"]) { - flex: initial; - } -} -/* Large screen and bigger */ -@media (min-width: 1600px) { - .uk-child-width-1-1\@xl > * { - width: 100%; - } - .uk-child-width-1-2\@xl > * { - width: 50%; - } - .uk-child-width-1-3\@xl > * { - width: calc(100% / 3); - } - .uk-child-width-1-4\@xl > * { - width: 25%; - } - .uk-child-width-1-5\@xl > * { - width: 20%; - } - .uk-child-width-1-6\@xl > * { - width: calc(100% / 6); - } - .uk-child-width-auto\@xl > * { - width: auto; - } - .uk-child-width-expand\@xl > :not([class*="uk-width"]) { - flex: 1; - min-width: 1px; - } - /* Reset expand */ - .uk-child-width-1-1\@xl > :not([class*="uk-width"]), - .uk-child-width-1-2\@xl > :not([class*="uk-width"]), - .uk-child-width-1-3\@xl > :not([class*="uk-width"]), - .uk-child-width-1-4\@xl > :not([class*="uk-width"]), - .uk-child-width-1-5\@xl > :not([class*="uk-width"]), - .uk-child-width-1-6\@xl > :not([class*="uk-width"]), - .uk-child-width-auto\@xl > :not([class*="uk-width"]) { - flex: initial; - } -} -/* Single Widths - ========================================================================== */ -/* - * 1. `max-width` is needed for the pixel-based classes - */ -[class*="uk-width"] { - box-sizing: border-box; - width: 100%; - /* 1 */ - max-width: 100%; -} -/* Halves */ -.uk-width-1-2 { - width: 50%; -} -/* Thirds */ -.uk-width-1-3 { - width: calc(100% / 3); -} -.uk-width-2-3 { - width: calc(200% / 3); -} -/* Quarters */ -.uk-width-1-4 { - width: 25%; -} -.uk-width-3-4 { - width: 75%; -} -/* Fifths */ -.uk-width-1-5 { - width: 20%; -} -.uk-width-2-5 { - width: 40%; -} -.uk-width-3-5 { - width: 60%; -} -.uk-width-4-5 { - width: 80%; -} -/* Sixths */ -.uk-width-1-6 { - width: calc(100% / 6); -} -.uk-width-5-6 { - width: calc(500% / 6); -} -/* Pixel */ -.uk-width-small { - width: 150px; -} -.uk-width-medium { - width: 300px; -} -.uk-width-large { - width: 450px; -} -.uk-width-xlarge { - width: 600px; -} -.uk-width-2xlarge { - width: 750px; -} -/* Auto */ -.uk-width-auto { - width: auto; -} -/* Expand */ -.uk-width-expand { - flex: 1; - min-width: 1px; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - /* Whole */ - .uk-width-1-1\@s { - width: 100%; - } - /* Halves */ - .uk-width-1-2\@s { - width: 50%; - } - /* Thirds */ - .uk-width-1-3\@s { - width: calc(100% / 3); - } - .uk-width-2-3\@s { - width: calc(200% / 3); - } - /* Quarters */ - .uk-width-1-4\@s { - width: 25%; - } - .uk-width-3-4\@s { - width: 75%; - } - /* Fifths */ - .uk-width-1-5\@s { - width: 20%; - } - .uk-width-2-5\@s { - width: 40%; - } - .uk-width-3-5\@s { - width: 60%; - } - .uk-width-4-5\@s { - width: 80%; - } - /* Sixths */ - .uk-width-1-6\@s { - width: calc(100% / 6); - } - .uk-width-5-6\@s { - width: calc(500% / 6); - } - /* Pixel */ - .uk-width-small\@s { - width: 150px; - } - .uk-width-medium\@s { - width: 300px; - } - .uk-width-large\@s { - width: 450px; - } - .uk-width-xlarge\@s { - width: 600px; - } - .uk-width-2xlarge\@s { - width: 750px; - } - /* Auto */ - .uk-width-auto\@s { - width: auto; - } - /* Expand */ - .uk-width-expand\@s { - flex: 1; - min-width: 1px; - } - /* Reset expand */ - .uk-width-1-1\@s, - .uk-width-1-2\@s, - .uk-width-1-3\@s, - .uk-width-2-3\@s, - .uk-width-1-4\@s, - .uk-width-3-4\@s, - .uk-width-1-5\@s, - .uk-width-2-5\@s, - .uk-width-3-5\@s, - .uk-width-4-5\@s, - .uk-width-1-6\@s, - .uk-width-5-6\@s, - .uk-width-small\@s, - .uk-width-medium\@s, - .uk-width-large\@s, - .uk-width-xlarge\@s, - .uk-width-2xlarge\@s, - .uk-width-auto\@s { - flex: initial; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - /* Whole */ - .uk-width-1-1\@m { - width: 100%; - } - /* Halves */ - .uk-width-1-2\@m { - width: 50%; - } - /* Thirds */ - .uk-width-1-3\@m { - width: calc(100% / 3); - } - .uk-width-2-3\@m { - width: calc(200% / 3); - } - /* Quarters */ - .uk-width-1-4\@m { - width: 25%; - } - .uk-width-3-4\@m { - width: 75%; - } - /* Fifths */ - .uk-width-1-5\@m { - width: 20%; - } - .uk-width-2-5\@m { - width: 40%; - } - .uk-width-3-5\@m { - width: 60%; - } - .uk-width-4-5\@m { - width: 80%; - } - /* Sixths */ - .uk-width-1-6\@m { - width: calc(100% / 6); - } - .uk-width-5-6\@m { - width: calc(500% / 6); - } - /* Pixel */ - .uk-width-small\@m { - width: 150px; - } - .uk-width-medium\@m { - width: 300px; - } - .uk-width-large\@m { - width: 450px; - } - .uk-width-xlarge\@m { - width: 600px; - } - .uk-width-2xlarge\@m { - width: 750px; - } - /* Auto */ - .uk-width-auto\@m { - width: auto; - } - /* Expand */ - .uk-width-expand\@m { - flex: 1; - min-width: 1px; - } - /* Reset expand */ - .uk-width-1-1\@m, - .uk-width-1-2\@m, - .uk-width-1-3\@m, - .uk-width-2-3\@m, - .uk-width-1-4\@m, - .uk-width-3-4\@m, - .uk-width-1-5\@m, - .uk-width-2-5\@m, - .uk-width-3-5\@m, - .uk-width-4-5\@m, - .uk-width-1-6\@m, - .uk-width-5-6\@m, - .uk-width-small\@m, - .uk-width-medium\@m, - .uk-width-large\@m, - .uk-width-xlarge\@m, - .uk-width-2xlarge\@m, - .uk-width-auto\@m { - flex: initial; - } -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - /* Whole */ - .uk-width-1-1\@l { - width: 100%; - } - /* Halves */ - .uk-width-1-2\@l { - width: 50%; - } - /* Thirds */ - .uk-width-1-3\@l { - width: calc(100% / 3); - } - .uk-width-2-3\@l { - width: calc(200% / 3); - } - /* Quarters */ - .uk-width-1-4\@l { - width: 25%; - } - .uk-width-3-4\@l { - width: 75%; - } - /* Fifths */ - .uk-width-1-5\@l { - width: 20%; - } - .uk-width-2-5\@l { - width: 40%; - } - .uk-width-3-5\@l { - width: 60%; - } - .uk-width-4-5\@l { - width: 80%; - } - /* Sixths */ - .uk-width-1-6\@l { - width: calc(100% / 6); - } - .uk-width-5-6\@l { - width: calc(500% / 6); - } - /* Pixel */ - .uk-width-small\@l { - width: 150px; - } - .uk-width-medium\@l { - width: 300px; - } - .uk-width-large\@l { - width: 450px; - } - .uk-width-xlarge\@l { - width: 600px; - } - .uk-width-2xlarge\@l { - width: 750px; - } - /* Auto */ - .uk-width-auto\@l { - width: auto; - } - /* Expand */ - .uk-width-expand\@l { - flex: 1; - min-width: 1px; - } - /* Reset expand */ - .uk-width-1-1\@l, - .uk-width-1-2\@l, - .uk-width-1-3\@l, - .uk-width-2-3\@l, - .uk-width-1-4\@l, - .uk-width-3-4\@l, - .uk-width-1-5\@l, - .uk-width-2-5\@l, - .uk-width-3-5\@l, - .uk-width-4-5\@l, - .uk-width-1-6\@l, - .uk-width-5-6\@l, - .uk-width-small\@l, - .uk-width-medium\@l, - .uk-width-large\@l, - .uk-width-xlarge\@l, - .uk-width-2xlarge\@l, - .uk-width-auto\@l { - flex: initial; - } -} -/* Large screen and bigger */ -@media (min-width: 1600px) { - /* Whole */ - .uk-width-1-1\@xl { - width: 100%; - } - /* Halves */ - .uk-width-1-2\@xl { - width: 50%; - } - /* Thirds */ - .uk-width-1-3\@xl { - width: calc(100% / 3); - } - .uk-width-2-3\@xl { - width: calc(200% / 3); - } - /* Quarters */ - .uk-width-1-4\@xl { - width: 25%; - } - .uk-width-3-4\@xl { - width: 75%; - } - /* Fifths */ - .uk-width-1-5\@xl { - width: 20%; - } - .uk-width-2-5\@xl { - width: 40%; - } - .uk-width-3-5\@xl { - width: 60%; - } - .uk-width-4-5\@xl { - width: 80%; - } - /* Sixths */ - .uk-width-1-6\@xl { - width: calc(100% / 6); - } - .uk-width-5-6\@xl { - width: calc(500% / 6); - } - /* Pixel */ - .uk-width-small\@xl { - width: 150px; - } - .uk-width-medium\@xl { - width: 300px; - } - .uk-width-large\@xl { - width: 450px; - } - .uk-width-xlarge\@xl { - width: 600px; - } - .uk-width-2xlarge\@xl { - width: 750px; - } - /* Auto */ - .uk-width-auto\@xl { - width: auto; - } - /* Expand */ - .uk-width-expand\@xl { - flex: 1; - min-width: 1px; - } - /* Reset expand */ - .uk-width-1-1\@xl, - .uk-width-1-2\@xl, - .uk-width-1-3\@xl, - .uk-width-2-3\@xl, - .uk-width-1-4\@xl, - .uk-width-3-4\@xl, - .uk-width-1-5\@xl, - .uk-width-2-5\@xl, - .uk-width-3-5\@xl, - .uk-width-4-5\@xl, - .uk-width-1-6\@xl, - .uk-width-5-6\@xl, - .uk-width-small\@xl, - .uk-width-medium\@xl, - .uk-width-large\@xl, - .uk-width-xlarge\@xl, - .uk-width-2xlarge\@xl, - .uk-width-auto\@xl { - flex: initial; - } -} -/* Intrinsic Widths - ========================================================================== */ -.uk-width-max-content { - width: max-content; -} -.uk-width-min-content { - width: min-content; -} -/* ======================================================================== - Component: Height - ========================================================================== */ -[class*="uk-height"] { - box-sizing: border-box; -} -/* - * Only works if parent element has a height set - */ -.uk-height-1-1 { - height: 100%; -} -/* - * Useful to create image teasers - */ -.uk-height-viewport { - min-height: 100vh; -} -.uk-height-viewport-2 { - min-height: 200vh; -} -.uk-height-viewport-3 { - min-height: 300vh; -} -.uk-height-viewport-4 { - min-height: 400vh; -} -/* - * Pixel - * Useful for `overflow: auto` - */ -.uk-height-small { - height: 150px; -} -.uk-height-medium { - height: 300px; -} -.uk-height-large { - height: 450px; -} -.uk-height-max-small { - max-height: 150px; -} -.uk-height-max-medium { - max-height: 300px; -} -.uk-height-max-large { - max-height: 450px; -} -/* ======================================================================== - Component: Text - ========================================================================== */ -/* Style modifiers - ========================================================================== */ -.uk-text-lead { - font-size: 1.5rem; - line-height: 1.5; - color: #333; -} -.uk-text-meta { - font-size: 0.875rem; - line-height: 1.4; - color: #999; -} -/* Size modifiers - ========================================================================== */ -.uk-text-small { - font-size: 0.875rem; - line-height: 1.5; -} -.uk-text-large { - font-size: 1.5rem; - line-height: 1.5; -} -.uk-text-default { - font-size: 16px; - line-height: 1.5; -} -/* Weight modifier - ========================================================================== */ -.uk-text-light { - font-weight: 300; -} -.uk-text-normal { - font-weight: 400; -} -.uk-text-bold { - font-weight: 700; -} -.uk-text-lighter { - font-weight: lighter; -} -.uk-text-bolder { - font-weight: bolder; -} -/* Style modifier - ========================================================================== */ -.uk-text-italic { - font-style: italic; -} -/* Transform modifier - ========================================================================== */ -.uk-text-capitalize { - text-transform: capitalize !important; -} -.uk-text-uppercase { - text-transform: uppercase !important; -} -.uk-text-lowercase { - text-transform: lowercase !important; -} -/* Decoration modifier - ========================================================================== */ -.uk-text-decoration-none { - text-decoration: none !important; -} -/* Color modifiers - ========================================================================== */ -.uk-text-muted { - color: #999 !important; -} -.uk-text-emphasis { - color: #333 !important; -} -.uk-text-primary { - color: #1e87f0 !important; -} -.uk-text-secondary { - color: #222 !important; -} -.uk-text-success { - color: #32d296 !important; -} -.uk-text-warning { - color: #faa05a !important; -} -.uk-text-danger { - color: #f0506e !important; -} -/* Background modifier - ========================================================================== */ -/* - * 1. The background clips to the foreground text. Works in all browsers. - * 2. Default color is set to transparent. - * 3. Container fits the text - * 4. Style - */ -.uk-text-background { - /* 1 */ - -webkit-background-clip: text; - /* 2 */ - color: transparent !important; - /* 3 */ - display: inline-block; - /* 4 */ - background-color: #1e87f0; -} -/* Alignment modifiers - ========================================================================== */ -.uk-text-left { - text-align: left !important; -} -.uk-text-right { - text-align: right !important; -} -.uk-text-center { - text-align: center !important; -} -.uk-text-justify { - text-align: justify !important; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-text-left\@s { - text-align: left !important; - } - .uk-text-right\@s { - text-align: right !important; - } - .uk-text-center\@s { - text-align: center !important; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-text-left\@m { - text-align: left !important; - } - .uk-text-right\@m { - text-align: right !important; - } - .uk-text-center\@m { - text-align: center !important; - } -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-text-left\@l { - text-align: left !important; - } - .uk-text-right\@l { - text-align: right !important; - } - .uk-text-center\@l { - text-align: center !important; - } -} -/* Large screen and bigger */ -@media (min-width: 1600px) { - .uk-text-left\@xl { - text-align: left !important; - } - .uk-text-right\@xl { - text-align: right !important; - } - .uk-text-center\@xl { - text-align: center !important; - } -} -/* - * Vertical - */ -.uk-text-top { - vertical-align: top !important; -} -.uk-text-middle { - vertical-align: middle !important; -} -.uk-text-bottom { - vertical-align: bottom !important; -} -.uk-text-baseline { - vertical-align: baseline !important; -} -/* Wrap modifiers - ========================================================================== */ -/* - * Prevent text from wrapping onto multiple lines - */ -.uk-text-nowrap { - white-space: nowrap; -} -/* - * 1. Make sure a max-width is set after which truncation can occur - * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis - * 3. Fix for table cells - */ -.uk-text-truncate { - /* 1 */ - max-width: 100%; - /* 2 */ - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -/* 2 */ -th.uk-text-truncate, -td.uk-text-truncate { - max-width: 0; -} -/* - * Wrap long words onto the next line and break them if they are too long to fit. - * 1. Make it work with table cells in all browsers. - * Note: Not using `hyphens: auto` because it hyphenates text even if not needed. - */ -.uk-text-break { - overflow-wrap: break-word; -} -/* 1 */ -th.uk-text-break, -td.uk-text-break { - word-break: break-word; -} -/* Stroke modifiers - ========================================================================== */ -.uk-text-stroke { - -webkit-text-stroke: calc(1.4px + 0.002em); - -webkit-text-fill-color: transparent; -} -/* ======================================================================== - Component: Column - ========================================================================== */ -[class*="uk-column-"] { - column-gap: 30px; -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - [class*="uk-column-"] { - column-gap: 40px; - } -} -/* - * Fix image 1px line wrapping into the next column in Chrome - */ -[class*="uk-column-"] img { - transform: translate3d(0, 0, 0); -} -/* Divider - ========================================================================== */ -/* - * 1. Double the column gap - */ -.uk-column-divider { - column-rule: 1px solid #e5e5e5; - /* 1 */ - column-gap: 60px; -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-column-divider { - column-gap: 80px; - } -} -/* Width modifiers - ========================================================================== */ -.uk-column-1-2 { - column-count: 2; -} -.uk-column-1-3 { - column-count: 3; -} -.uk-column-1-4 { - column-count: 4; -} -.uk-column-1-5 { - column-count: 5; -} -.uk-column-1-6 { - column-count: 6; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-column-1-2\@s { - column-count: 2; - } - .uk-column-1-3\@s { - column-count: 3; - } - .uk-column-1-4\@s { - column-count: 4; - } - .uk-column-1-5\@s { - column-count: 5; - } - .uk-column-1-6\@s { - column-count: 6; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-column-1-2\@m { - column-count: 2; - } - .uk-column-1-3\@m { - column-count: 3; - } - .uk-column-1-4\@m { - column-count: 4; - } - .uk-column-1-5\@m { - column-count: 5; - } - .uk-column-1-6\@m { - column-count: 6; - } -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-column-1-2\@l { - column-count: 2; - } - .uk-column-1-3\@l { - column-count: 3; - } - .uk-column-1-4\@l { - column-count: 4; - } - .uk-column-1-5\@l { - column-count: 5; - } - .uk-column-1-6\@l { - column-count: 6; - } -} -/* Large screen and bigger */ -@media (min-width: 1600px) { - .uk-column-1-2\@xl { - column-count: 2; - } - .uk-column-1-3\@xl { - column-count: 3; - } - .uk-column-1-4\@xl { - column-count: 4; - } - .uk-column-1-5\@xl { - column-count: 5; - } - .uk-column-1-6\@xl { - column-count: 6; - } -} -/* Make element span across all columns - * Does not work in Firefox yet - ========================================================================== */ -.uk-column-span { - column-span: all; -} -/* ======================================================================== - Component: Cover - ========================================================================== */ -/* - * Works with iframes and embedded content - * 1. Use attribute to apply transform instantly. Needed if transform is transitioned. - * 2. Reset responsiveness for embedded content - * 3. Center object - * Note: Percent values on the `top` property only works if this element - * is absolute positioned or if the container has a height - */ -/* 1 */ -[uk-cover]:where(canvas, iframe, svg), -[data-uk-cover]:where(canvas, iframe, svg) { - /* 2 */ - max-width: none; - /* 3 */ - position: absolute; - left: 50%; - top: 50%; - --uk-position-translate-x: -50%; - --uk-position-translate-y: -50%; - transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); -} -iframe[uk-cover], -iframe[data-uk-cover] { - pointer-events: none; -} -[uk-cover]:where(img, video), -[data-uk-cover]:where(img, video) { - /* 3 */ - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-sizing: border-box; - object-fit: cover; - object-position: center; -} -/* Container - ========================================================================== */ -/* - * 1. Parent container which clips resized object - * 2. Needed if the child is positioned absolute. See note above - */ -.uk-cover-container { - /* 1 */ - overflow: hidden; - /* 2 */ - position: relative; -} -/* ======================================================================== - Component: Background - ========================================================================== */ -/* Color - ========================================================================== */ -.uk-background-default { - background-color: #fff; -} -.uk-background-muted { - background-color: #f8f8f8; -} -.uk-background-primary { - background-color: #1e87f0; -} -.uk-background-secondary { - background-color: #222; -} -/* Size - ========================================================================== */ -.uk-background-cover, -.uk-background-contain, -.uk-background-width-1-1, -.uk-background-height-1-1 { - background-position: 50% 50%; - background-repeat: no-repeat; -} -.uk-background-cover { - background-size: cover; -} -.uk-background-contain { - background-size: contain; -} -.uk-background-width-1-1 { - background-size: 100%; -} -.uk-background-height-1-1 { - background-size: auto 100%; -} -/* Position - ========================================================================== */ -.uk-background-top-left { - background-position: 0 0; -} -.uk-background-top-center { - background-position: 50% 0; -} -.uk-background-top-right { - background-position: 100% 0; -} -.uk-background-center-left { - background-position: 0 50%; -} -.uk-background-center-center { - background-position: 50% 50%; -} -.uk-background-center-right { - background-position: 100% 50%; -} -.uk-background-bottom-left { - background-position: 0 100%; -} -.uk-background-bottom-center { - background-position: 50% 100%; -} -.uk-background-bottom-right { - background-position: 100% 100%; -} -/* Repeat - ========================================================================== */ -.uk-background-norepeat { - background-repeat: no-repeat; -} -/* Attachment - ========================================================================== */ -.uk-background-fixed { - background-attachment: fixed; -} -/* - * Exclude touch devices because `fixed` doesn't work on iOS and Android - */ -@media (pointer: coarse) { - .uk-background-fixed { - background-attachment: scroll; - } -} -/* Image - ========================================================================== */ -/* Phone portrait and smaller */ -@media (max-width: 639px) { - .uk-background-image\@s { - background-image: none !important; - } -} -/* Phone landscape and smaller */ -@media (max-width: 959px) { - .uk-background-image\@m { - background-image: none !important; - } -} -/* Tablet landscape and smaller */ -@media (max-width: 1199px) { - .uk-background-image\@l { - background-image: none !important; - } -} -/* Desktop and smaller */ -@media (max-width: 1599px) { - .uk-background-image\@xl { - background-image: none !important; - } -} -/* Blend modes - ========================================================================== */ -.uk-background-blend-multiply { - background-blend-mode: multiply; -} -.uk-background-blend-screen { - background-blend-mode: screen; -} -.uk-background-blend-overlay { - background-blend-mode: overlay; -} -.uk-background-blend-darken { - background-blend-mode: darken; -} -.uk-background-blend-lighten { - background-blend-mode: lighten; -} -.uk-background-blend-color-dodge { - background-blend-mode: color-dodge; -} -.uk-background-blend-color-burn { - background-blend-mode: color-burn; -} -.uk-background-blend-hard-light { - background-blend-mode: hard-light; -} -.uk-background-blend-soft-light { - background-blend-mode: soft-light; -} -.uk-background-blend-difference { - background-blend-mode: difference; -} -.uk-background-blend-exclusion { - background-blend-mode: exclusion; -} -.uk-background-blend-hue { - background-blend-mode: hue; -} -.uk-background-blend-saturation { - background-blend-mode: saturation; -} -.uk-background-blend-color { - background-blend-mode: color; -} -.uk-background-blend-luminosity { - background-blend-mode: luminosity; -} -/* ======================================================================== - Component: Align - ========================================================================== */ -/* - * Default - */ -[class*="uk-align"] { - display: block; - margin-bottom: 30px; -} -* + [class*="uk-align"] { - margin-top: 30px; -} -/* - * Center - */ -.uk-align-center { - margin-left: auto; - margin-right: auto; -} -/* - * Left/Right - */ -.uk-align-left { - margin-top: 0; - margin-right: 30px; - float: left; -} -.uk-align-right { - margin-top: 0; - margin-left: 30px; - float: right; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-align-left\@s { - margin-top: 0; - margin-right: 30px; - float: left; - } - .uk-align-right\@s { - margin-top: 0; - margin-left: 30px; - float: right; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-align-left\@m { - margin-top: 0; - margin-right: 30px; - float: left; - } - .uk-align-right\@m { - margin-top: 0; - margin-left: 30px; - float: right; - } -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-align-left\@l { - margin-top: 0; - float: left; - } - .uk-align-right\@l { - margin-top: 0; - float: right; - } - .uk-align-left, - .uk-align-left\@s, - .uk-align-left\@m, - .uk-align-left\@l { - margin-right: 40px; - } - .uk-align-right, - .uk-align-right\@s, - .uk-align-right\@m, - .uk-align-right\@l { - margin-left: 40px; - } -} -/* Large screen and bigger */ -@media (min-width: 1600px) { - .uk-align-left\@xl { - margin-top: 0; - margin-right: 40px; - float: left; - } - .uk-align-right\@xl { - margin-top: 0; - margin-left: 40px; - float: right; - } -} -/* ======================================================================== - Component: SVG - ========================================================================== */ -/* - * 1. Fill all SVG elements with the current text color if no `fill` attribute is set - * 2. Set the fill and stroke color of all SVG elements to the current text color - */ -/* 1 */ -.uk-svg, -.uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) { - fill: currentcolor; -} -.uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) { - stroke: currentcolor; -} -/* - * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 - */ -.uk-svg { - transform: translate(0, 0); -} -/* ======================================================================== - Component: Utility - ========================================================================== */ -/* Panel - ========================================================================== */ -.uk-panel { - display: flow-root; - position: relative; - box-sizing: border-box; -} -/* - * Remove margin from the last-child - */ -.uk-panel > :last-child { - margin-bottom: 0; -} -/* - * Scrollable - */ -.uk-panel-scrollable { - height: 170px; - padding: 10px; - border: 1px solid #e5e5e5; - overflow: auto; - resize: both; -} -/* Clearfix - ========================================================================== */ -/* - * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit - * 2. `table` is used again with `::after` because `clear` only works with block elements. - * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari - */ -/* 1 */ -.uk-clearfix::before { - content: ""; - display: table-cell; -} -/* 2 */ -.uk-clearfix::after { - content: ""; - display: table; - clear: both; -} -/* Float - ========================================================================== */ -/* - * 1. Prevent content overflow - */ -.uk-float-left { - float: left; -} -.uk-float-right { - float: right; -} -/* 1 */ -[class*="uk-float-"] { - max-width: 100%; -} -/* Overflow - ========================================================================== */ -.uk-overflow-hidden { - overflow: hidden; -} -/* - * Enable scrollbars if content is clipped - */ -.uk-overflow-auto { - overflow: auto; -} -.uk-overflow-auto > :last-child { - margin-bottom: 0; -} -/* Box Sizing - ========================================================================== */ -.uk-box-sizing-content { - box-sizing: content-box; -} -.uk-box-sizing-border { - box-sizing: border-box; -} -/* Resize - ========================================================================== */ -.uk-resize { - resize: both; -} -.uk-resize-horizontal { - resize: horizontal; -} -.uk-resize-vertical { - resize: vertical; -} -/* Display - ========================================================================== */ -.uk-display-block { - display: block !important; -} -.uk-display-inline { - display: inline !important; -} -.uk-display-inline-block { - display: inline-block !important; -} -/* Inline - ========================================================================== */ -/* - * 1. Container fits its content - * 2. Create position context - * 3. Prevent content overflow - * 4. Behave like most inline-block elements - * 5. Force new layer without creating a new stacking context - * to fix 1px glitch when combined with overlays and transitions in Webkit - * 6. Clip child elements - */ -[class*="uk-inline"] { - /* 1 */ - display: inline-block; - /* 2 */ - position: relative; - /* 3 */ - max-width: 100%; - /* 4 */ - vertical-align: middle; - /* 5 */ - -webkit-backface-visibility: hidden; -} -.uk-inline-clip { - /* 6 */ - overflow: hidden; -} -/* Responsive objects - ========================================================================== */ -/* - * Preserve original dimensions - * Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component - */ -.uk-preserve-width, -.uk-preserve-width canvas, -.uk-preserve-width img, -.uk-preserve-width svg, -.uk-preserve-width video { - max-width: none; -} -/* - * Responsiveness - * Corrects `max-width` and `max-height` behavior if padding and border are used - */ -.uk-responsive-width, -.uk-responsive-height { - box-sizing: border-box; -} -/* - * 1. Set a maximum width. `important` needed to override `uk-preserve-width img` - * 2. Auto scale the height. Only needed if `height` attribute is present - */ -.uk-responsive-width { - /* 1 */ - max-width: 100% !important; - /* 2 */ - height: auto; -} -/* - * 1. Set a maximum height. Only works if the parent element has a fixed height - * 2. Auto scale the width. Only needed if `width` attribute is present - * 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default - */ -.uk-responsive-height { - /* 1 */ - max-height: 100%; - /* 2 */ - width: auto; - /* 3 */ - max-width: none; -} -/* - * Fix initial iframe width. Without the viewport is expanded on iOS devices - */ -[uk-responsive], -[data-uk-responsive] { - max-width: 100%; -} -/* Object - ========================================================================== */ -.uk-object-cover { - object-fit: cover; -} -.uk-object-contain { - object-fit: contain; -} -.uk-object-fill { - object-fit: fill; -} -.uk-object-none { - object-fit: none; -} -.uk-object-scale-down { - object-fit: scale-down; -} -/* - * Position - */ -.uk-object-top-left { - object-position: 0 0; -} -.uk-object-top-center { - object-position: 50% 0; -} -.uk-object-top-right { - object-position: 100% 0; -} -.uk-object-center-left { - object-position: 0 50%; -} -.uk-object-center-center { - object-position: 50% 50%; -} -.uk-object-center-right { - object-position: 100% 50%; -} -.uk-object-bottom-left { - object-position: 0 100%; -} -.uk-object-bottom-center { - object-position: 50% 100%; -} -.uk-object-bottom-right { - object-position: 100% 100%; -} -/* Border - ========================================================================== */ -.uk-border-circle { - border-radius: 50%; -} -.uk-border-pill { - border-radius: 500px; -} -.uk-border-rounded { - border-radius: 5px; -} -/* - * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit - */ -.uk-inline-clip[class*="uk-border-"] { - -webkit-transform: translateZ(0); -} -/* Box-shadow - ========================================================================== */ -.uk-box-shadow-small { - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); -} -.uk-box-shadow-medium { - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); -} -.uk-box-shadow-large { - box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); -} -.uk-box-shadow-xlarge { - box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); -} -/* - * Hover - */ -[class*="uk-box-shadow-hover"] { - transition: box-shadow 0.1s ease-in-out; -} -.uk-box-shadow-hover-small:hover { - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); -} -.uk-box-shadow-hover-medium:hover { - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); -} -.uk-box-shadow-hover-large:hover { - box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); -} -.uk-box-shadow-hover-xlarge:hover { - box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); -} -/* Box-shadow bottom - ========================================================================== */ -/* - * 1. Set position. - * 2. Set style - * 3. Fix shadow being clipped in Safari if container is animated - */ -@supports (filter: blur(0)) { - .uk-box-shadow-bottom { - display: inline-block; - position: relative; - z-index: 0; - max-width: 100%; - vertical-align: middle; - } - .uk-box-shadow-bottom::after { - content: ""; - /* 1 */ - position: absolute; - bottom: -30px; - left: 0; - right: 0; - z-index: -1; - /* 2 */ - height: 30px; - border-radius: 100%; - background: #444; - filter: blur(20px); - /* 3 */ - will-change: filter; - } -} -/* Drop cap - ========================================================================== */ -/* - * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements - * https://bugzilla.mozilla.org/show_bug.cgi?id=214004 - * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height` - * https://bugzilla.mozilla.org/show_bug.cgi?id=317933 - */ -.uk-dropcap::first-letter, -.uk-dropcap > p:first-of-type::first-letter { - display: block; - margin-right: 10px; - float: left; - font-size: 4.5em; - line-height: 1; -} -/* 2 */ -@-moz-document url-prefix() { - .uk-dropcap::first-letter, - .uk-dropcap > p:first-of-type::first-letter { - margin-top: 1.1%; - } -} -/* Logo - ========================================================================== */ -/* - * 1. Style - * 2. Required for `a` - * 3. Behave like image but can be overridden through flex utility classes - */ -.uk-logo { - /* 1 */ - font-size: 1.5rem; - 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"; - color: #333; - /* 2 */ - text-decoration: none; -} -/* 3 */ -:where(.uk-logo) { - display: inline-block; - vertical-align: middle; -} -/* Hover */ -.uk-logo:hover { - color: #333; - /* 1 */ - text-decoration: none; -} -.uk-logo :where(img, svg, video) { - display: block; -} -.uk-logo-inverse { - display: none; -} -/* Disabled State - ========================================================================== */ -.uk-disabled { - pointer-events: none; -} -/* Drag State - ========================================================================== */ -/* - * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons - * 2. Fix dragging over iframes - */ -.uk-drag, -.uk-drag * { - cursor: move; -} -/* 2 */ -.uk-drag iframe { - pointer-events: none; -} -/* Dragover State - ========================================================================== */ -/* - * Create a box-shadow when dragging a file over the upload area - */ -.uk-dragover { - box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); -} -/* Blend modes - ========================================================================== */ -.uk-blend-multiply { - mix-blend-mode: multiply; -} -.uk-blend-screen { - mix-blend-mode: screen; -} -.uk-blend-overlay { - mix-blend-mode: overlay; -} -.uk-blend-darken { - mix-blend-mode: darken; -} -.uk-blend-lighten { - mix-blend-mode: lighten; -} -.uk-blend-color-dodge { - mix-blend-mode: color-dodge; -} -.uk-blend-color-burn { - mix-blend-mode: color-burn; -} -.uk-blend-hard-light { - mix-blend-mode: hard-light; -} -.uk-blend-soft-light { - mix-blend-mode: soft-light; -} -.uk-blend-difference { - mix-blend-mode: difference; -} -.uk-blend-exclusion { - mix-blend-mode: exclusion; -} -.uk-blend-hue { - mix-blend-mode: hue; -} -.uk-blend-saturation { - mix-blend-mode: saturation; -} -.uk-blend-color { - mix-blend-mode: color; -} -.uk-blend-luminosity { - mix-blend-mode: luminosity; -} -/* Transform -========================================================================== */ -.uk-transform-center { - transform: translate(-50%, -50%); -} -/* Transform Origin -========================================================================== */ -.uk-transform-origin-top-left { - transform-origin: 0 0; -} -.uk-transform-origin-top-center { - transform-origin: 50% 0; -} -.uk-transform-origin-top-right { - transform-origin: 100% 0; -} -.uk-transform-origin-center-left { - transform-origin: 0 50%; -} -.uk-transform-origin-center-right { - transform-origin: 100% 50%; -} -.uk-transform-origin-bottom-left { - transform-origin: 0 100%; -} -.uk-transform-origin-bottom-center { - transform-origin: 50% 100%; -} -.uk-transform-origin-bottom-right { - transform-origin: 100% 100%; -} -/* ======================================================================== - Component: Flex - ========================================================================== */ -.uk-flex { - display: flex; -} -.uk-flex-inline { - display: inline-flex; -} -/* Alignment - ========================================================================== */ -/* - * Align items along the main axis of the current line of the flex container - * Row: Horizontal - */ -.uk-flex-left { - justify-content: flex-start; -} -.uk-flex-center { - justify-content: center; -} -.uk-flex-right { - justify-content: flex-end; -} -.uk-flex-between { - justify-content: space-between; -} -.uk-flex-around { - justify-content: space-around; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-flex-left\@s { - justify-content: flex-start; - } - .uk-flex-center\@s { - justify-content: center; - } - .uk-flex-right\@s { - justify-content: flex-end; - } - .uk-flex-between\@s { - justify-content: space-between; - } - .uk-flex-around\@s { - justify-content: space-around; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-flex-left\@m { - justify-content: flex-start; - } - .uk-flex-center\@m { - justify-content: center; - } - .uk-flex-right\@m { - justify-content: flex-end; - } - .uk-flex-between\@m { - justify-content: space-between; - } - .uk-flex-around\@m { - justify-content: space-around; - } -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-flex-left\@l { - justify-content: flex-start; - } - .uk-flex-center\@l { - justify-content: center; - } - .uk-flex-right\@l { - justify-content: flex-end; - } - .uk-flex-between\@l { - justify-content: space-between; - } - .uk-flex-around\@l { - justify-content: space-around; - } -} -/* Large screen and bigger */ -@media (min-width: 1600px) { - .uk-flex-left\@xl { - justify-content: flex-start; - } - .uk-flex-center\@xl { - justify-content: center; - } - .uk-flex-right\@xl { - justify-content: flex-end; - } - .uk-flex-between\@xl { - justify-content: space-between; - } - .uk-flex-around\@xl { - justify-content: space-around; - } -} -/* - * Align items in the cross axis of the current line of the flex container - * Row: Vertical - */ -.uk-flex-stretch { - align-items: stretch; -} -.uk-flex-top { - align-items: flex-start; -} -.uk-flex-middle { - align-items: center; -} -.uk-flex-bottom { - align-items: flex-end; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-flex-stretch\@s { - align-items: stretch; - } - .uk-flex-top\@s { - align-items: flex-start; - } - .uk-flex-middle\@s { - align-items: center; - } - .uk-flex-bottom\@s { - align-items: flex-end; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-flex-stretch\@m { - align-items: stretch; - } - .uk-flex-top\@m { - align-items: flex-start; - } - .uk-flex-middle\@m { - align-items: center; - } - .uk-flex-bottom\@m { - align-items: flex-end; - } -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-flex-stretch\@l { - align-items: stretch; - } - .uk-flex-top\@l { - align-items: flex-start; - } - .uk-flex-middle\@l { - align-items: center; - } - .uk-flex-bottom\@l { - align-items: flex-end; - } -} -/* Large screen and bigger */ -@media (min-width: 1600px) { - .uk-flex-stretch\@xl { - align-items: stretch; - } - .uk-flex-top\@xl { - align-items: flex-start; - } - .uk-flex-middle\@xl { - align-items: center; - } - .uk-flex-bottom\@xl { - align-items: flex-end; - } -} -/* Direction - ========================================================================== */ -.uk-flex-row { - flex-direction: row; -} -.uk-flex-row-reverse { - flex-direction: row-reverse; -} -.uk-flex-column { - flex-direction: column; -} -.uk-flex-column-reverse { - flex-direction: column-reverse; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-flex-row\@s { - flex-direction: row; - } - .uk-flex-column\@s { - flex-direction: column; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-flex-row\@m { - flex-direction: row; - } - .uk-flex-column\@m { - flex-direction: column; - } -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-flex-row\@l { - flex-direction: row; - } - .uk-flex-column\@l { - flex-direction: column; - } -} -/* Large screen and bigger */ -@media (min-width: 1600px) { - .uk-flex-row\@xl { - flex-direction: row; - } - .uk-flex-column\@xl { - flex-direction: column; - } -} -/* Wrap - ========================================================================== */ -.uk-flex-nowrap { - flex-wrap: nowrap; -} -.uk-flex-wrap { - flex-wrap: wrap; -} -.uk-flex-wrap-reverse { - flex-wrap: wrap-reverse; -} -/* - * Aligns items within the flex container when there is extra space in the cross-axis - * Only works if there is more than one line of flex items - */ -.uk-flex-wrap-stretch { - align-content: stretch; -} -.uk-flex-wrap-top { - align-content: flex-start; -} -.uk-flex-wrap-middle { - align-content: center; -} -.uk-flex-wrap-bottom { - align-content: flex-end; -} -.uk-flex-wrap-between { - align-content: space-between; -} -.uk-flex-wrap-around { - align-content: space-around; -} -/* Item ordering - ========================================================================== */ -/* - * Default is 0 - */ -.uk-flex-first { - order: -1; -} -.uk-flex-last { - order: 99; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-flex-first\@s { - order: -1; - } - .uk-flex-last\@s { - order: 99; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-flex-first\@m { - order: -1; - } - .uk-flex-last\@m { - order: 99; - } -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-flex-first\@l { - order: -1; - } - .uk-flex-last\@l { - order: 99; - } -} -/* Large screen and bigger */ -@media (min-width: 1600px) { - .uk-flex-first\@xl { - order: -1; - } - .uk-flex-last\@xl { - order: 99; - } -} -/* Item dimensions - ========================================================================== */ -/* - * Initial: 0 1 auto - * Content dimensions, but shrinks - */ -.uk-flex-initial { - flex: initial; -} -/* - * No Flex: 0 0 auto - * Content dimensions - */ -.uk-flex-none { - flex: none; -} -/* - * Relative Flex: 1 1 auto - * Space is allocated considering content - */ -.uk-flex-auto { - flex: auto; -} -/* - * Absolute Flex: 1 1 0% - * Space is allocated solely based on flex - */ -.uk-flex-1 { - flex: 1; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-flex-initial\@s { - flex: initial; - } - .uk-flex-none\@s { - flex: none; - } - .uk-flex-1\@s { - flex: 1; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-flex-initial\@m { - flex: initial; - } - .uk-flex-none\@m { - flex: none; - } - .uk-flex-1\@m { - flex: 1; - } -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-flex-initial\@l { - flex: initial; - } - .uk-flex-none\@l { - flex: none; - } - .uk-flex-1\@l { - flex: 1; - } -} -/* Large screen and bigger */ -@media (min-width: 1600px) { - .uk-flex-initial\@xl { - flex: initial; - } - .uk-flex-none\@xl { - flex: none; - } - .uk-flex-1\@xl { - flex: 1; - } -} -/* ======================================================================== - Component: Margin - ========================================================================== */ -/* - * Default - */ -.uk-margin { - margin-bottom: 20px; -} -* + .uk-margin { - margin-top: 20px !important; -} -.uk-margin-top { - margin-top: 20px !important; -} -.uk-margin-bottom { - margin-bottom: 20px !important; -} -.uk-margin-left { - margin-left: 20px !important; -} -.uk-margin-right { - margin-right: 20px !important; -} -/* XSmall - ========================================================================== */ -.uk-margin-xsmall { - margin-bottom: 5px; -} -* + .uk-margin-xsmall { - margin-top: 5px !important; -} -.uk-margin-xsmall-top { - margin-top: 5px !important; -} -.uk-margin-xsmall-bottom { - margin-bottom: 5px !important; -} -.uk-margin-xsmall-left { - margin-left: 5px !important; -} -.uk-margin-xsmall-right { - margin-right: 5px !important; -} -/* Small - ========================================================================== */ -.uk-margin-small { - margin-bottom: 10px; -} -* + .uk-margin-small { - margin-top: 10px !important; -} -.uk-margin-small-top { - margin-top: 10px !important; -} -.uk-margin-small-bottom { - margin-bottom: 10px !important; -} -.uk-margin-small-left { - margin-left: 10px !important; -} -.uk-margin-small-right { - margin-right: 10px !important; -} -/* Medium - ========================================================================== */ -.uk-margin-medium { - margin-bottom: 40px; -} -* + .uk-margin-medium { - margin-top: 40px !important; -} -.uk-margin-medium-top { - margin-top: 40px !important; -} -.uk-margin-medium-bottom { - margin-bottom: 40px !important; -} -.uk-margin-medium-left { - margin-left: 40px !important; -} -.uk-margin-medium-right { - margin-right: 40px !important; -} -/* Large - ========================================================================== */ -.uk-margin-large { - margin-bottom: 40px; -} -* + .uk-margin-large { - margin-top: 40px !important; -} -.uk-margin-large-top { - margin-top: 40px !important; -} -.uk-margin-large-bottom { - margin-bottom: 40px !important; -} -.uk-margin-large-left { - margin-left: 40px !important; -} -.uk-margin-large-right { - margin-right: 40px !important; -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-margin-large { - margin-bottom: 70px; - } - * + .uk-margin-large { - margin-top: 70px !important; - } - .uk-margin-large-top { - margin-top: 70px !important; - } - .uk-margin-large-bottom { - margin-bottom: 70px !important; - } - .uk-margin-large-left { - margin-left: 70px !important; - } - .uk-margin-large-right { - margin-right: 70px !important; - } -} -/* XLarge - ========================================================================== */ -.uk-margin-xlarge { - margin-bottom: 70px; -} -* + .uk-margin-xlarge { - margin-top: 70px !important; -} -.uk-margin-xlarge-top { - margin-top: 70px !important; -} -.uk-margin-xlarge-bottom { - margin-bottom: 70px !important; -} -.uk-margin-xlarge-left { - margin-left: 70px !important; -} -.uk-margin-xlarge-right { - margin-right: 70px !important; -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-margin-xlarge { - margin-bottom: 140px; - } - * + .uk-margin-xlarge { - margin-top: 140px !important; - } - .uk-margin-xlarge-top { - margin-top: 140px !important; - } - .uk-margin-xlarge-bottom { - margin-bottom: 140px !important; - } - .uk-margin-xlarge-left { - margin-left: 140px !important; - } - .uk-margin-xlarge-right { - margin-right: 140px !important; - } -} -/* Auto - ========================================================================== */ -.uk-margin-auto { - margin-left: auto !important; - margin-right: auto !important; -} -.uk-margin-auto-top { - margin-top: auto !important; -} -.uk-margin-auto-bottom { - margin-bottom: auto !important; -} -.uk-margin-auto-left { - margin-left: auto !important; -} -.uk-margin-auto-right { - margin-right: auto !important; -} -.uk-margin-auto-vertical { - margin-top: auto !important; - margin-bottom: auto !important; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-margin-auto\@s { - margin-left: auto !important; - margin-right: auto !important; - } - .uk-margin-auto-left\@s { - margin-left: auto !important; - } - .uk-margin-auto-right\@s { - margin-right: auto !important; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-margin-auto\@m { - margin-left: auto !important; - margin-right: auto !important; - } - .uk-margin-auto-left\@m { - margin-left: auto !important; - } - .uk-margin-auto-right\@m { - margin-right: auto !important; - } -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-margin-auto\@l { - margin-left: auto !important; - margin-right: auto !important; - } - .uk-margin-auto-left\@l { - margin-left: auto !important; - } - .uk-margin-auto-right\@l { - margin-right: auto !important; - } -} -/* Large screen and bigger */ -@media (min-width: 1600px) { - .uk-margin-auto\@xl { - margin-left: auto !important; - margin-right: auto !important; - } - .uk-margin-auto-left\@xl { - margin-left: auto !important; - } - .uk-margin-auto-right\@xl { - margin-right: auto !important; - } -} -/* Remove - ========================================================================== */ -.uk-margin-remove { - margin: 0 !important; -} -.uk-margin-remove-top { - margin-top: 0 !important; -} -.uk-margin-remove-bottom { - margin-bottom: 0 !important; -} -.uk-margin-remove-left { - margin-left: 0 !important; -} -.uk-margin-remove-right { - margin-right: 0 !important; -} -.uk-margin-remove-vertical { - margin-top: 0 !important; - margin-bottom: 0 !important; -} -.uk-margin-remove-adjacent + *, -.uk-margin-remove-first-child > :first-child { - margin-top: 0 !important; -} -.uk-margin-remove-last-child > :last-child { - margin-bottom: 0 !important; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-margin-remove-left\@s { - margin-left: 0 !important; - } - .uk-margin-remove-right\@s { - margin-right: 0 !important; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-margin-remove-left\@m { - margin-left: 0 !important; - } - .uk-margin-remove-right\@m { - margin-right: 0 !important; - } -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-margin-remove-left\@l { - margin-left: 0 !important; - } - .uk-margin-remove-right\@l { - margin-right: 0 !important; - } -} -/* Large screen and bigger */ -@media (min-width: 1600px) { - .uk-margin-remove-left\@xl { - margin-left: 0 !important; - } - .uk-margin-remove-right\@xl { - margin-right: 0 !important; - } -} -/* ======================================================================== - Component: Padding - ========================================================================== */ -.uk-padding { - padding: 30px; -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-padding { - padding: 40px; - } -} -/* Small - ========================================================================== */ -.uk-padding-small { - padding: 15px; -} -/* Large - ========================================================================== */ -.uk-padding-large { - padding: 40px; -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-padding-large { - padding: 70px; - } -} -/* Remove - ========================================================================== */ -.uk-padding-remove { - padding: 0 !important; -} -.uk-padding-remove-top { - padding-top: 0 !important; -} -.uk-padding-remove-bottom { - padding-bottom: 0 !important; -} -.uk-padding-remove-left { - padding-left: 0 !important; -} -.uk-padding-remove-right { - padding-right: 0 !important; -} -.uk-padding-remove-vertical { - padding-top: 0 !important; - padding-bottom: 0 !important; -} -.uk-padding-remove-horizontal { - padding-left: 0 !important; - padding-right: 0 !important; -} -/* ======================================================================== - Component: Position - ========================================================================== */ -:root { - --uk-position-margin-offset: 0px; -} -/* Directions - ========================================================================== */ -/* - * 1. Prevent content overflow. - */ -[class*="uk-position-top"], -[class*="uk-position-bottom"], -[class*="uk-position-left"], -[class*="uk-position-right"], -[class*="uk-position-center"] { - position: absolute !important; - /* 1 */ - max-width: calc(100% - (var(--uk-position-margin-offset) * 2)); - box-sizing: border-box; -} -/* - * Edges - * Don't use `width: 100%` because it's wrong if the parent has padding. - */ -.uk-position-top { - top: 0; - left: 0; - right: 0; -} -.uk-position-bottom { - bottom: 0; - left: 0; - right: 0; -} -.uk-position-left { - top: 0; - bottom: 0; - left: 0; -} -.uk-position-right { - top: 0; - bottom: 0; - right: 0; -} -/* - * Corners - */ -.uk-position-top-left { - top: 0; - left: 0; -} -.uk-position-top-right { - top: 0; - right: 0; -} -.uk-position-bottom-left { - bottom: 0; - left: 0; -} -.uk-position-bottom-right { - bottom: 0; - right: 0; -} -/* - * Center - * 1. Fix text wrapping if content is larger than 50% of the container. - * Using `max-content` requires `max-width` of 100% which is set generally. - */ -.uk-position-center { - top: calc(50% - var(--uk-position-margin-offset)); - left: calc(50% - var(--uk-position-margin-offset)); - --uk-position-translate-x: -50%; - --uk-position-translate-y: -50%; - transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); - /* 1 */ - width: max-content; -} -/* Vertical */ -[class*="uk-position-center-left"], -[class*="uk-position-center-right"], -.uk-position-center-vertical { - top: calc(50% - var(--uk-position-margin-offset)); - --uk-position-translate-y: -50%; - transform: translate(0, var(--uk-position-translate-y)); -} -.uk-position-center-left { - left: 0; -} -.uk-position-center-right { - right: 0; -} -.uk-position-center-vertical { - left: 0; - right: 0; -} -.uk-position-center-left-out { - right: 100%; - width: max-content; -} -.uk-position-center-right-out { - left: 100%; - width: max-content; -} -/* Horizontal */ -.uk-position-top-center, -.uk-position-bottom-center, -.uk-position-center-horizontal { - left: calc(50% - var(--uk-position-margin-offset)); - --uk-position-translate-x: -50%; - transform: translate(var(--uk-position-translate-x), 0); - /* 1 */ - width: max-content; -} -.uk-position-top-center { - top: 0; -} -.uk-position-bottom-center { - bottom: 0; -} -.uk-position-center-horizontal { - top: 0; - bottom: 0; -} -/* - * Cover - */ -.uk-position-cover { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; -} -/* Margin - ========================================================================== */ -.uk-position-small { - margin: 15px; - --uk-position-margin-offset: 15px; -} -.uk-position-medium { - margin: 30px; - --uk-position-margin-offset: 30px; -} -.uk-position-large { - margin: 30px; - --uk-position-margin-offset: 30px; -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-position-large { - margin: 50px; - --uk-position-margin-offset: 50px; - } -} -/* Schemes - ========================================================================== */ -.uk-position-relative { - position: relative !important; -} -.uk-position-absolute { - position: absolute !important; -} -.uk-position-fixed { - position: fixed !important; -} -.uk-position-sticky { - position: sticky !important; -} -/* Layer - ========================================================================== */ -.uk-position-z-index { - z-index: 1; -} -.uk-position-z-index-zero { - z-index: 0; -} -.uk-position-z-index-negative { - z-index: -1; -} -.uk-position-z-index-high { - z-index: 990; -} -/* ======================================================================== - Component: Transition - ========================================================================== */ -/* Transitions - ========================================================================== */ -/* - * The toggle is triggered on touch devices by two methods: - * 1. Using `:focus` and tabindex - * 2. Using `:hover` and a `touchstart` event listener registered on the document - * (Doesn't work on Surface touch devices) - */ -:where(.uk-transition-fade), -:where([class*="uk-transition-scale"]), -:where([class*="uk-transition-slide"]) { - --uk-position-translate-x: 0; - --uk-position-translate-y: 0; -} -.uk-transition-fade, -[class*="uk-transition-scale"], -[class*="uk-transition-slide"] { - --uk-translate-x: 0; - --uk-translate-y: 0; - --uk-scale-x: 1; - --uk-scale-y: 1; - transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y)); - transition: 0.3s ease-out; - transition-property: opacity, transform, filter; - opacity: 0; -} -/* - * Fade - */ -.uk-transition-toggle:hover .uk-transition-fade, -.uk-transition-toggle:focus .uk-transition-fade, -.uk-transition-toggle:focus-within .uk-transition-fade, -.uk-transition-active.uk-active .uk-transition-fade { - opacity: 1; -} -/* - * Scale - * 1. Make image rendering the same during the transition as before and after. Prefixed because of Safari. - */ -/* 1 */ -[class*="uk-transition-scale"] { - -webkit-backface-visibility: hidden; -} -.uk-transition-scale-up { - --uk-scale-x: 1; - --uk-scale-y: 1; -} -.uk-transition-scale-down { - --uk-scale-x: 1.03; - --uk-scale-y: 1.03; -} -/* Show */ -.uk-transition-toggle:hover .uk-transition-scale-up, -.uk-transition-toggle:focus .uk-transition-scale-up, -.uk-transition-toggle:focus-within .uk-transition-scale-up, -.uk-transition-active.uk-active .uk-transition-scale-up { - --uk-scale-x: 1.03; - --uk-scale-y: 1.03; - opacity: 1; -} -.uk-transition-toggle:hover .uk-transition-scale-down, -.uk-transition-toggle:focus .uk-transition-scale-down, -.uk-transition-toggle:focus-within .uk-transition-scale-down, -.uk-transition-active.uk-active .uk-transition-scale-down { - --uk-scale-x: 1; - --uk-scale-y: 1; - opacity: 1; -} -/* - * Slide - */ -.uk-transition-slide-top { - --uk-translate-y: -100%; -} -.uk-transition-slide-bottom { - --uk-translate-y: 100%; -} -.uk-transition-slide-left { - --uk-translate-x: -100%; -} -.uk-transition-slide-right { - --uk-translate-x: 100%; -} -.uk-transition-slide-top-small { - --uk-translate-y: calc(-1 * 10px); -} -.uk-transition-slide-bottom-small { - --uk-translate-y: 10px; -} -.uk-transition-slide-left-small { - --uk-translate-x: calc(-1 * 10px); -} -.uk-transition-slide-right-small { - --uk-translate-x: 10px; -} -.uk-transition-slide-top-medium { - --uk-translate-y: calc(-1 * 50px); -} -.uk-transition-slide-bottom-medium { - --uk-translate-y: 50px; -} -.uk-transition-slide-left-medium { - --uk-translate-x: calc(-1 * 50px); -} -.uk-transition-slide-right-medium { - --uk-translate-x: 50px; -} -/* Show */ -.uk-transition-toggle:hover [class*="uk-transition-slide"], -.uk-transition-toggle:focus [class*="uk-transition-slide"], -.uk-transition-toggle:focus-within [class*="uk-transition-slide"], -.uk-transition-active.uk-active [class*="uk-transition-slide"] { - --uk-translate-x: 0; - --uk-translate-y: 0; - opacity: 1; -} -/* Opacity modifier - ========================================================================== */ -.uk-transition-opaque { - opacity: 1; -} -/* Duration modifier - ========================================================================== */ -.uk-transition-slow { - transition-duration: 0.7s; -} -/* Disable modifier - ========================================================================== */ -.uk-transition-disable, -.uk-transition-disable * { - transition: none !important; -} -/* ======================================================================== - Component: Visibility - ========================================================================== */ -/* - * Hidden - * `hidden` attribute also set here to make it stronger - */ -[hidden], -.uk-hidden, -.uk-hidden-empty:empty { - display: none !important; -} -/* Phone landscape and bigger */ -@media (min-width: 640px) { - .uk-hidden\@s { - display: none !important; - } -} -/* Tablet landscape and bigger */ -@media (min-width: 960px) { - .uk-hidden\@m { - display: none !important; - } -} -/* Desktop and bigger */ -@media (min-width: 1200px) { - .uk-hidden\@l { - display: none !important; - } -} -/* Large screen and bigger */ -@media (min-width: 1600px) { - .uk-hidden\@xl { - display: none !important; - } -} -/* - * Visible - */ -/* Phone portrait and smaller */ -@media (max-width: 639px) { - .uk-visible\@s { - display: none !important; - } -} -/* Phone landscape and smaller */ -@media (max-width: 959px) { - .uk-visible\@m { - display: none !important; - } -} -/* Tablet landscape and smaller */ -@media (max-width: 1199px) { - .uk-visible\@l { - display: none !important; - } -} -/* Desktop and smaller */ -@media (max-width: 1599px) { - .uk-visible\@xl { - display: none !important; - } -} -/* Visibility - ========================================================================== */ -.uk-invisible { - visibility: hidden !important; -} -/* Based on the State of the Parent Element - ========================================================================== */ -/* - * Mind that `display: none`, `visibility: hidden` and `opacity: 0` - * remove the element from the accessibility tree and that - * `display: none` and `visibility: hidden` are not focusable. - * - * The target stays visible if any element within receives focus through keyboard. - */ -/* - * Remove space when hidden. - * 1. Remove from document flow. - * 2. Hide element and shrink its dimension. Current browsers and screen readers - * keep the element in the accessibility tree even with zero dimensions. - * Using `tabindex="-1"` will show the element on touch devices. - * Note: `clip-path` doesn't work with `tabindex` on touch devices. - */ -.uk-hidden-visually:not(:focus):not(:active):not(:focus-within), -.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)) { - /* 1 */ - position: absolute !important; - /* 2 */ - width: 0 !important; - height: 0 !important; - padding: 0 !important; - border: 0 !important; - margin: 0 !important; - overflow: hidden !important; -} -/* - * Keep space when hidden. - * Hide element without shrinking its dimension. - * Note: `clip-path` doesn't work with hover for elements outside of the toggle box. - */ -.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { - opacity: 0 !important; -} -/* Based on Hover Capability of the Pointing Device - ========================================================================== */ -/* - * Hover - */ -/* Hide if primary pointing device doesn't support hover, e.g. touch screens. */ -@media (hover: none) { - .uk-hidden-touch { - display: none !important; - } -} -/* Hide if primary pointing device supports hover, e.g. mice. */ -@media (hover) { - .uk-hidden-notouch { - display: none !important; - } -} -/* ======================================================================== - Component: Inverse - ========================================================================== */ -/* - * Implemented class depends on the general theme color - * `uk-light` is for light colors on dark backgrounds - * `uk-dark` is or dark colors on light backgrounds - */ -.uk-light, -.uk-section-primary:not(.uk-preserve-color), -.uk-section-secondary:not(.uk-preserve-color), -.uk-tile-primary:not(.uk-preserve-color), -.uk-tile-secondary:not(.uk-preserve-color), -.uk-card-primary.uk-card-body, -.uk-card-primary > :not([class*="uk-card-media"]), -.uk-card-secondary.uk-card-body, -.uk-card-secondary > :not([class*="uk-card-media"]), -.uk-overlay-primary, -.uk-offcanvas-bar { - color: rgba(255, 255, 255, 0.7); - /* Webkit */ - /* Firefox */ - /* Webkit */ - /* Firefox */ -} -.uk-light a, -.uk-light .uk-link, -.uk-section-primary:not(.uk-preserve-color) a, -.uk-section-primary:not(.uk-preserve-color) .uk-link, -.uk-section-secondary:not(.uk-preserve-color) a, -.uk-section-secondary:not(.uk-preserve-color) .uk-link, -.uk-tile-primary:not(.uk-preserve-color) a, -.uk-tile-primary:not(.uk-preserve-color) .uk-link, -.uk-tile-secondary:not(.uk-preserve-color) a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-link, -.uk-card-primary.uk-card-body a, -.uk-card-primary.uk-card-body .uk-link, -.uk-card-primary > :not([class*="uk-card-media"]) a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-link, -.uk-card-secondary.uk-card-body a, -.uk-card-secondary.uk-card-body .uk-link, -.uk-card-secondary > :not([class*="uk-card-media"]) a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link, -.uk-overlay-primary a, -.uk-overlay-primary .uk-link, -.uk-offcanvas-bar a, -.uk-offcanvas-bar .uk-link { - color: #fff; -} -.uk-light a:hover, -.uk-light .uk-link:hover, -.uk-light .uk-link-toggle:hover .uk-link, -.uk-section-primary:not(.uk-preserve-color) a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-link:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, -.uk-section-secondary:not(.uk-preserve-color) a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, -.uk-tile-primary:not(.uk-preserve-color) a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, -.uk-tile-secondary:not(.uk-preserve-color) a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, -.uk-card-primary.uk-card-body a:hover, -.uk-card-primary.uk-card-body .uk-link:hover, -.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link, -.uk-card-primary > :not([class*="uk-card-media"]) a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-link:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link, -.uk-card-secondary.uk-card-body a:hover, -.uk-card-secondary.uk-card-body .uk-link:hover, -.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link, -.uk-card-secondary > :not([class*="uk-card-media"]) a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link, -.uk-overlay-primary a:hover, -.uk-overlay-primary .uk-link:hover, -.uk-overlay-primary .uk-link-toggle:hover .uk-link, -.uk-offcanvas-bar a:hover, -.uk-offcanvas-bar .uk-link:hover, -.uk-offcanvas-bar .uk-link-toggle:hover .uk-link { - color: #fff; -} -.uk-light :not(pre) > code, -.uk-light :not(pre) > kbd, -.uk-light :not(pre) > samp, -.uk-section-primary:not(.uk-preserve-color) :not(pre) > code, -.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, -.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, -.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, -.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, -.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, -.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, -.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, -.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, -.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, -.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, -.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp, -.uk-card-primary.uk-card-body :not(pre) > code, -.uk-card-primary.uk-card-body :not(pre) > kbd, -.uk-card-primary.uk-card-body :not(pre) > samp, -.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > code, -.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > kbd, -.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > samp, -.uk-card-secondary.uk-card-body :not(pre) > code, -.uk-card-secondary.uk-card-body :not(pre) > kbd, -.uk-card-secondary.uk-card-body :not(pre) > samp, -.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > code, -.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > kbd, -.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > samp, -.uk-overlay-primary :not(pre) > code, -.uk-overlay-primary :not(pre) > kbd, -.uk-overlay-primary :not(pre) > samp, -.uk-offcanvas-bar :not(pre) > code, -.uk-offcanvas-bar :not(pre) > kbd, -.uk-offcanvas-bar :not(pre) > samp { - color: rgba(255, 255, 255, 0.7); -} -.uk-light em, -.uk-section-primary:not(.uk-preserve-color) em, -.uk-section-secondary:not(.uk-preserve-color) em, -.uk-tile-primary:not(.uk-preserve-color) em, -.uk-tile-secondary:not(.uk-preserve-color) em, -.uk-card-primary.uk-card-body em, -.uk-card-primary > :not([class*="uk-card-media"]) em, -.uk-card-secondary.uk-card-body em, -.uk-card-secondary > :not([class*="uk-card-media"]) em, -.uk-overlay-primary em, -.uk-offcanvas-bar em { - color: #fff; -} -.uk-light h1, -.uk-light .uk-h1, -.uk-light h2, -.uk-light .uk-h2, -.uk-light h3, -.uk-light .uk-h3, -.uk-light h4, -.uk-light .uk-h4, -.uk-light h5, -.uk-light .uk-h5, -.uk-light h6, -.uk-light .uk-h6, -.uk-light .uk-heading-small, -.uk-light .uk-heading-medium, -.uk-light .uk-heading-large, -.uk-light .uk-heading-xlarge, -.uk-light .uk-heading-2xlarge, -.uk-light .uk-heading-3xlarge, -.uk-section-primary:not(.uk-preserve-color) h1, -.uk-section-primary:not(.uk-preserve-color) .uk-h1, -.uk-section-primary:not(.uk-preserve-color) h2, -.uk-section-primary:not(.uk-preserve-color) .uk-h2, -.uk-section-primary:not(.uk-preserve-color) h3, -.uk-section-primary:not(.uk-preserve-color) .uk-h3, -.uk-section-primary:not(.uk-preserve-color) h4, -.uk-section-primary:not(.uk-preserve-color) .uk-h4, -.uk-section-primary:not(.uk-preserve-color) h5, -.uk-section-primary:not(.uk-preserve-color) .uk-h5, -.uk-section-primary:not(.uk-preserve-color) h6, -.uk-section-primary:not(.uk-preserve-color) .uk-h6, -.uk-section-primary:not(.uk-preserve-color) .uk-heading-small, -.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, -.uk-section-primary:not(.uk-preserve-color) .uk-heading-large, -.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, -.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, -.uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge, -.uk-section-secondary:not(.uk-preserve-color) h1, -.uk-section-secondary:not(.uk-preserve-color) .uk-h1, -.uk-section-secondary:not(.uk-preserve-color) h2, -.uk-section-secondary:not(.uk-preserve-color) .uk-h2, -.uk-section-secondary:not(.uk-preserve-color) h3, -.uk-section-secondary:not(.uk-preserve-color) .uk-h3, -.uk-section-secondary:not(.uk-preserve-color) h4, -.uk-section-secondary:not(.uk-preserve-color) .uk-h4, -.uk-section-secondary:not(.uk-preserve-color) h5, -.uk-section-secondary:not(.uk-preserve-color) .uk-h5, -.uk-section-secondary:not(.uk-preserve-color) h6, -.uk-section-secondary:not(.uk-preserve-color) .uk-h6, -.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, -.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, -.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, -.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, -.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, -.uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, -.uk-tile-primary:not(.uk-preserve-color) h1, -.uk-tile-primary:not(.uk-preserve-color) .uk-h1, -.uk-tile-primary:not(.uk-preserve-color) h2, -.uk-tile-primary:not(.uk-preserve-color) .uk-h2, -.uk-tile-primary:not(.uk-preserve-color) h3, -.uk-tile-primary:not(.uk-preserve-color) .uk-h3, -.uk-tile-primary:not(.uk-preserve-color) h4, -.uk-tile-primary:not(.uk-preserve-color) .uk-h4, -.uk-tile-primary:not(.uk-preserve-color) h5, -.uk-tile-primary:not(.uk-preserve-color) .uk-h5, -.uk-tile-primary:not(.uk-preserve-color) h6, -.uk-tile-primary:not(.uk-preserve-color) .uk-h6, -.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, -.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, -.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, -.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, -.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, -.uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge, -.uk-tile-secondary:not(.uk-preserve-color) h1, -.uk-tile-secondary:not(.uk-preserve-color) .uk-h1, -.uk-tile-secondary:not(.uk-preserve-color) h2, -.uk-tile-secondary:not(.uk-preserve-color) .uk-h2, -.uk-tile-secondary:not(.uk-preserve-color) h3, -.uk-tile-secondary:not(.uk-preserve-color) .uk-h3, -.uk-tile-secondary:not(.uk-preserve-color) h4, -.uk-tile-secondary:not(.uk-preserve-color) .uk-h4, -.uk-tile-secondary:not(.uk-preserve-color) h5, -.uk-tile-secondary:not(.uk-preserve-color) .uk-h5, -.uk-tile-secondary:not(.uk-preserve-color) h6, -.uk-tile-secondary:not(.uk-preserve-color) .uk-h6, -.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, -.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, -.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, -.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, -.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, -.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, -.uk-card-primary.uk-card-body h1, -.uk-card-primary.uk-card-body .uk-h1, -.uk-card-primary.uk-card-body h2, -.uk-card-primary.uk-card-body .uk-h2, -.uk-card-primary.uk-card-body h3, -.uk-card-primary.uk-card-body .uk-h3, -.uk-card-primary.uk-card-body h4, -.uk-card-primary.uk-card-body .uk-h4, -.uk-card-primary.uk-card-body h5, -.uk-card-primary.uk-card-body .uk-h5, -.uk-card-primary.uk-card-body h6, -.uk-card-primary.uk-card-body .uk-h6, -.uk-card-primary.uk-card-body .uk-heading-small, -.uk-card-primary.uk-card-body .uk-heading-medium, -.uk-card-primary.uk-card-body .uk-heading-large, -.uk-card-primary.uk-card-body .uk-heading-xlarge, -.uk-card-primary.uk-card-body .uk-heading-2xlarge, -.uk-card-primary.uk-card-body .uk-heading-3xlarge, -.uk-card-primary > :not([class*="uk-card-media"]) h1, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-h1, -.uk-card-primary > :not([class*="uk-card-media"]) h2, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-h2, -.uk-card-primary > :not([class*="uk-card-media"]) h3, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-h3, -.uk-card-primary > :not([class*="uk-card-media"]) h4, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-h4, -.uk-card-primary > :not([class*="uk-card-media"]) h5, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-h5, -.uk-card-primary > :not([class*="uk-card-media"]) h6, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-h6, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-small, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-medium, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-large, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-xlarge, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-2xlarge, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-3xlarge, -.uk-card-secondary.uk-card-body h1, -.uk-card-secondary.uk-card-body .uk-h1, -.uk-card-secondary.uk-card-body h2, -.uk-card-secondary.uk-card-body .uk-h2, -.uk-card-secondary.uk-card-body h3, -.uk-card-secondary.uk-card-body .uk-h3, -.uk-card-secondary.uk-card-body h4, -.uk-card-secondary.uk-card-body .uk-h4, -.uk-card-secondary.uk-card-body h5, -.uk-card-secondary.uk-card-body .uk-h5, -.uk-card-secondary.uk-card-body h6, -.uk-card-secondary.uk-card-body .uk-h6, -.uk-card-secondary.uk-card-body .uk-heading-small, -.uk-card-secondary.uk-card-body .uk-heading-medium, -.uk-card-secondary.uk-card-body .uk-heading-large, -.uk-card-secondary.uk-card-body .uk-heading-xlarge, -.uk-card-secondary.uk-card-body .uk-heading-2xlarge, -.uk-card-secondary.uk-card-body .uk-heading-3xlarge, -.uk-card-secondary > :not([class*="uk-card-media"]) h1, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h1, -.uk-card-secondary > :not([class*="uk-card-media"]) h2, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h2, -.uk-card-secondary > :not([class*="uk-card-media"]) h3, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h3, -.uk-card-secondary > :not([class*="uk-card-media"]) h4, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h4, -.uk-card-secondary > :not([class*="uk-card-media"]) h5, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h5, -.uk-card-secondary > :not([class*="uk-card-media"]) h6, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h6, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-small, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-medium, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-large, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-xlarge, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-2xlarge, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-3xlarge, -.uk-overlay-primary h1, -.uk-overlay-primary .uk-h1, -.uk-overlay-primary h2, -.uk-overlay-primary .uk-h2, -.uk-overlay-primary h3, -.uk-overlay-primary .uk-h3, -.uk-overlay-primary h4, -.uk-overlay-primary .uk-h4, -.uk-overlay-primary h5, -.uk-overlay-primary .uk-h5, -.uk-overlay-primary h6, -.uk-overlay-primary .uk-h6, -.uk-overlay-primary .uk-heading-small, -.uk-overlay-primary .uk-heading-medium, -.uk-overlay-primary .uk-heading-large, -.uk-overlay-primary .uk-heading-xlarge, -.uk-overlay-primary .uk-heading-2xlarge, -.uk-overlay-primary .uk-heading-3xlarge, -.uk-offcanvas-bar h1, -.uk-offcanvas-bar .uk-h1, -.uk-offcanvas-bar h2, -.uk-offcanvas-bar .uk-h2, -.uk-offcanvas-bar h3, -.uk-offcanvas-bar .uk-h3, -.uk-offcanvas-bar h4, -.uk-offcanvas-bar .uk-h4, -.uk-offcanvas-bar h5, -.uk-offcanvas-bar .uk-h5, -.uk-offcanvas-bar h6, -.uk-offcanvas-bar .uk-h6, -.uk-offcanvas-bar .uk-heading-small, -.uk-offcanvas-bar .uk-heading-medium, -.uk-offcanvas-bar .uk-heading-large, -.uk-offcanvas-bar .uk-heading-xlarge, -.uk-offcanvas-bar .uk-heading-2xlarge, -.uk-offcanvas-bar .uk-heading-3xlarge { - color: #fff; -} -.uk-light hr, -.uk-light .uk-hr, -.uk-section-primary:not(.uk-preserve-color) hr, -.uk-section-primary:not(.uk-preserve-color) .uk-hr, -.uk-section-secondary:not(.uk-preserve-color) hr, -.uk-section-secondary:not(.uk-preserve-color) .uk-hr, -.uk-tile-primary:not(.uk-preserve-color) hr, -.uk-tile-primary:not(.uk-preserve-color) .uk-hr, -.uk-tile-secondary:not(.uk-preserve-color) hr, -.uk-tile-secondary:not(.uk-preserve-color) .uk-hr, -.uk-card-primary.uk-card-body hr, -.uk-card-primary.uk-card-body .uk-hr, -.uk-card-primary > :not([class*="uk-card-media"]) hr, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-hr, -.uk-card-secondary.uk-card-body hr, -.uk-card-secondary.uk-card-body .uk-hr, -.uk-card-secondary > :not([class*="uk-card-media"]) hr, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-hr, -.uk-overlay-primary hr, -.uk-overlay-primary .uk-hr, -.uk-offcanvas-bar hr, -.uk-offcanvas-bar .uk-hr { - border-top-color: rgba(255, 255, 255, 0.2); -} -.uk-light :focus-visible, -.uk-section-primary:not(.uk-preserve-color) :focus-visible, -.uk-section-secondary:not(.uk-preserve-color) :focus-visible, -.uk-tile-primary:not(.uk-preserve-color) :focus-visible, -.uk-tile-secondary:not(.uk-preserve-color) :focus-visible, -.uk-card-primary.uk-card-body :focus-visible, -.uk-card-primary > :not([class*="uk-card-media"]) :focus-visible, -.uk-card-secondary.uk-card-body :focus-visible, -.uk-card-secondary > :not([class*="uk-card-media"]) :focus-visible, -.uk-overlay-primary :focus-visible, -.uk-offcanvas-bar :focus-visible { - outline-color: #fff; -} -.uk-light a.uk-link-muted, -.uk-light .uk-link-muted a, -.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted, -.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, -.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, -.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, -.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, -.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, -.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted, -.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, -.uk-card-primary.uk-card-body a.uk-link-muted, -.uk-card-primary.uk-card-body .uk-link-muted a, -.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-muted, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-muted a, -.uk-card-secondary.uk-card-body a.uk-link-muted, -.uk-card-secondary.uk-card-body .uk-link-muted a, -.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-muted, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-muted a, -.uk-overlay-primary a.uk-link-muted, -.uk-overlay-primary .uk-link-muted a, -.uk-offcanvas-bar a.uk-link-muted, -.uk-offcanvas-bar .uk-link-muted a { - color: rgba(255, 255, 255, 0.5); -} -.uk-light a.uk-link-muted:hover, -.uk-light .uk-link-muted a:hover, -.uk-light .uk-link-toggle:hover .uk-link-muted, -.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, -.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, -.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, -.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, -.uk-card-primary.uk-card-body a.uk-link-muted:hover, -.uk-card-primary.uk-card-body .uk-link-muted a:hover, -.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted, -.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-muted:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-muted a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-muted, -.uk-card-secondary.uk-card-body a.uk-link-muted:hover, -.uk-card-secondary.uk-card-body .uk-link-muted a:hover, -.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted, -.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-muted:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-muted a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-muted, -.uk-overlay-primary a.uk-link-muted:hover, -.uk-overlay-primary .uk-link-muted a:hover, -.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted, -.uk-offcanvas-bar a.uk-link-muted:hover, -.uk-offcanvas-bar .uk-link-muted a:hover, -.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted { - color: rgba(255, 255, 255, 0.7); -} -.uk-light a.uk-link-text:hover, -.uk-light .uk-link-text a:hover, -.uk-light .uk-link-toggle:hover .uk-link-text, -.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, -.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, -.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, -.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, -.uk-card-primary.uk-card-body a.uk-link-text:hover, -.uk-card-primary.uk-card-body .uk-link-text a:hover, -.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text, -.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-text:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-text a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-text, -.uk-card-secondary.uk-card-body a.uk-link-text:hover, -.uk-card-secondary.uk-card-body .uk-link-text a:hover, -.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text, -.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-text:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-text a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-text, -.uk-overlay-primary a.uk-link-text:hover, -.uk-overlay-primary .uk-link-text a:hover, -.uk-overlay-primary .uk-link-toggle:hover .uk-link-text, -.uk-offcanvas-bar a.uk-link-text:hover, -.uk-offcanvas-bar .uk-link-text a:hover, -.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text { - color: rgba(255, 255, 255, 0.5); -} -.uk-light a.uk-link-heading:hover, -.uk-light .uk-link-heading a:hover, -.uk-light .uk-link-toggle:hover .uk-link-heading, -.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, -.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, -.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, -.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, -.uk-card-primary.uk-card-body a.uk-link-heading:hover, -.uk-card-primary.uk-card-body .uk-link-heading a:hover, -.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading, -.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-heading:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-heading a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-heading, -.uk-card-secondary.uk-card-body a.uk-link-heading:hover, -.uk-card-secondary.uk-card-body .uk-link-heading a:hover, -.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading, -.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-heading:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-heading a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-heading, -.uk-overlay-primary a.uk-link-heading:hover, -.uk-overlay-primary .uk-link-heading a:hover, -.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading, -.uk-offcanvas-bar a.uk-link-heading:hover, -.uk-offcanvas-bar .uk-link-heading a:hover, -.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading { - color: #fff; -} -.uk-light .uk-heading-divider, -.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, -.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, -.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, -.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider, -.uk-card-primary.uk-card-body .uk-heading-divider, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-divider, -.uk-card-secondary.uk-card-body .uk-heading-divider, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-divider, -.uk-overlay-primary .uk-heading-divider, -.uk-offcanvas-bar .uk-heading-divider { - border-bottom-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-heading-bullet::before, -.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, -.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, -.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, -.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, -.uk-card-primary.uk-card-body .uk-heading-bullet::before, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-bullet::before, -.uk-card-secondary.uk-card-body .uk-heading-bullet::before, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-bullet::before, -.uk-overlay-primary .uk-heading-bullet::before, -.uk-offcanvas-bar .uk-heading-bullet::before { - border-left-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-heading-line > ::before, -.uk-light .uk-heading-line > ::after, -.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before, -.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after, -.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, -.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, -.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before, -.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after, -.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, -.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, -.uk-card-primary.uk-card-body .uk-heading-line > ::before, -.uk-card-primary.uk-card-body .uk-heading-line > ::after, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-line > ::before, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-line > ::after, -.uk-card-secondary.uk-card-body .uk-heading-line > ::before, -.uk-card-secondary.uk-card-body .uk-heading-line > ::after, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-line > ::before, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-line > ::after, -.uk-overlay-primary .uk-heading-line > ::before, -.uk-overlay-primary .uk-heading-line > ::after, -.uk-offcanvas-bar .uk-heading-line > ::before, -.uk-offcanvas-bar .uk-heading-line > ::after { - border-bottom-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-divider-icon, -.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, -.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, -.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, -.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon, -.uk-card-primary.uk-card-body .uk-divider-icon, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon, -.uk-card-secondary.uk-card-body .uk-divider-icon, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon, -.uk-overlay-primary .uk-divider-icon, -.uk-offcanvas-bar .uk-divider-icon { - background-image: url("../../images/backgrounds/divider-icon.svg"); -} -.uk-light .uk-divider-icon::before, -.uk-light .uk-divider-icon::after, -.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, -.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, -.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, -.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, -.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, -.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, -.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before, -.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, -.uk-card-primary.uk-card-body .uk-divider-icon::before, -.uk-card-primary.uk-card-body .uk-divider-icon::after, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon::before, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon::after, -.uk-card-secondary.uk-card-body .uk-divider-icon::before, -.uk-card-secondary.uk-card-body .uk-divider-icon::after, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon::before, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon::after, -.uk-overlay-primary .uk-divider-icon::before, -.uk-overlay-primary .uk-divider-icon::after, -.uk-offcanvas-bar .uk-divider-icon::before, -.uk-offcanvas-bar .uk-divider-icon::after { - border-bottom-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-divider-small::after, -.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, -.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, -.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, -.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after, -.uk-card-primary.uk-card-body .uk-divider-small::after, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-small::after, -.uk-card-secondary.uk-card-body .uk-divider-small::after, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-small::after, -.uk-overlay-primary .uk-divider-small::after, -.uk-offcanvas-bar .uk-divider-small::after { - border-top-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-divider-vertical, -.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, -.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, -.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, -.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical, -.uk-card-primary.uk-card-body .uk-divider-vertical, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-vertical, -.uk-card-secondary.uk-card-body .uk-divider-vertical, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-vertical, -.uk-overlay-primary .uk-divider-vertical, -.uk-offcanvas-bar .uk-divider-vertical { - border-left-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-list-muted > ::marker, -.uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::marker, -.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::marker, -.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::marker, -.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::marker, -.uk-card-primary.uk-card-body .uk-list-muted > ::marker, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-muted > ::marker, -.uk-card-secondary.uk-card-body .uk-list-muted > ::marker, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-muted > ::marker, -.uk-overlay-primary .uk-list-muted > ::marker, -.uk-offcanvas-bar .uk-list-muted > ::marker { - color: rgba(255, 255, 255, 0.5) !important; -} -.uk-light .uk-list-emphasis > ::marker, -.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, -.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, -.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, -.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::marker, -.uk-card-primary.uk-card-body .uk-list-emphasis > ::marker, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::marker, -.uk-card-secondary.uk-card-body .uk-list-emphasis > ::marker, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::marker, -.uk-overlay-primary .uk-list-emphasis > ::marker, -.uk-offcanvas-bar .uk-list-emphasis > ::marker { - color: #fff !important; -} -.uk-light .uk-list-primary > ::marker, -.uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::marker, -.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::marker, -.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::marker, -.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::marker, -.uk-card-primary.uk-card-body .uk-list-primary > ::marker, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-primary > ::marker, -.uk-card-secondary.uk-card-body .uk-list-primary > ::marker, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-primary > ::marker, -.uk-overlay-primary .uk-list-primary > ::marker, -.uk-offcanvas-bar .uk-list-primary > ::marker { - color: #fff !important; -} -.uk-light .uk-list-secondary > ::marker, -.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::marker, -.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::marker, -.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::marker, -.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::marker, -.uk-card-primary.uk-card-body .uk-list-secondary > ::marker, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-secondary > ::marker, -.uk-card-secondary.uk-card-body .uk-list-secondary > ::marker, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-secondary > ::marker, -.uk-overlay-primary .uk-list-secondary > ::marker, -.uk-offcanvas-bar .uk-list-secondary > ::marker { - color: #fff !important; -} -.uk-light .uk-list-bullet > ::before, -.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, -.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, -.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, -.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, -.uk-card-primary.uk-card-body .uk-list-bullet > ::before, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-bullet > ::before, -.uk-card-secondary.uk-card-body .uk-list-bullet > ::before, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-bullet > ::before, -.uk-overlay-primary .uk-list-bullet > ::before, -.uk-offcanvas-bar .uk-list-bullet > ::before { - background-image: url("../../images/backgrounds/list-bullet.svg"); -} -.uk-light .uk-list-divider > :nth-child(n+2), -.uk-section-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), -.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), -.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), -.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), -.uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n+2), -.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-divider > :nth-child(n+2), -.uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n+2), -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-divider > :nth-child(n+2), -.uk-overlay-primary .uk-list-divider > :nth-child(n+2), -.uk-offcanvas-bar .uk-list-divider > :nth-child(n+2) { - border-top-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-list-striped > :nth-of-type(odd), -.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), -.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), -.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), -.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), -.uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd), -.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-striped > :nth-of-type(odd), -.uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd), -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-striped > :nth-of-type(odd), -.uk-overlay-primary .uk-list-striped > :nth-of-type(odd), -.uk-offcanvas-bar .uk-list-striped > :nth-of-type(odd) { - background-color: rgba(255, 255, 255, 0.1); -} -.uk-light .uk-table th, -.uk-section-primary:not(.uk-preserve-color) .uk-table th, -.uk-section-secondary:not(.uk-preserve-color) .uk-table th, -.uk-tile-primary:not(.uk-preserve-color) .uk-table th, -.uk-tile-secondary:not(.uk-preserve-color) .uk-table th, -.uk-card-primary.uk-card-body .uk-table th, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-table th, -.uk-card-secondary.uk-card-body .uk-table th, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table th, -.uk-overlay-primary .uk-table th, -.uk-offcanvas-bar .uk-table th { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-table caption, -.uk-section-primary:not(.uk-preserve-color) .uk-table caption, -.uk-section-secondary:not(.uk-preserve-color) .uk-table caption, -.uk-tile-primary:not(.uk-preserve-color) .uk-table caption, -.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption, -.uk-card-primary.uk-card-body .uk-table caption, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-table caption, -.uk-card-secondary.uk-card-body .uk-table caption, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table caption, -.uk-overlay-primary .uk-table caption, -.uk-offcanvas-bar .uk-table caption { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-table > tr.uk-active, -.uk-light .uk-table tbody tr.uk-active, -.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, -.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, -.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, -.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, -.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, -.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, -.uk-card-primary.uk-card-body .uk-table > tr.uk-active, -.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-table > tr.uk-active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-table tbody tr.uk-active, -.uk-card-secondary.uk-card-body .uk-table > tr.uk-active, -.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table > tr.uk-active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table tbody tr.uk-active, -.uk-overlay-primary .uk-table > tr.uk-active, -.uk-overlay-primary .uk-table tbody tr.uk-active, -.uk-offcanvas-bar .uk-table > tr.uk-active, -.uk-offcanvas-bar .uk-table tbody tr.uk-active { - background: rgba(255, 255, 255, 0.08); -} -.uk-light .uk-table-divider > tr:not(:first-child), -.uk-light .uk-table-divider > :not(:first-child) > tr, -.uk-light .uk-table-divider > :first-child > tr:not(:first-child), -.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), -.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, -.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), -.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), -.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, -.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), -.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), -.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, -.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), -.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), -.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, -.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), -.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child), -.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr, -.uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), -.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-divider > tr:not(:first-child), -.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-divider > :not(:first-child) > tr, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-divider > :first-child > tr:not(:first-child), -.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child), -.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr, -.uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-divider > tr:not(:first-child), -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-divider > :not(:first-child) > tr, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-divider > :first-child > tr:not(:first-child), -.uk-overlay-primary .uk-table-divider > tr:not(:first-child), -.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr, -.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child), -.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child), -.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr, -.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) { - border-top-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-table-striped > tr:nth-of-type(odd), -.uk-light .uk-table-striped tbody tr:nth-of-type(odd), -.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), -.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), -.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), -.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), -.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), -.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), -.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), -.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), -.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), -.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), -.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-striped > tr:nth-of-type(odd), -.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-striped tbody tr:nth-of-type(odd), -.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), -.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-striped > tr:nth-of-type(odd), -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-striped tbody tr:nth-of-type(odd), -.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd), -.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), -.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd), -.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) { - background: rgba(255, 255, 255, 0.1); -} -.uk-light .uk-table-hover > tr:hover, -.uk-light .uk-table-hover tbody tr:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, -.uk-card-primary.uk-card-body .uk-table-hover > tr:hover, -.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-hover > tr:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-hover tbody tr:hover, -.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover, -.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-hover > tr:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-hover tbody tr:hover, -.uk-overlay-primary .uk-table-hover > tr:hover, -.uk-overlay-primary .uk-table-hover tbody tr:hover, -.uk-offcanvas-bar .uk-table-hover > tr:hover, -.uk-offcanvas-bar .uk-table-hover tbody tr:hover { - background: rgba(255, 255, 255, 0.08); -} -.uk-light .uk-icon-link, -.uk-section-primary:not(.uk-preserve-color) .uk-icon-link, -.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, -.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, -.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link, -.uk-card-primary.uk-card-body .uk-icon-link, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link, -.uk-card-secondary.uk-card-body .uk-icon-link, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link, -.uk-overlay-primary .uk-icon-link, -.uk-offcanvas-bar .uk-icon-link { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-icon-link:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover, -.uk-card-primary.uk-card-body .uk-icon-link:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link:hover, -.uk-card-secondary.uk-card-body .uk-icon-link:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link:hover, -.uk-overlay-primary .uk-icon-link:hover, -.uk-offcanvas-bar .uk-icon-link:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-icon-link:active, -.uk-light .uk-active > .uk-icon-link, -.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, -.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, -.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, -.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, -.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, -.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, -.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, -.uk-card-primary.uk-card-body .uk-icon-link:active, -.uk-card-primary.uk-card-body .uk-active > .uk-icon-link, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link:active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-active > .uk-icon-link, -.uk-card-secondary.uk-card-body .uk-icon-link:active, -.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link:active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-active > .uk-icon-link, -.uk-overlay-primary .uk-icon-link:active, -.uk-overlay-primary .uk-active > .uk-icon-link, -.uk-offcanvas-bar .uk-icon-link:active, -.uk-offcanvas-bar .uk-active > .uk-icon-link { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-icon-button, -.uk-section-primary:not(.uk-preserve-color) .uk-icon-button, -.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, -.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, -.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, -.uk-card-primary.uk-card-body .uk-icon-button, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button, -.uk-card-secondary.uk-card-body .uk-icon-button, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button, -.uk-overlay-primary .uk-icon-button, -.uk-offcanvas-bar .uk-icon-button { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-icon-button:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover, -.uk-card-primary.uk-card-body .uk-icon-button:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button:hover, -.uk-card-secondary.uk-card-body .uk-icon-button:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button:hover, -.uk-overlay-primary .uk-icon-button:hover, -.uk-offcanvas-bar .uk-icon-button:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-icon-button:active, -.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, -.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, -.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active, -.uk-card-primary.uk-card-body .uk-icon-button:active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button:active, -.uk-card-secondary.uk-card-body .uk-icon-button:active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button:active, -.uk-overlay-primary .uk-icon-button:active, -.uk-offcanvas-bar .uk-icon-button:active { - background-color: rgba(255, 255, 255, 0.2); - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-range::-webkit-slider-runnable-track, -.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, -.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, -.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, -.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track, -.uk-card-primary.uk-card-body .uk-range::-webkit-slider-runnable-track, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-runnable-track, -.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-runnable-track, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-runnable-track, -.uk-overlay-primary .uk-range::-webkit-slider-runnable-track, -.uk-offcanvas-bar .uk-range::-webkit-slider-runnable-track { - background: rgba(242, 242, 242, 0.1); -} -.uk-light .uk-range:focus::-webkit-slider-runnable-track, -.uk-light .uk-range:active::-webkit-slider-runnable-track, -.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, -.uk-section-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, -.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, -.uk-section-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, -.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, -.uk-tile-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, -.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track, -.uk-tile-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track, -.uk-card-primary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track, -.uk-card-primary.uk-card-body .uk-range:active::-webkit-slider-runnable-track, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-range:focus::-webkit-slider-runnable-track, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-range:active::-webkit-slider-runnable-track, -.uk-card-secondary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track, -.uk-card-secondary.uk-card-body .uk-range:active::-webkit-slider-runnable-track, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:focus::-webkit-slider-runnable-track, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:active::-webkit-slider-runnable-track, -.uk-overlay-primary .uk-range:focus::-webkit-slider-runnable-track, -.uk-overlay-primary .uk-range:active::-webkit-slider-runnable-track, -.uk-offcanvas-bar .uk-range:focus::-webkit-slider-runnable-track, -.uk-offcanvas-bar .uk-range:active::-webkit-slider-runnable-track { - background: rgba(242, 242, 242, 0.15); -} -.uk-light .uk-range::-moz-range-track, -.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-track, -.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track, -.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-track, -.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track, -.uk-card-primary.uk-card-body .uk-range::-moz-range-track, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-moz-range-track, -.uk-card-secondary.uk-card-body .uk-range::-moz-range-track, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-moz-range-track, -.uk-overlay-primary .uk-range::-moz-range-track, -.uk-offcanvas-bar .uk-range::-moz-range-track { - background: rgba(242, 242, 242, 0.1); -} -.uk-light .uk-range:focus::-moz-range-track, -.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, -.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, -.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, -.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track, -.uk-card-primary.uk-card-body .uk-range:focus::-moz-range-track, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-range:focus::-moz-range-track, -.uk-card-secondary.uk-card-body .uk-range:focus::-moz-range-track, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range:focus::-moz-range-track, -.uk-overlay-primary .uk-range:focus::-moz-range-track, -.uk-offcanvas-bar .uk-range:focus::-moz-range-track { - background: rgba(242, 242, 242, 0.15); -} -.uk-light .uk-range::-webkit-slider-thumb, -.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, -.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, -.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, -.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb, -.uk-card-primary.uk-card-body .uk-range::-webkit-slider-thumb, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-thumb, -.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-thumb, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-webkit-slider-thumb, -.uk-overlay-primary .uk-range::-webkit-slider-thumb, -.uk-offcanvas-bar .uk-range::-webkit-slider-thumb { - background: #ffffff; -} -.uk-light .uk-range::-moz-range-thumb, -.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, -.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, -.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, -.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb, -.uk-card-primary.uk-card-body .uk-range::-moz-range-thumb, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-range::-moz-range-thumb, -.uk-card-secondary.uk-card-body .uk-range::-moz-range-thumb, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-range::-moz-range-thumb, -.uk-overlay-primary .uk-range::-moz-range-thumb, -.uk-offcanvas-bar .uk-range::-moz-range-thumb { - background: #ffffff; -} -.uk-light .uk-input, -.uk-light .uk-select, -.uk-light .uk-textarea, -.uk-section-primary:not(.uk-preserve-color) .uk-input, -.uk-section-primary:not(.uk-preserve-color) .uk-select, -.uk-section-primary:not(.uk-preserve-color) .uk-textarea, -.uk-section-secondary:not(.uk-preserve-color) .uk-input, -.uk-section-secondary:not(.uk-preserve-color) .uk-select, -.uk-section-secondary:not(.uk-preserve-color) .uk-textarea, -.uk-tile-primary:not(.uk-preserve-color) .uk-input, -.uk-tile-primary:not(.uk-preserve-color) .uk-select, -.uk-tile-primary:not(.uk-preserve-color) .uk-textarea, -.uk-tile-secondary:not(.uk-preserve-color) .uk-input, -.uk-tile-secondary:not(.uk-preserve-color) .uk-select, -.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, -.uk-card-primary.uk-card-body .uk-input, -.uk-card-primary.uk-card-body .uk-select, -.uk-card-primary.uk-card-body .uk-textarea, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-input, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-select, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea, -.uk-card-secondary.uk-card-body .uk-input, -.uk-card-secondary.uk-card-body .uk-select, -.uk-card-secondary.uk-card-body .uk-textarea, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea, -.uk-overlay-primary .uk-input, -.uk-overlay-primary .uk-select, -.uk-overlay-primary .uk-textarea, -.uk-offcanvas-bar .uk-input, -.uk-offcanvas-bar .uk-select, -.uk-offcanvas-bar .uk-textarea { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.7); - background-clip: padding-box; -} -.uk-light .uk-input:focus, -.uk-light .uk-select:focus, -.uk-light .uk-textarea:focus, -.uk-section-primary:not(.uk-preserve-color) .uk-input:focus, -.uk-section-primary:not(.uk-preserve-color) .uk-select:focus, -.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, -.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, -.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, -.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, -.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, -.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, -.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, -.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, -.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, -.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus, -.uk-card-primary.uk-card-body .uk-input:focus, -.uk-card-primary.uk-card-body .uk-select:focus, -.uk-card-primary.uk-card-body .uk-textarea:focus, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-input:focus, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-select:focus, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea:focus, -.uk-card-secondary.uk-card-body .uk-input:focus, -.uk-card-secondary.uk-card-body .uk-select:focus, -.uk-card-secondary.uk-card-body .uk-textarea:focus, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input:focus, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:focus, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea:focus, -.uk-overlay-primary .uk-input:focus, -.uk-overlay-primary .uk-select:focus, -.uk-overlay-primary .uk-textarea:focus, -.uk-offcanvas-bar .uk-input:focus, -.uk-offcanvas-bar .uk-select:focus, -.uk-offcanvas-bar .uk-textarea:focus { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-input::placeholder, -.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, -.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, -.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, -.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder, -.uk-card-primary.uk-card-body .uk-input::placeholder, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-input::placeholder, -.uk-card-secondary.uk-card-body .uk-input::placeholder, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input::placeholder, -.uk-overlay-primary .uk-input::placeholder, -.uk-offcanvas-bar .uk-input::placeholder { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-textarea::placeholder, -.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, -.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, -.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, -.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, -.uk-card-primary.uk-card-body .uk-textarea::placeholder, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea::placeholder, -.uk-card-secondary.uk-card-body .uk-textarea::placeholder, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea::placeholder, -.uk-overlay-primary .uk-textarea::placeholder, -.uk-offcanvas-bar .uk-textarea::placeholder { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-select:not([multiple]):not([size]), -.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), -.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), -.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), -.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), -.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), -.uk-card-primary > :not([class*="uk-card-media"]) .uk-select:not([multiple]):not([size]), -.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:not([multiple]):not([size]), -.uk-overlay-primary .uk-select:not([multiple]):not([size]), -.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { - background-image: url("../../images/backgrounds/form-select.svg"); -} -.uk-light .uk-input[list]:hover, -.uk-light .uk-input[list]:focus, -.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, -.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, -.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, -.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, -.uk-card-primary.uk-card-body .uk-input[list]:hover, -.uk-card-primary.uk-card-body .uk-input[list]:focus, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-input[list]:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-input[list]:focus, -.uk-card-secondary.uk-card-body .uk-input[list]:hover, -.uk-card-secondary.uk-card-body .uk-input[list]:focus, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input[list]:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input[list]:focus, -.uk-overlay-primary .uk-input[list]:hover, -.uk-overlay-primary .uk-input[list]:focus, -.uk-offcanvas-bar .uk-input[list]:hover, -.uk-offcanvas-bar .uk-input[list]:focus { - background-image: url("../../images/backgrounds/form-datalist.svg"); -} -.uk-light .uk-radio, -.uk-light .uk-checkbox, -.uk-section-primary:not(.uk-preserve-color) .uk-radio, -.uk-section-primary:not(.uk-preserve-color) .uk-checkbox, -.uk-section-secondary:not(.uk-preserve-color) .uk-radio, -.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, -.uk-tile-primary:not(.uk-preserve-color) .uk-radio, -.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, -.uk-tile-secondary:not(.uk-preserve-color) .uk-radio, -.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, -.uk-card-primary.uk-card-body .uk-radio, -.uk-card-primary.uk-card-body .uk-checkbox, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox, -.uk-card-secondary.uk-card-body .uk-radio, -.uk-card-secondary.uk-card-body .uk-checkbox, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox, -.uk-overlay-primary .uk-radio, -.uk-overlay-primary .uk-checkbox, -.uk-offcanvas-bar .uk-radio, -.uk-offcanvas-bar .uk-checkbox { - background-color: rgba(255, 255, 255, 0.1); -} -.uk-light .uk-radio:focus, -.uk-light .uk-checkbox:focus, -.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, -.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, -.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, -.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, -.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, -.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, -.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus, -.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, -.uk-card-primary.uk-card-body .uk-radio:focus, -.uk-card-primary.uk-card-body .uk-checkbox:focus, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:focus, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:focus, -.uk-card-secondary.uk-card-body .uk-radio:focus, -.uk-card-secondary.uk-card-body .uk-checkbox:focus, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:focus, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:focus, -.uk-overlay-primary .uk-radio:focus, -.uk-overlay-primary .uk-checkbox:focus, -.uk-offcanvas-bar .uk-radio:focus, -.uk-offcanvas-bar .uk-checkbox:focus { - background-color: rgba(255, 255, 255, 0.15); -} -.uk-light .uk-radio:checked, -.uk-light .uk-checkbox:checked, -.uk-light .uk-checkbox:indeterminate, -.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, -.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, -.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, -.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, -.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, -.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, -.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, -.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, -.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, -.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, -.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, -.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, -.uk-card-primary.uk-card-body .uk-radio:checked, -.uk-card-primary.uk-card-body .uk-checkbox:checked, -.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate, -.uk-card-secondary.uk-card-body .uk-radio:checked, -.uk-card-secondary.uk-card-body .uk-checkbox:checked, -.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate, -.uk-overlay-primary .uk-radio:checked, -.uk-overlay-primary .uk-checkbox:checked, -.uk-overlay-primary .uk-checkbox:indeterminate, -.uk-offcanvas-bar .uk-radio:checked, -.uk-offcanvas-bar .uk-checkbox:checked, -.uk-offcanvas-bar .uk-checkbox:indeterminate { - background-color: #fff; -} -.uk-light .uk-radio:checked:focus, -.uk-light .uk-checkbox:checked:focus, -.uk-light .uk-checkbox:indeterminate:focus, -.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, -.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, -.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, -.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, -.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, -.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, -.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, -.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, -.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, -.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, -.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, -.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, -.uk-card-primary.uk-card-body .uk-radio:checked:focus, -.uk-card-primary.uk-card-body .uk-checkbox:checked:focus, -.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked:focus, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked:focus, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate:focus, -.uk-card-secondary.uk-card-body .uk-radio:checked:focus, -.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, -.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked:focus, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked:focus, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate:focus, -.uk-overlay-primary .uk-radio:checked:focus, -.uk-overlay-primary .uk-checkbox:checked:focus, -.uk-overlay-primary .uk-checkbox:indeterminate:focus, -.uk-offcanvas-bar .uk-radio:checked:focus, -.uk-offcanvas-bar .uk-checkbox:checked:focus, -.uk-offcanvas-bar .uk-checkbox:indeterminate:focus { - background-color: #ffffff; -} -.uk-light .uk-radio:checked, -.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, -.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, -.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, -.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, -.uk-card-primary.uk-card-body .uk-radio:checked, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked, -.uk-card-secondary.uk-card-body .uk-radio:checked, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked, -.uk-overlay-primary .uk-radio:checked, -.uk-offcanvas-bar .uk-radio:checked { - background-image: url("../../images/backgrounds/form-radio.svg"); -} -.uk-light .uk-checkbox:checked, -.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, -.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, -.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, -.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, -.uk-card-primary.uk-card-body .uk-checkbox:checked, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked, -.uk-card-secondary.uk-card-body .uk-checkbox:checked, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked, -.uk-overlay-primary .uk-checkbox:checked, -.uk-offcanvas-bar .uk-checkbox:checked { - background-image: url("../../images/backgrounds/form-checkbox.svg"); -} -.uk-light .uk-checkbox:indeterminate, -.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, -.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, -.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, -.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, -.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate, -.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate, -.uk-overlay-primary .uk-checkbox:indeterminate, -.uk-offcanvas-bar .uk-checkbox:indeterminate { - background-image: url("../../images/backgrounds/form-checkbox-indeterminate.svg"); -} -.uk-light .uk-form-icon, -.uk-section-primary:not(.uk-preserve-color) .uk-form-icon, -.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, -.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, -.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon, -.uk-card-primary.uk-card-body .uk-form-icon, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon, -.uk-card-secondary.uk-card-body .uk-form-icon, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon, -.uk-overlay-primary .uk-form-icon, -.uk-offcanvas-bar .uk-form-icon { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-form-icon:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover, -.uk-card-primary.uk-card-body .uk-form-icon:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon:hover, -.uk-card-secondary.uk-card-body .uk-form-icon:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon:hover, -.uk-overlay-primary .uk-form-icon:hover, -.uk-offcanvas-bar .uk-form-icon:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-button-default, -.uk-section-primary:not(.uk-preserve-color) .uk-button-default, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-default, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-default, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, -.uk-card-primary.uk-card-body .uk-button-default, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default, -.uk-card-secondary.uk-card-body .uk-button-default, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default, -.uk-overlay-primary .uk-button-default, -.uk-offcanvas-bar .uk-button-default { - background-color: #fff; - color: #666; -} -.uk-light .uk-button-default:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, -.uk-card-primary.uk-card-body .uk-button-default:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:hover, -.uk-card-secondary.uk-card-body .uk-button-default:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default:hover, -.uk-overlay-primary .uk-button-default:hover, -.uk-offcanvas-bar .uk-button-default:hover { - background-color: #f2f2f2; - color: #666; -} -.uk-light .uk-button-default:active, -.uk-light .uk-button-default.uk-active, -.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, -.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, -.uk-card-primary.uk-card-body .uk-button-default:active, -.uk-card-primary.uk-card-body .uk-button-default.uk-active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default.uk-active, -.uk-card-secondary.uk-card-body .uk-button-default:active, -.uk-card-secondary.uk-card-body .uk-button-default.uk-active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default:active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default.uk-active, -.uk-overlay-primary .uk-button-default:active, -.uk-overlay-primary .uk-button-default.uk-active, -.uk-offcanvas-bar .uk-button-default:active, -.uk-offcanvas-bar .uk-button-default.uk-active { - background-color: #e6e6e6; - color: #666; -} -.uk-light .uk-button-primary, -.uk-section-primary:not(.uk-preserve-color) .uk-button-primary, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, -.uk-card-primary.uk-card-body .uk-button-primary, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary, -.uk-card-secondary.uk-card-body .uk-button-primary, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary, -.uk-overlay-primary .uk-button-primary, -.uk-offcanvas-bar .uk-button-primary { - background-color: #fff; - color: #666; -} -.uk-light .uk-button-primary:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, -.uk-card-primary.uk-card-body .uk-button-primary:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:hover, -.uk-card-secondary.uk-card-body .uk-button-primary:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:hover, -.uk-overlay-primary .uk-button-primary:hover, -.uk-offcanvas-bar .uk-button-primary:hover { - background-color: #f2f2f2; - color: #666; -} -.uk-light .uk-button-primary:active, -.uk-light .uk-button-primary.uk-active, -.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, -.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, -.uk-card-primary.uk-card-body .uk-button-primary:active, -.uk-card-primary.uk-card-body .uk-button-primary.uk-active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary.uk-active, -.uk-card-secondary.uk-card-body .uk-button-primary:active, -.uk-card-secondary.uk-card-body .uk-button-primary.uk-active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary.uk-active, -.uk-overlay-primary .uk-button-primary:active, -.uk-overlay-primary .uk-button-primary.uk-active, -.uk-offcanvas-bar .uk-button-primary:active, -.uk-offcanvas-bar .uk-button-primary.uk-active { - background-color: #e6e6e6; - color: #666; -} -.uk-light .uk-button-secondary, -.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, -.uk-card-primary.uk-card-body .uk-button-secondary, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary, -.uk-card-secondary.uk-card-body .uk-button-secondary, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary, -.uk-overlay-primary .uk-button-secondary, -.uk-offcanvas-bar .uk-button-secondary { - background-color: #fff; - color: #666; -} -.uk-light .uk-button-secondary:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, -.uk-card-primary.uk-card-body .uk-button-secondary:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary:hover, -.uk-card-secondary.uk-card-body .uk-button-secondary:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary:hover, -.uk-overlay-primary .uk-button-secondary:hover, -.uk-offcanvas-bar .uk-button-secondary:hover { - background-color: #f2f2f2; - color: #666; -} -.uk-light .uk-button-secondary:active, -.uk-light .uk-button-secondary.uk-active, -.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, -.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, -.uk-card-primary.uk-card-body .uk-button-secondary:active, -.uk-card-primary.uk-card-body .uk-button-secondary.uk-active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary:active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary.uk-active, -.uk-card-secondary.uk-card-body .uk-button-secondary:active, -.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary:active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary.uk-active, -.uk-overlay-primary .uk-button-secondary:active, -.uk-overlay-primary .uk-button-secondary.uk-active, -.uk-offcanvas-bar .uk-button-secondary:active, -.uk-offcanvas-bar .uk-button-secondary.uk-active { - background-color: #e6e6e6; - color: #666; -} -.uk-light .uk-button-text, -.uk-section-primary:not(.uk-preserve-color) .uk-button-text, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-text, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-text, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, -.uk-card-primary.uk-card-body .uk-button-text, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text, -.uk-card-secondary.uk-card-body .uk-button-text, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text, -.uk-overlay-primary .uk-button-text, -.uk-offcanvas-bar .uk-button-text { - color: #fff; -} -.uk-light .uk-button-text:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover, -.uk-card-primary.uk-card-body .uk-button-text:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text:hover, -.uk-card-secondary.uk-card-body .uk-button-text:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:hover, -.uk-overlay-primary .uk-button-text:hover, -.uk-offcanvas-bar .uk-button-text:hover { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-button-text:disabled, -.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled, -.uk-card-primary.uk-card-body .uk-button-text:disabled, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text:disabled, -.uk-card-secondary.uk-card-body .uk-button-text:disabled, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:disabled, -.uk-overlay-primary .uk-button-text:disabled, -.uk-offcanvas-bar .uk-button-text:disabled { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-button-link, -.uk-section-primary:not(.uk-preserve-color) .uk-button-link, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-link, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-link, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link, -.uk-card-primary.uk-card-body .uk-button-link, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-link, -.uk-card-secondary.uk-card-body .uk-button-link, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-link, -.uk-overlay-primary .uk-button-link, -.uk-offcanvas-bar .uk-button-link { - color: #fff; -} -.uk-light .uk-button-link:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover, -.uk-card-primary.uk-card-body .uk-button-link:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-link:hover, -.uk-card-secondary.uk-card-body .uk-button-link:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-link:hover, -.uk-overlay-primary .uk-button-link:hover, -.uk-offcanvas-bar .uk-button-link:hover { - color: rgba(255, 255, 255, 0.5); -} -.uk-light.uk-card-badge, -.uk-section-primary:not(.uk-preserve-color).uk-card-badge, -.uk-section-secondary:not(.uk-preserve-color).uk-card-badge, -.uk-tile-primary:not(.uk-preserve-color).uk-card-badge, -.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge, -.uk-card-primary.uk-card-body.uk-card-badge, -.uk-card-primary > :not([class*="uk-card-media"]).uk-card-badge, -.uk-card-secondary.uk-card-body.uk-card-badge, -.uk-card-secondary > :not([class*="uk-card-media"]).uk-card-badge, -.uk-overlay-primary.uk-card-badge, -.uk-offcanvas-bar.uk-card-badge { - background-color: #fff; - color: #666; -} -.uk-light .uk-close, -.uk-section-primary:not(.uk-preserve-color) .uk-close, -.uk-section-secondary:not(.uk-preserve-color) .uk-close, -.uk-tile-primary:not(.uk-preserve-color) .uk-close, -.uk-tile-secondary:not(.uk-preserve-color) .uk-close, -.uk-card-primary.uk-card-body .uk-close, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-close, -.uk-card-secondary.uk-card-body .uk-close, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-close, -.uk-overlay-primary .uk-close, -.uk-offcanvas-bar .uk-close { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-close:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-close:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover, -.uk-card-primary.uk-card-body .uk-close:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-close:hover, -.uk-card-secondary.uk-card-body .uk-close:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-close:hover, -.uk-overlay-primary .uk-close:hover, -.uk-offcanvas-bar .uk-close:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-totop, -.uk-section-primary:not(.uk-preserve-color) .uk-totop, -.uk-section-secondary:not(.uk-preserve-color) .uk-totop, -.uk-tile-primary:not(.uk-preserve-color) .uk-totop, -.uk-tile-secondary:not(.uk-preserve-color) .uk-totop, -.uk-card-primary.uk-card-body .uk-totop, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop, -.uk-card-secondary.uk-card-body .uk-totop, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop, -.uk-overlay-primary .uk-totop, -.uk-offcanvas-bar .uk-totop { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-totop:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover, -.uk-card-primary.uk-card-body .uk-totop:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop:hover, -.uk-card-secondary.uk-card-body .uk-totop:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop:hover, -.uk-overlay-primary .uk-totop:hover, -.uk-offcanvas-bar .uk-totop:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-totop:active, -.uk-section-primary:not(.uk-preserve-color) .uk-totop:active, -.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, -.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, -.uk-card-primary.uk-card-body .uk-totop:active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop:active, -.uk-card-secondary.uk-card-body .uk-totop:active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop:active, -.uk-overlay-primary .uk-totop:active, -.uk-offcanvas-bar .uk-totop:active { - color: #fff; -} -.uk-light .uk-marker, -.uk-section-primary:not(.uk-preserve-color) .uk-marker, -.uk-section-secondary:not(.uk-preserve-color) .uk-marker, -.uk-tile-primary:not(.uk-preserve-color) .uk-marker, -.uk-tile-secondary:not(.uk-preserve-color) .uk-marker, -.uk-card-primary.uk-card-body .uk-marker, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-marker, -.uk-card-secondary.uk-card-body .uk-marker, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-marker, -.uk-overlay-primary .uk-marker, -.uk-offcanvas-bar .uk-marker { - background: #f8f8f8; - color: #666; -} -.uk-light .uk-marker:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, -.uk-card-primary.uk-card-body .uk-marker:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-marker:hover, -.uk-card-secondary.uk-card-body .uk-marker:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-marker:hover, -.uk-overlay-primary .uk-marker:hover, -.uk-offcanvas-bar .uk-marker:hover { - color: #666; -} -.uk-light .uk-badge, -.uk-section-primary:not(.uk-preserve-color) .uk-badge, -.uk-section-secondary:not(.uk-preserve-color) .uk-badge, -.uk-tile-primary:not(.uk-preserve-color) .uk-badge, -.uk-tile-secondary:not(.uk-preserve-color) .uk-badge, -.uk-card-primary.uk-card-body .uk-badge, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-badge, -.uk-card-secondary.uk-card-body .uk-badge, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-badge, -.uk-overlay-primary .uk-badge, -.uk-offcanvas-bar .uk-badge { - background-color: #fff; - color: #666 !important; -} -.uk-light .uk-label, -.uk-section-primary:not(.uk-preserve-color) .uk-label, -.uk-section-secondary:not(.uk-preserve-color) .uk-label, -.uk-tile-primary:not(.uk-preserve-color) .uk-label, -.uk-tile-secondary:not(.uk-preserve-color) .uk-label, -.uk-card-primary.uk-card-body .uk-label, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-label, -.uk-card-secondary.uk-card-body .uk-label, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-label, -.uk-overlay-primary .uk-label, -.uk-offcanvas-bar .uk-label { - background-color: #fff; - color: #666; -} -.uk-light .uk-article-meta, -.uk-section-primary:not(.uk-preserve-color) .uk-article-meta, -.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, -.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, -.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta, -.uk-card-primary.uk-card-body .uk-article-meta, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-article-meta, -.uk-card-secondary.uk-card-body .uk-article-meta, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-article-meta, -.uk-overlay-primary .uk-article-meta, -.uk-offcanvas-bar .uk-article-meta { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-search-input, -.uk-section-primary:not(.uk-preserve-color) .uk-search-input, -.uk-section-secondary:not(.uk-preserve-color) .uk-search-input, -.uk-tile-primary:not(.uk-preserve-color) .uk-search-input, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input, -.uk-card-primary.uk-card-body .uk-search-input, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input, -.uk-card-secondary.uk-card-body .uk-search-input, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input, -.uk-overlay-primary .uk-search-input, -.uk-offcanvas-bar .uk-search-input { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-search-input::placeholder, -.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, -.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, -.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, -.uk-card-primary.uk-card-body .uk-search-input::placeholder, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder, -.uk-card-secondary.uk-card-body .uk-search-input::placeholder, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder, -.uk-overlay-primary .uk-search-input::placeholder, -.uk-offcanvas-bar .uk-search-input::placeholder { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-search .uk-search-icon, -.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, -.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, -.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, -.uk-card-primary.uk-card-body .uk-search .uk-search-icon, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon, -.uk-card-secondary.uk-card-body .uk-search .uk-search-icon, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon, -.uk-overlay-primary .uk-search .uk-search-icon, -.uk-offcanvas-bar .uk-search .uk-search-icon { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-search .uk-search-icon:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, -.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover, -.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover, -.uk-overlay-primary .uk-search .uk-search-icon:hover, -.uk-offcanvas-bar .uk-search .uk-search-icon:hover { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-search-default .uk-search-input, -.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, -.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, -.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, -.uk-card-primary.uk-card-body .uk-search-default .uk-search-input, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input, -.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input, -.uk-overlay-primary .uk-search-default .uk-search-input, -.uk-offcanvas-bar .uk-search-default .uk-search-input { - background-color: rgba(255, 255, 255, 0.1); -} -.uk-light .uk-search-default .uk-search-input:focus, -.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, -.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, -.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, -.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus, -.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus, -.uk-overlay-primary .uk-search-default .uk-search-input:focus, -.uk-offcanvas-bar .uk-search-default .uk-search-input:focus { - background-color: rgba(255, 255, 255, 0.15); -} -.uk-light .uk-search-navbar .uk-search-input, -.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, -.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, -.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, -.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input, -.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input, -.uk-overlay-primary .uk-search-navbar .uk-search-input, -.uk-offcanvas-bar .uk-search-navbar .uk-search-input { - background-color: rgba(255, 255, 255, 0.1); -} -.uk-light .uk-search-navbar .uk-search-input:focus, -.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, -.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, -.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, -.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus, -.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus, -.uk-overlay-primary .uk-search-navbar .uk-search-input:focus, -.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus { - background-color: rgba(255, 255, 255, 0.15); -} -.uk-light .uk-search-medium .uk-search-input, -.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, -.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, -.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, -.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input, -.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input, -.uk-overlay-primary .uk-search-medium .uk-search-input, -.uk-offcanvas-bar .uk-search-medium .uk-search-input { - background-color: rgba(255, 255, 255, 0.1); -} -.uk-light .uk-search-medium .uk-search-input:focus, -.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, -.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, -.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus, -.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus, -.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus, -.uk-overlay-primary .uk-search-medium .uk-search-input:focus, -.uk-offcanvas-bar .uk-search-medium .uk-search-input:focus { - background-color: rgba(255, 255, 255, 0.15); -} -.uk-light .uk-search-large .uk-search-input, -.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, -.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, -.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, -.uk-card-primary.uk-card-body .uk-search-large .uk-search-input, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input, -.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input, -.uk-overlay-primary .uk-search-large .uk-search-input, -.uk-offcanvas-bar .uk-search-large .uk-search-input { - background-color: rgba(255, 255, 255, 0.1); -} -.uk-light .uk-search-large .uk-search-input:focus, -.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, -.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, -.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus, -.uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus, -.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus, -.uk-overlay-primary .uk-search-large .uk-search-input:focus, -.uk-offcanvas-bar .uk-search-large .uk-search-input:focus { - background-color: rgba(255, 255, 255, 0.15); -} -.uk-light .uk-search-toggle, -.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, -.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, -.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle, -.uk-card-primary.uk-card-body .uk-search-toggle, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle, -.uk-card-secondary.uk-card-body .uk-search-toggle, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle, -.uk-overlay-primary .uk-search-toggle, -.uk-offcanvas-bar .uk-search-toggle { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-search-toggle:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, -.uk-card-primary.uk-card-body .uk-search-toggle:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover, -.uk-card-secondary.uk-card-body .uk-search-toggle:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover, -.uk-overlay-primary .uk-search-toggle:hover, -.uk-offcanvas-bar .uk-search-toggle:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-accordion-title, -.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title, -.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title, -.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title, -.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title, -.uk-card-primary.uk-card-body .uk-accordion-title, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title, -.uk-card-secondary.uk-card-body .uk-accordion-title, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title, -.uk-overlay-primary .uk-accordion-title, -.uk-offcanvas-bar .uk-accordion-title { - color: #fff; -} -.uk-light .uk-accordion-title:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, -.uk-card-primary.uk-card-body .uk-accordion-title:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title:hover, -.uk-card-secondary.uk-card-body .uk-accordion-title:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title:hover, -.uk-overlay-primary .uk-accordion-title:hover, -.uk-offcanvas-bar .uk-accordion-title:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-iconnav > * > a, -.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, -.uk-card-primary.uk-card-body .uk-iconnav > * > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > * > a, -.uk-card-secondary.uk-card-body .uk-iconnav > * > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > * > a, -.uk-overlay-primary .uk-iconnav > * > a, -.uk-offcanvas-bar .uk-iconnav > * > a { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-iconnav > * > a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, -.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > * > a:hover, -.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > * > a:hover, -.uk-overlay-primary .uk-iconnav > * > a:hover, -.uk-offcanvas-bar .uk-iconnav > * > a:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-iconnav > .uk-active > a, -.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, -.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > .uk-active > a, -.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > .uk-active > a, -.uk-overlay-primary .uk-iconnav > .uk-active > a, -.uk-offcanvas-bar .uk-iconnav > .uk-active > a { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-grid-divider > :not(.uk-first-column)::before, -.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, -.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, -.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, -.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, -.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider > :not(.uk-first-column)::before, -.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider > :not(.uk-first-column)::before, -.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before, -.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before { - border-left-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, -.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, -.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, -.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, -.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, -.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, -.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, -.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, -.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { - border-top-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-nav-default > li > a, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, -.uk-card-primary.uk-card-body .uk-nav-default > li > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default > li > a, -.uk-card-secondary.uk-card-body .uk-nav-default > li > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default > li > a, -.uk-overlay-primary .uk-nav-default > li > a, -.uk-offcanvas-bar .uk-nav-default > li > a { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-nav-default > li > a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, -.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default > li > a:hover, -.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default > li > a:hover, -.uk-overlay-primary .uk-nav-default > li > a:hover, -.uk-offcanvas-bar .uk-nav-default > li > a:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-nav-default > li.uk-active > a, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, -.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default > li.uk-active > a, -.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default > li.uk-active > a, -.uk-overlay-primary .uk-nav-default > li.uk-active > a, -.uk-offcanvas-bar .uk-nav-default > li.uk-active > a { - color: #fff; -} -.uk-light .uk-nav-default .uk-nav-header, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, -.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-header, -.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-header, -.uk-overlay-primary .uk-nav-default .uk-nav-header, -.uk-offcanvas-bar .uk-nav-default .uk-nav-header { - color: #fff; -} -.uk-light .uk-nav-default .uk-nav-divider, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, -.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-divider, -.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-divider, -.uk-overlay-primary .uk-nav-default .uk-nav-divider, -.uk-offcanvas-bar .uk-nav-default .uk-nav-divider { - border-top-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-nav-default .uk-nav-sub a, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, -.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a, -.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a, -.uk-overlay-primary .uk-nav-default .uk-nav-sub a, -.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-nav-default .uk-nav-sub a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, -.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a:hover, -.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a:hover, -.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, -.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, -.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub li.uk-active > a, -.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub li.uk-active > a, -.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a, -.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a { - color: #fff; -} -.uk-light .uk-nav-primary > li > a, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, -.uk-card-primary.uk-card-body .uk-nav-primary > li > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a, -.uk-card-secondary.uk-card-body .uk-nav-primary > li > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a, -.uk-overlay-primary .uk-nav-primary > li > a, -.uk-offcanvas-bar .uk-nav-primary > li > a { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-nav-primary > li > a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, -.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a:hover, -.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a:hover, -.uk-overlay-primary .uk-nav-primary > li > a:hover, -.uk-offcanvas-bar .uk-nav-primary > li > a:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-nav-primary > li.uk-active > a, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, -.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary > li.uk-active > a, -.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary > li.uk-active > a, -.uk-overlay-primary .uk-nav-primary > li.uk-active > a, -.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { - color: #fff; -} -.uk-light .uk-nav-primary .uk-nav-header, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, -.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-header, -.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-header, -.uk-overlay-primary .uk-nav-primary .uk-nav-header, -.uk-offcanvas-bar .uk-nav-primary .uk-nav-header { - color: #fff; -} -.uk-light .uk-nav-primary .uk-nav-divider, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, -.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-divider, -.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-divider, -.uk-overlay-primary .uk-nav-primary .uk-nav-divider, -.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider { - border-top-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-nav-primary .uk-nav-sub a, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, -.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a, -.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a, -.uk-overlay-primary .uk-nav-primary .uk-nav-sub a, -.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-nav-primary .uk-nav-sub a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, -.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a:hover, -.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a:hover, -.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, -.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, -.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub li.uk-active > a, -.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub li.uk-active > a, -.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a, -.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a { - color: #fff; -} -.uk-light .uk-nav-secondary > li > a, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, -.uk-card-primary.uk-card-body .uk-nav-secondary > li > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a, -.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a, -.uk-overlay-primary .uk-nav-secondary > li > a, -.uk-offcanvas-bar .uk-nav-secondary > li > a { - color: #fff; -} -.uk-light .uk-nav-secondary > li > a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, -.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover, -.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover, -.uk-overlay-primary .uk-nav-secondary > li > a:hover, -.uk-offcanvas-bar .uk-nav-secondary > li > a:hover { - color: #fff; -} -.uk-light .uk-nav-secondary > li.uk-active > a, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, -.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a, -.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a, -.uk-overlay-primary .uk-nav-secondary > li.uk-active > a, -.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a { - color: #fff; -} -.uk-light .uk-nav-secondary .uk-nav-subtitle, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, -.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-subtitle, -.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-subtitle, -.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle, -.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-nav-secondary > li > a:hover .uk-nav-subtitle, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, -.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, -.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, -.uk-overlay-primary .uk-nav-secondary > li > a:hover .uk-nav-subtitle, -.uk-offcanvas-bar .uk-nav-secondary > li > a:hover .uk-nav-subtitle { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, -.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, -.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, -.uk-overlay-primary .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, -.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { - color: #fff; -} -.uk-light .uk-nav-secondary .uk-nav-header, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, -.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-header, -.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-header, -.uk-overlay-primary .uk-nav-secondary .uk-nav-header, -.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header { - color: #fff; -} -.uk-light .uk-nav-secondary .uk-nav-divider, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, -.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-divider, -.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-divider, -.uk-overlay-primary .uk-nav-secondary .uk-nav-divider, -.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider { - border-top-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-nav-secondary .uk-nav-sub a, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, -.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a, -.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a, -.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a, -.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-nav-secondary .uk-nav-sub a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, -.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a:hover, -.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a:hover, -.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover, -.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active > a, -.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, -.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub li.uk-active > a, -.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub li.uk-active > a, -.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active > a, -.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active > a { - color: #fff; -} -.uk-light .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), -.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), -.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), -.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), -.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), -.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), -.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), -.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), -.uk-overlay-primary .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), -.uk-offcanvas-bar .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { - border-top-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-navbar-nav > li > a, -.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, -.uk-card-primary.uk-card-body .uk-navbar-nav > li > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a, -.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a, -.uk-overlay-primary .uk-navbar-nav > li > a, -.uk-offcanvas-bar .uk-navbar-nav > li > a { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-navbar-nav > li:hover > a, -.uk-light .uk-navbar-nav > li > a[aria-expanded="true"], -.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, -.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], -.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], -.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], -.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], -.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, -.uk-card-primary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], -.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li:hover > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a[aria-expanded="true"], -.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, -.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li:hover > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a[aria-expanded="true"], -.uk-overlay-primary .uk-navbar-nav > li:hover > a, -.uk-overlay-primary .uk-navbar-nav > li > a[aria-expanded="true"], -.uk-offcanvas-bar .uk-navbar-nav > li:hover > a, -.uk-offcanvas-bar .uk-navbar-nav > li > a[aria-expanded="true"] { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-navbar-nav > li > a:active, -.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, -.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, -.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, -.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a:active, -.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a:active, -.uk-overlay-primary .uk-navbar-nav > li > a:active, -.uk-offcanvas-bar .uk-navbar-nav > li > a:active { - color: #fff; -} -.uk-light .uk-navbar-nav > li.uk-active > a, -.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, -.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li.uk-active > a, -.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li.uk-active > a, -.uk-overlay-primary .uk-navbar-nav > li.uk-active > a, -.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a { - color: #fff; -} -.uk-light .uk-navbar-item, -.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, -.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, -.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, -.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item, -.uk-card-primary.uk-card-body .uk-navbar-item, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-item, -.uk-card-secondary.uk-card-body .uk-navbar-item, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-item, -.uk-overlay-primary .uk-navbar-item, -.uk-offcanvas-bar .uk-navbar-item { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-navbar-toggle, -.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, -.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, -.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, -.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, -.uk-card-primary.uk-card-body .uk-navbar-toggle, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle, -.uk-card-secondary.uk-card-body .uk-navbar-toggle, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle, -.uk-overlay-primary .uk-navbar-toggle, -.uk-offcanvas-bar .uk-navbar-toggle { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-navbar-toggle:hover, -.uk-light .uk-navbar-toggle[aria-expanded="true"], -.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], -.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], -.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], -.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], -.uk-card-primary.uk-card-body .uk-navbar-toggle:hover, -.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], -.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle[aria-expanded="true"], -.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, -.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle[aria-expanded="true"], -.uk-overlay-primary .uk-navbar-toggle:hover, -.uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"], -.uk-offcanvas-bar .uk-navbar-toggle:hover, -.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded="true"] { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-subnav > * > :first-child, -.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, -.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, -.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, -.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, -.uk-card-primary.uk-card-body .uk-subnav > * > :first-child, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > :first-child, -.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > * > :first-child, -.uk-overlay-primary .uk-subnav > * > :first-child, -.uk-offcanvas-bar .uk-subnav > * > :first-child { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-subnav > * > a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, -.uk-card-primary.uk-card-body .uk-subnav > * > a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover, -.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover, -.uk-overlay-primary .uk-subnav > * > a:hover, -.uk-offcanvas-bar .uk-subnav > * > a:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-subnav > .uk-active > a, -.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, -.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > .uk-active > a, -.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > .uk-active > a, -.uk-overlay-primary .uk-subnav > .uk-active > a, -.uk-offcanvas-bar .uk-subnav > .uk-active > a { - color: #fff; -} -.uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, -.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, -.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, -.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, -.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, -.uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, -.uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, -.uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, -.uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { - border-left-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-subnav-pill > * > :first-child, -.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, -.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, -.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, -.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, -.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > :first-child, -.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > :first-child, -.uk-overlay-primary .uk-subnav-pill > * > :first-child, -.uk-offcanvas-bar .uk-subnav-pill > * > :first-child { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-subnav-pill > * > a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, -.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:hover, -.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:hover, -.uk-overlay-primary .uk-subnav-pill > * > a:hover, -.uk-offcanvas-bar .uk-subnav-pill > * > a:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-subnav-pill > * > a:active, -.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, -.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, -.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, -.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:active, -.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:active, -.uk-overlay-primary .uk-subnav-pill > * > a:active, -.uk-offcanvas-bar .uk-subnav-pill > * > a:active { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-subnav-pill > .uk-active > a, -.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, -.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > .uk-active > a, -.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-pill > .uk-active > a, -.uk-overlay-primary .uk-subnav-pill > .uk-active > a, -.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a { - background-color: #fff; - color: #666; -} -.uk-light .uk-subnav > .uk-disabled > a, -.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, -.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > .uk-disabled > a, -.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > .uk-disabled > a, -.uk-overlay-primary .uk-subnav > .uk-disabled > a, -.uk-offcanvas-bar .uk-subnav > .uk-disabled > a { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-breadcrumb > * > *, -.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, -.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, -.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, -.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, -.uk-card-primary.uk-card-body .uk-breadcrumb > * > *, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > *, -.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > *, -.uk-overlay-primary .uk-breadcrumb > * > *, -.uk-offcanvas-bar .uk-breadcrumb > * > * { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-breadcrumb > * > :hover, -.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, -.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :hover, -.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :hover, -.uk-overlay-primary .uk-breadcrumb > * > :hover, -.uk-offcanvas-bar .uk-breadcrumb > * > :hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-breadcrumb > :last-child > *, -.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, -.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, -.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, -.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, -.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > :last-child > *, -.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > :last-child > *, -.uk-overlay-primary .uk-breadcrumb > :last-child > *, -.uk-offcanvas-bar .uk-breadcrumb > :last-child > * { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, -.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, -.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, -.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, -.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, -.uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, -.uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, -.uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, -.uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-pagination > * > *, -.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, -.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, -.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, -.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *, -.uk-card-primary.uk-card-body .uk-pagination > * > *, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > * > *, -.uk-card-secondary.uk-card-body .uk-pagination > * > *, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > * > *, -.uk-overlay-primary .uk-pagination > * > *, -.uk-offcanvas-bar .uk-pagination > * > * { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-pagination > * > :hover, -.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, -.uk-card-primary.uk-card-body .uk-pagination > * > :hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > * > :hover, -.uk-card-secondary.uk-card-body .uk-pagination > * > :hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > * > :hover, -.uk-overlay-primary .uk-pagination > * > :hover, -.uk-offcanvas-bar .uk-pagination > * > :hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-pagination > .uk-active > *, -.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, -.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, -.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, -.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, -.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > .uk-active > *, -.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > .uk-active > *, -.uk-overlay-primary .uk-pagination > .uk-active > *, -.uk-offcanvas-bar .uk-pagination > .uk-active > * { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-pagination > .uk-disabled > *, -.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, -.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, -.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, -.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, -.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > .uk-disabled > *, -.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > .uk-disabled > *, -.uk-overlay-primary .uk-pagination > .uk-disabled > *, -.uk-offcanvas-bar .uk-pagination > .uk-disabled > * { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-tab > * > a, -.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a, -.uk-card-primary.uk-card-body .uk-tab > * > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > * > a, -.uk-card-secondary.uk-card-body .uk-tab > * > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > * > a, -.uk-overlay-primary .uk-tab > * > a, -.uk-offcanvas-bar .uk-tab > * > a { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-tab > * > a:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, -.uk-card-primary.uk-card-body .uk-tab > * > a:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > * > a:hover, -.uk-card-secondary.uk-card-body .uk-tab > * > a:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > * > a:hover, -.uk-overlay-primary .uk-tab > * > a:hover, -.uk-offcanvas-bar .uk-tab > * > a:hover { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-tab > .uk-active > a, -.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, -.uk-card-primary.uk-card-body .uk-tab > .uk-active > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > .uk-active > a, -.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > .uk-active > a, -.uk-overlay-primary .uk-tab > .uk-active > a, -.uk-offcanvas-bar .uk-tab > .uk-active > a { - color: #fff; -} -.uk-light .uk-tab > .uk-disabled > a, -.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, -.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, -.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, -.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, -.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > .uk-disabled > a, -.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > .uk-disabled > a, -.uk-overlay-primary .uk-tab > .uk-disabled > a, -.uk-offcanvas-bar .uk-tab > .uk-disabled > a { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-slidenav, -.uk-section-primary:not(.uk-preserve-color) .uk-slidenav, -.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, -.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, -.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav, -.uk-card-primary.uk-card-body .uk-slidenav, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav, -.uk-card-secondary.uk-card-body .uk-slidenav, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav, -.uk-overlay-primary .uk-slidenav, -.uk-offcanvas-bar .uk-slidenav { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-slidenav:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover, -.uk-card-primary.uk-card-body .uk-slidenav:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav:hover, -.uk-card-secondary.uk-card-body .uk-slidenav:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav:hover, -.uk-overlay-primary .uk-slidenav:hover, -.uk-offcanvas-bar .uk-slidenav:hover { - color: rgba(255, 255, 255, 0.95); -} -.uk-light .uk-slidenav:active, -.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, -.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, -.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active, -.uk-card-primary.uk-card-body .uk-slidenav:active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav:active, -.uk-card-secondary.uk-card-body .uk-slidenav:active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav:active, -.uk-overlay-primary .uk-slidenav:active, -.uk-offcanvas-bar .uk-slidenav:active { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-dotnav > * > *, -.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, -.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, -.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, -.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, -.uk-card-primary.uk-card-body .uk-dotnav > * > *, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > *, -.uk-card-secondary.uk-card-body .uk-dotnav > * > *, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > *, -.uk-overlay-primary .uk-dotnav > * > *, -.uk-offcanvas-bar .uk-dotnav > * > * { - background-color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-dotnav > * > :hover, -.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, -.uk-card-primary.uk-card-body .uk-dotnav > * > :hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > :hover, -.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > :hover, -.uk-overlay-primary .uk-dotnav > * > :hover, -.uk-offcanvas-bar .uk-dotnav > * > :hover { - background-color: rgba(255, 255, 255, 0.9); -} -.uk-light .uk-dotnav > * > :active, -.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, -.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, -.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, -.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, -.uk-card-primary.uk-card-body .uk-dotnav > * > :active, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > :active, -.uk-card-secondary.uk-card-body .uk-dotnav > * > :active, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > :active, -.uk-overlay-primary .uk-dotnav > * > :active, -.uk-offcanvas-bar .uk-dotnav > * > :active { - background-color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-dotnav > .uk-active > *, -.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, -.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, -.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, -.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, -.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > .uk-active > *, -.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > .uk-active > *, -.uk-overlay-primary .uk-dotnav > .uk-active > *, -.uk-offcanvas-bar .uk-dotnav > .uk-active > * { - background-color: rgba(255, 255, 255, 0.9); -} -.uk-light .uk-text-lead, -.uk-section-primary:not(.uk-preserve-color) .uk-text-lead, -.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, -.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, -.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, -.uk-card-primary.uk-card-body .uk-text-lead, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-lead, -.uk-card-secondary.uk-card-body .uk-text-lead, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-lead, -.uk-overlay-primary .uk-text-lead, -.uk-offcanvas-bar .uk-text-lead { - color: rgba(255, 255, 255, 0.7); -} -.uk-light .uk-text-meta, -.uk-section-primary:not(.uk-preserve-color) .uk-text-meta, -.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, -.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, -.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta, -.uk-card-primary.uk-card-body .uk-text-meta, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-meta, -.uk-card-secondary.uk-card-body .uk-text-meta, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-meta, -.uk-overlay-primary .uk-text-meta, -.uk-offcanvas-bar .uk-text-meta { - color: rgba(255, 255, 255, 0.5); -} -.uk-light .uk-text-muted, -.uk-section-primary:not(.uk-preserve-color) .uk-text-muted, -.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, -.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, -.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted, -.uk-card-primary.uk-card-body .uk-text-muted, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-muted, -.uk-card-secondary.uk-card-body .uk-text-muted, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-muted, -.uk-overlay-primary .uk-text-muted, -.uk-offcanvas-bar .uk-text-muted { - color: rgba(255, 255, 255, 0.5) !important; -} -.uk-light .uk-text-emphasis, -.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, -.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, -.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, -.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis, -.uk-card-primary.uk-card-body .uk-text-emphasis, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-emphasis, -.uk-card-secondary.uk-card-body .uk-text-emphasis, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-emphasis, -.uk-overlay-primary .uk-text-emphasis, -.uk-offcanvas-bar .uk-text-emphasis { - color: #fff !important; -} -.uk-light .uk-text-primary, -.uk-section-primary:not(.uk-preserve-color) .uk-text-primary, -.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, -.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, -.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary, -.uk-card-primary.uk-card-body .uk-text-primary, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-primary, -.uk-card-secondary.uk-card-body .uk-text-primary, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-primary, -.uk-overlay-primary .uk-text-primary, -.uk-offcanvas-bar .uk-text-primary { - color: #fff !important; -} -.uk-light .uk-text-secondary, -.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, -.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, -.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, -.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary, -.uk-card-primary.uk-card-body .uk-text-secondary, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-secondary, -.uk-card-secondary.uk-card-body .uk-text-secondary, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-secondary, -.uk-overlay-primary .uk-text-secondary, -.uk-offcanvas-bar .uk-text-secondary { - color: #fff !important; -} -.uk-light .uk-column-divider, -.uk-section-primary:not(.uk-preserve-color) .uk-column-divider, -.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, -.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, -.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider, -.uk-card-primary.uk-card-body .uk-column-divider, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-column-divider, -.uk-card-secondary.uk-card-body .uk-column-divider, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-column-divider, -.uk-overlay-primary .uk-column-divider, -.uk-offcanvas-bar .uk-column-divider { - column-rule-color: rgba(255, 255, 255, 0.2); -} -.uk-light .uk-logo, -.uk-section-primary:not(.uk-preserve-color) .uk-logo, -.uk-section-secondary:not(.uk-preserve-color) .uk-logo, -.uk-tile-primary:not(.uk-preserve-color) .uk-logo, -.uk-tile-secondary:not(.uk-preserve-color) .uk-logo, -.uk-card-primary.uk-card-body .uk-logo, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo, -.uk-card-secondary.uk-card-body .uk-logo, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo, -.uk-overlay-primary .uk-logo, -.uk-offcanvas-bar .uk-logo { - color: #fff; -} -.uk-light .uk-logo:hover, -.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, -.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, -.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, -.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, -.uk-card-primary.uk-card-body .uk-logo:hover, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover, -.uk-card-secondary.uk-card-body .uk-logo:hover, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover, -.uk-overlay-primary .uk-logo:hover, -.uk-offcanvas-bar .uk-logo:hover { - color: #fff; -} -.uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), -.uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), -.uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), -.uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), -.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), -.uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), -.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), -.uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), -.uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), -.uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) { - display: none; -} -.uk-light .uk-logo-inverse, -.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, -.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, -.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, -.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse, -.uk-card-primary.uk-card-body .uk-logo-inverse, -.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse, -.uk-card-secondary.uk-card-body .uk-logo-inverse, -.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse, -.uk-overlay-primary .uk-logo-inverse, -.uk-offcanvas-bar .uk-logo-inverse { - display: block; -} -/* - * Pass dropbar behind color to JS - */ -* { - --uk-inverse: initial; -} -.uk-light, -.uk-section-primary:not(.uk-preserve-color), -.uk-section-secondary:not(.uk-preserve-color), -.uk-tile-primary:not(.uk-preserve-color), -.uk-tile-secondary:not(.uk-preserve-color), -.uk-card-primary.uk-card-body, -.uk-card-primary > :not([class*="uk-card-media"]), -.uk-card-secondary.uk-card-body, -.uk-card-secondary > :not([class*="uk-card-media"]), -.uk-overlay-primary, -.uk-offcanvas-bar { - --uk-inverse: light; -} -.uk-dark, -.uk-section-default:not(.uk-preserve-color), -.uk-section-muted:not(.uk-preserve-color), -.uk-tile-default:not(.uk-preserve-color), -.uk-tile-muted:not(.uk-preserve-color), -.uk-card-default.uk-card-body, -.uk-card-default > :not([class*="uk-card-media"]), -.uk-overlay-default, -.uk-dropbar, -.uk-navbar-container:not(.uk-navbar-transparent), -.uk-navbar-dropdown, -.uk-dropdown { - --uk-inverse: dark; -} -.uk-inverse-light { - --uk-inverse: light !important; -} -.uk-inverse-dark { - --uk-inverse: dark !important; -} -/* ======================================================================== - Component: Print - ========================================================================== */ -@media print { - *, - *::before, - *::after { - background: transparent !important; - color: black !important; - box-shadow: none !important; - text-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; - } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - @page { - margin: 0.5cm; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } -} -- 2.45.1 From c1428bdf2109a273e07e3706408d6ac54fa0653d Mon Sep 17 00:00:00 2001 From: "florian.llimos" Date: Fri, 21 Feb 2025 16:15:12 +0100 Subject: [PATCH 3/3] fix: change architecture of the commit --- .gitignore | 1 - README.md | 16 +++- index.html | 2 +- package-lock.json | 239 ++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 254 insertions(+), 4 deletions(-) create mode 100644 package-lock.json diff --git a/.gitignore b/.gitignore index d5c2370..04c01ba 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,2 @@ node_modules/ -package-lock.json dist/ \ No newline at end of file diff --git a/README.md b/README.md index 0217cae..947a310 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,15 @@ -# siahbva +## Siahbva -Page de maintenance pour Siahbva \ No newline at end of file +Ce dépôt est pour le projet Siahbva, une page en construction réalisé avec Uikit. + +Les étapes pour récupérer et utiliser le projet localement sont : + +1. Clonez le projet ``` https://gitea.digitanie.org/florian.llimos/siahbva.git ``` + +2. ``` cd siahbva ``` + +3. Installez les dépendances ``` npm install ``` + +Pour compiler le less en css, utilisez ``` npm run build-css ``` + +# https://www.siahbva.fr/ \ No newline at end of file diff --git a/index.html b/index.html index 488254f..29f8189 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ Siahbva - + diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..29a50f6 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,239 @@ +{ + "name": "siahbva", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "dependencies": { + "uikit": "^3.16.28" + }, + "devDependencies": { + "less": "^4.2.2" + } + }, + "node_modules/copy-anything": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz", + "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-what": "^3.14.1" + }, + "funding": { + "url": "https://github.com/sponsors/mesqueeb" + } + }, + "node_modules/errno": { + "version": "0.1.8", + "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz", + "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "prr": "~1.0.1" + }, + "bin": { + "errno": "cli.js" + } + }, + "node_modules/graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "dev": true, + "license": "ISC", + "optional": true + }, + "node_modules/iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/image-size": { + "version": "0.5.5", + "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz", + "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==", + "dev": true, + "license": "MIT", + "optional": true, + "bin": { + "image-size": "bin/image-size.js" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-what": { + "version": "3.14.1", + "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz", + "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==", + "dev": true, + "license": "MIT" + }, + "node_modules/less": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/less/-/less-4.2.2.tgz", + "integrity": "sha512-tkuLHQlvWUTeQ3doAqnHbNn8T6WX1KA8yvbKG9x4VtKtIjHsVKQZCH11zRgAfbDAXC2UNIg/K9BYAAcEzUIrNg==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "copy-anything": "^2.0.1", + "parse-node-version": "^1.0.1", + "tslib": "^2.3.0" + }, + "bin": { + "lessc": "bin/lessc" + }, + "engines": { + "node": ">=6" + }, + "optionalDependencies": { + "errno": "^0.1.1", + "graceful-fs": "^4.1.2", + "image-size": "~0.5.0", + "make-dir": "^2.1.0", + "mime": "^1.4.1", + "needle": "^3.1.0", + "source-map": "~0.6.0" + } + }, + "node_modules/make-dir": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz", + "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "pify": "^4.0.1", + "semver": "^5.6.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "dev": true, + "license": "MIT", + "optional": true, + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/needle": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz", + "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "iconv-lite": "^0.6.3", + "sax": "^1.2.4" + }, + "bin": { + "needle": "bin/needle" + }, + "engines": { + "node": ">= 4.4.x" + } + }, + "node_modules/parse-node-version": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz", + "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/pify": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", + "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/prr": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz", + "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==", + "dev": true, + "license": "MIT", + "optional": true + }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "dev": true, + "license": "MIT", + "optional": true + }, + "node_modules/sax": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.1.tgz", + "integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==", + "dev": true, + "license": "ISC", + "optional": true + }, + "node_modules/semver": { + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", + "dev": true, + "license": "ISC", + "optional": true, + "bin": { + "semver": "bin/semver" + } + }, + "node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "license": "BSD-3-Clause", + "optional": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "dev": true, + "license": "0BSD" + }, + "node_modules/uikit": { + "version": "3.23.0", + "resolved": "https://registry.npmjs.org/uikit/-/uikit-3.23.0.tgz", + "integrity": "sha512-8lPL2pzmtvDga1wVnHOKpyG1vL1d68hSYLwu7eHmtY0s+1h6v/J+f9vKvW9EBW5mRbyirOanq+4DgE0ybcDemw==", + "license": "MIT" + } + } +} -- 2.45.1