@charset "UTF-8";
/* ========================================================================
Component: Base
========================================================================== */
/*
* 1. Set `font-size` to support `rem` units
* Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge
* 2. Prevent adjustments of font size after orientation changes in iOS.
* 3. Style
*/
html {
/* 1 */
font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 19px;
font-weight: normal;
line-height: 1.5;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 3 */
background: #fff;
color: #777;
}
/*
* 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 */
-webkit-text-decoration: underline dotted;
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;
padding: 2px 6px;
background: #f8f8f8;
}
/*
* Emphasize
*/
em {
color: #f0506e;
}
/*
* Insert
*/
ins {
background: #ffd;
color: #777;
text-decoration: none;
}
/*
* Mark
*/
mark {
background: #ffd;
color: #777;
}
/*
* 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 embedded content and the bottom of their containers.
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* 1. Add responsiveness.
* 2. Auto-scale the height. Only needed if `height` attribute is present.
* 3. Corrects responsive `max-width` behavior if padding and border are used.
* 4. Exclude SVGs for IE11 because they don't preserve their aspect ratio.
*/
canvas,
img,
video {
/* 1 */
max-width: 100%;
/* 2 */
height: auto;
/* 3 */
box-sizing: border-box;
}
/* 4 */
@supports (display: block) {
svg {
max-width: 100%;
height: auto;
box-sizing: border-box;
}
}
/*
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/*
* 1. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`.
* 2. Hide `alt` text for lazy loading images.
* Note: Selector for background while loading img[data-src*='.jpg'][src*='data:image'] { background: grey; }
*/
img:not([src]) {
/* 1 */
min-width: 1px;
/* 2 */
visibility: hidden;
}
/*
* 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 {
margin: 0 0 20px 0;
font-family: 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 {
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: 19px;
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;
color: #333;
}
/* 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;
color: #777;
}
blockquote footer::before {
content: "— ";
}
/* Preformatted text
========================================================================== */
/*
* 1. Contain overflow in all browsers.
*/
pre {
font: 0.875rem/1.5 Consolas, monaco, monospace;
color: #777;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
/* 1 */
overflow: auto;
padding: 10px;
border: 1px solid #e5e5e5;
border-radius: 3px;
background: #fff;
}
pre code {
font-family: Consolas, monaco, monospace;
}
/* Focus
========================================================================== */
/*
* Safari doesn't support `:focus-visible` yet. It also doesn't set focus if clicking a button or anchor.
* 1. Fallback: Remove `:focus` for a negative tabindexes.
* 2. Fallback: Set `:focus` style but not for negative tabindexes.
* 3. Fallback: Remove `:focus` style for browsers which support `:focus-visible`.
* 4. Set `:focus-visible` style for browsers which support it.
*/
/* 1 */
:focus {
outline: none;
}
/* 2 */
:focus:not([tabindex^="-"]) {
outline: 2px dotted #333;
outline-offset: 1px;
}
/* 3 */
:focus:not(:focus-visible) {
outline: none;
}
/* 4 */
:focus-visible {
outline: 2px dotted #333;
}
/* Selection pseudo-element
========================================================================== */
::-moz-selection {
background: #39f;
color: #fff;
text-shadow: none;
}
::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
*/
.uk-breakpoint-s::before {
content: "640px";
}
.uk-breakpoint-m::before {
content: "960px";
}
.uk-breakpoint-l::before {
content: "1200px";
}
.uk-breakpoint-xl::before {
content: "1600px";
}
: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 {
color: #999;
}
a.uk-link-muted:hover,
.uk-link-muted a:hover,
.uk-link-toggle:hover .uk-link-muted {
color: #777;
}
/* Text
========================================================================== */
a.uk-link-text,
.uk-link-text a {
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 {
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;
}
/* 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;
}
}
/* 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;
}
}
/* 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: -0.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% - (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("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
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% - 25px);
border-bottom: 1px solid #e5e5e5;
}
.uk-divider-icon::before {
right: calc(50% + 25px);
width: 100%;
}
.uk-divider-icon::after {
left: calc(50% + 25px);
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: 1px;
height: 100px;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #e5e5e5;
}
/* ========================================================================
Component: List
========================================================================== */
.uk-list {
padding: 0;
list-style: none;
}
/*
* 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
* Moving `::marker` inside `::before` to style it differently
* To style the `::marker` is currently only supported in Firefox and Safari
========================================================================== */
.uk-list-disc > *,
.uk-list-circle > *,
.uk-list-square > *,
.uk-list-decimal > *,
.uk-list-hyphen > * {
padding-left: 30px;
}
/*
* Type modifiers
*/
.uk-list-decimal {
counter-reset: decimal;
}
.uk-list-decimal > * {
counter-increment: decimal;
}
[class*=uk-list] > ::before {
content: "";
position: relative;
left: -30px;
width: 30px;
height: 1.5em;
margin-bottom: -1.5em;
display: list-item;
list-style-position: inside;
text-align: right;
}
.uk-list-disc > ::before {
list-style-type: disc;
}
.uk-list-circle > ::before {
list-style-type: circle;
}
.uk-list-square > ::before {
list-style-type: square;
}
.uk-list-decimal > ::before {
content: counter(decimal, decimal) " . ";
}
.uk-list-hyphen > ::before {
content: "– ";
}
/*
* Color modifiers
*/
.uk-list-muted > ::before {
color: #999 !important;
}
.uk-list-emphasis > ::before {
color: #333 !important;
}
.uk-list-primary > ::before {
color: #1e87f0 !important;
}
.uk-list-secondary > ::before {
color: #222 !important;
}
/* Image bullet modifier
========================================================================== */
.uk-list-bullet > * {
padding-left: 30px;
}
.uk-list-bullet > ::before {
content: "";
position: relative;
left: -30px;
width: 30px;
height: 1.5em;
margin-bottom: -1.5em;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23777%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
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) {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.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;
font-size: 0.875rem;
font-weight: normal;
text-transform: uppercase;
}
.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: 0.875rem;
font-weight: normal;
color: #999;
text-transform: uppercase;
}
/* 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;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
/*
* 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;
}
}
.uk-table tbody tr {
transition: background-color 0.1s linear;
}
.uk-table-striped > tr:nth-of-type(even):last-child,
.uk-table-striped tbody tr:nth-of-type(even):last-child {
border-bottom: 1px solid #e5e5e5;
}
/* ========================================================================
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
*/
.uk-icon-image {
width: 20px;
height: 20px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}
/* Style modifiers
========================================================================== */
/*
* Link
*/
.uk-icon-link {
color: #999;
}
.uk-icon-link:hover {
color: #777;
}
/* OnClick + Active */
.uk-icon-link:active,
.uk-active > .uk-icon-link {
color: #6a6a6a;
}
/*
* 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;
transition: 0.1s ease-in-out;
transition-property: color, background-color;
}
/* Hover */
.uk-icon-button:hover {
background-color: #ebebeb;
color: #777;
}
/* OnClick + Active */
.uk-icon-button:active,
.uk-active > .uk-icon-button {
background-color: #dfdfdf;
color: #777;
}
/* ========================================================================
Component: Form Range
========================================================================== */
/*
* 1. Normalize and defaults
* 2. Prevent content overflow if a fixed width is used
* 3. Take the full width
* 4. Remove default style
* 5. Remove white background in Chrome
* 6. Remove padding in IE11
*/
.uk-range {
/* 1 */
box-sizing: border-box;
margin: 0;
vertical-align: middle;
/* 2 */
max-width: 100%;
/* 3 */
width: 100%;
/* 4 */
-webkit-appearance: none;
/* 5 */
background: transparent;
/* 6 */
padding: 0;
}
/* Focus */
.uk-range:focus {
outline: none;
}
.uk-range::-moz-focus-outer {
border: none;
}
/* IE11 Reset */
.uk-range::-ms-track {
height: 15px;
background: transparent;
border-color: transparent;
color: transparent;
}
/*
* 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;
}
.uk-range:not(:disabled)::-ms-thumb {
cursor: pointer;
}
/* 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: #fff;
border: 1px solid #cccccc;
}
/* Firefox */
.uk-range::-moz-range-thumb {
/* 1 */
border: none;
/* 2 */
height: 15px;
width: 15px;
border-radius: 500px;
background: #fff;
border: 1px solid #cccccc;
}
/* Edge */
.uk-range::-ms-thumb {
/* 1 */
margin-top: 0;
}
/* IE11 */
.uk-range::-ms-thumb {
/* 1 */
border: none;
/* 2 */
height: 15px;
width: 15px;
border-radius: 500px;
background: #fff;
border: 1px solid #cccccc;
}
/* Edge + IE11 */
.uk-range::-ms-tooltip {
display: none;
}
/* Track
========================================================================== */
/*
* 1. Safari doesn't have a focus state. Using active instead.
*/
/* Webkit */
.uk-range::-webkit-slider-runnable-track {
height: 3px;
background: #ebebeb;
border-radius: 500px;
}
.uk-range:focus::-webkit-slider-runnable-track,
.uk-range:active::-webkit-slider-runnable-track {
background: #dfdfdf;
}
/* Firefox */
.uk-range::-moz-range-track {
height: 3px;
background: #ebebeb;
border-radius: 500px;
}
.uk-range:focus::-moz-range-track {
background: #dfdfdf;
}
/* Edge */
.uk-range::-ms-fill-lower,
.uk-range::-ms-fill-upper {
height: 3px;
background: #ebebeb;
border-radius: 500px;
}
.uk-range:focus::-ms-fill-lower,
.uk-range:focus::-ms-fill-upper {
background: #dfdfdf;
}
/* ========================================================================
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;
}
/*
* 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.
*/
.uk-fieldset {
border: none;
margin: 0;
padding: 0;
}
/* Input, select and textarea
* Allowed: `text`, `password`, `datetime`, `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: #fff;
color: #777;
border: 1px solid #e5e5e5;
transition: 0.2s ease-in-out;
transition-property: color, background-color, border;
}
/*
* 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: 38px;
}
/*
* 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: #fff;
color: #777;
border-color: #1e87f0;
}
/* Disabled */
.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
background-color: #f8f8f8;
color: #999;
border-color: #e5e5e5;
}
/*
* Placeholder
*/
.uk-input::-moz-placeholder {
color: #999;
}
.uk-input:-ms-input-placeholder {
color: #999;
}
.uk-input::placeholder {
color: #999;
}
.uk-textarea::-moz-placeholder {
color: #999;
}
.uk-textarea:-ms-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: 28px;
}
/*
* 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: 53px;
}
/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
========================================================================== */
/*
* Error
*/
.uk-form-danger,
.uk-form-danger:focus {
color: #f0506e;
border-color: #f0506e;
}
/*
* Success
*/
.uk-form-success,
.uk-form-success:focus {
color: #32d296;
border-color: #32d296;
}
/*
* Blank
*/
.uk-form-blank {
background: none;
border-color: transparent;
}
.uk-form-blank:focus {
border-color: #e5e5e5;
border-style: solid;
}
/* 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. Remove default style in IE 10/11
* 4. 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("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23777%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23777%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
background-repeat: no-repeat;
background-position: 100% 50%;
}
/* 3 */
.uk-select:not([multiple]):not([size])::-ms-expand {
display: none;
}
/* 4 */
.uk-select:not([multiple]):not([size]) option {
color: #777;
}
/*
* Disabled
*/
.uk-select:not([multiple]):not([size]):disabled {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
/* 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("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23777%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
/* 1 */
.uk-input[list]::-webkit-calendar-picker-indicator {
display: none !important;
}
/* Radio and checkbox
* Note: Does not work in IE11
========================================================================== */
/*
* 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: transparent;
/* 6 */
background-repeat: no-repeat;
background-position: 50% 50%;
border: 1px solid #cccccc;
transition: 0.2s ease-in-out;
transition-property: background-color, border;
}
.uk-radio {
border-radius: 50%;
}
/* Focus */
.uk-radio:focus,
.uk-checkbox:focus {
background-color: rgba(0, 0, 0, 0);
outline: none;
border-color: #1e87f0;
}
/*
* Checked
*/
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
background-color: #1e87f0;
border-color: transparent;
}
/* Focus */
.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
background-color: #0e6ecd;
}
/*
* Icons
*/
.uk-radio:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.uk-checkbox:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.uk-checkbox:indeterminate {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
/*
* Disabled
*/
.uk-radio:disabled,
.uk-checkbox:disabled {
background-color: #f8f8f8;
border-color: #e5e5e5;
}
.uk-radio:disabled:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.uk-checkbox:disabled:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.uk-checkbox:disabled:indeterminate {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
/* 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 controle 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
========================================================================== */
.uk-form-label {
color: #333;
font-size: 0.875rem;
}
/* Layout
========================================================================== */
/*
* Stacked
*/
.uk-form-stacked .uk-form-label {
display: block;
margin-bottom: 5px;
}
/*
* Horizontal
*/
/* Tablet portrait and smaller */
@media (max-width: 959px) {
/* Behave like `uk-form-stacked` */
.uk-form-horizontal .uk-form-label {
display: block;
margin-bottom: 5px;
}
}
/* 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: #777;
}
/*
* 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: 0.875rem;
/* 8 */
line-height: 38px;
/* 9 */
text-align: center;
/* 10 */
text-decoration: none;
text-transform: uppercase;
transition: 0.1s ease-in-out;
transition-property: color, background-color, border-color;
}
.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: transparent;
color: #333;
border: 1px solid #e5e5e5;
}
/* Hover */
.uk-button-default:hover {
background-color: transparent;
color: #333;
border-color: #b2b2b2;
}
/* OnClick + Active */
.uk-button-default:active,
.uk-button-default.uk-active {
background-color: transparent;
color: #333;
border-color: #999999;
}
/*
* Primary
*/
.uk-button-primary {
background-color: #a5852c;
color: #fff;
border: 1px solid transparent;
}
/* Hover */
.uk-button-primary:hover {
background-color: #917527;
color: #fff;
}
/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
background-color: #7d6521;
color: #fff;
}
/*
* Secondary
*/
.uk-button-secondary {
background-color: #222;
color: #a5852c;
border: 1px solid transparent;
}
/* Hover */
.uk-button-secondary:hover {
background-color: #151515;
color: #fff;
}
/* OnClick + Active */
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
background-color: #090909;
color: #fff;
}
/*
* Danger
*/
.uk-button-danger {
background-color: #f0506e;
color: #fff;
border: 1px solid transparent;
}
/* 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: transparent;
color: #999;
border-color: #e5e5e5;
}
/* Size modifiers
========================================================================== */
.uk-button-small {
padding: 0 15px;
line-height: 28px;
font-size: 0.875rem;
}
.uk-button-large {
padding: 0 40px;
line-height: 53px;
font-size: 0.875rem;
}
/* Text modifiers
========================================================================== */
/*
* Text
* 1. Reset
* 2. Style
*/
.uk-button-text {
/* 1 */
padding: 0;
line-height: 1.5;
background: none;
/* 2 */
color: #333;
position: relative;
}
.uk-button-text::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 100%;
border-bottom: 1px solid #333;
transition: right 0.3s ease-out;
}
/* Hover */
.uk-button-text:hover {
color: #333;
}
.uk-button-text:hover::before {
right: 0;
}
/* Disabled */
.uk-button-text:disabled {
color: #999;
}
.uk-button-text:disabled::before {
display: none;
}
/*
* 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 betweent child elements
* 2. Behave like button
* 3. Create position context
*/
.uk-button-group {
/* 1 */
display: inline-flex;
/* 2 */
vertical-align: middle;
/* 3 */
position: relative;
}
/* Group
========================================================================== */
/*
* Collapse border
*/
.uk-button-group > .uk-button:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) .uk-button {
margin-left: -1px;
}
/*
* Create position context to superimpose the successor elements border
* Known issue: If you use an `a` element as button and an icon inside,
* the active state will not work if you click the icon inside the button
* Workaround: Just use a `button` or `input` element as button
*/
.uk-button-group .uk-button:hover,
.uk-button-group .uk-button:active,
.uk-button-group .uk-button.uk-active {
position: relative;
z-index: 1;
}
/* ========================================================================
Component: Progress
========================================================================== */
/*
* 1. Add the correct vertical alignment in Chrome, Firefox, and Opera.
* 2. Remove default style
* 3. Behave like a block element
* 4. Remove borders in Firefox and Edge
* 5. Set background color for progress container in Firefox, IE11 and Edge
* 6. Style
*/
.uk-progress {
/* 1 */
vertical-align: baseline;
/* 2 */
-webkit-appearance: none;
-moz-appearance: none;
/* 3 */
display: block;
width: 100%;
/* 4 */
border: 0;
/* 5 */
background-color: #f8f8f8;
/* 6 */
margin-bottom: 20px;
height: 15px;
border-radius: 500px;
overflow: hidden;
}
/* Add margin if adjacent element */
* + .uk-progress {
margin-top: 20px;
}
/*
* Remove animated circles for indeterminate state in IE11 and Edge
*/
.uk-progress:indeterminate {
color: transparent;
}
/*
* Progress container
* 2. Remove progress bar for indeterminate state in Firefox
*/
.uk-progress::-webkit-progress-bar {
background-color: #f8f8f8;
border-radius: 500px;
overflow: hidden;
}
/* 2 */
.uk-progress:indeterminate::-moz-progress-bar {
width: 0;
}
/*
* Progress bar
* 1. Remove right border in IE11 and Edge
*/
.uk-progress::-webkit-progress-value {
background-color: #1e87f0;
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.uk-progress::-moz-progress-bar {
background-color: #1e87f0;
}
.uk-progress::-ms-fill {
background-color: #1e87f0;
-ms-transition: width 0.6s ease;
transition: width 0.6s ease;
/* 1 */
border: 0;
}
/* ========================================================================
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 {
background: #fff;
}
/*
* Muted
*/
.uk-section-muted {
background: #f8f8f8;
}
/*
* Primary
*/
.uk-section-primary {
background: #1e87f0;
}
/*
* Secondary
*/
.uk-section-secondary {
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% + 375px - 30px);
}
.uk-container-expand-left.uk-container-small,
.uk-container-expand-right.uk-container-small {
max-width: calc(50% + 450px - 30px);
}
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
.uk-container-expand-left,
.uk-container-expand-right {
max-width: calc(50% + 600px - 40px);
}
.uk-container-expand-left.uk-container-xsmall,
.uk-container-expand-right.uk-container-xsmall {
max-width: calc(50% + 375px - 40px);
}
.uk-container-expand-left.uk-container-small,
.uk-container-expand-right.uk-container-small {
max-width: calc(50% + 450px - 40px);
}
.uk-container-expand-left.uk-container-large,
.uk-container-expand-right.uk-container-large {
max-width: calc(50% + 700px - 40px);
}
.uk-container-expand-left.uk-container-xlarge,
.uk-container-expand-right.uk-container-xlarge {
max-width: calc(50% + 800px - 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 {
background-color: #fff;
}
/*
* Muted
*/
.uk-tile-muted {
background-color: #f8f8f8;
}
/*
* Primary
*/
.uk-tile-primary {
background-color: #1e87f0;
}
/*
* Secondary
*/
.uk-tile-secondary {
background-color: #222;
}
/* ========================================================================
Component: Card
========================================================================== */
.uk-card {
position: relative;
box-sizing: border-box;
transition: box-shadow 0.1s ease-in-out;
}
/* 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;
border-radius: 2px;
text-transform: uppercase;
}
/*
* 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: #fff;
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
/* Style modifiers
========================================================================== */
/*
* Default
* Note: Header and Footer are only implemented for the default style
*/
.uk-card-default {
background-color: #fff;
color: #777;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-card-default .uk-card-title {
color: #333;
}
.uk-card-default.uk-card-hover:hover {
background-color: #fff;
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-card-default .uk-card-header {
border-bottom: 1px solid #e5e5e5;
}
.uk-card-default .uk-card-footer {
border-top: 1px solid #e5e5e5;
}
/*
* Primary
*/
.uk-card-primary {
background-color: #1e87f0;
color: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-card-primary .uk-card-title {
color: #fff;
}
.uk-card-primary.uk-card-hover:hover {
background-color: #1e87f0;
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
/*
* Secondary
*/
.uk-card-secondary {
background-color: #222;
color: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-card-secondary .uk-card-title {
color: #fff;
}
.uk-card-secondary.uk-card-hover:hover {
background-color: #222;
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
/* 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;
}
}
/*
* Default
*/
.uk-card-body > .uk-nav-default {
margin-left: -30px;
margin-right: -30px;
}
.uk-card-body > .uk-nav-default:only-child {
margin-top: -15px;
margin-bottom: -15px;
}
.uk-card-body > .uk-nav-default > li > a,
.uk-card-body > .uk-nav-default .uk-nav-header,
.uk-card-body > .uk-nav-default .uk-nav-divider {
padding-left: 30px;
padding-right: 30px;
}
.uk-card-body > .uk-nav-default .uk-nav-sub {
padding-left: 45px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
.uk-card-body > .uk-nav-default {
margin-left: -40px;
margin-right: -40px;
}
.uk-card-body > .uk-nav-default:only-child {
margin-top: -25px;
margin-bottom: -25px;
}
.uk-card-body > .uk-nav-default > li > a,
.uk-card-body > .uk-nav-default .uk-nav-header,
.uk-card-body > .uk-nav-default .uk-nav-divider {
padding-left: 40px;
padding-right: 40px;
}
.uk-card-body > .uk-nav-default .uk-nav-sub {
padding-left: 55px;
}
}
/*
* Small
*/
.uk-card-small > .uk-nav-default {
margin-left: -20px;
margin-right: -20px;
}
.uk-card-small > .uk-nav-default:only-child {
margin-top: -5px;
margin-bottom: -5px;
}
.uk-card-small > .uk-nav-default > li > a,
.uk-card-small > .uk-nav-default .uk-nav-header,
.uk-card-small > .uk-nav-default .uk-nav-divider {
padding-left: 20px;
padding-right: 20px;
}
.uk-card-small > .uk-nav-default .uk-nav-sub {
padding-left: 35px;
}
/*
* Large
*/
/* Desktop and bigger */
@media (min-width: 1200px) {
.uk-card-large > .uk-nav-default {
margin: 0;
}
.uk-card-large > .uk-nav-default:only-child {
margin: 0;
}
.uk-card-large > .uk-nav-default > li > a,
.uk-card-large > .uk-nav-default .uk-nav-header,
.uk-card-large > .uk-nav-default .uk-nav-divider {
padding-left: 0;
padding-right: 0;
}
.uk-card-large > .uk-nav-default .uk-nav-sub {
padding-left: 15px;
}
}
/* ========================================================================
Component: Close
========================================================================== */
/*
* Adopts `uk-icon`
*/
.uk-close {
color: #999;
transition: 0.1s ease-in-out;
transition-property: color, opacity;
}
/* Hover */
.uk-close:hover {
color: #777;
}
/* ========================================================================
Component: Spinner
========================================================================== */
/*
* Adopts `uk-icon`
*/
/* SVG
========================================================================== */
.uk-spinner > * {
-webkit-animation: uk-spinner-rotate 1.4s linear infinite;
animation: uk-spinner-rotate 1.4s linear infinite;
}
@-webkit-keyframes uk-spinner-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(270deg);
}
}
@keyframes uk-spinner-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(270deg);
}
}
/*
* Circle
*/
.uk-spinner > * > * {
stroke-dasharray: 88px;
stroke-dashoffset: 0;
transform-origin: center;
-webkit-animation: uk-spinner-dash 1.4s ease-in-out infinite;
animation: uk-spinner-dash 1.4s ease-in-out infinite;
stroke-width: 1;
stroke-linecap: round;
}
@-webkit-keyframes uk-spinner-dash {
0% {
stroke-dashoffset: 88px;
}
50% {
stroke-dashoffset: 22px;
transform: rotate(135deg);
}
100% {
stroke-dashoffset: 88px;
transform: rotate(450deg);
}
}
@keyframes uk-spinner-dash {
0% {
stroke-dashoffset: 88px;
}
50% {
stroke-dashoffset: 22px;
transform: rotate(135deg);
}
100% {
stroke-dashoffset: 88px;
transform: rotate(450deg);
}
}
/* ========================================================================
Component: Totop
========================================================================== */
/*
* Addopts `uk-icon`
*/
.uk-totop {
padding: 5px;
color: #999;
transition: color 0.1s ease-in-out;
}
/* Hover */
.uk-totop:hover {
color: #777;
}
/* OnClick */
.uk-totop:active {
color: #333;
}
/* ========================================================================
Component: Marker
========================================================================== */
/*
* Addopts `uk-icon`
*/
.uk-marker {
padding: 5px;
background: #222;
color: #fff;
border-radius: 500px;
}
/* Hover */
.uk-marker:hover {
color: #fff;
}
/* ========================================================================
Component: Alert
========================================================================== */
.uk-alert {
position: relative;
margin-bottom: 20px;
padding: 15px 29px 15px 15px;
background: #f8f8f8;
color: #777;
}
/* 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;
color: inherit;
opacity: 0.4;
}
/*
* Remove margin from adjacent element
*/
.uk-alert-close:first-child + * {
margin-top: 0;
}
/*
* Hover
*/
.uk-alert-close:hover {
color: inherit;
opacity: 0.8;
}
/* Style modifiers
========================================================================== */
/*
* Primary
*/
.uk-alert-primary {
background: #d8eafc;
color: #1e87f0;
}
/*
* Success
*/
.uk-alert-success {
background: #edfbf6;
color: #32d296;
}
/*
* Warning
*/
.uk-alert-warning {
background: #fef5ee;
color: #faa05a;
}
/*
* Danger
*/
.uk-alert-danger {
background: #fef4f6;
color: #f0506e;
}
/*
* Content
*/
.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
color: inherit;
}
.uk-alert a:not([class]) {
color: inherit;
text-decoration: underline;
}
.uk-alert a:not([class]):hover {
color: inherit;
text-decoration: underline;
}
/* ========================================================================
Component: Placeholder
========================================================================== */
.uk-placeholder {
margin-bottom: 20px;
padding: 30px 30px;
background: transparent;
border: 1px dashed #e5e5e5;
}
/* 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;
border-radius: 2px;
text-transform: uppercase;
}
/* 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 {
background: rgba(255, 255, 255, 0.8);
}
/*
* Primary
*/
.uk-overlay-primary {
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;
}
.uk-article-meta a {
color: #999;
}
.uk-article-meta a:hover {
color: #777;
text-decoration: none;
}
/* ========================================================================
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
========================================================================== */
.uk-comment-primary {
padding: 30px;
background-color: #f8f8f8;
}
/* ========================================================================
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: #777;
}
.uk-search-input:focus {
outline: none;
}
/* Placeholder */
.uk-search-input:-ms-input-placeholder {
color: #999 !important;
}
.uk-search-input::-moz-placeholder {
color: #999;
}
.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: transparent;
border: 1px solid #e5e5e5;
}
/* Focus */
.uk-search-default .uk-search-input:focus {
background-color: rgba(0, 0, 0, 0);
border-color: #1e87f0;
}
/*
* Icon
*/
.uk-search-default .uk-search-icon {
width: 40px;
}
.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
padding-left: 40px;
}
.uk-search-default .uk-search-icon-flip ~ .uk-search-input {
padding-right: 40px;
}
/* Navbar modifier
========================================================================== */
.uk-search-navbar {
width: 400px;
}
/*
* Input
*/
.uk-search-navbar .uk-search-input {
height: 40px;
background: transparent;
font-size: 1.5rem;
}
/*
* Icon
*/
.uk-search-navbar .uk-search-icon {
width: 40px;
}
.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
padding-left: 40px;
}
.uk-search-navbar .uk-search-icon-flip ~ .uk-search-input {
padding-right: 40px;
}
/* Large modifier
========================================================================== */
.uk-search-large {
width: 500px;
}
/*
* Input
*/
.uk-search-large .uk-search-input {
height: 80px;
background: transparent;
font-size: 2.625rem;
}
/*
* Icon
*/
.uk-search-large .uk-search-icon {
width: 80px;
}
.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
padding-left: 80px;
}
.uk-search-large .uk-search-icon-flip ~ .uk-search-input {
padding-right: 80px;
}
/* Toggle
========================================================================== */
.uk-search-toggle {
color: #999;
}
/* Hover */
.uk-search-toggle:hover {
color: #777;
}
/* ========================================================================
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;
overflow: hidden;
}
.uk-accordion-title::before {
content: "";
width: 1.4em;
height: 1.4em;
margin-left: 10px;
float: right;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23777%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23777%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50% 50%;
}
.uk-open > .uk-accordion-title::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23777%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
/* Hover */
.uk-accordion-title:hover {
color: #777;
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;
/* 3 */
box-sizing: border-box;
width: 300px;
}
/* Show */
.uk-drop.uk-open {
display: block;
}
/* Direction / Alignment modifiers
========================================================================== */
/* Direction */
[class*=uk-drop-top] {
margin-top: -20px;
}
[class*=uk-drop-bottom] {
margin-top: 20px;
}
[class*=uk-drop-left] {
margin-left: -20px;
}
[class*=uk-drop-right] {
margin-left: 20px;
}
/* Grid modifiers
========================================================================== */
.uk-drop-stack .uk-drop-grid > * {
width: 100% !important;
}
/* ========================================================================
Component: Dropdown
========================================================================== */
/*
* 1. Hide by default
* 2. Set position
* 3. Set a default width
* 4. Style
*/
.uk-dropdown {
/* 1 */
display: none;
/* 2 */
position: absolute;
z-index: 1020;
/* 3 */
box-sizing: border-box;
min-width: 200px;
/* 4 */
padding: 25px;
background: #fff;
color: #777;
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}
/* Show */
.uk-dropdown.uk-open {
display: block;
}
/* Nav
* Adopts `uk-nav`
========================================================================== */
.uk-dropdown-nav {
white-space: nowrap;
font-size: 0.875rem;
}
/*
* Items
*/
.uk-dropdown-nav > li > a {
color: #999;
}
/* Hover + Active */
.uk-dropdown-nav > li > a:hover,
.uk-dropdown-nav > li.uk-active > a {
color: #777;
}
/*
* 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: #777;
}
/* Direction / Alignment modifiers
========================================================================== */
/* Direction */
[class*=uk-dropdown-top] {
margin-top: -10px;
}
[class*=uk-dropdown-bottom] {
margin-top: 10px;
}
[class*=uk-dropdown-left] {
margin-left: -10px;
}
[class*=uk-dropdown-right] {
margin-left: 10px;
}
/* Grid modifiers
========================================================================== */
.uk-dropdown-stack .uk-dropdown-grid > * {
width: 100% !important;
}
/* ========================================================================
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;
-webkit-overflow-scrolling: touch;
/* 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. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11
* `!important` 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: calc(100% - 0.01px) !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: 30px 30px;
}
.uk-modal-header {
display: flow-root;
padding: 15px 30px;
background: #fff;
border-bottom: 1px solid #e5e5e5;
}
.uk-modal-footer {
display: flow-root;
padding: 15px 30px;
background: #fff;
border-top: 1px solid #e5e5e5;
}
/*
* 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: white;
}
.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
*/
.uk-modal-close-full {
top: 0;
right: 0;
padding: 20px;
background: #fff;
}
/* ========================================================================
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.
*/
.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;
}
/* Item
========================================================================== */
/*
* 1. Position items above each other
* 2. Take the full width
* 3. Clip child elements, e.g. for `uk-cover`
* 4. Optimize animation
* 5. Disable horizontal panning gestures in IE11 and Edge
*/
.uk-slideshow-items > * {
/* 1 */
position: absolute;
top: 0;
left: 0;
/* 2 */
right: 0;
bottom: 0;
/* 3 */
overflow: hidden;
/* 4 */
will-change: transform, opacity;
/* 5 */
touch-action: pan-y;
}
/*
* 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
========================================================================== */
/*
* Clip child elements
*/
.uk-slider-container {
overflow: hidden;
}
/*
* 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`.
*/
.uk-slider-items {
/* 1 */
will-change: transform;
/* 2 */
position: relative;
}
/*
* 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
* 3. Create position context
* 4. Disable horizontal panning gestures in IE11 and Edge
*/
.uk-slider-items > * {
/* 1 */
flex: none;
max-width: 100%;
/* 3 */
position: relative;
/* 4 */
touch-action: pan-y;
}
/* ========================================================================
Component: Sticky
========================================================================== */
/*
* 1. Force new layer to resolve frame rate issues on devices with lower frame rates
*/
.uk-sticky-fixed {
z-index: 980;
box-sizing: border-box;
margin: 0 !important;
/* 1 */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/*
* Faster animations
*/
.uk-sticky[class*=uk-animation-] {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
}
.uk-sticky.uk-animation-reverse {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
}
/* ========================================================================
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 {
/* 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;
-webkit-overflow-scrolling: touch;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
.uk-offcanvas-bar {
left: -350px;
width: 350px;
padding: 40px 40px;
}
}
/* Flip modifier */
.uk-offcanvas-flip .uk-offcanvas-bar {
left: auto;
right: -270px;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
.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: 960px) {
.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: 20px;
right: 20px;
padding: 5px;
}
/* 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`
*/
.uk-offcanvas-page,
.uk-offcanvas-container {
overflow-x: hidden;
}
/* 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: 960px) {
: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
*/
.uk-leader-fill-content::before {
content: ".";
}
: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: #777;
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;
/* 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;
}
/* Direction / Alignment modifiers
========================================================================== */
/* Direction */
[class*=uk-tooltip-top] {
margin-top: -10px;
}
[class*=uk-tooltip-bottom] {
margin-top: 10px;
}
[class*=uk-tooltip-left] {
margin-left: -10px;
}
[class*=uk-tooltip-right] {
margin-left: 10px;
}
/* ========================================================================
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: 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
* 4. Space is allocated solely based on content dimensions: 0 0 auto
*/
.uk-nav li > a {
/* 1 */
display: flex;
align-items: center;
/* 2 */
-moz-column-gap: 0.25em;
column-gap: 0.25em;
/* 3*/
text-decoration: none;
}
/* 4 */
.uk-nav li > a > * {
flex: 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 modifier
========================================================================== */
.uk-nav-parent-icon > .uk-parent > a::after {
content: "";
width: 1.5em;
height: 1.5em;
margin-left: auto;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23777%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50% 50%;
}
.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23777%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
/* 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: 0.875rem;
}
/*
* Items
*/
.uk-nav-default > li > a {
color: #999;
}
/* Hover */
.uk-nav-default > li > a:hover {
color: #777;
}
/* Active */
.uk-nav-default > li.uk-active > a {
color: #333;
}
/*
* 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 a {
color: #999;
}
.uk-nav-default .uk-nav-sub a:hover {
color: #777;
}
.uk-nav-default .uk-nav-sub li.uk-active > a {
color: #333;
}
/* Primary modifier
========================================================================== */
/*
* Items
*/
.uk-nav-primary > li > a {
font-size: 1.5rem;
line-height: 1.5;
color: #999;
}
/* Hover */
.uk-nav-primary > li > a:hover {
color: #777;
}
/* Active */
.uk-nav-primary > li.uk-active > a {
color: #333;
}
/*
* 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 a {
color: #999;
}
.uk-nav-primary .uk-nav-sub a:hover {
color: #777;
}
.uk-nav-primary .uk-nav-sub li.uk-active > a {
color: #333;
}
/* 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 modifier */
.uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after {
margin-left: 0;
}
/* Style modifier
========================================================================== */
.uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) {
margin-top: 0;
padding-top: 0;
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;
}
/*
* Remove pseudo elements created by micro clearfix as precaution (if Container component is used)
*/
.uk-navbar-container > ::before,
.uk-navbar-container > ::after {
display: none !important;
}
/* Groups
========================================================================== */
/*
* 1. Align navs and items vertically if they have a different height
* 2. Note: IE 11 requires an extra `div` which affects the center selector
*/
.uk-navbar-left,
.uk-navbar-right,
.uk-navbar-center,
.uk-navbar-center-left > *,
.uk-navbar-center-right > * {
display: flex;
/* 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: -webkit-max-content;
width: -moz-max-content;
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: 100%;
}
.uk-navbar-center-right {
left: 100%;
}
[class*=uk-navbar-center-] {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
box-sizing: border-box;
}
/* Nav
========================================================================== */
/*
* 1. Reset list
*/
.uk-navbar-nav {
display: flex;
/* 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 */
-moz-column-gap: 0.25em;
column-gap: 0.25em;
/* 3 */
box-sizing: border-box;
min-height: 10px;
padding: 0 15px;
/* 4 */
font-size: 0.875rem;
font-family: 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 {
color: #999;
text-transform: uppercase;
transition: 0.1s ease-in-out;
transition-property: color, background-color;
}
/*
* Hover
* Apply hover style also if dropdown is opened
*/
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a[aria-expanded=true] {
color: #777;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
color: #333;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
color: #333;
}
/* Item
========================================================================== */
.uk-navbar-item {
color: #777;
}
/*
* Remove margin from the last-child
*/
.uk-navbar-item > :last-child {
margin-bottom: 0;
}
/* Toggle
========================================================================== */
.uk-navbar-toggle {
color: #999;
}
.uk-navbar-toggle:hover,
.uk-navbar-toggle[aria-expanded=true] {
color: #777;
text-decoration: none;
}
/*
* Icon
* Adopts `uk-icon`
*/
/* Hover */
/* Subtitle
========================================================================== */
.uk-navbar-subtitle {
font-size: 0.875rem;
}
/* Style modifiers
========================================================================== */
/* Dropdown
========================================================================== */
/*
* Adopts `uk-dropdown`
* 1. Hide by default
* 2. Set position
* 3. Set a default width
* 4. Style
*/
.uk-navbar-dropdown {
/* 1 */
display: none;
/* 2 */
position: absolute;
z-index: 1020;
/* 3 */
box-sizing: border-box;
width: 100px;
/* 4 */
padding: 5px;
background: #fff;
color: #777;
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}
/* Show */
.uk-navbar-dropdown.uk-open {
display: block;
}
/*
* Direction / Alignment modifiers
*/
/* Direction */
[class*=uk-navbar-dropdown-top] {
margin-top: -5px;
}
[class*=uk-navbar-dropdown-bottom] {
margin-top: 5px;
}
[class*=uk-navbar-dropdown-left] {
margin-left: -5px;
}
[class*=uk-navbar-dropdown-right] {
margin-left: 5px;
}
/*
* Grid
* Adopts `uk-grid`
*/
/* Gutter Horizontal */
.uk-navbar-dropdown-grid {
margin-left: -10px;
}
.uk-navbar-dropdown-grid > * {
padding-left: 10px;
}
/* Gutter Vertical */
.uk-navbar-dropdown-grid > .uk-grid-margin {
margin-top: 10px;
}
/* Stack */
.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * {
width: 100% !important;
}
/*
* Width modifier
*/
.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) {
width: 200px;
}
.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) {
width: 300px;
}
.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) {
width: 400px;
}
.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
width: 500px;
}
/*
* Dropbar modifier
*/
.uk-navbar-dropdown-dropbar {
margin-top: 0;
margin-bottom: 0;
box-shadow: none;
}
/* Dropdown Nav
* Adopts `uk-nav`
========================================================================== */
.uk-navbar-dropdown-nav {
font-size: 0.875rem;
}
/*
* Items
*/
.uk-navbar-dropdown-nav > li > a {
color: #999;
}
/* Hover */
.uk-navbar-dropdown-nav > li > a:hover {
color: #777;
}
/* Active */
.uk-navbar-dropdown-nav > li.uk-active > a {
color: #333;
}
/*
* 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: #777;
}
.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a {
color: #333;
}
/* Dropbar
========================================================================== */
.uk-navbar-dropbar {
background: #fff;
}
/*
* Slide modifier
*/
.uk-navbar-dropbar-slide {
position: absolute;
z-index: 980;
left: 0;
right: 0;
box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05);
}
/*
* Navbar
*/
.uk-navbar-container > .uk-container .uk-navbar-left {
margin-left: -15px;
margin-right: -15px;
}
.uk-navbar-container > .uk-container .uk-navbar-right {
margin-right: -15px;
}
/*
* Grid Divider
*/
.uk-navbar-dropdown-grid > * {
position: relative;
}
.uk-navbar-dropdown-grid > :not(.uk-first-column)::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 5px;
border-left: 1px solid #e5e5e5;
}
/* Vertical */
.uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before {
content: "";
position: absolute;
top: -5px;
left: 10px;
right: 0;
border-top: 1px solid #e5e5e5;
}
/* ========================================================================
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 */
-moz-column-gap: 0.25em;
column-gap: 0.25em;
/* 3 */
color: #999;
font-size: 0.875rem;
text-transform: uppercase;
transition: 0.1s ease-in-out;
transition-property: color, background-color;
}
/* Hover */
.uk-subnav > * > a:hover {
color: #777;
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
========================================================================== */
.uk-subnav-pill > * > :first-child {
padding: 5px 10px;
background: transparent;
color: #999;
}
/* Hover */
.uk-subnav-pill > * > a:hover {
background-color: #a5852c;
color: #777;
}
/* OnClick */
.uk-subnav-pill > * > a:active {
background-color: #a5852c;
color: #777;
}
/* 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
========================================================================== */
/*
* Reset list
*/
.uk-breadcrumb {
padding: 0;
list-style: none;
}
/*
* 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: #777;
text-decoration: none;
}
/* Disabled */
/* Active */
.uk-breadcrumb > :last-child > span,
.uk-breadcrumb > :last-child > a:not([href]) {
color: #777;
}
/*
* 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 0 16px;
/* 2 */
font-size: 0.875rem;
color: #999;
}
/* ========================================================================
Component: Pagination
========================================================================== */
/*
* 1. Allow items to wrap into the next line
* 2. Gutter
* 3. Reset list
*/
.uk-pagination {
display: flex;
/* 1 */
flex-wrap: wrap;
/* 2 */
margin-left: 0;
/* 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-pagination > * {
/* 1 */
flex: none;
/* 2 */
padding-left: 0;
/* 3 */
position: relative;
}
/* Items
========================================================================== */
/*
* 1. Prevent gap if child element is `inline-block`, e.g. an icon
* 2. Style
*/
.uk-pagination > * > * {
/* 1 */
display: block;
/* 2 */
padding: 5px 10px;
color: #999;
transition: color 0.1s ease-in-out;
}
/* Hover */
.uk-pagination > * > :hover {
color: #777;
text-decoration: none;
}
/* Active */
.uk-pagination > .uk-active > * {
color: #777;
}
/* 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;
position: relative;
}
.uk-tab::before {
content: "";
position: absolute;
bottom: 0;
left: 20px;
right: 0;
border-bottom: 1px solid #e5e5e5;
}
/*
* 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 */
-moz-column-gap: 0.25em;
column-gap: 0.25em;
/* 3 */
justify-content: center;
/* 4 */
padding: 5px 10px;
color: #999;
border-bottom: 1px solid transparent;
font-size: 0.875rem;
text-transform: uppercase;
transition: color 0.1s ease-in-out;
}
/* Hover */
.uk-tab > * > a:hover {
color: #777;
text-decoration: none;
}
/* Active */
.uk-tab > .uk-active > a {
color: #333;
border-color: #1e87f0;
}
/* Disabled */
.uk-tab > .uk-disabled > a {
color: #999;
}
/* Position modifier
========================================================================== */
/*
* Bottom
*/
.uk-tab-bottom::before {
top: 0;
bottom: auto;
}
.uk-tab-bottom > * > a {
border-top: 1px solid transparent;
border-bottom: none;
}
/*
* 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::before {
top: 0;
bottom: 0;
left: auto;
right: 0;
border-left: 1px solid #e5e5e5;
border-bottom: none;
}
.uk-tab-right::before {
top: 0;
bottom: 0;
left: 0;
right: auto;
border-left: 1px solid #e5e5e5;
border-bottom: none;
}
.uk-tab-left > * > a {
justify-content: left;
border-right: 1px solid transparent;
border-bottom: none;
}
.uk-tab-right > * > a {
justify-content: left;
border-left: 1px solid transparent;
border-bottom: none;
}
.uk-tab .uk-dropdown {
margin-left: 30px;
}
/* ========================================================================
Component: Slidenav
========================================================================== */
/*
* Adopts `uk-icon`
*/
.uk-slidenav {
padding: 5px 10px;
color: rgba(119, 119, 119, 0.5);
transition: color 0.1s ease-in-out;
}
/* Hover */
.uk-slidenav:hover {
color: rgba(119, 119, 119, 0.9);
}
/* OnClick */
.uk-slidenav:active {
color: rgba(119, 119, 119, 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: transparent;
/* 1 */
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
border: 1px solid rgba(119, 119, 119, 0.4);
transition: 0.2s ease-in-out;
transition-property: background-color, border-color;
}
/* Hover */
.uk-dotnav > * > :hover {
background-color: rgba(119, 119, 119, 0.6);
border-color: transparent;
}
/* OnClick */
.uk-dotnav > * > :active {
background-color: rgba(119, 119, 119, 0.2);
border-color: transparent;
}
/* Active */
.uk-dotnav > .uk-active > * {
background-color: rgba(119, 119, 119, 0.6);
border-color: transparent;
}
/* 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: 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;
position: relative;
}
.uk-thumbnav > * > *::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.4);
transition: background-color 0.1s ease-in-out;
}
/* Hover */
.uk-thumbnav > * > :hover::after {
background-color: transparent;
}
/* Active */
.uk-thumbnav > .uk-active > *::after {
background-color: transparent;
}
/* 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 */
-moz-column-gap: 0.25em;
column-gap: 0.25em;
/* 3 */
line-height: 0;
/* 4 */
color: #999;
/* 5 */
text-decoration: none;
font-size: 0.875rem;
transition: 0.1s ease-in-out;
transition-property: color, background-color;
}
/* Hover */
.uk-iconnav > * > a:hover {
color: #777;
}
/* Active */
.uk-iconnav > .uk-active > a {
color: #777;
}
/* 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: 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 {
/* 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 {
outline-color: rgba(255, 255, 255, 0.7);
}
.uk-lightbox :focus-visible {
outline-color: rgba(255, 255, 255, 0.7);
}
/* Page
========================================================================== */
/*
* Prevent scrollbars
*/
.uk-lightbox-page {
overflow: hidden;
}
/* Item
========================================================================== */
/*
* 1. Center child within the viewport
* 2. Not visible by default
* 3. Color needed for spinner icon
* 4. Optimize animation
* 5. Responsiveness
* Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera
* Using `vh` and `vw` to make responsive image work in IE11
*/
.uk-lightbox-items > * {
/* 1 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* 2 */
display: none;
justify-content: center;
align-items: center;
/* 3 */
color: rgba(255, 255, 255, 0.7);
/* 4 */
will-change: transform, opacity;
}
/* 5 */
.uk-lightbox-items > * > * {
max-width: 100vw;
max-height: 100vh;
}
.uk-lightbox-items > * > :not(iframe) {
width: auto;
height: auto;
}
.uk-lightbox-items > .uk-active {
display: flex;
}
/* Toolbar
========================================================================== */
.uk-lightbox-toolbar {
padding: 10px 10px;
background: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.7);
}
.uk-lightbox-toolbar > * {
color: rgba(255, 255, 255, 0.7);
}
/* Toolbar Icon (Close)
========================================================================== */
.uk-lightbox-toolbar-icon {
padding: 5px;
color: rgba(255, 255, 255, 0.7);
}
/*
* Hover
*/
.uk-lightbox-toolbar-icon:hover {
color: #fff;
}
/* Button (Slidenav)
========================================================================== */
/*
* 1. Center icon vertically and horizontally
*/
.uk-lightbox-button {
box-sizing: border-box;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.7);
/* 1 */
display: inline-flex;
justify-content: center;
align-items: center;
}
/* Hover */
.uk-lightbox-button:hover {
color: #fff;
}
/* OnClick */
/* Caption
========================================================================== */
.uk-lightbox-caption:empty {
display: none;
}
/* Iframe
========================================================================== */
.uk-lightbox-iframe {
width: 80%;
height: 80%;
}
/* ========================================================================
Component: Animation
========================================================================== */
[class*=uk-animation-] {
-webkit-animation: 0.5s ease-out both;
animation: 0.5s ease-out both;
}
/* Animations
========================================================================== */
/*
* Fade
*/
.uk-animation-fade {
-webkit-animation-name: uk-fade;
animation-name: uk-fade;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
/*
* Scale
*/
.uk-animation-scale-up {
-webkit-animation-name: uk-fade, uk-scale-up;
animation-name: uk-fade, uk-scale-up;
}
.uk-animation-scale-down {
-webkit-animation-name: uk-fade, uk-scale-down;
animation-name: uk-fade, uk-scale-down;
}
/*
* Slide
*/
.uk-animation-slide-top {
-webkit-animation-name: uk-fade, uk-slide-top;
animation-name: uk-fade, uk-slide-top;
}
.uk-animation-slide-bottom {
-webkit-animation-name: uk-fade, uk-slide-bottom;
animation-name: uk-fade, uk-slide-bottom;
}
.uk-animation-slide-left {
-webkit-animation-name: uk-fade, uk-slide-left;
animation-name: uk-fade, uk-slide-left;
}
.uk-animation-slide-right {
-webkit-animation-name: uk-fade, uk-slide-right;
animation-name: uk-fade, uk-slide-right;
}
/*
* Slide Small
*/
.uk-animation-slide-top-small {
-webkit-animation-name: uk-fade, uk-slide-top-small;
animation-name: uk-fade, uk-slide-top-small;
}
.uk-animation-slide-bottom-small {
-webkit-animation-name: uk-fade, uk-slide-bottom-small;
animation-name: uk-fade, uk-slide-bottom-small;
}
.uk-animation-slide-left-small {
-webkit-animation-name: uk-fade, uk-slide-left-small;
animation-name: uk-fade, uk-slide-left-small;
}
.uk-animation-slide-right-small {
-webkit-animation-name: uk-fade, uk-slide-right-small;
animation-name: uk-fade, uk-slide-right-small;
}
/*
* Slide Medium
*/
.uk-animation-slide-top-medium {
-webkit-animation-name: uk-fade, uk-slide-top-medium;
animation-name: uk-fade, uk-slide-top-medium;
}
.uk-animation-slide-bottom-medium {
-webkit-animation-name: uk-fade, uk-slide-bottom-medium;
animation-name: uk-fade, uk-slide-bottom-medium;
}
.uk-animation-slide-left-medium {
-webkit-animation-name: uk-fade, uk-slide-left-medium;
animation-name: uk-fade, uk-slide-left-medium;
}
.uk-animation-slide-right-medium {
-webkit-animation-name: uk-fade, uk-slide-right-medium;
animation-name: uk-fade, uk-slide-right-medium;
}
/*
* Kenburns
*/
.uk-animation-kenburns {
-webkit-animation-name: uk-kenburns;
animation-name: uk-kenburns;
-webkit-animation-duration: 15s;
animation-duration: 15s;
}
/*
* Shake
*/
.uk-animation-shake {
-webkit-animation-name: uk-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 {
-webkit-animation-name: uk-stroke;
animation-name: uk-stroke;
-webkit-animation-duration: 2s;
animation-duration: 2s;
stroke-dasharray: var(--uk-animation-stroke);
}
/* Direction modifier
========================================================================== */
.uk-animation-reverse {
animation-direction: reverse;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
/* Duration modifier
========================================================================== */
.uk-animation-fast {
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
/* Toggle animation based on the State of the Parent Element
========================================================================== */
.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] {
-webkit-animation-name: none;
animation-name: none;
}
/* Keyframes used by animation classes
========================================================================== */
/*
* Fade
*/
@-webkit-keyframes uk-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes uk-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*
* Scale
*/
@-webkit-keyframes uk-scale-up {
0% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
@keyframes uk-scale-up {
0% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes uk-scale-down {
0% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@keyframes uk-scale-down {
0% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
/*
* Slide
*/
@-webkit-keyframes uk-slide-top {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
@keyframes uk-slide-top {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes uk-slide-bottom {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
@keyframes uk-slide-bottom {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes uk-slide-left {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@keyframes uk-slide-left {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes uk-slide-right {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@keyframes uk-slide-right {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
/*
* Slide Small
*/
@-webkit-keyframes uk-slide-top-small {
0% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
@keyframes uk-slide-top-small {
0% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes uk-slide-bottom-small {
0% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
@keyframes uk-slide-bottom-small {
0% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes uk-slide-left-small {
0% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
@keyframes uk-slide-left-small {
0% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes uk-slide-right-small {
0% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
@keyframes uk-slide-right-small {
0% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
/*
* Slide Medium
*/
@-webkit-keyframes uk-slide-top-medium {
0% {
transform: translateY(-50px);
}
100% {
transform: translateY(0);
}
}
@keyframes uk-slide-top-medium {
0% {
transform: translateY(-50px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes uk-slide-bottom-medium {
0% {
transform: translateY(50px);
}
100% {
transform: translateY(0);
}
}
@keyframes uk-slide-bottom-medium {
0% {
transform: translateY(50px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes uk-slide-left-medium {
0% {
transform: translateX(-50px);
}
100% {
transform: translateX(0);
}
}
@keyframes uk-slide-left-medium {
0% {
transform: translateX(-50px);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes uk-slide-right-medium {
0% {
transform: translateX(50px);
}
100% {
transform: translateX(0);
}
}
@keyframes uk-slide-right-medium {
0% {
transform: translateX(50px);
}
100% {
transform: translateX(0);
}
}
/*
* Kenburns
*/
@-webkit-keyframes uk-kenburns {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
@keyframes uk-kenburns {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
/*
* Shake
*/
@-webkit-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);
}
}
@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
*/
@-webkit-keyframes uk-stroke {
0% {
stroke-dashoffset: var(--uk-animation-stroke);
}
100% {
stroke-dashoffset: 0;
}
}
@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: 33.3222259247%;
}
.uk-child-width-1-4 > * {
width: 25%;
}
.uk-child-width-1-5 > * {
width: 20%;
}
.uk-child-width-1-6 > * {
width: 16.6638893518%;
}
.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: 33.3222259247%;
}
.uk-child-width-1-4\@s > * {
width: 25%;
}
.uk-child-width-1-5\@s > * {
width: 20%;
}
.uk-child-width-1-6\@s > * {
width: 16.6638893518%;
}
.uk-child-width-auto\@s > * {
width: auto;
}
.uk-child-width-expand\@s > :not([class*=uk-width]) {
flex: 1;
min-width: 1px;
}
}
/* 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: 33.3222259247%;
}
.uk-child-width-1-4\@m > * {
width: 25%;
}
.uk-child-width-1-5\@m > * {
width: 20%;
}
.uk-child-width-1-6\@m > * {
width: 16.6638893518%;
}
.uk-child-width-auto\@m > * {
width: auto;
}
.uk-child-width-expand\@m > :not([class*=uk-width]) {
flex: 1;
min-width: 1px;
}
}
/* 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: 33.3222259247%;
}
.uk-child-width-1-4\@l > * {
width: 25%;
}
.uk-child-width-1-5\@l > * {
width: 20%;
}
.uk-child-width-1-6\@l > * {
width: 16.6638893518%;
}
.uk-child-width-auto\@l > * {
width: auto;
}
.uk-child-width-expand\@l > :not([class*=uk-width]) {
flex: 1;
min-width: 1px;
}
}
/* 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: 33.3222259247%;
}
.uk-child-width-1-4\@xl > * {
width: 25%;
}
.uk-child-width-1-5\@xl > * {
width: 20%;
}
.uk-child-width-1-6\@xl > * {
width: 16.6638893518%;
}
.uk-child-width-auto\@xl > * {
width: auto;
}
.uk-child-width-expand\@xl > :not([class*=uk-width]) {
flex: 1;
min-width: 1px;
}
}
/* 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: 33.3222259247%;
}
.uk-width-2-3 {
width: 66.6444518494%;
}
/* 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: 16.6638893518%;
}
.uk-width-5-6 {
width: 83.3194467589%;
}
/* 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: 33.3222259247%;
}
.uk-width-2-3\@s {
width: 66.6444518494%;
}
/* 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: 16.6638893518%;
}
.uk-width-5-6\@s {
width: 83.3194467589%;
}
/* 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;
}
}
/* 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: 33.3222259247%;
}
.uk-width-2-3\@m {
width: 66.6444518494%;
}
/* 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: 16.6638893518%;
}
.uk-width-5-6\@m {
width: 83.3194467589%;
}
/* 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;
}
}
/* 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: 33.3222259247%;
}
.uk-width-2-3\@l {
width: 66.6444518494%;
}
/* 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: 16.6638893518%;
}
.uk-width-5-6\@l {
width: 83.3194467589%;
}
/* 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;
}
}
/* 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: 33.3222259247%;
}
.uk-width-2-3\@xl {
width: 66.6444518494%;
}
/* 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: 16.6638893518%;
}
.uk-width-5-6\@xl {
width: 83.3194467589%;
}
/* 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;
}
}
/* ========================================================================
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;
}
/*
* 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;
}
.uk-text-meta a {
color: #999;
}
.uk-text-meta a:hover {
color: #777;
text-decoration: none;
}
/* 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: 19px;
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 Chrome, Firefox, Safari, Edge and Opera
* Default color is set to transparent
* 2. Container fits the text
* 3. Fallback color for IE11
*/
.uk-text-background {
/* 1 */
-webkit-background-clip: text;
/* 2 */
display: inline-block;
/* 3 */
color: #1e87f0 !important;
}
@supports (-webkit-background-clip: text) {
.uk-text-background {
background-color: #1e87f0;
color: transparent !important;
}
}
/* 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;
}
/*
* 1. Wrap long words onto the next line and break them if they are too long to fit
* 2. Legacy `word-wrap` as fallback for `overflow-wrap`
* 3. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge
* Must use `break-all` to support IE11 and Edge
* Note: Not using `hyphens: auto;` because it hyphenates text even if not needed
*/
.uk-text-break {
/* 1 */
overflow-wrap: break-word;
/* 2 */
word-wrap: break-word;
}
/* 3 */
th.uk-text-break,
td.uk-text-break {
word-break: break-all;
}
/* ========================================================================
Component: Column
========================================================================== */
[class*=uk-column-] {
-moz-column-gap: 30px;
column-gap: 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
[class*=uk-column-] {
-moz-column-gap: 40px;
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 {
-moz-column-rule: 1px solid #e5e5e5;
column-rule: 1px solid #e5e5e5;
/* 1 */
-moz-column-gap: 60px;
column-gap: 60px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
.uk-column-divider {
-moz-column-gap: 80px;
column-gap: 80px;
}
}
/* Width modifiers
========================================================================== */
.uk-column-1-2 {
-moz-column-count: 2;
column-count: 2;
}
.uk-column-1-3 {
-moz-column-count: 3;
column-count: 3;
}
.uk-column-1-4 {
-moz-column-count: 4;
column-count: 4;
}
.uk-column-1-5 {
-moz-column-count: 5;
column-count: 5;
}
.uk-column-1-6 {
-moz-column-count: 6;
column-count: 6;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
.uk-column-1-2\@s {
-moz-column-count: 2;
column-count: 2;
}
.uk-column-1-3\@s {
-moz-column-count: 3;
column-count: 3;
}
.uk-column-1-4\@s {
-moz-column-count: 4;
column-count: 4;
}
.uk-column-1-5\@s {
-moz-column-count: 5;
column-count: 5;
}
.uk-column-1-6\@s {
-moz-column-count: 6;
column-count: 6;
}
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
.uk-column-1-2\@m {
-moz-column-count: 2;
column-count: 2;
}
.uk-column-1-3\@m {
-moz-column-count: 3;
column-count: 3;
}
.uk-column-1-4\@m {
-moz-column-count: 4;
column-count: 4;
}
.uk-column-1-5\@m {
-moz-column-count: 5;
column-count: 5;
}
.uk-column-1-6\@m {
-moz-column-count: 6;
column-count: 6;
}
}
/* Desktop and bigger */
@media (min-width: 1200px) {
.uk-column-1-2\@l {
-moz-column-count: 2;
column-count: 2;
}
.uk-column-1-3\@l {
-moz-column-count: 3;
column-count: 3;
}
.uk-column-1-4\@l {
-moz-column-count: 4;
column-count: 4;
}
.uk-column-1-5\@l {
-moz-column-count: 5;
column-count: 5;
}
.uk-column-1-6\@l {
-moz-column-count: 6;
column-count: 6;
}
}
/* Large screen and bigger */
@media (min-width: 1600px) {
.uk-column-1-2\@xl {
-moz-column-count: 2;
column-count: 2;
}
.uk-column-1-3\@xl {
-moz-column-count: 3;
column-count: 3;
}
.uk-column-1-4\@xl {
-moz-column-count: 4;
column-count: 4;
}
.uk-column-1-5\@xl {
-moz-column-count: 5;
column-count: 5;
}
.uk-column-1-6\@xl {
-moz-column-count: 6;
column-count: 6;
}
}
/* Make element span across all columns
* Does not work in Firefox yet
========================================================================== */
.uk-column-span {
-moz-column-span: all;
column-span: all;
}
/* ========================================================================
Component: Cover
========================================================================== */
/*
* Works with iframes and embedded content
* 1. 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
*/
.uk-cover,
[uk-cover] {
/* 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 {
pointer-events: none;
}
/* 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
========================================================================== */
/*
* 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d`
*/
.uk-background-fixed {
background-attachment: fixed;
/* 1 */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/*
* 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;
-webkit-overflow-scrolling: touch;
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%;
}
/* Overfow
========================================================================== */
.uk-overflow-hidden {
overflow: hidden;
}
/*
* Enable scrollbars if content is clipped
* Note: Firefox ignores `padding-bottom` for the scrollable overflow https://bugzilla.mozilla.org/show_bug.cgi?id=748518
*/
.uk-overflow-auto {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.uk-overflow-auto > :last-child {
margin-bottom: 0;
}
/* Resize
========================================================================== */
.uk-resize {
resize: both;
}
.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;
}
/* 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
* 3. Caused by 1.: Edge creates two nested `::first-letter` containers, one for each selector
* This doubles the `font-size` exponential when using the `em` unit.
*/
.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;
margin-bottom: -2px;
}
/* 2 */
@-moz-document url-prefix() {
.uk-dropcap::first-letter,
.uk-dropcap > p:first-of-type::first-letter {
margin-top: 1.1%;
}
}
/* 3 */
@supports (-ms-ime-align: auto) {
.uk-dropcap > p:first-of-type::first-letter {
font-size: 1em;
}
}
/* Logo
========================================================================== */
/*
* 1. Required for `a`
*/
.uk-logo {
font-size: 1.5rem;
font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
color: #333;
/* 1 */
text-decoration: none;
}
/* 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;
}
/*
* Remove pseudo elements created by micro clearfix as precaution
*/
.uk-flex::before,
.uk-flex::after,
.uk-flex-inline::before,
.uk-flex-inline::after {
display: none;
}
/* 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;
}
/* 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;
}
/* 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
*/
/*
* 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;
}
/* ========================================================================
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;
}
/* 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: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
/* Vertical */
[class*=uk-position-center-left],
[class*=uk-position-center-right] {
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-left-out {
right: 100%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.uk-position-center-right-out {
left: 100%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
/* Horizontal */
.uk-position-top-center,
.uk-position-bottom-center {
left: calc(50% - var(--uk-position-margin-offset));
--uk-position-translate-x: -50%;
transform: translate(var(--uk-position-translate-x), 0);
/* 1 */
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.uk-position-top-center {
top: 0;
}
.uk-position-bottom-center {
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;
}
/* ========================================================================
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 .uk-transition-fade:focus-within,
.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 .uk-transition-scale-up:focus-within,
.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 .uk-transition-scale-down:focus-within,
.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 [class*=uk-transition-slide]:focus-within,
.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 modifiers
========================================================================== */
.uk-transition-slow {
transition-duration: 0.7s;
}
/* ========================================================================
Component: Visibility
========================================================================== */
/*
* Hidden
* `hidden` attribute also set here to make it stronger
*/
[hidden],
.uk-hidden {
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
========================================================================== */
/*
* Can't use `display: none` nor `visibility: hidden` because both are not focusable.
* The target stays visible if any element within receives focus through keyboard.
*/
/*
* Discard space when hidden.
*/
.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
position: absolute !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
/*
* Keep space when hidden.
*/
.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);
}
.uk-light a, .uk-section-primary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) a, .uk-card-primary.uk-card-body a, .uk-card-primary > :not([class*=uk-card-media]) a, .uk-card-secondary.uk-card-body a, .uk-card-secondary > :not([class*=uk-card-media]) a, .uk-overlay-primary a, .uk-offcanvas-bar a,
.uk-light .uk-link,
.uk-section-primary:not(.uk-preserve-color) .uk-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link,
.uk-card-primary.uk-card-body .uk-link,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link,
.uk-card-secondary.uk-card-body .uk-link,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link,
.uk-overlay-primary .uk-link,
.uk-offcanvas-bar .uk-link {
color: #fff;
}
.uk-light a:hover, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-tile-primary:not(.uk-preserve-color) a:hover, .uk-tile-secondary:not(.uk-preserve-color) a:hover, .uk-card-primary.uk-card-body a:hover, .uk-card-primary > :not([class*=uk-card-media]) a:hover, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary > :not([class*=uk-card-media]) a:hover, .uk-overlay-primary a:hover, .uk-offcanvas-bar a:hover,
.uk-light .uk-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-card-primary.uk-card-body .uk-link:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link:hover,
.uk-card-secondary.uk-card-body .uk-link:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link:hover,
.uk-overlay-primary .uk-link:hover,
.uk-offcanvas-bar .uk-link:hover,
.uk-light .uk-link-toggle:hover .uk-link,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,
.uk-overlay-primary .uk-link-toggle:hover .uk-link,
.uk-offcanvas-bar .uk-link-toggle:hover .uk-link {
color: #fff;
}
.uk-light :not(pre) > code, .uk-section-primary:not(.uk-preserve-color) :not(pre) > code, .uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, .uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, .uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, .uk-card-primary.uk-card-body :not(pre) > code, .uk-card-primary > :not([class*=uk-card-media]) :not(pre) > code, .uk-card-secondary.uk-card-body :not(pre) > code, .uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > code, .uk-overlay-primary :not(pre) > code, .uk-offcanvas-bar :not(pre) > code,
.uk-light :not(pre) > kbd,
.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-card-primary.uk-card-body :not(pre) > kbd,
.uk-card-primary > :not([class*=uk-card-media]) :not(pre) > kbd,
.uk-card-secondary.uk-card-body :not(pre) > kbd,
.uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > kbd,
.uk-overlay-primary :not(pre) > kbd,
.uk-offcanvas-bar :not(pre) > kbd,
.uk-light :not(pre) > samp,
.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp,
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp,
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp,
.uk-card-primary.uk-card-body :not(pre) > samp,
.uk-card-primary > :not([class*=uk-card-media]) :not(pre) > samp,
.uk-card-secondary.uk-card-body :not(pre) > samp,
.uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > samp,
.uk-overlay-primary :not(pre) > samp,
.uk-offcanvas-bar :not(pre) > samp {
color: rgba(255, 255, 255, 0.7);
background: rgba(255, 255, 255, 0.1);
}
.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-section-primary:not(.uk-preserve-color) h1, .uk-section-secondary:not(.uk-preserve-color) h1, .uk-tile-primary:not(.uk-preserve-color) h1, .uk-tile-secondary:not(.uk-preserve-color) h1, .uk-card-primary.uk-card-body h1, .uk-card-primary > :not([class*=uk-card-media]) h1, .uk-card-secondary.uk-card-body h1, .uk-card-secondary > :not([class*=uk-card-media]) h1, .uk-overlay-primary h1, .uk-offcanvas-bar h1, .uk-light .uk-h1, .uk-section-primary:not(.uk-preserve-color) .uk-h1, .uk-section-secondary:not(.uk-preserve-color) .uk-h1, .uk-tile-primary:not(.uk-preserve-color) .uk-h1, .uk-tile-secondary:not(.uk-preserve-color) .uk-h1, .uk-card-primary.uk-card-body .uk-h1, .uk-card-primary > :not([class*=uk-card-media]) .uk-h1, .uk-card-secondary.uk-card-body .uk-h1, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h1, .uk-overlay-primary .uk-h1, .uk-offcanvas-bar .uk-h1,
.uk-light h2,
.uk-section-primary:not(.uk-preserve-color) h2,
.uk-section-secondary:not(.uk-preserve-color) h2,
.uk-tile-primary:not(.uk-preserve-color) h2,
.uk-tile-secondary:not(.uk-preserve-color) h2,
.uk-card-primary.uk-card-body h2,
.uk-card-primary > :not([class*=uk-card-media]) h2,
.uk-card-secondary.uk-card-body h2,
.uk-card-secondary > :not([class*=uk-card-media]) h2,
.uk-overlay-primary h2,
.uk-offcanvas-bar h2, .uk-light .uk-h2, .uk-section-primary:not(.uk-preserve-color) .uk-h2, .uk-section-secondary:not(.uk-preserve-color) .uk-h2, .uk-tile-primary:not(.uk-preserve-color) .uk-h2, .uk-tile-secondary:not(.uk-preserve-color) .uk-h2, .uk-card-primary.uk-card-body .uk-h2, .uk-card-primary > :not([class*=uk-card-media]) .uk-h2, .uk-card-secondary.uk-card-body .uk-h2, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h2, .uk-overlay-primary .uk-h2, .uk-offcanvas-bar .uk-h2,
.uk-light h3,
.uk-section-primary:not(.uk-preserve-color) h3,
.uk-section-secondary:not(.uk-preserve-color) h3,
.uk-tile-primary:not(.uk-preserve-color) h3,
.uk-tile-secondary:not(.uk-preserve-color) h3,
.uk-card-primary.uk-card-body h3,
.uk-card-primary > :not([class*=uk-card-media]) h3,
.uk-card-secondary.uk-card-body h3,
.uk-card-secondary > :not([class*=uk-card-media]) h3,
.uk-overlay-primary h3,
.uk-offcanvas-bar h3, .uk-light .uk-h3, .uk-section-primary:not(.uk-preserve-color) .uk-h3, .uk-section-secondary:not(.uk-preserve-color) .uk-h3, .uk-tile-primary:not(.uk-preserve-color) .uk-h3, .uk-tile-secondary:not(.uk-preserve-color) .uk-h3, .uk-card-primary.uk-card-body .uk-h3, .uk-card-primary > :not([class*=uk-card-media]) .uk-h3, .uk-card-secondary.uk-card-body .uk-h3, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h3, .uk-overlay-primary .uk-h3, .uk-offcanvas-bar .uk-h3,
.uk-light h4,
.uk-section-primary:not(.uk-preserve-color) h4,
.uk-section-secondary:not(.uk-preserve-color) h4,
.uk-tile-primary:not(.uk-preserve-color) h4,
.uk-tile-secondary:not(.uk-preserve-color) h4,
.uk-card-primary.uk-card-body h4,
.uk-card-primary > :not([class*=uk-card-media]) h4,
.uk-card-secondary.uk-card-body h4,
.uk-card-secondary > :not([class*=uk-card-media]) h4,
.uk-overlay-primary h4,
.uk-offcanvas-bar h4, .uk-light .uk-h4, .uk-section-primary:not(.uk-preserve-color) .uk-h4, .uk-section-secondary:not(.uk-preserve-color) .uk-h4, .uk-tile-primary:not(.uk-preserve-color) .uk-h4, .uk-tile-secondary:not(.uk-preserve-color) .uk-h4, .uk-card-primary.uk-card-body .uk-h4, .uk-card-primary > :not([class*=uk-card-media]) .uk-h4, .uk-card-secondary.uk-card-body .uk-h4, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h4, .uk-overlay-primary .uk-h4, .uk-offcanvas-bar .uk-h4,
.uk-light h5,
.uk-section-primary:not(.uk-preserve-color) h5,
.uk-section-secondary:not(.uk-preserve-color) h5,
.uk-tile-primary:not(.uk-preserve-color) h5,
.uk-tile-secondary:not(.uk-preserve-color) h5,
.uk-card-primary.uk-card-body h5,
.uk-card-primary > :not([class*=uk-card-media]) h5,
.uk-card-secondary.uk-card-body h5,
.uk-card-secondary > :not([class*=uk-card-media]) h5,
.uk-overlay-primary h5,
.uk-offcanvas-bar h5, .uk-light .uk-h5, .uk-section-primary:not(.uk-preserve-color) .uk-h5, .uk-section-secondary:not(.uk-preserve-color) .uk-h5, .uk-tile-primary:not(.uk-preserve-color) .uk-h5, .uk-tile-secondary:not(.uk-preserve-color) .uk-h5, .uk-card-primary.uk-card-body .uk-h5, .uk-card-primary > :not([class*=uk-card-media]) .uk-h5, .uk-card-secondary.uk-card-body .uk-h5, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h5, .uk-overlay-primary .uk-h5, .uk-offcanvas-bar .uk-h5,
.uk-light h6,
.uk-section-primary:not(.uk-preserve-color) h6,
.uk-section-secondary:not(.uk-preserve-color) h6,
.uk-tile-primary:not(.uk-preserve-color) h6,
.uk-tile-secondary:not(.uk-preserve-color) h6,
.uk-card-primary.uk-card-body h6,
.uk-card-primary > :not([class*=uk-card-media]) h6,
.uk-card-secondary.uk-card-body h6,
.uk-card-secondary > :not([class*=uk-card-media]) h6,
.uk-overlay-primary h6,
.uk-offcanvas-bar h6, .uk-light .uk-h6, .uk-section-primary:not(.uk-preserve-color) .uk-h6, .uk-section-secondary:not(.uk-preserve-color) .uk-h6, .uk-tile-primary:not(.uk-preserve-color) .uk-h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-h6, .uk-card-primary.uk-card-body .uk-h6, .uk-card-primary > :not([class*=uk-card-media]) .uk-h6, .uk-card-secondary.uk-card-body .uk-h6, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h6, .uk-overlay-primary .uk-h6, .uk-offcanvas-bar .uk-h6,
.uk-light .uk-heading-small,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-card-primary.uk-card-body .uk-heading-small,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-small,
.uk-card-secondary.uk-card-body .uk-heading-small,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-small,
.uk-overlay-primary .uk-heading-small,
.uk-offcanvas-bar .uk-heading-small,
.uk-light .uk-heading-medium,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-card-primary.uk-card-body .uk-heading-medium,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-medium,
.uk-card-secondary.uk-card-body .uk-heading-medium,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-medium,
.uk-overlay-primary .uk-heading-medium,
.uk-offcanvas-bar .uk-heading-medium,
.uk-light .uk-heading-large,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-card-primary.uk-card-body .uk-heading-large,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-large,
.uk-card-secondary.uk-card-body .uk-heading-large,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-large,
.uk-overlay-primary .uk-heading-large,
.uk-offcanvas-bar .uk-heading-large,
.uk-light .uk-heading-xlarge,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-card-primary.uk-card-body .uk-heading-xlarge,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-xlarge,
.uk-card-secondary.uk-card-body .uk-heading-xlarge,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-xlarge,
.uk-overlay-primary .uk-heading-xlarge,
.uk-offcanvas-bar .uk-heading-xlarge,
.uk-light .uk-heading-2xlarge,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-card-primary.uk-card-body .uk-heading-2xlarge,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-2xlarge,
.uk-card-secondary.uk-card-body .uk-heading-2xlarge,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-2xlarge,
.uk-overlay-primary .uk-heading-2xlarge,
.uk-offcanvas-bar .uk-heading-2xlarge {
color: #fff;
}
.uk-light blockquote, .uk-section-primary:not(.uk-preserve-color) blockquote, .uk-section-secondary:not(.uk-preserve-color) blockquote, .uk-tile-primary:not(.uk-preserve-color) blockquote, .uk-tile-secondary:not(.uk-preserve-color) blockquote, .uk-card-primary.uk-card-body blockquote, .uk-card-primary > :not([class*=uk-card-media]) blockquote, .uk-card-secondary.uk-card-body blockquote, .uk-card-secondary > :not([class*=uk-card-media]) blockquote, .uk-overlay-primary blockquote, .uk-offcanvas-bar blockquote {
color: #fff;
}
.uk-light blockquote footer, .uk-section-primary:not(.uk-preserve-color) blockquote footer, .uk-section-secondary:not(.uk-preserve-color) blockquote footer, .uk-tile-primary:not(.uk-preserve-color) blockquote footer, .uk-tile-secondary:not(.uk-preserve-color) blockquote footer, .uk-card-primary.uk-card-body blockquote footer, .uk-card-primary > :not([class*=uk-card-media]) blockquote footer, .uk-card-secondary.uk-card-body blockquote footer, .uk-card-secondary > :not([class*=uk-card-media]) blockquote footer, .uk-overlay-primary blockquote footer, .uk-offcanvas-bar blockquote footer {
color: rgba(255, 255, 255, 0.7);
}
.uk-light hr, .uk-section-primary:not(.uk-preserve-color) hr, .uk-section-secondary:not(.uk-preserve-color) hr, .uk-tile-primary:not(.uk-preserve-color) hr, .uk-tile-secondary:not(.uk-preserve-color) hr, .uk-card-primary.uk-card-body hr, .uk-card-primary > :not([class*=uk-card-media]) hr, .uk-card-secondary.uk-card-body hr, .uk-card-secondary > :not([class*=uk-card-media]) hr, .uk-overlay-primary hr, .uk-offcanvas-bar hr, .uk-light .uk-hr, .uk-section-primary:not(.uk-preserve-color) .uk-hr, .uk-section-secondary:not(.uk-preserve-color) .uk-hr, .uk-tile-primary:not(.uk-preserve-color) .uk-hr, .uk-tile-secondary:not(.uk-preserve-color) .uk-hr, .uk-card-primary.uk-card-body .uk-hr, .uk-card-primary > :not([class*=uk-card-media]) .uk-hr, .uk-card-secondary.uk-card-body .uk-hr, .uk-card-secondary > :not([class*=uk-card-media]) .uk-hr, .uk-overlay-primary .uk-hr, .uk-offcanvas-bar .uk-hr {
border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-light :focus, .uk-section-primary:not(.uk-preserve-color) :focus, .uk-section-secondary:not(.uk-preserve-color) :focus, .uk-tile-primary:not(.uk-preserve-color) :focus, .uk-tile-secondary:not(.uk-preserve-color) :focus, .uk-card-primary.uk-card-body :focus, .uk-card-primary > :not([class*=uk-card-media]) :focus, .uk-card-secondary.uk-card-body :focus, .uk-card-secondary > :not([class*=uk-card-media]) :focus, .uk-overlay-primary :focus, .uk-offcanvas-bar :focus {
outline-color: #fff;
}
.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-section-primary:not(.uk-preserve-color) a.uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted, .uk-card-primary.uk-card-body a.uk-link-muted, .uk-card-primary > :not([class*=uk-card-media]) a.uk-link-muted, .uk-card-secondary.uk-card-body a.uk-link-muted, .uk-card-secondary > :not([class*=uk-card-media]) a.uk-link-muted, .uk-overlay-primary a.uk-link-muted, .uk-offcanvas-bar a.uk-link-muted,
.uk-light .uk-link-muted a,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,
.uk-card-primary.uk-card-body .uk-link-muted a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted a,
.uk-card-secondary.uk-card-body .uk-link-muted a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted a,
.uk-overlay-primary .uk-link-muted a,
.uk-offcanvas-bar .uk-link-muted a {
color: rgba(255, 255, 255, 0.5);
}
.uk-light a.uk-link-muted:hover, .uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-card-primary.uk-card-body a.uk-link-muted:hover, .uk-card-primary > :not([class*=uk-card-media]) a.uk-link-muted:hover, .uk-card-secondary.uk-card-body a.uk-link-muted:hover, .uk-card-secondary > :not([class*=uk-card-media]) a.uk-link-muted:hover, .uk-overlay-primary a.uk-link-muted:hover, .uk-offcanvas-bar a.uk-link-muted:hover,
.uk-light .uk-link-muted a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-card-primary.uk-card-body .uk-link-muted a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted a:hover,
.uk-card-secondary.uk-card-body .uk-link-muted a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted a:hover,
.uk-overlay-primary .uk-link-muted a:hover,
.uk-offcanvas-bar .uk-link-muted a:hover,
.uk-light .uk-link-toggle:hover .uk-link-muted,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,
.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted,
.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-section-primary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-card-primary.uk-card-body a.uk-link-text:hover, .uk-card-primary > :not([class*=uk-card-media]) a.uk-link-text:hover, .uk-card-secondary.uk-card-body a.uk-link-text:hover, .uk-card-secondary > :not([class*=uk-card-media]) a.uk-link-text:hover, .uk-overlay-primary a.uk-link-text:hover, .uk-offcanvas-bar a.uk-link-text:hover,
.uk-light .uk-link-text a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-card-primary.uk-card-body .uk-link-text a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-text a:hover,
.uk-card-secondary.uk-card-body .uk-link-text a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-text a:hover,
.uk-overlay-primary .uk-link-text a:hover,
.uk-offcanvas-bar .uk-link-text a:hover,
.uk-light .uk-link-toggle:hover .uk-link-text,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,
.uk-overlay-primary .uk-link-toggle:hover .uk-link-text,
.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-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-card-primary.uk-card-body a.uk-link-heading:hover, .uk-card-primary > :not([class*=uk-card-media]) a.uk-link-heading:hover, .uk-card-secondary.uk-card-body a.uk-link-heading:hover, .uk-card-secondary > :not([class*=uk-card-media]) a.uk-link-heading:hover, .uk-overlay-primary a.uk-link-heading:hover, .uk-offcanvas-bar a.uk-link-heading:hover,
.uk-light .uk-link-heading a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-card-primary.uk-card-body .uk-link-heading a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-heading a:hover,
.uk-card-secondary.uk-card-body .uk-link-heading a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-heading a:hover,
.uk-overlay-primary .uk-link-heading a:hover,
.uk-offcanvas-bar .uk-link-heading a:hover,
.uk-light .uk-link-toggle:hover .uk-link-heading,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,
.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading,
.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-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-card-primary.uk-card-body .uk-heading-line > ::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-line > ::before, .uk-card-secondary.uk-card-body .uk-heading-line > ::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-line > ::before, .uk-overlay-primary .uk-heading-line > ::before, .uk-offcanvas-bar .uk-heading-line > ::before,
.uk-light .uk-heading-line > ::after,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after,
.uk-card-primary.uk-card-body .uk-heading-line > ::after,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-line > ::after,
.uk-card-secondary.uk-card-body .uk-heading-line > ::after,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-line > ::after,
.uk-overlay-primary .uk-heading-line > ::after,
.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("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba(255, 255, 255, 0.2)%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.uk-light .uk-divider-icon::before, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-card-primary.uk-card-body .uk-divider-icon::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon::before, .uk-card-secondary.uk-card-body .uk-divider-icon::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon::before, .uk-overlay-primary .uk-divider-icon::before, .uk-offcanvas-bar .uk-divider-icon::before,
.uk-light .uk-divider-icon::after,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-card-primary.uk-card-body .uk-divider-icon::after,
.uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon::after,
.uk-card-secondary.uk-card-body .uk-divider-icon::after,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon::after,
.uk-overlay-primary .uk-divider-icon::after,
.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 > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-card-primary.uk-card-body .uk-list-muted > ::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-list-muted > ::before, .uk-card-secondary.uk-card-body .uk-list-muted > ::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-muted > ::before, .uk-overlay-primary .uk-list-muted > ::before, .uk-offcanvas-bar .uk-list-muted > ::before {
color: rgba(255, 255, 255, 0.5) !important;
}
.uk-light .uk-list-emphasis > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-card-primary.uk-card-body .uk-list-emphasis > ::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-list-emphasis > ::before, .uk-card-secondary.uk-card-body .uk-list-emphasis > ::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-emphasis > ::before, .uk-overlay-primary .uk-list-emphasis > ::before, .uk-offcanvas-bar .uk-list-emphasis > ::before {
color: #fff !important;
}
.uk-light .uk-list-primary > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-card-primary.uk-card-body .uk-list-primary > ::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-list-primary > ::before, .uk-card-secondary.uk-card-body .uk-list-primary > ::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-primary > ::before, .uk-overlay-primary .uk-list-primary > ::before, .uk-offcanvas-bar .uk-list-primary > ::before {
color: #fff !important;
}
.uk-light .uk-list-secondary > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-card-primary.uk-card-body .uk-list-secondary > ::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-list-secondary > ::before, .uk-card-secondary.uk-card-body .uk-list-secondary > ::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-secondary > ::before, .uk-overlay-primary .uk-list-secondary > ::before, .uk-offcanvas-bar .uk-list-secondary > ::before {
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("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba(255, 255, 255, 0.7)%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.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) {
border-top-color: rgba(255, 255, 255, 0.2);
border-bottom-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-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-section-primary:not(.uk-preserve-color) .uk-icon-link:active, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active, .uk-card-primary.uk-card-body .uk-icon-link:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link:active, .uk-card-secondary.uk-card-body .uk-icon-link:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link:active, .uk-overlay-primary .uk-icon-link:active, .uk-offcanvas-bar .uk-icon-link:active,
.uk-light .uk-active > .uk-icon-link,
.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-card-primary.uk-card-body .uk-active > .uk-icon-link,
.uk-card-primary > :not([class*=uk-card-media]) .uk-active > .uk-icon-link,
.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-active > .uk-icon-link,
.uk-overlay-primary .uk-active > .uk-icon-link,
.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: fadein(rgba(255, 255, 255, 0.1), 5%);
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: fadein(rgba(255, 255, 255, 0.1), 10%);
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-input, .uk-section-primary:not(.uk-preserve-color) .uk-input, .uk-section-secondary:not(.uk-preserve-color) .uk-input, .uk-tile-primary:not(.uk-preserve-color) .uk-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-input, .uk-card-primary.uk-card-body .uk-input, .uk-card-primary > :not([class*=uk-card-media]) .uk-input, .uk-card-secondary.uk-card-body .uk-input, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input, .uk-overlay-primary .uk-input, .uk-offcanvas-bar .uk-input,
.uk-light .uk-select,
.uk-section-primary:not(.uk-preserve-color) .uk-select,
.uk-section-secondary:not(.uk-preserve-color) .uk-select,
.uk-tile-primary:not(.uk-preserve-color) .uk-select,
.uk-tile-secondary:not(.uk-preserve-color) .uk-select,
.uk-card-primary.uk-card-body .uk-select,
.uk-card-primary > :not([class*=uk-card-media]) .uk-select,
.uk-card-secondary.uk-card-body .uk-select,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-select,
.uk-overlay-primary .uk-select,
.uk-offcanvas-bar .uk-select,
.uk-light .uk-textarea,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea,
.uk-card-primary.uk-card-body .uk-textarea,
.uk-card-primary > :not([class*=uk-card-media]) .uk-textarea,
.uk-card-secondary.uk-card-body .uk-textarea,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea,
.uk-overlay-primary .uk-textarea,
.uk-offcanvas-bar .uk-textarea {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7);
background-clip: padding-box;
border-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-card-primary.uk-card-body .uk-input:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-input:focus, .uk-card-secondary.uk-card-body .uk-input:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input:focus, .uk-overlay-primary .uk-input:focus, .uk-offcanvas-bar .uk-input:focus,
.uk-light .uk-select:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,
.uk-card-primary.uk-card-body .uk-select:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-select:focus,
.uk-card-secondary.uk-card-body .uk-select:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-select:focus,
.uk-overlay-primary .uk-select:focus,
.uk-offcanvas-bar .uk-select:focus,
.uk-light .uk-textarea:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-card-primary.uk-card-body .uk-textarea:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-textarea:focus,
.uk-card-secondary.uk-card-body .uk-textarea:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea:focus,
.uk-overlay-primary .uk-textarea:focus,
.uk-offcanvas-bar .uk-textarea:focus {
background-color: fadein(rgba(255, 255, 255, 0.1), 5%);
color: rgba(255, 255, 255, 0.7);
border-color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-input::-moz-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder, .uk-card-primary.uk-card-body .uk-input::-moz-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-input::-moz-placeholder, .uk-card-secondary.uk-card-body .uk-input::-moz-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input::-moz-placeholder, .uk-overlay-primary .uk-input::-moz-placeholder, .uk-offcanvas-bar .uk-input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.uk-light .uk-input:-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder, .uk-card-primary.uk-card-body .uk-input:-ms-input-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-input:-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-input:-ms-input-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input:-ms-input-placeholder, .uk-overlay-primary .uk-input:-ms-input-placeholder, .uk-offcanvas-bar .uk-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.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::-moz-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder, .uk-card-primary.uk-card-body .uk-textarea::-moz-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-textarea::-moz-placeholder, .uk-card-secondary.uk-card-body .uk-textarea::-moz-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea::-moz-placeholder, .uk-overlay-primary .uk-textarea::-moz-placeholder, .uk-offcanvas-bar .uk-textarea::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.uk-light .uk-textarea:-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder, .uk-card-primary.uk-card-body .uk-textarea:-ms-input-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-textarea:-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-textarea:-ms-input-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea:-ms-input-placeholder, .uk-overlay-primary .uk-textarea:-ms-input-placeholder, .uk-offcanvas-bar .uk-textarea:-ms-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("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba(255, 255, 255, 0.7)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba(255, 255, 255, 0.7)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.uk-light .uk-input[list]:hover, .uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-card-primary.uk-card-body .uk-input[list]:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-input[list]:hover, .uk-card-secondary.uk-card-body .uk-input[list]:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input[list]:hover, .uk-overlay-primary .uk-input[list]:hover, .uk-offcanvas-bar .uk-input[list]:hover,
.uk-light .uk-input[list]:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-card-primary.uk-card-body .uk-input[list]:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-input[list]:focus,
.uk-card-secondary.uk-card-body .uk-input[list]:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-input[list]:focus,
.uk-overlay-primary .uk-input[list]:focus,
.uk-offcanvas-bar .uk-input[list]:focus {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba(255, 255, 255, 0.7)%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.uk-light .uk-radio, .uk-section-primary:not(.uk-preserve-color) .uk-radio, .uk-section-secondary:not(.uk-preserve-color) .uk-radio, .uk-tile-primary:not(.uk-preserve-color) .uk-radio, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio, .uk-card-primary.uk-card-body .uk-radio, .uk-card-primary > :not([class*=uk-card-media]) .uk-radio, .uk-card-secondary.uk-card-body .uk-radio, .uk-card-secondary > :not([class*=uk-card-media]) .uk-radio, .uk-overlay-primary .uk-radio, .uk-offcanvas-bar .uk-radio,
.uk-light .uk-checkbox,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,
.uk-card-primary.uk-card-body .uk-checkbox,
.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox,
.uk-card-secondary.uk-card-body .uk-checkbox,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox,
.uk-overlay-primary .uk-checkbox,
.uk-offcanvas-bar .uk-checkbox {
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-radio:focus, .uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus, .uk-card-primary.uk-card-body .uk-radio:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-radio:focus, .uk-card-secondary.uk-card-body .uk-radio:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:focus, .uk-overlay-primary .uk-radio:focus, .uk-offcanvas-bar .uk-radio:focus,
.uk-light .uk-checkbox:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-card-primary.uk-card-body .uk-checkbox:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:focus,
.uk-overlay-primary .uk-checkbox:focus,
.uk-offcanvas-bar .uk-checkbox:focus {
background-color: fadein(rgba(255, 255, 255, 0.1), 5%);
border-color: rgba(255, 255, 255, 0.7);
}
.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,
.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,
.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-color: #fff;
border-color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-radio:checked:focus, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-card-primary.uk-card-body .uk-radio:checked:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-radio:checked:focus, .uk-card-secondary.uk-card-body .uk-radio:checked:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:checked:focus, .uk-overlay-primary .uk-radio:checked:focus, .uk-offcanvas-bar .uk-radio:checked:focus,
.uk-light .uk-checkbox:checked:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:checked:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:checked:focus,
.uk-overlay-primary .uk-checkbox:checked:focus,
.uk-offcanvas-bar .uk-checkbox:checked:focus,
.uk-light .uk-checkbox:indeterminate:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,
.uk-overlay-primary .uk-checkbox:indeterminate:focus,
.uk-offcanvas-bar .uk-checkbox:indeterminate:focus {
background-color: fadein(#fff, 10%);
}
.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("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23777%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.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("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23777%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.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("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23777%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.uk-light .uk-form-label, .uk-section-primary:not(.uk-preserve-color) .uk-form-label, .uk-section-secondary:not(.uk-preserve-color) .uk-form-label, .uk-tile-primary:not(.uk-preserve-color) .uk-form-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, .uk-card-primary.uk-card-body .uk-form-label, .uk-card-primary > :not([class*=uk-card-media]) .uk-form-label, .uk-card-secondary.uk-card-body .uk-form-label, .uk-card-secondary > :not([class*=uk-card-media]) .uk-form-label, .uk-overlay-primary .uk-form-label, .uk-offcanvas-bar .uk-form-label {
color: #fff;
}
.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: transparent;
color: #fff;
border-color: rgba(255, 255, 255, 0.7);
}
.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: transparent;
color: #fff;
border-color: #fff;
}
.uk-light .uk-button-default:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, .uk-card-primary.uk-card-body .uk-button-default:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-default:active, .uk-card-secondary.uk-card-body .uk-button-default:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default:active, .uk-overlay-primary .uk-button-default:active, .uk-offcanvas-bar .uk-button-default:active,
.uk-light .uk-button-default.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-card-primary.uk-card-body .uk-button-default.uk-active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-default.uk-active,
.uk-card-secondary.uk-card-body .uk-button-default.uk-active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default.uk-active,
.uk-overlay-primary .uk-button-default.uk-active,
.uk-offcanvas-bar .uk-button-default.uk-active {
background-color: transparent;
color: #fff;
border-color: #fff;
}
.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: #777;
}
.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: #777;
}
.uk-light .uk-button-primary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, .uk-card-primary.uk-card-body .uk-button-primary:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary:active, .uk-card-secondary.uk-card-body .uk-button-primary:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary:active, .uk-overlay-primary .uk-button-primary:active, .uk-offcanvas-bar .uk-button-primary:active,
.uk-light .uk-button-primary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-card-primary.uk-card-body .uk-button-primary.uk-active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary.uk-active,
.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary.uk-active,
.uk-overlay-primary .uk-button-primary.uk-active,
.uk-offcanvas-bar .uk-button-primary.uk-active {
background-color: #e6e6e6;
color: #777;
}
.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: #777;
}
.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: #777;
}
.uk-light .uk-button-secondary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-card-primary.uk-card-body .uk-button-secondary:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary:active, .uk-card-secondary.uk-card-body .uk-button-secondary:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary:active, .uk-overlay-primary .uk-button-secondary:active, .uk-offcanvas-bar .uk-button-secondary:active,
.uk-light .uk-button-secondary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary.uk-active,
.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary.uk-active,
.uk-overlay-primary .uk-button-secondary.uk-active,
.uk-offcanvas-bar .uk-button-secondary.uk-active {
background-color: #e6e6e6;
color: #777;
}
.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::before, .uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before, .uk-card-primary.uk-card-body .uk-button-text::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-text::before, .uk-card-secondary.uk-card-body .uk-button-text::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text::before, .uk-overlay-primary .uk-button-text::before, .uk-offcanvas-bar .uk-button-text::before {
border-bottom-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: #fff;
}
.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-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-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-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: #777 !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: #777;
}
.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:-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder, .uk-overlay-primary .uk-search-input:-ms-input-placeholder, .uk-offcanvas-bar .uk-search-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5) !important;
}
.uk-light .uk-search-input::-moz-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder, .uk-card-primary.uk-card-body .uk-search-input::-moz-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-input::-moz-placeholder, .uk-card-secondary.uk-card-body .uk-search-input::-moz-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input::-moz-placeholder, .uk-overlay-primary .uk-search-input::-moz-placeholder, .uk-offcanvas-bar .uk-search-input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.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: transparent;
border-color: rgba(255, 255, 255, 0.2);
}
.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: fadein(transparent, 5%);
}
.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: transparent;
}
.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: transparent;
}
.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-nav-parent-icon > .uk-parent > a::after, .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, .uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent > a::after, .uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent > a::after, .uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after, .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba(255, 255, 255, 0.7)%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba(255, 255, 255, 0.7)%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.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.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-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li:hover > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li:hover > a, .uk-overlay-primary .uk-navbar-nav > li:hover > a, .uk-offcanvas-bar .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 > a[aria-expanded=true],
.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 > a[aria-expanded=true],
.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 > a[aria-expanded=true],
.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 > a[aria-expanded=true],
.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a[aria-expanded=true],
.uk-overlay-primary .uk-navbar-nav > li > a[aria-expanded=true],
.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-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-card-primary.uk-card-body .uk-navbar-toggle:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle:hover, .uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle:hover, .uk-overlay-primary .uk-navbar-toggle:hover, .uk-offcanvas-bar .uk-navbar-toggle:hover,
.uk-light .uk-navbar-toggle[aria-expanded=true],
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded=true],
.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],
.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded=true],
.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],
.uk-overlay-primary .uk-navbar-toggle[aria-expanded=true],
.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: #777;
}
.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::before, .uk-section-primary:not(.uk-preserve-color) .uk-tab::before, .uk-section-secondary:not(.uk-preserve-color) .uk-tab::before, .uk-tile-primary:not(.uk-preserve-color) .uk-tab::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before, .uk-card-primary.uk-card-body .uk-tab::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-tab::before, .uk-card-secondary.uk-card-body .uk-tab::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-tab::before, .uk-overlay-primary .uk-tab::before, .uk-offcanvas-bar .uk-tab::before {
border-color: rgba(255, 255, 255, 0.2);
}
.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;
border-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: transparent;
border-color: rgba(255, 255, 255, 0.9);
}
.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);
border-color: transparent;
}
.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);
border-color: transparent;
}
.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);
border-color: transparent;
}
.uk-light .uk-accordion-title::before, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-card-primary.uk-card-body .uk-accordion-title::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-accordion-title::before, .uk-card-secondary.uk-card-body .uk-accordion-title::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-accordion-title::before, .uk-overlay-primary .uk-accordion-title::before, .uk-offcanvas-bar .uk-accordion-title::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba(255, 255, 255, 0.7)%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba(255, 255, 255, 0.7)%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.uk-light .uk-open > .uk-accordion-title::before, .uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-open > .uk-accordion-title::before, .uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-open > .uk-accordion-title::before, .uk-overlay-primary .uk-open > .uk-accordion-title::before, .uk-offcanvas-bar .uk-open > .uk-accordion-title::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba(255, 255, 255, 0.7)%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.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-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 {
-moz-column-rule-color: rgba(255, 255, 255, 0.2);
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 > :not(.uk-logo-inverse):not(:only-of-type), .uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-primary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-primary > :not([class*=uk-card-media]) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-secondary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-secondary > :not([class*=uk-card-media]) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-offcanvas-bar .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) {
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;
}
/* ========================================================================
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;
}
}
/* roboto-regular - latin */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url("../fonts/roboto/roboto-v29-latin-regular.eot");
/* IE9 Compat Modes */
src: local(""), url("../fonts/roboto/roboto-v29-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v29-latin-regular.woff2") format("woff2"), url("../fonts/roboto/roboto-v29-latin-regular.woff") format("woff"), url("../fonts/roboto/roboto-v29-latin-regular.ttf") format("truetype"), url("../fonts/roboto/roboto-v29-latin-regular.svg#Roboto") format("svg");
/* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: url("../fonts/roboto/roboto-v29-latin-700.eot");
/* IE9 Compat Modes */
src: local(""), url("../fonts/roboto/roboto-v29-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v29-latin-700.woff2") format("woff2"), url("../fonts/roboto/roboto-v29-latin-700.woff") format("woff"), url("../fonts/roboto/roboto-v29-latin-700.ttf") format("truetype"), url("../fonts/roboto/roboto-v29-latin-700.svg#Roboto") format("svg");
/* Legacy iOS */
}
/* roboto-slab-regular - latin */
@font-face {
font-family: "Roboto Slab";
font-style: normal;
font-weight: 400;
src: url("../fonts/roboto-slab/roboto-slab-v16-latin-regular.eot");
/* IE9 Compat Modes */
src: local(""), url("../fonts/roboto-slab/roboto-slab-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-slab/roboto-slab-v16-latin-regular.woff2") format("woff2"), url("../fonts/roboto-slab/roboto-slab-v16-latin-regular.woff") format("woff"), url("../fonts/roboto-slab/roboto-slab-v16-latin-regular.ttf") format("truetype"), url("../fonts/roboto-slab/roboto-slab-v16-latin-regular.svg#RobotoSlab") format("svg");
/* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
font-family: "Roboto Slab";
font-style: normal;
font-weight: 700;
src: url("../fonts/roboto-slab/roboto-slab-v16-latin-700.eot");
/* IE9 Compat Modes */
src: local(""), url("../fonts/roboto-slab/roboto-slab-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-slab/roboto-slab-v16-latin-700.woff2") format("woff2"), url("../fonts/roboto-slab/roboto-slab-v16-latin-700.woff") format("woff"), url("../fonts/roboto-slab/roboto-slab-v16-latin-700.ttf") format("truetype"), url("../fonts/roboto-slab/roboto-slab-v16-latin-700.svg#RobotoSlab") format("svg");
/* Legacy iOS */
}
/* Mixin to create vertical, horizontal or radial gradient */
/*
@mixin seo-helper() {
img:not([alt]),
img[alt=""],
img[alt^=" "],
a[href=""],
a[href^=" "],
a[rel*="nofollow"] {
outline: 2px solid red !important;
outline-offset: 3px !important;
}
head,
title:empty,
link,
meta {
display: block;
}
title:empty:before {
content: "You've left the
empty!"
}
link:before {
content: "You don't have a !"
}
title ~ link {
display: none;
}
meta[name="description"][content=""]:before,
meta[name="description"][content=" "]:before {
content: "You've left description empty!";
}
}
*/
/* ========================================================================
Component: Width extended
========================================================================== */
.uk-child-width-1-7 > * {
width: 14.285%;
}
.uk-child-width-1-8 > * {
width: 12.5%;
}
.uk-child-width-1-9 > * {
width: 11.111%;
}
.uk-child-width-1-10 > * {
width: 10%;
}
.uk-child-width-1-12 > * {
width: 8.333%;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
.uk-child-width-1-7\@s > * {
width: 14.285%;
}
.uk-child-width-1-8\@s > * {
width: 12.5%;
}
.uk-child-width-1-9\@s > * {
width: 11.111%;
}
.uk-child-width-1-10\@s > * {
width: 10%;
}
.uk-child-width-1-12\@s > * {
width: 8.333%;
}
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
.uk-child-width-1-7\@m > * {
width: 14.285%;
}
.uk-child-width-1-8\@m > * {
width: 12.5%;
}
.uk-child-width-1-9\@m > * {
width: 11.111%;
}
.uk-child-width-1-10\@m > * {
width: 10%;
}
.uk-child-width-1-12\@m > * {
width: 8.333%;
}
}
/* Desktop and bigger */
@media (min-width: 1200px) {
.uk-child-width-1-7\@l > * {
width: 14.285%;
}
.uk-child-width-1-8\@l > * {
width: 12.5%;
}
.uk-child-width-1-9\@l > * {
width: 11.111%;
}
.uk-child-width-1-10\@l > * {
width: 10%;
}
.uk-child-width-1-12\@l > * {
width: 8.333%;
}
}
/* Large screen and bigger */
@media (min-width: 1600px) {
.uk-child-width-1-7\@xl > * {
width: 14.285%;
}
.uk-child-width-1-8\@xl > * {
width: 12.5%;
}
.uk-child-width-1-9\@xl > * {
width: 11.111%;
}
.uk-child-width-1-10\@xl > * {
width: 10%;
}
.uk-child-width-1-12\@xl > * {
width: 8.333%;
}
}
/* Single Widths
========================================================================== */
.uk-width-1-7 {
width: 14.285%;
}
.uk-width-2-7 {
width: 28.571%;
}
.uk-width-3-7 {
width: 42.857%;
}
.uk-width-4-7 {
width: 57.142%;
}
.uk-width-5-7 {
width: 71.428%;
}
.uk-width-6-7 {
width: 85.714%;
}
.uk-width-1-8 {
width: 12.5%;
}
.uk-width-2-8 {
width: 25%;
}
.uk-width-3-8 {
width: 37.5%;
}
.uk-width-4-8 {
width: 50%;
}
.uk-width-5-8 {
width: 62.5%;
}
.uk-width-6-8 {
width: 75%;
}
.uk-width-7-8 {
width: 87.5%;
}
.uk-width-1-9 {
width: 11.111%;
}
.uk-width-2-9 {
width: 22.222%;
}
.uk-width-3-9 {
width: 33.333%;
}
.uk-width-4-9 {
width: 44.444%;
}
.uk-width-5-9 {
width: 55.555%;
}
.uk-width-6-9 {
width: 66.666%;
}
.uk-width-7-9 {
width: 77.777%;
}
.uk-width-8-9 {
width: 88.888%;
}
.uk-width-1-10 {
width: 10%;
}
.uk-width-2-10 {
width: 20%;
}
.uk-width-3-10 {
width: 30%;
}
.uk-width-4-10 {
width: 40%;
}
.uk-width-5-10 {
width: 50%;
}
.uk-width-6-10 {
width: 60%;
}
.uk-width-7-10 {
width: 70%;
}
.uk-width-8-10 {
width: 80%;
}
.uk-width-9-10 {
width: 90%;
}
.uk-width-1-12 {
width: 8.333%;
}
.uk-width-2-12 {
width: 16.666%;
}
.uk-width-3-12 {
width: 25%;
}
.uk-width-4-12 {
width: 33.333%;
}
.uk-width-5-12 {
width: 41.666%;
}
.uk-width-6-12 {
width: 50%;
}
.uk-width-7-12 {
width: 58.333%;
}
.uk-width-8-12 {
width: 66.666%;
}
.uk-width-9-12 {
width: 75%;
}
.uk-width-10-12 {
width: 83.333%;
}
.uk-width-11-12 {
width: 91.666%;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
.uk-width-1-7\@s {
width: 14.285%;
}
.uk-width-2-7\@s {
width: 28.571%;
}
.uk-width-3-7\@s {
width: 42.857%;
}
.uk-width-4-7\@s {
width: 57.142%;
}
.uk-width-5-7\@s {
width: 71.428%;
}
.uk-width-6-7\@s {
width: 85.714%;
}
.uk-width-1-8\@s {
width: 12.5%;
}
.uk-width-2-8\@s {
width: 25%;
}
.uk-width-3-8\@s {
width: 37.5%;
}
.uk-width-4-8\@s {
width: 50%;
}
.uk-width-5-8\@s {
width: 62.5%;
}
.uk-width-6-8\@s {
width: 75%;
}
.uk-width-7-8\@s {
width: 87.5%;
}
.uk-width-1-9\@s {
width: 11.111%;
}
.uk-width-2-9\@s {
width: 22.222%;
}
.uk-width-3-9\@s {
width: 33.333%;
}
.uk-width-4-9\@s {
width: 44.444%;
}
.uk-width-5-9\@s {
width: 55.555%;
}
.uk-width-6-9\@s {
width: 66.666%;
}
.uk-width-7-9\@s {
width: 77.777%;
}
.uk-width-8-9\@s {
width: 88.888%;
}
.uk-width-1-10\@s {
width: 10%;
}
.uk-width-2-10\@s {
width: 20%;
}
.uk-width-3-10\@s {
width: 30%;
}
.uk-width-4-10\@s {
width: 40%;
}
.uk-width-5-10\@s {
width: 50%;
}
.uk-width-6-10\@s {
width: 60%;
}
.uk-width-7-10\@s {
width: 70%;
}
.uk-width-8-10\@s {
width: 80%;
}
.uk-width-9-10\@s {
width: 90%;
}
.uk-width-1-12\@s {
width: 8.333%;
}
.uk-width-2-12\@s {
width: 16.666%;
}
.uk-width-3-12\@s {
width: 25%;
}
.uk-width-4-12\@s {
width: 33.333%;
}
.uk-width-5-12\@s {
width: 41.666%;
}
.uk-width-6-12\@s {
width: 50%;
}
.uk-width-7-12\@s {
width: 58.333%;
}
.uk-width-8-12\@s {
width: 66.666%;
}
.uk-width-9-12\@s {
width: 75%;
}
.uk-width-10-12\@s {
width: 83.333%;
}
.uk-width-11-12\@s {
width: 91.666%;
}
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
.uk-width-1-7\@m {
width: 14.285%;
}
.uk-width-2-7\@m {
width: 28.571%;
}
.uk-width-3-7\@m {
width: 42.857%;
}
.uk-width-4-7\@m {
width: 57.142%;
}
.uk-width-5-7\@m {
width: 71.428%;
}
.uk-width-6-7\@m {
width: 85.714%;
}
.uk-width-1-8\@m {
width: 12.5%;
}
.uk-width-2-8\@m {
width: 25%;
}
.uk-width-3-8\@m {
width: 37.5%;
}
.uk-width-4-8\@m {
width: 50%;
}
.uk-width-5-8\@m {
width: 62.5%;
}
.uk-width-6-8\@m {
width: 75%;
}
.uk-width-7-8\@m {
width: 87.5%;
}
.uk-width-1-9\@m {
width: 11.111%;
}
.uk-width-2-9\@m {
width: 22.222%;
}
.uk-width-3-9\@m {
width: 33.333%;
}
.uk-width-4-9\@m {
width: 44.444%;
}
.uk-width-5-9\@m {
width: 55.555%;
}
.uk-width-6-9\@m {
width: 66.666%;
}
.uk-width-7-9\@m {
width: 77.777%;
}
.uk-width-8-9\@m {
width: 88.888%;
}
.uk-width-1-10\@m {
width: 10%;
}
.uk-width-2-10\@m {
width: 20%;
}
.uk-width-3-10\@m {
width: 30%;
}
.uk-width-4-10\@m {
width: 40%;
}
.uk-width-5-10\@m {
width: 50%;
}
.uk-width-6-10\@m {
width: 60%;
}
.uk-width-7-10\@m {
width: 70%;
}
.uk-width-8-10\@m {
width: 80%;
}
.uk-width-9-10\@m {
width: 90%;
}
.uk-width-1-12\@m {
width: 8.333%;
}
.uk-width-2-12\@m {
width: 16.666%;
}
.uk-width-3-12\@m {
width: 25%;
}
.uk-width-4-12\@m {
width: 33.333%;
}
.uk-width-5-12\@m {
width: 41.666%;
}
.uk-width-6-12\@m {
width: 50%;
}
.uk-width-7-12\@m {
width: 58.333%;
}
.uk-width-8-12\@m {
width: 66.666%;
}
.uk-width-9-12\@m {
width: 75%;
}
.uk-width-10-12\@m {
width: 83.333%;
}
.uk-width-11-12\@m {
width: 91.666%;
}
}
/* Desktop and bigger */
@media (min-width: 1200px) {
.uk-width-1-7\@l {
width: 14.285%;
}
.uk-width-2-7\@l {
width: 28.571%;
}
.uk-width-3-7\@l {
width: 42.857%;
}
.uk-width-4-7\@l {
width: 57.142%;
}
.uk-width-5-7\@l {
width: 71.428%;
}
.uk-width-6-7\@l {
width: 85.714%;
}
.uk-width-1-8\@l {
width: 12.5%;
}
.uk-width-2-8\@l {
width: 25%;
}
.uk-width-3-8\@l {
width: 37.5%;
}
.uk-width-4-8\@l {
width: 50%;
}
.uk-width-5-8\@l {
width: 62.5%;
}
.uk-width-6-8\@l {
width: 75%;
}
.uk-width-7-8\@l {
width: 87.5%;
}
.uk-width-1-9\@l {
width: 11.111%;
}
.uk-width-2-9\@l {
width: 22.222%;
}
.uk-width-3-9\@l {
width: 33.333%;
}
.uk-width-4-9\@l {
width: 44.444%;
}
.uk-width-5-9\@l {
width: 55.555%;
}
.uk-width-6-9\@l {
width: 66.666%;
}
.uk-width-7-9\@l {
width: 77.777%;
}
.uk-width-8-9\@l {
width: 88.888%;
}
.uk-width-1-10\@l {
width: 10%;
}
.uk-width-2-10\@l {
width: 20%;
}
.uk-width-3-10\@l {
width: 30%;
}
.uk-width-4-10\@l {
width: 40%;
}
.uk-width-5-10\@l {
width: 50%;
}
.uk-width-6-10\@l {
width: 60%;
}
.uk-width-7-10\@l {
width: 70%;
}
.uk-width-8-10\@l {
width: 80%;
}
.uk-width-9-10\@l {
width: 90%;
}
.uk-width-1-12\@l {
width: 8.333%;
}
.uk-width-2-12\@l {
width: 16.666%;
}
.uk-width-3-12\@l {
width: 25%;
}
.uk-width-4-12\@l {
width: 33.333%;
}
.uk-width-5-12\@l {
width: 41.666%;
}
.uk-width-6-12\@l {
width: 50%;
}
.uk-width-7-12\@l {
width: 58.333%;
}
.uk-width-8-12\@l {
width: 66.666%;
}
.uk-width-9-12\@l {
width: 75%;
}
.uk-width-10-12\@l {
width: 83.333%;
}
.uk-width-11-12\@l {
width: 91.666%;
}
}
/* Large screen and bigger */
@media (min-width: 1600px) {
.uk-width-1-7\@xl {
width: 14.285%;
}
.uk-width-2-7\@xl {
width: 28.571%;
}
.uk-width-3-7\@xl {
width: 42.857%;
}
.uk-width-4-7\@xl {
width: 57.142%;
}
.uk-width-5-7\@xl {
width: 71.428%;
}
.uk-width-6-7\@xl {
width: 85.714%;
}
.uk-width-1-8\@xl {
width: 12.5%;
}
.uk-width-2-8\@xl {
width: 25%;
}
.uk-width-3-8\@xl {
width: 37.5%;
}
.uk-width-4-8\@xl {
width: 50%;
}
.uk-width-5-8\@xl {
width: 62.5%;
}
.uk-width-6-8\@xl {
width: 75%;
}
.uk-width-7-8\@xl {
width: 87.5%;
}
.uk-width-1-9\@xl {
width: 11.111%;
}
.uk-width-2-9\@xl {
width: 22.222%;
}
.uk-width-3-9\@xl {
width: 33.333%;
}
.uk-width-4-9\@xl {
width: 44.444%;
}
.uk-width-5-9\@xl {
width: 55.555%;
}
.uk-width-6-9\@xl {
width: 66.666%;
}
.uk-width-7-9\@xl {
width: 77.777%;
}
.uk-width-8-9\@xl {
width: 88.888%;
}
.uk-width-1-10\@xl {
width: 10%;
}
.uk-width-2-10\@xl {
width: 20%;
}
.uk-width-3-10\@xl {
width: 30%;
}
.uk-width-4-10\@xl {
width: 40%;
}
.uk-width-5-10\@xl {
width: 50%;
}
.uk-width-6-10\@xl {
width: 60%;
}
.uk-width-7-10\@xl {
width: 70%;
}
.uk-width-8-10\@xl {
width: 80%;
}
.uk-width-9-10\@xl {
width: 90%;
}
.uk-width-1-12\@xl {
width: 8.333%;
}
.uk-width-2-12\@xl {
width: 16.666%;
}
.uk-width-3-12\@xl {
width: 25%;
}
.uk-width-4-12\@xl {
width: 33.333%;
}
.uk-width-5-12\@xl {
width: 41.666%;
}
.uk-width-6-12\@xl {
width: 50%;
}
.uk-width-7-12\@xl {
width: 58.333%;
}
.uk-width-8-12\@xl {
width: 66.666%;
}
.uk-width-9-12\@xl {
width: 75%;
}
.uk-width-10-12\@xl {
width: 83.333%;
}
.uk-width-11-12\@xl {
width: 91.666%;
}
}
.ug-gallery-wrapper,
.ug-gallery-wrapper * {
transition: all !important;
-o-transition: all !important;
-webkit-transition: all;
-moz-transition: all !important;
-ms-transition: all !important;
max-width: none;
}
.ug-gallery-wrapper {
z-index: 0;
}
.ug-item-wrapper img {
width: auto;
max-width: none;
margin: 0px;
padding: 0px;
}
.ug-videoplayer-wrapper video {
height: 100%;
width: 100%;
visibility: visible !important;
}
.ug-rtl {
direction: rtl;
}
.ug-gallery-wrapper {
overflow: hidden;
position: relative;
font-family: "Roboto", sans-serif;
}
.ug-error-message {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
font-size: 20px;
color: #F30D0D;
}
.ug-error-message-wrapper {
width: 100%;
height: 100%;
border: 1px solid black;
}
.ug-gallery-wrapper .ug-canvas-pie {
position: absolute;
z-index: 4;
}
.ug-gallery-wrapper .ug-progress-bar {
position: absolute;
overflow: hidden;
z-index: 4;
}
.ug-gallery-wrapper .ug-progress-bar-inner {
xposition: absolute;
}
.ug-gallery-wrapper.ug-fullscreen {
height: 100% !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
}
.ug-gallery-wrapper.ug-fake-fullscreen {
position: fixed !important;
height: auto !important;
width: auto !important;
max-width: none !important;
max-height: none !important;
margin: 0px !important;
padding: 0px !important;
top: 0px !important;
left: 0px !important;
bottom: 0px !important;
right: 0px !important;
z-index: 999999 !important;
}
.ug-body-fullscreen {
overflow: hidden !important;
height: 100% !important;
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
}
.ug-gallery-wrapper .ug-preloader-trans {
display: block;
height: 35px;
width: 32px;
height: 32px;
background-image: url("../images/unitegallery/loader_skype_trans.gif");
background-repeat: no-repeat;
}
.ug-gallery-wrapper .ug-slider-wrapper {
position: absolute;
overflow: hidden;
z-index: 1;
background-color: #000000;
}
.ug-slider-wrapper .ug-slide-wrapper {
position: absolute;
}
.ug-slide-wrapper.ug-slide-clickable {
cursor: pointer;
}
.ug-slider-wrapper .ug-slider-inner {
position: absolute;
z-index: 0;
}
.ug-slider-wrapper .ug-item-wrapper {
position: absolute;
overflow: hidden;
}
.ug-slider-wrapper,
.ug-item-wrapper img {
-webkit-user-select: none;
/* make unselectable */
-moz-user-select: none;
-ms-user-select: none;
max-width: none !important;
box-sizing: border-box;
}
.ug-slider-wrapper .ug-slider-preloader {
position: absolute;
z-index: 1;
border: 2px solid #ffffff;
border-radius: 6px;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
}
.ug-slider-preloader.ug-loader1 {
width: 30px;
height: 30px;
background-image: url("../images/unitegallery/loader-white1.gif");
}
.ug-slider-preloader.ug-loader1.ug-loader-black {
background-image: url("../images/unitegallery/loader-black1.gif");
}
.ug-slider-preloader.ug-loader2 {
width: 32px;
height: 32px;
background-image: url("../images/unitegallery/loader-white2.gif");
}
.ug-slider-preloader.ug-loader2.ug-loader-black {
background-image: url("../images/unitegallery/loader-black2.gif");
}
.ug-slider-preloader.ug-loader3 {
width: 38px;
height: 38px;
background-image: url("../images/unitegallery/loader-white3.gif");
}
.ug-slider-preloader.ug-loader3.ug-loader-black {
background-image: url("../images/unitegallery/loader-black3.gif");
}
.ug-slider-preloader.ug-loader4 {
width: 32px;
height: 32px;
background-image: url("../images/unitegallery/loader-white4.gif");
background-color: white;
}
.ug-slider-preloader.ug-loader4.ug-loader-black {
background-image: url("../images/unitegallery/loader-black4.gif");
}
.ug-slider-preloader.ug-loader5 {
width: 60px;
height: 8px;
background-image: url("../images/unitegallery/loader-white5.gif");
background-color: white;
border: none;
border-radius: 0px;
}
.ug-slider-preloader.ug-loader5.ug-loader-black {
background-image: url("../images/unitegallery/loader-black5.gif");
border: 2px solid #000000;
}
.ug-slider-preloader.ug-loader6 {
width: 32px;
height: 32px;
background-image: url("../images/unitegallery/loader-white6.gif");
}
.ug-slider-preloader.ug-loader6.ug-loader-black {
background-image: url("../images/unitegallery/loader-black6.gif");
}
.ug-slider-preloader.ug-loader7 {
width: 32px;
height: 10px;
background-image: url("../images/unitegallery/loader-white7.gif");
border-width: 3px;
border-radius: 3px;
}
.ug-slider-preloader.ug-loader7.ug-loader-black {
background-image: url("../images/unitegallery/loader-black7.gif");
}
.ug-slider-preloader.ug-loader-black {
border-color: #000000;
background-color: #000000;
}
.ug-slider-preloader.ug-loader-nobg {
background-color: transparent;
}
.ug-slider-wrapper .ug-button-videoplay {
position: absolute;
z-index: 2;
cursor: pointer;
}
.ug-slider-wrapper .ug-button-videoplay.ug-type-square {
width: 86px;
height: 66px;
background-image: url("../images/unitegallery/play-button-square.png");
background-position: 0px -66px;
}
.ug-slider-wrapper .ug-button-videoplay.ug-type-square.ug-button-hover {
background-position: 0px 0px;
}
.ug-slider-wrapper .ug-button-videoplay.ug-type-round {
width: 76px;
height: 76px;
background-image: url("../images/unitegallery/play-button-round.png");
opacity: 0.9;
filter: alpha(opacity=90);
transition: all 0.3s ease 0s !important;
}
.ug-slider-wrapper .ug-button-videoplay.ug-type-round.ug-button-hover {
opacity: 1;
filter: alpha(opacity=100);
transition: all 0.3s ease 0s !important;
}
.ug-gallery-wrapper .ug-videoplayer {
position: absolute;
z-index: 100;
background-color: #000000;
background-image: url("../images/unitegallery/loader-black1.gif");
background-repeat: no-repeat;
background-position: center center;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ug-videoplayer .ug-videoplayer-wrapper {
width: 100%;
height: 100%;
background-color: #000000;
background-image: url("../images/unitegallery/loader-black1.gif");
background-repeat: no-repeat;
background-position: center center;
}
.ug-videoplayer .ug-videoplayer-button-close {
position: absolute;
height: 64px;
width: 64px;
background-image: url("../images/unitegallery/button-close.png");
cursor: pointer;
z-index: 1000;
}
.ug-videoplayer .ug-videoplayer-button-close:hover {
background-position: 0px -64px;
}
.ug-gallery-wrapper .ug-thumbs-strip,
.ug-gallery-wrapper .ug-thumbs-grid {
position: absolute;
overflow: hidden;
-webkit-user-select: none;
/* make unselectable */
-moz-user-select: none;
-ms-user-select: none;
xbackground-color: green;
z-index: 10;
}
.ug-thumbs-strip.ug-dragging {
xcursor: -webkit-grab;
xcursor: -moz-grab;
}
.ug-gallery-wrapper .ug-thumbs-strip-inner,
.ug-gallery-wrapper .ug-thumbs-grid-inner {
position: absolute;
}
.ug-thumb-wrapper.ug-thumb-generated {
position: absolute;
overflow: hidden;
-webkit-user-select: none;
/* make unselectable */
-moz-user-select: none;
-ms-user-select: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader,
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error {
position: absolute;
top: 0px;
left: 0px;
background-repeat: no-repeat;
background-position: center center;
}
.ug-thumb-wrapper .ug-thumb-border-overlay {
position: absolute;
top: 0px;
left: 0px;
z-index: 4;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-style: solid;
}
.ug-thumb-wrapper .ug-thumb-overlay {
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
}
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-dark {
background-image: url("../images/unitegallery/loader.gif");
}
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-bright {
background-image: url("../images/unitegallery/loader_bright.gif");
}
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error {
background-image: url("../images/unitegallery/not_loaded.png");
}
.ug-thumb-wrapper.ug-thumb-generated img {
position: absolute;
z-index: 1;
max-width: none !important;
}
.ug-thumb-wrapper.ug-thumb-generated img.ug-thumb-image-overlay {
position: absolute;
z-index: 2;
max-width: none !important;
}
/* bw desaturate effect lightweight */
img.ug-bw-effect {
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8, #grayscale");
/* Firefox 10+, Firefox on Android */
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
/* blur effect desaturate effect lightweight */
img.ug-blur-effect {
filter: blur(0.8px);
-moz-filter: blur(0.8px);
-o-filter: blur(0.8px);
-ms-filter: blur(0.8px);
filter: url("data:image/svg+xml;utf8, #blur");
/* Firefox 10+, Firefox on Android */
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius="0.8");
}
img.ug-sepia-effect {
-moz-filter: sepia(100%);
-ms-filter: sepia(100%);
-o-filter: sepia(100%);
filter: url("data:image/svg+xml;utf8, #sepia");
/* Firefox 10+, Firefox on Android */
filter: sepia(100%);
background-color: #5E2612;
filter: alpha(opacity=50);
zoom: 1;
}
.ug-gallery-wrapper .ug-bullets {
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
}
.ug-gallery-wrapper .ug-bullets .ug-bullet {
background-repeat: no-repeat;
cursor: pointer;
display: block;
float: left;
z-index: 2;
}
.ug-gallery-wrapper .ug-bullets .ug-bullet:first-child {
margin-left: 0px;
}
.ug-gallery-wrapper .ug-textpanel {
position: absolute;
overflow: hidden;
}
.ug-slider-wrapper .ug-textpanel {
z-index: 2;
}
.ug-gallery-wrapper .ug-textpanel-bg,
.ug-gallery-wrapper .ug-textpanel-title,
.ug-gallery-wrapper .ug-textpanel-description {
display: block;
position: absolute;
margin: 0px;
padding: 0px;
}
.ug-gallery-wrapper .ug-textpanel-bg {
background-color: #000000;
opacity: 0.4;
filter: alpha(opacity=40);
z-index: 1;
}
.ug-textpanel-textwrapper {
overflow: hidden;
}
.ug-gallery-wrapper .ug-textpanel-title {
font-size: 16px;
font-weight: bold;
color: white;
text-align: left;
z-index: 2;
}
.ug-gallery-wrapper .ug-textpanel-description {
font-size: 14px;
color: white;
text-align: left;
z-index: 3;
}
.ug-slider-wrapper .ug-zoompanel {
position: absolute;
top: 200px;
left: 100px;
}
.ug-zoompanel .ug-zoompanel-button {
background-repeat: no-repeat;
cursor: pointer;
display: block;
}
.ug-gallery-wrapper .ug-arrow-left {
position: absolute;
background-repeat: no-repeat;
display: block;
cursor: pointer;
}
.ug-gallery-wrapper .ug-arrow-right {
position: absolute;
background-repeat: no-repeat;
cursor: pointer;
}
.ug-gallery-wrapper .ug-grid-panel {
position: absolute;
background-color: #000000;
xbackground-color: blue;
z-index: 2;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow {
position: absolute;
background-repeat: no-repeat;
cursor: pointer;
z-index: 11;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow.ug-button-disabled {
cursor: default;
}
/* handle tip */
.ug-gallery-wrapper .ug-panel-handle-tip {
position: absolute;
z-index: 13;
cursor: pointer;
}
.ug-gallery-wrapper .ug-overlay-disabled {
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.3;
filter: alpha(opacity=30);
background-image: url("../images/unitegallery/cover-grid.png");
}
.ug-gallery-wrapper .ug-strip-panel {
position: absolute;
background-color: #000000;
z-index: 2;
}
.ug-strip-panel .ug-strip-arrow {
position: absolute;
cursor: pointer;
}
.ug-strip-panel .ug-strip-arrow.ug-button-disabled {
cursor: default;
}
.ug-strip-panel .ug-strip-arrow-tip {
position: absolute;
}
.ug-thumb-wrapper.ug-tile {
display: block;
position: absolute;
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: hidden;
padding: 0px;
margin: 0px;
}
.ug-tile .ug-tile-cloneswrapper {
position: absolute;
width: 0px;
height: 0px;
top: 0px;
left: 0px;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=90);
}
/* transit something */
/* transit fixed size items */
/* transit image overlay */
.ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile,
.ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile .ug-trans-enabled {
transition: left 0.7s ease 0s, top 0.7s ease 0s, width 0.7s ease 0s, height 0.7s ease 0s !important;
}
.ug-thumb-wrapper.ug-tile.ug-tile-clickable {
cursor: pointer;
}
.ug-thumb-wrapper.ug-tile .ug-image-container {
position: absolute;
overflow: hidden;
z-index: 1;
top: 0px;
left: 0px;
}
.ug-thumb-wrapper.ug-tile img.ug-thumb-image {
-webkit-user-select: none;
/* make unselectable */
-moz-user-select: none;
-ms-user-select: none;
max-width: none !important;
max-height: none !important;
display: block;
border: none;
padding: 0px !important;
margin: 0px !important;
width: auto;
height: auto;
position: absolute;
}
.ug-thumb-wrapper.ug-tile .ug-tile-image-overlay {
position: absolute;
overflow: hidden;
z-index: 2;
top: 0px;
left: 0px;
}
.ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img {
width: 100%;
max-width: none !important;
}
.ug-tiletype-justified .ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img {
height: 100%;
max-width: none !important;
}
.ug-thumb-wrapper.ug-tile .ug-tile-icon {
position: absolute;
width: 38px;
height: 38px;
background-repeat: no-repeat;
background-position: 0 0;
xbackground-color: green;
z-index: 6;
top: 1px;
left: 1px;
cursor: pointer;
}
.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-link {
background-image: url("../images/unitegallery/icon-link32.png");
}
.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-zoom {
background-image: url("../images/unitegallery/icon-zoom32.png");
}
.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-play {
background-image: url("../images/unitegallery/icon-play32.png");
}
.ug-thumb-wrapper.ug-tile .ug-tile-icon:hover {
background-position: 0 -38px;
}
.ug-thumbs-grid .ug-tile-image-overlay img {
width: auto;
height: auto;
position: absolute;
max-width: none !important;
}
/* text panel on tiles*/
.ug-tile .ug-textpanel {
z-index: 5;
cursor: default;
}
.ug-tile.ug-tile-clickable .ug-textpanel {
cursor: pointer;
}
.ug-tile .ug-textpanel-title {
font-size: 14px;
font-weight: bold;
}
.ug-gallery-wrapper .ug-carousel-wrapper {
position: absolute;
overflow: hidden;
}
.ug-gallery-wrapper .ug-carousel-inner {
position: absolute;
}
.ug-gallery-wrapper.ug-lightbox {
display: none;
position: fixed;
border: none;
padding: 0px;
margin: 0px;
outline: invert none medium;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: none !important;
max-height: none !important;
z-index: 999999;
}
.ug-lightbox .ug-lightbox-top-panel {
position: absolute;
z-index: 2;
}
.ug-lightbox .ug-lightbox-top-panel-overlay {
width: 100%;
height: 100%;
position: absolute;
background-color: #000000;
opacity: 0.4;
filter: alpha(opacity=40);
}
.ug-lightbox .ug-lightbox-overlay {
z-index: 1;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 1;
}
.ug-lightbox .ug-slider-wrapper {
z-index: 1;
xbackground-color: green;
background-color: transparent !important;
}
.ug-lightbox .ug-textpanel {
z-index: 2;
}
.ug-lightbox .ug-lightbox-arrow-left,
.ug-lightbox .ug-lightbox-arrow-right {
position: absolute;
width: 50px;
height: 55px;
background-repeat: no-repeat;
background-image: url("../images/unitegallery/lightbox-arrow-left.png");
background-position: 0px 0px;
z-index: 3;
cursor: pointer;
}
.ug-lightbox .ug-lightbox-arrow-right {
background-image: url("../images/unitegallery/lightbox-arrow-right.png");
}
.ug-lightbox .ug-lightbox-button-close {
position: absolute;
width: 36px;
height: 36px;
background-repeat: no-repeat;
background-image: url("../images/unitegallery/lightbox-icon-close.png");
background-position: 0px 0px;
z-index: 4;
cursor: pointer;
}
.ug-lightbox-compact .ug-lightbox-button-close {
width: 45px;
height: 41px;
background-image: url("../images/unitegallery/lightbox-icon-close-compact2.png");
}
.ug-lightbox .ug-lightbox-arrow-left.ug-arrow-hover,
.ug-lightbox .ug-lightbox-arrow-right.ug-arrow-hover {
background-position: 0px -55px;
}
.ug-lightbox .ug-lightbox-button-close.ug-button-hover {
background-position: 0px -35px;
}
.ug-lightbox-compact .ug-lightbox-button-close.ug-button-hover {
background-position: 0px -40px;
}
.ug-lightbox .ug-lightbox-numbers {
position: absolute;
color: #e5e5e5;
font-size: 12px;
top: 14px;
left: 8px;
z-index: 3;
}
.ug-lightbox-compact .ug-lightbox-numbers {
font-size: 14px;
padding-right: 5px;
padding-top: 7px;
}
.ug-lightbox .ug-textpanel-title,
.ug-lightbox .ug-textpanel-description {
font-size: 14px;
font-weight: normal;
color: #e5e5e5;
}
.ug-lightbox-compact .ug-textpanel-title,
.ug-lightbox-compact .ug-textpanel-description {
color: #F3F3F3;
font-size: 16px;
}
.ug-loadmore-wrapper {
margin-top: 20px;
text-align: center;
}
.ug-loadmore-wrapper .ug-loadmore-button {
display: inline-block;
padding: 5px;
border: 1px solid #939393;
text-decoration: none;
color: #4F4F4F;
}
.ug-loadmore-wrapper .ug-loadmore-error {
color: red;
}
.ug-loadmore-wrapper .ug-loadmore-button:hover {
background-color: #F0F0F0;
color: #515151;
}
.ug-loadmore-wrapper .ug-loadmore-loader {
color: #515151;
}
.ug-tabs-wrapper {
margin-top: 0px;
margin-bottom: 20px;
text-align: center;
}
.ug-tabs-wrapper a.ug-tab {
display: inline-block;
cursor: pointer;
text-decoration: none;
color: #ffffff;
padding-left: 8px;
padding-right: 8px;
padding-top: 6px;
padding-bottom: 6px;
margin-left: 5px;
background-color: #333333;
border-radius: 3px;
font-size: 12px;
font-weight: normal;
border: 1px solid #969696;
}
.ug-tabs-wrapper a.ug-tab:hover {
background-color: #707070 !important;
}
.ug-tabs-wrapper a.ug-tab.ug-tab-selected,
.ug-tabs-wrapper a.ug-tab.ug-tab-selected:hover {
background-color: #2077A2 !important;
cursor: default !important;
}
.ug-tabs-wrapper a.ug-tab:first-child {
margin-left: 0px !important;
}
/* --- arrows -- */
.ug-arrow-left.ug-skin-default,
.ug-arrow-right.ug-skin-default {
width: 15px;
height: 30px;
background-image: url("../images/unitegallery/skins/default/slider_arrow_left.png");
background-position: 0px 0px;
}
.ug-arrow-right.ug-skin-default {
background-image: url("../images/unitegallery/skins/default/slider_arrow_right.png");
}
.ug-arrow-left.ug-skin-default.ug-arrow-hover,
.ug-arrow-right.ug-skin-default.ug-arrow-hover {
background-position: 0px -30px;
}
.ug-arrow-left.ug-skin-default.ug-arrow-disabled,
.ug-arrow-right.ug-skin-default.ug-arrow-disabled {
background-position: 0px -60px;
}
/* --- bullets -- */
.ug-bullets.ug-skin-default .ug-bullet {
width: 15px;
height: 15px;
background-image: url("../images/unitegallery/skins/default/slider_bullets.png");
background-position: top left;
margin-left: 5px;
}
.ug-bullets.ug-skin-default .ug-bullet.ug-bullet-active {
background-position: bottom left;
}
.ug-bullets.ug-skin-default.ug-bullets-gray .ug-bullet {
background-image: url("../images/unitegallery/skins/default/tile_bullets_gray.png");
}
.ug-bullets.ug-skin-default.ug-bullets-blue .ug-bullet {
background-image: url("../images/unitegallery/skins/default/tile_bullets_blue.png");
}
.ug-bullets.ug-skin-default.ug-bullets-brown .ug-bullet {
background-image: url("../images/unitegallery/skins/default/tile_bullets_brown.png");
}
.ug-bullets.ug-skin-default.ug-bullets-green .ug-bullet {
background-image: url("../images/unitegallery/skins/default/tile_bullets_green.png");
}
.ug-bullets.ug-skin-default.ug-bullets-red .ug-bullet {
background-image: url("../images/unitegallery/skins/default/tile_bullets_red.png");
}
.ug-button-tile-navigation {
width: 36px;
height: 36px;
background-position: top left;
cursor: pointer;
float: left;
}
.ug-button-tile-navigation.ug-button-tile-left {
background-image: url("../images/unitegallery/skins/default/tile_button_left.png");
}
.ug-button-tile-navigation.ug-button-tile-right {
background-image: url("../images/unitegallery/skins/default/tile_button_right.png");
}
.ug-button-tile-navigation:hover {
background-position: bottom left;
}
.ug-button-tile-navigation.ug-button-disabled {
opacity: 0.6;
}
.ug-button-tile-navigation.ug-button-disabled:hover {
background-position: top left;
}
.ug-button-tile-navigation.ug-button-tile-play {
background-image: url("../images/unitegallery/skins/default/tile_button_play_pause.png");
width: 35px;
}
.ug-button-tile-navigation.ug-button-tile-play.ug-pause-icon {
background-position: bottom left;
}
.ug-button-tile-navigation.ug-button-tile-play:hover {
background-position: top left;
}
.ug-button-tile-navigation.ug-button-tile-play.ug-pause-icon:hover {
background-position: bottom left;
}
/* --- play button -- */
.ug-button-play.ug-skin-default {
position: absolute;
background-image: url("../images/unitegallery/skins/default/button_playpause.png");
width: 14px;
height: 17px;
cursor: pointer;
background-position: 0px 0px;
}
.ug-button-play.ug-skin-default.ug-button-hover {
background-position: 0px -17px;
}
.ug-button-play.ug-skin-default.ug-stop-mode {
background-position: 0px -34px;
}
.ug-button-play.ug-skin-default.ug-stop-mode.ug-button-hover {
background-position: 0px -51px;
}
/* --- fullscreen button -- */
.ug-button-fullscreen.ug-skin-default {
position: absolute;
background-image: url("../images/unitegallery/skins/default/button_fullscreen.png");
width: 16px;
height: 16px;
cursor: pointer;
background-position: 0px 0px;
}
.ug-button-fullscreen.ug-skin-default.ug-button-hover {
background-position: 0px -16px;
}
.ug-button-fullscreen.ug-skin-default.ug-fullscreenmode {
background-position: 0px -32px;
}
.ug-button-fullscreen.ug-skin-default.ug-fullscreenmode.ug-button-hover {
background-position: 0px -48px;
}
/* --- zoom panel --- */
.ug-zoompanel.ug-skin-default .ug-zoompanel-button {
background-repeat: no-repeat;
cursor: pointer;
height: 23px;
width: 23px;
margin-top: 5px;
background-position: 0px 0px;
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-plus {
margin-top: 0px;
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-plus {
background-image: url("../images/unitegallery/skins/default/icon_zoom_plus.png");
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-minus {
background-image: url("../images/unitegallery/skins/default/icon_zoom_minus.png");
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-return {
background-image: url("../images/unitegallery/skins/default/icon_zoom_back.png");
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover {
background-position: 0px -23px;
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-button-disabled,
.ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover.ug-zoompanel-button-disabled {
background-position: 0px -46px;
cursor: default;
}
/* --- Grid Panel Arrows -- */
/*--- down arrow ---*/
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default {
width: 30px;
height: 15px;
background-position: 0px 0px;
background-image: url("../images/unitegallery/skins/default/arrow_grid_down.png");
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-hover {
background-position: 0px -15px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-disabled {
background-position: 0px -30px;
}
/*--- up arrow ---*/
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default {
width: 30px;
height: 15px;
background-position: 0px 0px;
background-image: url("../images/unitegallery/skins/default/arrow_grid_up.png");
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-hover {
background-position: 0px -15px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-disabled {
background-position: 0px -30px;
}
/*--- left arrow ---*/
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default {
width: 40px;
height: 40px;
background-position: 0px -40px;
background-image: url("../images/unitegallery/skins/default/grid_arrow_left.png");
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-hover {
background-position: 0px 0px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-disabled {
background-position: 0px -80px;
}
/*--- right arrow ---*/
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default {
width: 40px;
height: 40px;
background-position: 0px -40px;
background-image: url("../images/unitegallery/skins/default/grid_arrow_right.png");
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-hover {
background-position: 0px 0px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-disabled {
background-position: 0px -80px;
}
/*--- left arrow - horizontal panel type ---*/
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default {
width: 15px;
height: 30px;
background-image: url("../images/unitegallery/skins/default/slider_arrow_left.png");
background-position: 0px 0px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-hover {
background-position: 0px -30px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-disabled {
background-position: 0px -60px;
}
/*--- right arrow - horizontal panel type ---*/
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default {
width: 15px;
height: 30px;
background-image: url("../images/unitegallery/skins/default/slider_arrow_right.png");
background-position: 0px 0px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-hover {
background-position: 0px -30px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-disabled {
background-position: 0px -60px;
}
/* --- Strip Panel Arrows -- */
/* left and right arrows */
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default,
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default {
width: 25px;
height: 50px;
}
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip {
background-position: 0px 0px;
background-repeat: no-repeat;
width: 4px;
height: 7px;
}
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip {
background-image: url("../images/unitegallery/skins/default/arrows_strip_left.png");
}
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip {
background-image: url("../images/unitegallery/skins/default/arrows_strip_right.png");
}
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default.ug-button-hover .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default.ug-button-hover .ug-strip-arrow-tip {
background-position: 0px -7px;
}
/* up and down arrows */
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default,
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default {
height: 25px;
width: 50px;
}
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip {
background-position: 0px 0px;
background-repeat: no-repeat;
width: 7px;
height: 4px;
}
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip {
background-image: url("../images/unitegallery/skins/default/arrows_strip_up.png");
}
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip {
background-image: url("../images/unitegallery/skins/default/arrows_strip_down.png");
}
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default.ug-button-hover .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default.ug-button-hover .ug-strip-arrow-tip {
background-position: -7px 0px;
}
.ug-strip-panel .ug-strip-arrow.ug-skin-default.ug-button-disabled .ug-strip-arrow-tip {
background-position: 0px 0px;
opacity: 0.5;
filter: alpha(opacity=50);
}
/* --- Panel Handle Tip -- */
/* left and right handle */
.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default,
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default {
width: 22px;
height: 36px;
background-image: url("../images/unitegallery/skins/default/grid_handle_black_left.png");
background-repeat: no-repeat;
background-position: 0px -36px;
}
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default {
background-image: url("../images/unitegallery/skins/default/grid_handle_black_right.png");
background-position: 0px -36px;
}
.ug-gallery-wrapper .ug-handle-tip-left.ug-button-hover.ug-skin-default,
.ug-gallery-wrapper .ug-handle-tip-right.ug-button-hover.ug-skin-default {
background-position: 0px 0px;
}
.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed,
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed {
background-position: 0px -108px;
}
.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed.ug-button-hover,
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed.ug-button-hover {
background-position: 0px -72px;
}
/* top and bottom handle */
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default {
width: 36px;
height: 22px;
background-image: url("../images/unitegallery/skins/default/grid_handle_black_top.png");
background-repeat: no-repeat;
background-position: -36px 0px;
}
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default {
background-image: url("../images/unitegallery/skins/default/grid_handle_black_bottom.png");
background-position: -36px 0px;
}
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-hover,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-hover {
background-position: 0px 0px;
}
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed {
background-position: -108px 0px;
}
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed.ug-button-hover,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed.ug-button-hover {
background-position: -72px 0px;
}
#footer {
width: 100%;
display: inline-block;
}
#footer #footernavi {
border-top: 1px dashed #323232;
background-color: rgba(0, 0, 0, 0.4);
zoom: 1;
background-color: transparent\9 ;
filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#66000000, endColorstr=#66000000)";
}
#footer #footernavi .uk-totop {
margin-top: 0.25rem;
color: #777;
}
#footer #footernavi .uk-totop:hover {
color: #a5852c;
}
#footer #footernavi ul.footernavi li {
position: relative;
list-style: none;
padding: 0;
}
#footer #footernavi ul.footernavi li a {
font-family: "Roboto", sans-serif;
font-size: 0.85rem;
font-weight: 400;
text-transform: none;
color: #777;
}
#footer #footernavi ul.footernavi li a.current, #footer #footernavi ul.footernavi li a:hover {
color: #a5852c;
text-decoration: none;
}
#footer #footernavi ul.footernavi li:before {
position: absolute;
top: -1px;
left: -1.5rem;
}
#footer #footernavi ul.footernavi li:last-child {
margin-top: 1.5rem;
left: -0.75rem;
}
#footer #footernavi ul.footernavi li:last-child:before {
display: none;
}
@media (min-width: 1200px) {
#footer #footernavi ul.footernavi li {
padding-right: 0.75rem;
}
#footer #footernavi ul.footernavi li:before {
position: absolute;
left: -1.5rem;
}
#footer #footernavi ul.footernavi li:last-child {
margin-top: 0 !important;
padding-right: 0;
float: right;
}
}
@media (min-width: 1200px) {
#footer #footernavi ul li {
float: left;
margin-right: 1rem;
}
}
.consent_manager-background {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1em;
z-index: 999999;
height: 100%;
width: 100%;
overflow: hidden;
box-sizing: border-box;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
}
.consent_manager-wrapper {
font-family: "Roboto", sans-serif;
background: #2a2a2a;
position: relative;
font-size: 12px;
line-height: 1.65;
color: #fff;
border: 1px solid #444444;
width: 100%;
max-width: 95vW;
max-height: 100vh;
overflow-y: auto;
box-sizing: border-box;
border-radius: 3px;
box-shadow: 11px 9px 24px -4px black;
-webkit-box-shadow: 11px 9px 24px -4px black;
-moz-box-shadow: 11px 9px 24px -4px black;
}
.consent_manager-wrapper-inner {
padding: 24px;
position: relative;
}
.consent_manager-hidden {
display: none;
}
.consent_manager-headline {
font-weight: bold;
font-size: 19px;
}
.consent_manager-show-details a {
color: #fff;
text-decoration: none;
}
.consent_manager-show-details a:hover {
color: #A18639;
text-decoration: none;
}
.consent_manager-buttons {
display: inline-block;
width: 100%;
}
.consent_manager-save-selection,
.consent_manager-accept-all {
transition: 200ms ease all;
background: #A18639;
color: #fff;
padding: 12px;
font-size: 17px;
border-radius: 3px;
font-weight: bold;
text-align: center;
margin: 8px 0 8px 0;
display: inline-block;
width: calc(100% - 24px);
}
.consent_manager-save-selection:hover,
.consent_manager-accept-all:hover {
background: #7b672c;
color: white;
text-decoration: none;
}
.consent_manager-sitelinks a {
display: inline-block;
margin: 12px 12px 0 0;
color: #fff;
text-decoration: none;
}
.consent_manager-sitelinks a:hover {
color: #A18639;
text-decoration: none;
}
a.consent_manager-close-box {
position: absolute;
right: 20px;
top: 20px;
display: inline-block;
width: 28px;
height: 28px;
text-indent: -300000rem;
color: #2a2a2a;
}
a.consent_manager-close-box::before, a.consent_manager-close-box::after {
content: " ";
position: absolute;
display: block;
background-color: #fff;
width: 3px;
left: 13px;
top: 7px;
bottom: 7px;
}
a.consent_manager-close-box::before {
transform: rotate(45deg);
}
a.consent_manager-close-box::after {
transform: rotate(-45deg);
}
a.consent_manager-close-box:hover::before, a.consent_manager-close-box:hover::after {
background: #A18639;
}
.consent_manager-cookiegroup-title {
margin-top: 32px;
padding: 8px 0 8px 8px;
background: #A18639;
}
.consent_manager-text {
font-size: 14px;
text-align: justify;
}
.consent_manager-cookie {
margin-top: 8px;
margin-bottom: 12px;
padding: 16px;
border-left: 1px solid #A18639;
background: #373737;
color: #fff;
font-size: 12px;
}
.consent_manager-cookie span {
display: block;
padding-bottom: 4px;
}
.consent_manager-cookie a {
display: inline-block;
color: #A18639;
padding-top: 8px;
}
.consent_manager-cookie a:hover {
color: #fff;
text-decoration: none;
}
.consent_manager-show-details .icon-info-circled:before {
display: none;
}
#consent_manager-toggle-details {
display: inline-block;
padding: 8px 0 24px 0;
}
.consent_manager-cookiegroup-description {
padding: 16px;
font-size: 19px -4px;
}
a.consent_manager-close, #consent_manager-toggle-details {
cursor: pointer;
}
.consent_manager-cookiegroup-checkbox {
padding: 0 0 8px 0;
}
.consent_manager-cookiegroup-checkbox span {
font-size: 19px -2px;
line-height: 1.85;
vertical-align: top;
}
.consent_manager-cookiegroup-checkbox span:hover {
cursor: pointer;
}
@media (min-width: 35em) {
.consent_manager-cookiegroups {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.consent_manager-cookiegroup-checkbox {
padding-right: 8px;
margin-left: 8px;
}
.consent_manager-cookiegroup-checkbox:last-child {
border: none;
padding-right: 0;
}
.consent_manager-cookiegroup-checkbox span {
font-size: 12px;
line-height: 1.85;
vertical-align: top;
}
.consent_manager-cookiegroup-checkbox span:hover {
cursor: pointer;
}
.consent_manager-show-details {
text-align: right;
}
.consent_manager-buttons {
display: inline-block;
width: auto;
float: right;
margin-bottom: 32px;
}
.consent_manager-buttons a {
padding-right: 24px;
padding-left: 24px;
}
.consent_manager-sitelinks {
padding: 0 0 32px 0;
margin: 0;
display: inline-block;
width: auto;
float: right;
}
.consent_manager-sitelinks a {
margin: 0 16px 0 0;
}
.consent_manager-save-selection,
.consent_manager-accept-all {
width: auto;
display: inline-block;
margin: 0 0 0 16px;
}
.consent_manager-cookiegroup-description {
padding-left: 16px;
padding-right: 16px;
}
.consent_manager-cookiegroup span {
max-width: 70%;
}
}
@media (min-width: 690px) {
.consent_manager-sitelinks {
padding-top: 32px;
float: left;
}
}
@media (min-width: 900px) {
.consent_manager-wrapper {
max-width: 900px;
}
}
.consent_manager-wrapper [type=checkbox] {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
position: relative;
border: 0;
outline: 0;
cursor: pointer;
display: inline-block;
width: 40px;
background: transparent;
}
.consent_manager-wrapper [type=checkbox]:after {
content: "";
width: 32px;
height: 16px;
display: inline-block;
background: #5d5d5d;
border-radius: 8px;
clear: both;
}
.consent_manager-wrapper [type=checkbox]:before {
content: "";
width: 16px;
height: 16px;
display: block;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
background: white;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
.consent_manager-wrapper [type=checkbox]:checked:before {
left: 16px;
box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
}
.consent_manager-wrapper [type=checkbox]:checked:after {
background: #A18639;
}
.consent_manager-wrapper [type=checkbox],
.consent_manager-wrapper [type=checkbox]:before,
.consent_manager-wrapper [type=checkbox]:after,
.consent_manager-wrapper [type=checkbox]:checked:before,
.consent_manager-wrapper [type=checkbox]:checked:after {
transition: ease 0.3s;
-webkit-transition: ease 0.3s;
-moz-transition: ease 0.3s;
-o-transition: ease 0.3s;
}
#offcanvas-navi {
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */
}
#offcanvas-navi ::-webkit-scrollbar {
display: none;
/* Chrome Safari */
}
#offcanvas-navi .offcanvas-meta {
padding: 1rem 2rem 1rem 2rem;
height: 2rem;
font-size: 1.25rem;
background: #000;
border-bottom: 1px dashed #323232;
}
#offcanvas-navi .offcanvas-meta a {
color: #777;
}
#offcanvas-navi .offcanvas-meta a:hover {
color: #a5852c;
}
#offcanvas-navi .offcanvas-meta a:last-child {
margin-left: 1rem;
color: #a5852c;
}
#offcanvas-navi .offcanvas-meta a:last-child:hover {
color: #fff !important;
}
#offcanvas-navi .uk-offcanvas-bar {
border: 1px solid #000;
font-family: "Roboto", sans-serif;
padding: 0;
margin: 0;
background: #000;
border-left: 1px dashed #323232;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav {
padding: 2rem 1.5rem 5rem 1.5rem;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li {
margin-top: 0.5rem;
display: inline-block;
width: 100%;
list-style: none;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li a {
position: relative;
color: #777;
line-height: 1;
padding-left: 0.5rem;
font-size: 1.25rem;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li a.rex-current, #offcanvas-navi .uk-offcanvas-bar #main-nav ul li a.rex-active {
color: #a5852c;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li a:hover {
color: #a5852c;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li a.childnav {
float: right;
width: 1.5rem;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li ul {
padding: 0;
margin: 0.5rem 0 0.5rem;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li ul li {
padding-top: 0;
border-bottom: 1px dashed #323232;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li ul li:last-child {
border: none;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li ul li a {
width: calc(100% - 2rem);
display: inline-block;
line-height: 1;
font-size: 0.85rem;
padding: 0 0 0.5rem 0.5rem;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li ul li .childnav {
padding: 0;
position: relative;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li ul li .childnav .fa-chevron-down {
right: 0.1rem;
position: absolute;
top: 0.3rem;
transition: all 0.2s ease;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li ul li .childnav.open .fa-chevron-down {
transform: rotate(0.5turn);
transition: all 0.2s ease;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li ul li ul {
display: inline-block;
width: 100%;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li ul li ul li {
width: 100%;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li ul li ul li:last-child {
margin-bottom: 1rem;
}
#offcanvas-navi .uk-offcanvas-bar #main-nav ul li ul li ul li a {
font-size: 0.7rem;
padding-left: 1rem;
font-weight: 300;
}
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
/* this ensures that a constrained height set by functionPosition,
if greater that the natural height of the tooltip, will be enforced
in browsers that support display:flex */
display: flex;
pointer-events: none;
/* this may be overriden in JS for fixed position origins */
position: absolute;
}
.tooltipster-box {
/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
and flex-basis auto for IE11- (at least) */
flex: 1 1 auto;
}
.tooltipster-content {
/* prevents an overflow if the user adds padding to the div */
box-sizing: border-box;
/* these make sure we'll be able to detect any overflow */
max-height: 100%;
max-width: 100%;
overflow: auto;
}
.tooltipster-ruler {
/* these let us test the size of the tooltip without overflowing the window */
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
}
/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
opacity: 0;
transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
opacity: 1;
}
/* grow */
.tooltipster-grow {
transform: scale(0, 0);
transition-property: transform;
-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
transform: scale(1, 1);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
/* swing */
.tooltipster-swing {
opacity: 0;
transform: rotateZ(4deg);
transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
opacity: 1;
transform: rotateZ(0deg);
transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
/* fall */
.tooltipster-fall {
transition-property: top;
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
top: 0 !important;
}
.tooltipster-fall.tooltipster-dying {
transition-property: all;
top: 0 !important;
opacity: 0;
}
/* slide */
.tooltipster-slide {
transition-property: left;
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
transition-property: all;
left: 0 !important;
opacity: 0;
}
/* Update animations */
/* We use animations rather than transitions here because
transition durations may be specified in the style tag due to
animationDuration, and we try to avoid collisions and the use
of !important */
/* fade */
@-webkit-keyframes tooltipster-fading {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes tooltipster-fading {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.tooltipster-update-fade {
-webkit-animation: tooltipster-fading 400ms;
animation: tooltipster-fading 400ms;
}
/* rotate */
@-webkit-keyframes tooltipster-rotating {
25% {
transform: rotate(-2deg);
}
75% {
transform: rotate(2deg);
}
100% {
transform: rotate(0);
}
}
@keyframes tooltipster-rotating {
25% {
transform: rotate(-2deg);
}
75% {
transform: rotate(2deg);
}
100% {
transform: rotate(0);
}
}
.tooltipster-update-rotate {
-webkit-animation: tooltipster-rotating 600ms;
animation: tooltipster-rotating 600ms;
}
/* scale */
@-webkit-keyframes tooltipster-scaling {
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@keyframes tooltipster-scaling {
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.tooltipster-update-scale {
-webkit-animation: tooltipster-scaling 600ms;
animation: tooltipster-scaling 600ms;
}
/**
* DEFAULT STYLE OF THE SIDETIP PLUGIN
*
* All styles are "namespaced" with .tooltipster-sidetip to prevent
* conflicts between plugins.
*/
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
background: #000;
border: 2px solid #a5852c;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin-bottom: 8px;
}
/* .tooltipster-content */
.tooltipster-sidetip {
max-width: 350px;
}
.tooltipster-sidetip .tooltipster-content {
padding: 0.5rem 0.85rem 0.5rem 0.85rem;
font-size: 0.75rem;
color: #fff;
line-height: 1.5;
}
.tooltipster-sidetip .tooltipster-content .fa-copyright {
font-size: 0.75rem;
}
.tooltipster-sidetip .tooltipster-content p {
margin-bottom: 0;
}
.tooltipster-sidetip .tooltipster-content a {
color: #fff;
text-decoration: underline;
}
.tooltipster-sidetip .tooltipster-content a:hover {
color: #000;
}
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
overflow: hidden;
position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
height: 10px;
/* half the width, for centering */
margin-left: -10px;
top: 0;
width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
height: 20px;
margin-top: -10px;
right: 0;
/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
been positioned yet */
top: 0;
width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
height: 20px;
margin-top: -10px;
left: 0;
/* same as .tooltipster-left .tooltipster-arrow */
top: 0;
width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
bottom: 0;
height: 10px;
margin-left: -10px;
width: 20px;
}
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
height: 0;
position: absolute;
width: 0;
}
/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #a5852c;
left: 0;
top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
border-left-color: #a5852c;
left: -3px;
top: 0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
border-right-color: #000;
left: 3px;
top: 0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
border-top-color: #000;
left: 0;
top: -3px;
}
/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
border: 10px solid transparent;
left: 0;
top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: #a5852c;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
border-left-color: #a5852c;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
border-right-color: #a5852c;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
border-top-color: #a5852c;
}
/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
left: -10px;
}
.tooltip_templates {
display: none;
}
p.headline_downloads {
font-weight: bold;
}
ul.download {
margin: 3rem 0 1rem 0;
}
@media (min-width: 960px) {
ul.download {
margin: 0 0 1rem 0;
}
}
ul.download li {
width: 100%;
display: inline-block;
max-width: 90%;
margin-bottom: 1rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid #a5852c;
}
ul.download li .uk-text-small {
color: #999 !important;
font-size: 0.85rem;
margin: 0 0 0.5rem 0;
padding: 0.25rem 0 0 1.5rem;
}
ul.download li:last-child {
border: none;
}
ul.download li a {
position: relative;
display: inline-block;
text-decoration: none !important;
color: #000 !important;
font-size: 1rem;
font-weight: bold;
padding-left: 1.5rem;
width: 100%;
}
ul.download li a span {
color: #fff;
background: #a5852c;
padding: 0;
position: absolute;
top: 4px;
left: 0;
}
ul.download li a:hover {
background: none !important;
color: #a5852c !important;
}
ul.download li .size {
font-weight: normal;
font-size: 0.75rem;
padding: 0;
padding-left: 1.5rem;
}
.video_wrapper .video_trigger, video_layer {
position: relative;
padding-bottom: 56.25%;
/* 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
z-index: 9;
color: #000;
background: #eee;
text-align: center;
display: inline-block;
}
.videolink {
font-size: 1rem;
}
.video_trigger p {
margin: 10% 10% 5% 10%;
font-size: 0.85rem !important;
}
.video_layer {
position: relative;
padding-bottom: 56.25%;
/* 16:9 ratio*/
padding-top: 0px;
display: none;
height: 100%;
width: 100%;
min-width: 300px;
min-height: 160px;
margin: auto;
border: 1px solid #fff;
}
.video_layer iframe {
position: absolute;
width: 100%;
height: 100%;
border: 0 none transparent;
}
.plyr--full-ui input[type=range] {
color: #a5852c;
}
.plyr__control--overlaid {
background: rgba(0, 0, 0, 0.8);
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
background: #a5852c;
}
.plyr__control.plyr__tab-focus {
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.5);
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
background: #a5852c;
}
#particles-js {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#particles-js .particles-js-canvas-el {
width: 100%;
height: 100%;
}
.particle-text-img {
position: relative;
display: inline-block;
overflow: hidden;
line-height: 100%;
font-weight: 600;
width: 100%;
color: #fff;
letter-spacing: -0.06em;
padding-right: 10%;
font-size: 15rem;
}
@media (min-width: 1200px) {
.particle-text-img {
font-size: 20rem;
}
}
@media (min-width: 1200px) and (max-width: 1500px) {
.particle-text-img {
font-size: 18rem;
}
}
.counter-amy-number {
font-size: 60px;
line-height: 0.8;
font-weight: 600;
letter-spacing: 0.05em;
color: #fff;
}
.counter-amy-number .symbol {
font-size: 70px;
letter-spacing: 0;
margin-left: -8px;
}
@media (min-width: 960px) {
.counter-amy-number {
font-size: 70px;
}
}
@media (min-width: 1200px) {
.counter-amy-number {
font-size: 100px;
}
}
@media (min-width: 1200px) and (max-width: 1500px) {
.counter-amy-number {
font-size: 60px;
}
}
.counter-amy-title {
font-size: 1rem;
color: #a5852c;
width: 100%;
text-align: center;
}
* + .counter-amy-title {
margin-top: 1rem;
}
.title-decoration-lines-left {
border-left: 1px dashed #777;
padding-left: 16px;
}
.title-decoration-lines-left h3 {
font-size: 1.85rem;
font-weight: 600;
padding: 0;
margin: 0 0 12px 0;
color: #fff;
line-height: 1;
}
.title-decoration-lines-left h4 {
font-size: 1.55rem;
padding: 0;
margin: 0;
line-height: 1;
border: none;
}
.border-bottom {
border-bottom: 1px dashed #777;
}
@media (min-width: 640px) {
.border-bottom {
border: none !important;
}
.border-right {
border-right: 1px dashed #777;
}
}
#sitemap ul {
font-family: "Open Sans";
vertical-align: text-bottom;
font-weight: 300;
}
#sitemap ul li {
vertical-align: text-bottom;
}
#sitemap ul li a {
text-decoration: none;
font-size: 1.4rem;
color: #555;
}
#sitemap ul li a:hover {
color: #0571BB;
}
#sitemap ul li ul {
padding-left: 1rem;
}
#sitemap ul li ul li {
padding-left: 0;
}
#sitemap ul li ul li:first-child {
padding-top: 10px;
}
#sitemap ul li ul li:last-child {
margin-bottom: 10px;
}
#sitemap ul li ul li a {
font-weight: 700;
font-size: 1.2rem;
}
#sitemap ul li ul ul {
padding-left: 1.5rem;
}
#sitemap ul li ul ul li a {
font-weight: 400;
font-size: 1rem;
}
#sitemap ul li ul ul ul {
padding-left: 2rem;
}
#sitemap ul li ul ul ul li a {
font-weight: 400;
font-size: 1rem;
}
#sitemap ul li a.article {
font-style: italic;
font-weight: 300;
font-size: 1.4rem;
}
#sitemap .warning strong {
font-size: 10px;
color: #f00;
}
.yform {
width: 100%;
}
.yform .uk-alert-danger {
border: 1px solid #f00;
background: #fff;
font-size: 0.85rem;
}
.yform .uk-alert-danger * {
color: #f00;
}
.yform .uk-alert-danger ul li {
line-height: 1.5;
}
.yform .uk-alert-close {
display: none;
}
.yform .uk-form-label {
width: calc(100% - 13px);
font-size: 0.7rem;
padding: 6px 3px 3px 10px;
margin: 0;
color: #fff;
background: #a5852c;
}
.yform .formcheckbox {
margin-bottom: 1rem;
}
.yform .formcheckbox label {
display: inline-block;
position: relative;
}
.yform .formcheckbox label .uk-checkbox {
position: absolute;
top: 0.7rem;
}
.yform .formcheckbox label span {
padding-left: 1.5rem;
width: calc(100% - 1.5rem);
display: inline-block;
font-size: 0.7rem !important;
}
.yform button {
margin-top: 10px;
}
.yform .has-error .uk-form-label {
background: #f00;
}
.yform .form-group {
margin-bottom: 10px;
}
.yform .form-group input {
font-size: 0.85rem;
line-height: 1.5;
color: #000;
}
.yform .form-group textarea {
display: inline-block;
width: 100% !important;
font-size: 0.85rem;
}
.yform .form-group .uk-textarea {
display: inline-block;
width: 100% !important;
}
.trenner {
clear: both;
display: block;
text-align: center;
overflow: hidden;
white-space: nowrap;
width: 100%;
}
.trenner span {
position: relative;
display: inline-block;
}
.trenner span:before, .trenner span:after {
content: "";
position: absolute;
width: 9999em;
height: 1px;
background: transparent;
}
.trenner span:before {
right: 100%;
margin-right: -15px;
}
.trenner span:after {
left: 100%;
margin-left: -15px;
}
.trenner.line span:before, .trenner.line span:after {
border-bottom: 1px dashed #777777;
}
.trenner.both span:before {
position: absolute;
top: 50%;
margin-right: 50%;
}
.trenner.both span:after {
position: absolute;
top: 50%;
margin-left: 15px;
}
*:focus {
outline: none;
}
html {
font-weight: 300;
line-height: 1.6;
background: #000;
height: 100.1%;
color: #777;
overflow-x: hidden;
font-size: 16px;
}
body {
font-family: "Roboto", sans-serif;
height: 100%;
}
body > footer {
position: sticky;
top: 100vh;
}
@media (min-width: 640px) {
html {
font-size: 17px;
}
#viewportsize:after {
content: " // small";
}
}
@media (min-width: 960px) {
html {
font-size: 18px;
}
#viewportsize:after {
content: " // medium";
}
}
@media (min-width: 1200px) {
html {
font-size: 19px;
}
#viewportsize:after {
content: " // large";
}
}
@media (min-width: 1600px) {
#viewportsize:after {
content: " // xlarge";
}
}
h1 {
font-family: "Roboto", sans-serif;
color: #fff;
font-weight: 700;
}
h2, h3, h4, h5, h6 {
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #a5852c;
}
h1 ~ h2 {
margin-top: -1rem;
padding-bottom: 0.5rem;
border-bottom: 1px dashed #a5852c;
}
h1 ~ h3 {
margin-top: -1.5rem;
}
em {
color: #333;
}
h3 {
font-size: 1.85rem;
color: #fff;
font-weight: 700;
}
h4 {
font-size: 1.5rem;
font-weight: normal;
}
h3 ~ h4 {
margin-top: -1rem;
padding-bottom: 0.5rem;
border-bottom: 1px dashed #a5852c;
}
h5 {
margin: 0;
}
.border-all * {
border: 1px solid red;
}
strong {
font-weight: bold;
}
a {
color: #a5852c;
}
a:hover {
color: #fff;
text-decoration: underline;
}
#header {
z-index: 100 !important;
height: 136px;
transition: all 0.2s ease;
border-bottom: 1px dashed #323232;
background-color: rgba(0, 0, 0, 0.4);
zoom: 1;
background-color: transparent\9 ;
filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#66000000, endColorstr=#66000000)";
}
#header #logo {
margin-top: 40px;
margin-left: 0.5rem;
display: inline-block;
width: 108px;
height: 70px;
transition: all 0.2s ease;
background: url("/theme/public/assets/images/logo_hipe_award_white_text.svg") no-repeat;
background-size: contain;
}
#header #logo:hover {
cursor: pointer;
}
#header .nav-open {
color: #000;
margin-top: 25px;
padding: 0;
transition: all 0.2s ease;
}
#header .nav-open .fa-bars {
font-size: 2.25rem;
}
#header .nav-open .fa-bars:hover {
color: #a5852c;
cursor: pointer;
}
#header.small {
background-color: rgba(0, 0, 0, 0.8);
zoom: 1;
background-color: transparent\9 ;
filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CC000000, endColorstr=#CC000000)";
}
#langswitch {
float: right;
margin: 0.85rem 0.8rem 0 0;
}
#langswitch img {
display: inline-block;
border: 1px solid #333;
width: 25px;
}
a.uk-accordion-title {
font-size: 1rem;
background: #a5852c;
color: #fff !important;
padding: 0.25rem 1rem 0.25rem 1rem;
text-decoration: none !important;
}
a.uk-accordion-title:hover {
background: #8D7531;
color: #fff;
}
.uk-open a.uk-accordion-title {
background: #8D7531;
color: #fff;
}
.uk-accordion-content {
margin-top: 0;
font-size: 0.85rem;
}
.uk-accordion-content .uk-table {
word-break: normal;
font-size: 0.5rem;
}
@media (min-width: 640px) {
.uk-accordion-content .uk-table {
font-size: 0.5rem;
}
}
@media (min-width: 960px) {
.uk-accordion-content .uk-table {
font-size: 0.85rem;
}
}
.video-wrapper {
width: 100%;
height: auto;
display: inline-block;
}
.video-wrapper .video_title {
width: calc(100% - 1rem);
padding: 0.5rem;
font-size: 0.75rem;
display: inline-block;
background: #a5852c;
color: #fff;
}
.video-wrapper .video-container .plyr {
--plyr-color-main: #ed7d31;
}
.video-wrapper .video-container .plyr__control {
color: #a5852c;
background: #fff;
}
.image_wrapper {
position: relative;
}
.image_wrapper .copyrightlink {
right: 1px;
bottom: 1px;
z-index: 100 !important;
}
.image_wrapper a {
position: absolute;
display: inline-block;
z-index: 1 !important;
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
#aniholder {
background: #000;
display: inline-block !important;
z-index: -1;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
-webkit-animation: fadein 6s;
/* Safari, Chrome and Opera > 12.1 */
/* Firefox < 16 */
/* Internet Explorer */
/* Opera < 12.1 */
animation: fadein 6s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Firefox < 16 */
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Internet Explorer */
#mainnav ul.uk-navbar-nav {
margin-top: 3.7rem;
transition: all 0.2s ease;
}
#mainnav ul.uk-navbar-nav li {
line-height: 1.57;
transition: all 0.2s ease;
}
#mainnav ul.uk-navbar-nav li a {
padding: 0.5rem 1rem 0.5rem 1rem;
font-family: "Roboto", sans-serif;
font-size: 1.2rem;
font-weight: 400;
text-transform: none;
color: #777;
transition: all 0.2s ease;
white-space: nowrap;
}
#mainnav ul.uk-navbar-nav li a:hover {
color: #fff;
}
#mainnav ul.uk-navbar-nav li a.active, #mainnav ul.uk-navbar-nav li a.current {
color: #a5852c;
}
#mainnav ul.uk-navbar-nav li .uk-dropdown {
padding: 0;
background-color: rgba(0, 0, 0, 0.9);
zoom: 1;
background-color: transparent\9 ;
filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6000000, endColorstr=#E6000000)";
border: 1px dashed #323232;
border-top: 1px dashed #a5852c;
}
#mainnav ul.uk-navbar-nav li .uk-dropdown ul {
margin: 0;
padding: 0;
}
#mainnav ul.uk-navbar-nav li .uk-dropdown ul li {
line-height: 2;
border-bottom: 1px dashed #323232;
}
#mainnav ul.uk-navbar-nav li .uk-dropdown ul li a {
line-height: 2;
font-size: 0.85rem;
}
#mainnav ul.uk-navbar-nav li .uk-dropdown ul li a:hover {
background: #000;
}
#mainnav ul.uk-navbar-nav li .uk-dropdown ul li:last-child {
border: none;
}
.navbaricon a {
position: absolute;
color: #a5852c;
width: 2rem;
right: 1.25rem;
top: 2.26rem;
}
.navbaricon a:hover {
color: #fff;
}
#langswitch {
position: absolute;
top: 2.45rem;
right: 3.5rem;
}
@media (min-width: 1200px) {
#langswitch {
position: relative;
top: 0.5rem;
right: 0;
}
}
.fa-arrow-right,
.fa-link {
margin-left: 1rem;
}
.sidebarnav {
z-index: 980;
position: fixed;
top: 35%;
right: 0;
width: 40px;
max-width: 40px;
display: none;
}
@media (min-width: 1200px) {
.sidebarnav {
display: inline-block;
}
}
.sidebarnav a {
display: inline-block;
width: 40px;
height: 40px;
margin: 0 0 5px 0;
padding-top: 3px;
border-radius: 5px 0 0 5px;
text-align: center;
opacity: 0.5;
color: #fff;
font-size: 1.25rem;
background: #a5852c;
transition: all 0.2s ease;
}
.sidebarnav a:hover {
transition: all 0.2s ease;
opacity: 1;
}
.counter {
text-align: center;
}
.counter h5 {
font-size: 0.85rem;
text-transform: uppercase;
padding: 2rem 0 0 0;
margin: 0;
color: #fff;
}
.counter h5:first-child {
padding: 0;
}
.counter h6 {
font-size: 2rem;
color: #a5852c;
font-weight: 700;
padding: 0;
margin: 0;
}
.load {
opacity: 0;
}
.load.loaded {
opacity: 1;
}
.preistraegertrenner {
display: inline-block;
width: 100%;
font-size: 1.5rem;
border-bottom: 1px dashed #323232;
padding-top: 3rem;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
}
em, i {
color: #777;
}
.teaser_text {
font-size: 1.2rem;
}
a.backlink {
color: #a5852c;
font-size: 0.85rem;
}
a.backlink:hover {
color: #fff;
text-decoration: none;
}
.logo_teaser {
position: relative;
padding: 0;
margin: 6px;
float: left;
max-width: 45%;
}
@media (min-width: 320px) {
.logo_teaser {
max-width: 45%;
}
}
@media (min-width: 650px) {
.logo_teaser {
max-width: 31%;
}
}
@media (min-width: 850px) {
.logo_teaser {
max-width: 23%;
}
}
@media (min-width: 1400px) {
.logo_teaser {
max-width: 19%;
}
}
.logo_teaser .teaserlink {
position: absolute;
display: inline-block;
width: 100%;
height: 100%;
}
.logo_teaser .teaserlink:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.5);
zoom: 1;
background-color: transparent\9 ;
filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#80000000, endColorstr=#80000000)";
background-image: url("/theme/public/assets/images/icon-zoom.png");
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 970px) {
.karten_teaser .logo_teaser {
max-width: 31%;
}
}
@media (min-width: 1400px) {
.karten_teaser .logo_teaser {
max-width: 18%;
}
}
.leaflet-layer {
filter: url(filters.svg#grayscale);
/* Firefox 3.5+ */
filter: gray;
/* IE5+ */
-webkit-filter: grayscale(1);
/* Webkit Nightlies & Chrome Canary */
}
.firmenname {
font-weight: bold;
color: #fff;
}
.kontaktinfos i {
font-style: normal;
display: inline-block;
width: 100px;
}
.socialmedialinks a {
font-size: 1.5rem;
margin-right: 1rem;
}
.preistraeger_filter {
font-size: 0.85rem;
margin-bottom: 4rem;
}
.preistraeger_filter button {
font-size: 0.85rem;
}
.preistraeger_filter button.uk-active {
color: #fff;
background: #a5852c;
}
.preistraeger_filter .uk-subnav a {
font-size: 0.85rem;
padding: 3px 6px 3px 6px;
}
.preistraeger_filter .uk-subnav a:hover {
color: #a5852c;
}
.preistraeger_filter .uk-subnav .uk-active a {
color: #fff;
background: #a5852c;
}
.no_result {
padding: 16px;
background: #f00;
color: #fff;
font-size: 0.85rem;
}
.plz_form input {
-webkit-appearance: none;
-webkit-border-radius: 0px;
width: 100%;
background: #222222;
border: 1px solid #666;
color: #fff;
padding: 8px;
text-align: center;
font-size: 0.85rem;
}
.plz_form select {
display: inline-block;
-webkit-appearance: none;
-webkit-border-radius: 0px;
background: #222 url("data:image/svg+xml;utf8, ");
background-position: 100% 50%;
background-repeat: no-repeat;
width: 100%;
border: 1px solid #666;
color: #fff;
padding: 8px;
text-align: center;
font-size: 0.85rem;
}
#map {
min-height: 300px;
height: 40vh;
display: block;
width: 100%;
}
/* Marker Cluster */
.marker-cluster-small {
background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
background-color: rgba(240, 194, 12, 0.6);
}
.marker-cluster-large {
background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
background-color: rgba(241, 128, 23, 0.6);
}
/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
background-color: #b5e28c;
}
.leaflet-oldie .marker-cluster-small div {
background-color: #6ecc39;
}
.leaflet-oldie .marker-cluster-medium {
background-color: #f1d357;
}
.leaflet-oldie .marker-cluster-medium div {
background-color: #f0c20c;
}
.leaflet-oldie .marker-cluster-large {
background-color: #fd9c73;
}
.leaflet-oldie .marker-cluster-large div {
background-color: #f18017;
}
.marker-cluster {
background-clip: padding-box;
border-radius: 20px;
}
.marker-cluster div {
width: 30px;
height: 30px;
margin-left: 5px;
margin-top: 5px;
text-align: center;
border-radius: 15px;
font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster span {
line-height: 30px;
}
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.leaflet-cluster-spider-leg {
/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}
/* Leaflet */
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
background: transparent;
}
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted;
/* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted;
/* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px "Lucida Console", Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url("/theme/public/assets/images/layers.png");
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url("/theme/public/assets/images/layers-2x.png");
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
background-image: url("/theme/public/assets/images/marker-icon.png");
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
en
Datenschutzerklärung Datenschutz-Grundverordnung (DSGVO)
Stand Januar 2022
Inhaltsverzeichnis
Name und Anschrift des Verantwortlichen Kontaktdaten des Datenschutzbeauftragten Allgemeines zur Datenverarbeitung Rechte der betroffenen Person Kontaktformular Bewerbung per Email und Bewerbungsformular Unternehmensauftritte Nutzung von Unternehmensauftritten in berufsorientierten Netzwerken Hosting
Name und Anschrift des Verantwortlichen
Der Verantwortliche im Sinne der Datenschutz-Grundverordnung (DSGVO) und anderer datenschutzrechtlicher Bestimmungen ist:
HIPE AWARD
Theresienstraße 1
80333 München
Deutschland
-
nominierung@hipeaward.com
www.hipeaward.com
Kontaktdaten des Datenschutzbeauftragten
Der Datenschutzbeauftragte des Verantwortlichen ist:
DataCo GmbH
Dachauer Straße 65
80335 München
Deutschland
+49 89 7400 45840
www.dataguard.de
Allgemeines zur Datenverarbeitung
1. Umfang der Verarbeitung personenbezogener Daten
Wir verarbeiten personenbezogene Daten unserer Nutzer grundsätzlich nur, soweit dies zur Bereitstellung einer funktionsfähigen Webseite sowie unserer Inhalte und Leistungen erforderlich ist. Die Verarbeitung personenbezogener Daten unserer Nutzer erfolgt regelmäßig nur nach Einwilligung des Nutzers. Eine Ausnahme gilt in solchen Fällen, in denen eine vorherige Einholung einer Einwilligung aus tatsächlichen Gründen nicht möglich ist und die Verarbeitung der Daten durch gesetzliche Vorschriften erforderlich ist.
2. Rechtsgrundlage für die Verarbeitung personenbezogener Daten
Soweit wir für Verarbeitungsvorgänge personenbezogener Daten eine Einwilligung der betroffenen Person einholen, dient Art. 6 Abs. 1 S. 1 lit. a DSGVO als Rechtsgrundlage.
Bei der Verarbeitung von personenbezogenen Daten, die zur Erfüllung eines Vertrages, dessen Vertragspartei die betroffene Person ist, erforderlich ist, dient Art. 6 Abs. 1 S. 1 lit. b DSGVO als Rechtsgrundlage. Dies gilt auch für Verarbeitungsvorgänge, die zur Durchführung vorvertraglicher Maßnahmen erforderlich sind.
Soweit eine Verarbeitung personenbezogener Daten zur Erfüllung einer rechtlichen Verpflichtung erforderlich ist, der unser Unternehmen unterliegt, dient Art. 6 Abs. 1 S. 1 lit. c DSGVO als Rechtsgrundlage.
Für den Fall, dass lebenswichtige Interessen der betroffenen Person oder einer anderen natürlichen Person eine Verarbeitung personenbezogener Daten erforderlich machen, dient Art. 6 Abs. 1 S. 1 lit. d DSGVO als Rechtsgrundlage.
Ist die Verarbeitung zur Wahrung eines berechtigten Interesses unseres Unternehmens oder eines Dritten erforderlich und überwiegen die Interessen, Grundrechte und Grundfreiheiten des Betroffenen das erstgenannte Interesse nicht, so dient Art. 6 Abs. 1 S. 1 lit. f DSGVO als Rechtsgrundlage für die Verarbeitung.
3. Datenlöschung und Speicherdauer
Die personenbezogenen Daten der betroffenen Person werden gelöscht oder gesperrt, sobald der Zweck der Speicherung entfällt. Eine Speicherung kann darüber hinaus erfolgen, wenn dies durch den europäischen oder nationalen Gesetzgeber in unionsrechtlichen Verordnungen, Gesetzen oder sonstigen Vorschriften, denen der Verantwortliche unterliegt, vorgesehen wurde. Eine Sperrung oder Löschung der Daten erfolgt auch dann, wenn eine durch die genannten Normen vorgeschriebene Speicherfrist abläuft, es sei denn, dass eine Erforderlichkeit zur weiteren Speicherung der Daten für einen Vertragsabschluss oder eine Vertragserfüllung besteht.
Rechte der betroffenen Person
Werden personenbezogene Daten von Ihnen verarbeitet, sind Sie Betroffener i.S.d. DSGVO und es stehen Ihnen folgende Rechte gegenüber dem Verantwortlichen zu:
1. Auskunftsrecht
Sie können von dem Verantwortlichen eine Bestätigung darüber verlangen, ob personenbezogene Daten, die Sie betreffen, von ihm verarbeitet werden.
Liegt eine solche Verarbeitung vor, können Sie von dem Verantwortlichen über folgende Informationen Auskunft verlangen:
die Zwecke, zu denen die personenbezogenen Daten verarbeitet werden; die Kategorien von personenbezogenen Daten, welche verarbeitet werden; die Empfänger bzw. die Kategorien von Empfängern, gegenüber denen die Sie betreffenden personenbezogenen Daten offengelegt wurden oder noch offengelegt werden; die geplante Dauer der Speicherung der Sie betreffenden personenbezogenen Daten oder, falls konkrete Angaben hierzu nicht möglich sind, Kriterien für die Festlegung der Speicherdauer; das Bestehen eines Rechts auf Berichtigung oder Löschung der Sie betreffenden personenbezogenen Daten, eines Rechts auf Einschränkung der Verarbeitung durch den Verantwortlichen oder eines Widerspruchsrechts gegen diese Verarbeitung; das Bestehen eines Beschwerderechts bei einer Aufsichtsbehörde; alle verfügbaren Informationen über die Herkunft der Daten, wenn die personenbezogenen Daten nicht bei der betroffenen Person erhoben werden; das Bestehen einer automatisierten Entscheidungsfindung einschließlich Profiling gemäß Art. 22 Abs. 1 und 4 DSGVO und zumindest in diesen Fällen - aussagekräftige Informationen über die involvierte Logik sowie die Tragweite und die angestrebten Auswirkungen einer derartigen Verarbeitung für die betroffene Person.
Ihnen steht das Recht zu, Auskunft darüber zu verlangen, ob die Sie betreffenden personenbezogenen Daten in ein Drittland oder an eine internationale Organisation übermittelt werden. In diesem Zusammenhang können Sie verlangen, über die geeigneten Garantien gem. Art. 46 DSGVO im Zusammenhang mit der Übermittlung unterrichtet zu werden.
2. Recht auf Berichtigung
Sie haben ein Recht auf Berichtigung und/oder Vervollständigung gegenüber dem Verantwortlichen, sofern die verarbeiteten personenbezogenen Daten, die Sie betreffen, unrichtig oder unvollständig sind. Der Verantwortliche hat die Berichtigung unverzüglich vorzunehmen.
3. Recht auf Einschränkung der Verarbeitung
Unter den folgenden Voraussetzungen können Sie die Einschränkung der Verarbeitung der Sie betreffenden personenbezogenen Daten verlangen:
wenn Sie die Richtigkeit der Sie betreffenden personenbezogenen Daten für eine Dauer bestreiten, die es dem Verantwortlichen ermöglicht, die Richtigkeit der personenbezogenen Daten zu überprüfen; die Verarbeitung unrechtmäßig ist und Sie die Löschung der personenbezogenen Daten ablehnen und stattdessen die Einschränkung der Nutzung der personenbezogenen Daten verlangen; der Verantwortliche die personenbezogenen Daten für die Zwecke der Verarbeitung nicht länger benötigt, Sie diese jedoch zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen benötigen, oder wenn Sie Widerspruch gegen die Verarbeitung gemäß Art. 21 Abs. 1 DSGVO eingelegt haben und noch nicht feststeht, ob die berechtigten Gründe des Verantwortlichen gegenüber Ihren Gründen überwiegen.
Wurde die Verarbeitung der Sie betreffenden personenbezogenen Daten eingeschränkt, dürfen diese Daten - von ihrer Speicherung abgesehen - nur mit Ihrer Einwilligung oder zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen natürlichen oder juristischen Person oder aus Gründen eines wichtigen öffentlichen Interesses der Union oder eines Mitgliedstaats verarbeitet werden.
Wurde die Einschränkung der Verarbeitung nach den o.g. Voraussetzungen eingeschränkt, werden Sie von dem Verantwortlichen unterrichtet bevor die Einschränkung aufgehoben wird.
4. Recht auf Löschung
a) Löschungspflicht
Sie können von dem Verantwortlichen verlangen, dass die Sie betreffenden personenbezogenen Daten unverzüglich gelöscht werden, und der Verantwortliche ist verpflichtet, diese Daten unverzüglich zu löschen, sofern einer der folgenden Gründe zutrifft:
Die Sie betreffenden personenbezogenen Daten sind für die Zwecke, für die sie erhoben oder auf sonstige Weise verarbeitet wurden, nicht mehr notwendig. Sie widerrufen Ihre Einwilligung, auf die sich die Verarbeitung gem. Art. 6 Abs. 1 S. 1 lit. a oder Art. 9 Abs. 2 lit. a DSGVO stützte, und es fehlt an einer anderweitigen Rechtsgrundlage für die Verarbeitung. Sie legen gem. Art. 21 Abs. 1 DSGVO Widerspruch gegen die Verarbeitung ein und es liegen keine vorrangigen berechtigten Gründe für die Verarbeitung vor, oder Sie legen gem. Art. 21 Abs. 2 DSGVO Widerspruch gegen die Verarbeitung ein. Die Sie betreffenden personenbezogenen Daten wurden unrechtmäßig verarbeitet. Die Löschung der Sie betreffenden personenbezogenen Daten ist zur Erfüllung einer rechtlichen Verpflichtung nach dem Unionsrecht oder dem Recht der Mitgliedstaaten erforderlich, dem der Verantwortliche unterliegt. Die Sie betreffenden personenbezogenen Daten wurden in Bezug auf angebotene Dienste der Informationsgesellschaft gemäß Art. 8 Abs. 1 DSGVO erhoben.
b) Informationen an Dritte
Hat der Verantwortliche die Sie betreffenden personenbezogenen Daten öffentlich gemacht und ist er gem. Art. 17 Abs. 1 DSGVO zu deren Löschung verpflichtet, so trifft er unter Berücksichtigung der verfügbaren Technologie und der Implementierungskosten angemessene Maßnahmen, auch technischer Art, um für die Datenverarbeitung Verantwortliche, die die personenbezogenen Daten verarbeiten, darüber zu informieren, dass Sie als betroffene Person von ihnen die Löschung aller Links zu diesen personenbezogenen Daten oder von Kopien oder Replikationen dieser personenbezogenen Daten verlangt haben.
c) Ausnahmen
Das Recht auf Löschung besteht nicht, soweit die Verarbeitung erforderlich ist
zur Ausübung des Rechts auf freie Meinungsäußerung und Information. zur Erfüllung einer rechtlichen Verpflichtung, die die Verarbeitung nach dem Recht der Union oder der Mitgliedstaaten, dem der Verantwortliche unterliegt, erfordert, oder zur Wahrnehmung einer Aufgabe, die im öffentlichen Interesse liegt oder in Ausübung öffentlicher Gewalt erfolgt, die dem Verantwortlichen übertragen wurde; aus Gründen des öffentlichen Interesses im Bereich der öffentlichen Gesundheit gemäß Art. 9 Abs. 2 lit. h und i sowie Art. 9 Abs. 3 DSGVO; für im öffentlichen Interesse liegende Archivzwecke, wissenschaftliche oder historische Forschungszwecke oder für statistische Zwecke gem. Art. 89 Abs. 1 DSGVO, soweit das unter Abschnitt a) genannte Recht voraussichtlich die Verwirklichung der Ziele dieser Verarbeitung unmöglich macht oder ernsthaft beeinträchtigt, oder zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen.
5. Recht auf Unterrichtung
Haben Sie das Recht auf Berichtigung, Löschung oder Einschränkung der Verarbeitung gegenüber dem Verantwortlichen geltend gemacht, ist dieser verpflichtet, allen Empfängern, denen die Sie betreffenden personenbezogenen Daten offengelegt wurden, diese Berichtigung oder Löschung der Daten oder Einschränkung der Verarbeitung mitzuteilen, es sei denn, dies erweist sich als unmöglich oder ist mit einem unverhältnismäßigen Aufwand verbunden.
Ihnen steht gegenüber dem Verantwortlichen das Recht zu, über diese Empfänger unterrichtet zu werden.
6. Recht auf Datenübertragbarkeit
Sie haben das Recht, die Sie betreffenden personenbezogenen Daten, die Sie dem Verantwortlichen bereitgestellt haben, in einem strukturierten, gängigen und maschinenlesbaren Format zu erhalten. Außerdem haben Sie das Recht diese Daten einem anderen Verantwortlichen ohne Behinderung durch den Verantwortlichen, dem die personenbezogenen Daten bereitgestellt wurden, zu übermitteln, sofern
die Verarbeitung auf einer Einwilligung gem. Art. 6 Abs. 1 S. 1 lit. a DSGVO oder Art. 9 Abs. 2 lit. a DSGVO oder auf einem Vertrag gem. Art. 6 Abs. 1 S. 1 lit. b DSGVO beruht und die Verarbeitung mithilfe automatisierter Verfahren erfolgt.
In Ausübung dieses Rechts haben Sie ferner das Recht, zu erwirken, dass die Sie betreffenden personenbezogenen Daten direkt von einem Verantwortlichen einem anderen Verantwortlichen übermittelt werden, soweit dies technisch machbar ist. Freiheiten und Rechte anderer Personen dürfen hierdurch nicht beeinträchtigt werden.
Das Recht auf Datenübertragbarkeit gilt nicht für eine Verarbeitung personenbezogener Daten, die für die Wahrnehmung einer Aufgabe erforderlich ist, die im öffentlichen Interesse liegt oder in Ausübung öffentlicher Gewalt erfolgt, die dem Verantwortlichen übertragen wurde.
7. Widerspruchsrecht
Sie haben das Recht, aus Gründen, die sich aus ihrer besonderen Situation ergeben, jederzeit gegen die Verarbeitung der Sie betreffenden personenbezogenen Daten, die aufgrund von Art. 6 Abs. 1 S. 1 lit. e oder f DSGVO erfolgt, Widerspruch einzulegen; dies gilt auch für ein auf diese Bestimmungen gestütztes Profiling.
Der Verantwortliche verarbeitet die Sie betreffenden personenbezogenen Daten nicht mehr, es sei denn, er kann zwingende schutzwürdige Gründe für die Verarbeitung nachweisen, die Ihre Interessen, Rechte und Freiheiten überwiegen, oder die Verarbeitung dient der Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen.
Werden die Sie betreffenden personenbezogenen Daten verarbeitet, um Direktwerbung zu betreiben, haben Sie das Recht, jederzeit Widerspruch gegen die Verarbeitung der Sie betreffenden personenbezogenen Daten zum Zwecke derartiger Werbung einzulegen; dies gilt auch für das Profiling, soweit es mit solcher Direktwerbung in Verbindung steht.
Widersprechen Sie der Verarbeitung für Zwecke der Direktwerbung, so werden die Sie betreffenden personenbezogenen Daten nicht mehr für diese Zwecke verarbeitet.
Sie haben die Möglichkeit, im Zusammenhang mit der Nutzung von Diensten der Informationsgesellschaft - ungeachtet der Richtlinie 2002/58/EG - Ihr Widerspruchsrecht mittels automatisierter Verfahren auszuüben, bei denen technische Spezifikationen verwendet werden.
8. Recht auf Widerruf der datenschutzrechtlichen Einwilligungserklärung
Sie haben das Recht, Ihre datenschutzrechtliche Einwilligungserklärung jederzeit zu widerrufen. Durch den Widerruf der Einwilligung wird die Rechtmäßigkeit, der aufgrund der Einwilligung bis zum Widerruf erfolgten Verarbeitung nicht berührt.
9. Automatisierte Entscheidung im Einzelfall einschließlich Profiling
Sie haben das Recht, nicht einer ausschließlich auf einer automatisierten Verarbeitung - einschließlich Profiling - beruhenden Entscheidung unterworfen zu werden, die Ihnen gegenüber rechtliche Wirkung entfaltet oder Sie in ähnlicher Weise erheblich beeinträchtigt. Dies gilt nicht, wenn die Entscheidung
für den Abschluss oder die Erfüllung eines Vertrags zwischen Ihnen und dem Verantwortlichen erforderlich ist, aufgrund von Rechtsvorschriften der Union oder der Mitgliedstaaten, denen der Verantwortliche unterliegt, zulässig ist und diese Rechtsvorschriften angemessene Maßnahmen zur Wahrung Ihrer Rechte und Freiheiten sowie Ihrer berechtigten Interessen enthalten oder mit Ihrer ausdrücklichen Einwilligung erfolgt.
Allerdings dürfen diese Entscheidungen nicht auf besonderen Kategorien personenbezogener Daten nach Art. 9 Abs. 1 DSGVO beruhen, sofern nicht Art. 9 Abs. 2 lit. a oder b DSGVO gilt und angemessene Maßnahmen zum Schutz der Rechte und Freiheiten sowie Ihrer berechtigten Interessen getroffen wurden.
Hinsichtlich der in 1. und 3. genannten Fälle trifft der Verantwortliche angemessene Maßnahmen, um die Rechte und Freiheiten sowie Ihre berechtigten Interessen zu wahren, wozu mindestens das Recht auf Erwirkung des Eingreifens einer Person seitens des Verantwortlichen, auf Darlegung des eigenen Standpunkts und auf Anfechtung der Entscheidung gehört.
10. Recht auf Beschwerde bei einer Aufsichtsbehörde
Unbeschadet eines anderweitigen verwaltungsrechtlichen oder gerichtlichen Rechtsbehelfs steht Ihnen das Recht auf Beschwerde bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat Ihres Aufenthaltsorts, Ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes, zu, wenn Sie der Ansicht sind, dass die Verarbeitung der Sie betreffenden personenbezogenen Daten gegen die DSGVO verstößt.
Die Aufsichtsbehörde, bei der die Beschwerde eingereicht wurde, unterrichtet den Beschwerdeführer über den Stand und die Ergebnisse der Beschwerde einschließlich der Möglichkeit eines gerichtlichen Rechtsbehelfs nach Art. 78 DSGVO.
Wir verwenden auf unserer Webseite darüber hinaus Cookies, die eine Analyse des Surfverhaltens der Nutzer ermöglichen.
Auf diese Weise können folgende Daten übermittelt werden:
Inanspruchnahme von Webseite-Funktionen
Die Verwendung der Analyse-Cookies erfolgt zu dem Zweck, die Qualität unserer Webseite und ihre Inhalte zu verbessern. Durch die Analyse-Cookies erfahren wir, wie die Webseite genutzt wird und können so unser Angebot stetig optimieren.
Bewerberformular
Die Rechtsgrundlage für die Verarbeitung personenbezogener Daten unter Verwendung von technisch nicht notwendigen Cookies ist Art. 6 Abs. 1 S. 1 lit. a DSGVO.
elektronisch
Kontaktformular
1. Beschreibung und Umfang der Datenverarbeitung
Auf unserer Internetseite ist ein Kontaktformular vorhanden, welches für die elektronische Kontaktaufnahme genutzt werden kann. Nimmt ein Nutzer diese Möglichkeit wahr, so werden die in der Eingabemaske eingegeben Daten an uns übermittelt und gespeichert.
Im Zeitpunkt der Absendung der Nachricht werden folgende Daten gespeichert:
Telefon- / Mobilfunknummer IP-Adresse des aufrufenden Rechners Datum und Uhrzeit der Kontaktaufnahme Firmenname, Gründungsdatum der Firma, Link zur Webseite,
Für die Verarbeitung der Daten wird im Rahmen des Absendevorgangs Ihre Einwilligung eingeholt und auf diese Datenschutzerklärung verwiesen.
Alternativ ist eine Kontaktaufnahme über die bereitgestellte Emailadresse möglich. In diesem Fall werden die mit der Email übermittelten personenbezogenen Daten des Nutzers gespeichert.
Die Daten werden ausschließlich für die Verarbeitung der Konversation verwendet.
2. Zweck der Datenverarbeitung
Die Verarbeitung der personenbezogenen Daten aus der Eingabemaske dient uns allein zur Bearbeitung der Kontaktaufnahme. Im Falle einer Kontaktaufnahme per Email liegt hieran auch das erforderliche berechtigte Interesse an der Verarbeitung der Daten.
Die sonstigen während des Absendevorgangs verarbeiteten personenbezogenen Daten dienen dazu, einen Missbrauch des Kontaktformulars zu verhindern und die Sicherheit unserer informationstechnischen Systeme sicherzustellen.
3. Rechtsgrundlage für die Datenverarbeitung
Rechtsgrundlage für die Verarbeitung der Daten ist bei Vorliegen einer Einwilligung des Nutzers Art. 6 Abs. 1 S. 1 lit. a DSGVO.
Rechtsgrundlage für die Verarbeitung der Daten, die im Zuge einer Übersendung einer Email übermittelt werden, ist Art. 6 Abs. 1 S. 1 lit. f DSGVO. Zielt der Email-Kontakt auf den Abschluss eines Vertrages ab, so ist zusätzliche Rechtsgrundlage für die Verarbeitung Art. 6 Abs. 1 S. 1 lit. b DSGVO.
4. Dauer der Speicherung
Die Daten werden gelöscht, sobald sie für die Erreichung des Zweckes ihrer Erhebung nicht mehr erforderlich sind. Für die personenbezogenen Daten aus der Eingabemaske des Kontaktformulars und diejenigen, die per Email übersandt wurden, ist dies dann der Fall, wenn die jeweilige Konversation mit dem Nutzer beendet ist. Beendet ist die Konversation dann, wenn sich aus den Umständen entnehmen lässt, dass der betroffene Sachverhalt abschließend geklärt ist.
Die während des Absendevorgangs zusätzlich erhobenen personenbezogenen Daten werden spätestens nach einer Frist von sieben Tagen gelöscht.
5. Widerspruchs- und Beseitigungsmöglichkeit
Der Nutzer hat jederzeit die Möglichkeit, seine Einwilligung zur Verarbeitung der personenbezogenen Daten zu widerrufen. Nimmt der Nutzer per Email Kontakt mit uns auf, so kann er der Speicherung seiner personenbezogenen Daten jederzeit widersprechen. In einem solchen Fall kann die Konversation nicht fortgeführt werden.
elektronisch
Alle personenbezogenen Daten, die im Zuge der Kontaktaufnahme gespeichert wurden, werden in diesem Fall gelöscht.
Bewerbung per Email und Bewerbungsformular
1. Umfang der Verarbeitung personenbezogener Daten
Auf unserer Internetseite ist ein Bewerbungsformular vorhanden, welches für die elektronische Bewerbung genutzt werden kann. Nimmt ein Bewerber diese Möglichkeit wahr, so werden die in der Eingabemaske eingegebenen Daten an uns übermittelt und gespeichert. Diese Daten sind:
Telefon- / Mobilfunknummer
Für die Verarbeitung Ihrer Daten wird im Rahmen des Absendevorgangs Ihre Einwilligung eingeholt und auf diese Datenschutzerklärung verwiesen.
Alternativ können Sie uns Ihre Bewerbung auch per Email zusenden. In dem Fall erfassen wir Ihre Emailadresse und die in der Email von Ihnen mitgeteilten Daten.
Nach Versendung Ihrer Bewerbung erhalten Sie eine Bestätigung des Eingangs Ihrer Bewerbungsunterlagen per Email von uns.
Es erfolgt keine Weitergabe Ihrer Daten an Dritte. Die Daten werden ausschließlich für die Verarbeitung Ihrer Bewerbung verwendet.
2. Zweck der Datenverarbeitung
Die Verarbeitung der personenbezogenen Daten aus dem Bewerbungsformular dient uns allein zur Bearbeitung Ihrer Bewerbung. Im Falle einer Kontaktaufnahme per Email liegt hieran auch das erforderliche berechtigte Interesse an der Verarbeitung der Daten.
Die sonstigen während des Absendevorgangs verarbeiteten personenbezogenen Daten dienen dazu, einen Missbrauch des Bewerbungsformulars zu verhindern und die Sicherheit unserer informationstechnischen Systeme sicherzustellen.
3. Rechtsgrundlage für die Datenverarbeitung
Die Rechtsgrundlage für die Verarbeitung Ihrer Daten ist die Vertragsanbahnung die auf Anfrage der betroffenen Person erfolgt, Art. 6 Abs. 1 S.1 lit. b Alt. 1 DSGVO und § 26 Abs. 1 S. 1 BDSG.
4. Dauer der Speicherung
Nach Abschluss des Bewerbungsverfahrens werden die Daten noch bis zu sechs Monate gespeichert. Spätestens nach Ablauf der sechs Monate werden Ihre Daten gelöscht. Im Falle einer gesetzlichen Verpflichtung werden die Daten im Rahmen der geltenden Bestimmungen gespeichert.
Die während des Absendevorgangs zusätzlich erhobenen personenbezogenen Daten werden spätestens nach einer Frist von sieben Tagen gelöscht.
5. Widerspruchs- und Beseitigungsmöglichkeit
Der Bewerber hat jederzeit die Möglichkeit, der Verarbeitung der personenbezogenen Daten zu widersprechen. Nimmt der Bewerber per Email Kontakt mit uns auf, so kann er der Speicherung seiner personenbezogenen Daten jederzeit widersprechen. In einem solchen Fall kann die Bewerbung nicht mehr berücksichtigt werden.
elektronisch
Alle personenbezogenen Daten, die im Zuge der elektronischen Bewerbungen gespeichert wurden, werden in diesem Fall gelöscht.
Unternehmensauftritte
Nutzung von Unternehmensauftritten in sozialen Netzwerken
Instagram:
Instagram, Part of Facebook Ireland Ltd., 4 Grand Canal Square Grand Canal Harbour, Dublin 2 Ireland
Auf unserer Unternehmensseite stellen wir Informationen bereit und bieten den Instagram - Nutzern die Möglichkeit der Kommunikation.Wenn sie auf unserem Instagram - Unternehmensauftritt eine Aktion durchführen (bspw. Kommentare, Beiträge, Likes etc.) kann es sein, dass Sie dadurch personenbezogene Daten (bspw. Klarname oder Foto Ihres Nutzerprofils) öffentlich machen.Da wir aber in der Regel bzw. zu großen Teilen keinen Einfluss auf die Verarbeitung Ihrer personenbezogenen Daten durch die für den HIPE AWARD – Unternehmensauftritt mitverantwortlichen Unternehmen Instagram haben, können wir zu Zweck und Umfang der Verarbeitung Ihrer Daten keine verbindlichen Angaben machen.Unser Unternehmensauftritt in sozialen Netzwerken wird für Kommunikation und Informationsaustausch mit (potenziellen) Kunden genutzt. Insbesondere nutzen wir den Unternehmensauftritt für:
Werbung
Dabei können die Veröffentlichungen über den Unternehmensauftritt folgende Inhalte enthalten:
Informationen über Dienstleistungen
Es steht dabei jedem Nutzer frei, personenbezogene Daten durch Aktivitäten zu veröffentlichen.
Rechtsgrundlage für die Datenverarbeitung ist Art. 6 Abs.1 S.1 lit. a DSGVO.
Die durch den Unternehmensauftritt generierten Daten werden nicht in unseren eigenen Systemen gespeichert.
Sie können der Verarbeitung Ihrer personenbezogenen Daten, die wir im Rahmen Ihrer Nutzung unseres Instagram - Unternehmensauftritt erfassen, jederzeit widersprechen und Ihre unter IV. dieser Datenschutzerklärung genannten Betroffenenrechte geltend machen. Senden Sie uns dazu eine formlose Email an nominierung@hipeaward.com.\nZur Verarbeitung Ihrer personenbezogenen Daten durch Instagram und die entsprechenden Widerspruchsmöglichkeiten finden Sie weitere Informationen hier:Instagram: https://help.instagram.com/519522125107875
YouTube:
YouTube LLC, 901 Cherry Ave., San Bruno, CA 94066, United States
Auf unserer Unternehmensseite stellen wir Informationen bereit und bieten den YouTube - Nutzern die Möglichkeit der Kommunikation.Wenn sie auf unserem YouTube - Unternehmensauftritt eine Aktion durchführen (bspw. Kommentare, Beiträge, Likes etc.) kann es sein, dass Sie dadurch personenbezogene Daten (bspw. Klarname oder Foto Ihres Nutzerprofils) öffentlich machen.Da wir aber in der Regel bzw. zu großen Teilen keinen Einfluss auf die Verarbeitung Ihrer personenbezogenen Daten durch die für den HIPE AWARD – Unternehmensauftritt mitverantwortlichen Unternehmen YouTube haben, können wir zu Zweck und Umfang der Verarbeitung Ihrer Daten keine verbindlichen Angaben machen.Unser Unternehmensauftritt in sozialen Netzwerken wird für Kommunikation und Informationsaustausch mit (potenziellen) Kunden genutzt. Insbesondere nutzen wir den Unternehmensauftritt für:
Werbung
Dabei können die Veröffentlichungen über den Unternehmensauftritt folgende Inhalte enthalten:
Informationen über Dienstleistungen
Es steht dabei jedem Nutzer frei, personenbezogene Daten durch Aktivitäten zu veröffentlichen.
Rechtsgrundlage für die Datenverarbeitung ist Art. 6 Abs.1 S.1 lit. a DSGVO.
Die durch den Unternehmensauftritt generierten Daten werden nicht in unseren eigenen Systemen gespeichert.
Sie können der Verarbeitung Ihrer personenbezogenen Daten, die wir im Rahmen Ihrer Nutzung unseres YouTube - Unternehmensauftritt erfassen, jederzeit widersprechen und Ihre unter IV. dieser Datenschutzerklärung genannten Betroffenenrechte geltend machen. Senden Sie uns dazu eine formlose Email an nominierung@hipeaward.com.\nZur Verarbeitung Ihrer personenbezogenen Daten durch YouTube und die entsprechenden Widerspruchsmöglichkeiten finden Sie weitere Informationen hier:YouTube: https://policies.google.com/privacy?gl=DE&hl=de
Nutzung von Unternehmensauftritten in berufsorientierten Netzwerken
1. Umfang der Datenverarbeitung
Wir nutzen die Möglichkeit von Unternehmensauftritten auf berufsorientierten Netzwerken. Auf folgenden berufsorientierten Netzwerken unterhalten wir einen Unternehmensauftritt:
LinkedIn:
LinkedIn, Unlimited Company Wilton Place, Dublin 2, Ireland
XING:
XING SE, Dammtorstraße 30, 20354 Hamburg, Deutschland
Auf unserer Seite stellen wir Informationen bereit und bieten den Nutzern die Möglichkeit der Kommunikation.
Der Unternehmsauftritt wird für Bewerbungen, Informationen/PR und Active Sourcing genutzt.
Zur Verarbeitung Ihrer personenbezogenen Daten durch die für den Unternehmensauftritt mitverantwortlichen Unternehmen liegen uns keine Angaben vor. Weitere Informationen dazu finden Sie in der Datenschutzerklärung von:
LinkedIn:
https://www.linkedin.com/legal/privacy-policy?trk=hb_ft_priv
XING:
https://privacy.xing.com/de/datenschutzerklaerung
Wenn sie auf unserem Unternehmensauftritt eine Aktion durchführen (bspw. Kommentare, Beiträge, Likes etc.) kann es sein, dass Sie dadurch personenbezogene Daten (bspw. Klarname oder Foto Ihres Nutzerprofils) öffentlich machen.
2. Rechtsgrundlage für die Datenverarbeitung
Die Rechtsgrundlage für die Verarbeitung Ihrer Daten im Zusammenhang mit der Nutzung unseres Unternehmensauftritts ist Art.6 Abs.1 S.1 lit. f DSGVO.
3. Zweck der Datenverarbeitung
Unser Unternehmensauftritt dient uns, die Nutzer über unsere Dienstleistungen zu informieren. Dabei steht es jedem Nutzer frei, personenbezogene Daten durch Aktivitäten zu veröffentlichen.
4. Dauer der Speicherung
Wir speichern Ihre über unseren Unternehmensauftritt veröffentlichte Aktivitäten und personenbezogenen Daten bis zum Widerruf der Einwilligung. Darüber hinaus wahren wir die gesetzlichen Aufbewahrungsfristen.
5. Widerspruchs- und Beseitigungsmöglichkeit
Sie können der Verarbeitung Ihrer personenbezogenen Daten, die wir im Rahmen Ihrer Nutzung unseres Unternehmensauftritts erfassen, jederzeit widersprechen und Ihre unter IV. dieser Datenschutzerklärung genannten Betroffenenrechte geltend machen. Senden Sie uns dazu eine formlose Email an die in dieser Datenschutzerklärung genannte Email-Adresse.
Weitere Informationen zu Widerspruchs- und Beseitigungsmöglichkeiten finden Sie hier:
LinkedIn:
https://www.linkedin.com/legal/privacy-policy?trk=hb_ft_priv
XING:
https://privacy.xing.com/de/datenschutzerklaerung
Hosting
Die Webseite wird auf Servern von einem durch uns beauftragten Dienstleister gehostet.
Unser Dienstleister ist:
STRATO AG, Pascalstraße 10, 10587 Berlin, Deutschland
Die Server erheben und speichern automatisch Informationen in sogenannten Server-Log-Dateien, die Ihr Browser beim Besuch der Webseite automatisch übermittelt. Die gespeicherten Informationen sind:
Browsertyp und Browserversion Verwendetes Betriebssystem Hostname des zugreifenden Rechners Datum und Uhrzeit der Serveranfrage
Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. Die Erfassung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der Webseitenbetreiber hat ein berechtigtes Interesse an der technisch fehlerfreien Darstellung und der Optimierung seiner Webseite – hierzu müssen die Server-Log-Files erfasst werden.
Der Standort des Servers der Webseite liegt geografisch in Deutschland.
Diese Datenschutzerklärung wurde mit Unterstützung von DataGuard erstellt.