/*
-------As Per Template Order----------
uikit,datepicker,template-icon,var,aspen_signature--common,header,aspen_signature--footer,breadcrumb,gcp-elements,faq-page,chat,pushnotification */
/*
-------Database List----------
File: uikit, SiteID: 13456
File: datepicker, SiteID: 13456
File: template-icon, SiteID: 13456
File: var, SiteID: 13456
File: aspen_signature--common, SiteID: 13456
File: header, SiteID: 13456
File: aspen_signature--footer, SiteID: 13456
File: breadcrumb, SiteID: 13456
File: gcp-elements, SiteID: 13456
File: faq-page, SiteID: 13456
File: chat, SiteID: 13456
File: pushnotification, SiteID: 13456
*/
/*
-------cacheFileName----------
keyFD6111EA421299E9F071AFFEB8D5DB2DCC6DC79A9633EB9243E63550676647F0#2025-09-30T00--08--53 */
/*! UIkit 3.6.22 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
/* ========================================================================
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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 16px;
font-weight: normal;
line-height: 1.5;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 3 */
background: #fff;
color: #666;
}
/*
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/* Links
========================================================================== */
/*
* Remove the outline on focused links when they are also active or hovered
*/
a:active,
a:hover {
outline: none;
}
/*
* Style
*/
a,
.uk-link {
color: #1e87f0;
text-decoration: none;
cursor: pointer;
}
a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
color: #0f6ecd;
text-decoration: underline;
}
/* Text-level semantics
========================================================================== */
/*
* 1. Add the correct text decoration in Edge.
* 2. The shorthand declaration `underline dotted` is not supported in Safari.
*/
abbr[title] {
/* 1 */
text-decoration: underline dotted;
/* 2 */
-webkit-text-decoration-style: dotted;
}
/*
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
* 1. Consolas has a better baseline in running text compared to `Courier`
* 2. Correct the odd `em` font sizing in all browsers.
* 3. Style
*/
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
/* 1 */
font-family: Consolas, monaco, monospace;
/* 2 */
font-size: 0.875rem;
/* 3 */
color: #f0506e;
white-space: nowrap;
padding: 2px 6px;
background: #f8f8f8;
}
/*
* Emphasize
*/
em {
font-style: italic;
}
/*
* Insert
*/
ins {
color: #666;
background: #ffd;
text-decoration: none;
}
/*
* Mark
*/
mark {
background: #ffd;
color: #666;
}
/*
* Quote
*/
q {
font-style: italic;
}
/*
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/*
* Remove the gap between 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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: normal;
color: #333;
text-transform: none;
}
/* Add margin if adjacent element */
* + h1,
* + .uk-h1,
* + h2,
* + .uk-h2,
* + h3,
* + .uk-h3,
* + h4,
* + .uk-h4,
* + h5,
* + .uk-h5,
* + h6,
* + .uk-h6,
* + .uk-heading-small,
* + .uk-heading-medium,
* + .uk-heading-large,
* + .uk-heading-xlarge,
* + .uk-heading-2xlarge {
margin-top: 40px;
}
/*
* Sizes
*/
h1,
.uk-h1 {
font-size: 2.23125rem;
line-height: 1.2;
}
h2,
.uk-h2 {
font-size: 1.7rem;
line-height: 1.3;
}
h3,
.uk-h3 {
font-size: 1.5rem;
line-height: 1.4;
}
h4,
.uk-h4 {
font-size: 1.25rem;
line-height: 1.4;
}
h5,
.uk-h5 {
font-size: 16px;
line-height: 1.4;
}
h6,
.uk-h6 {
font-size: 0.875rem;
line-height: 1.4;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
h1,
.uk-h1 {
font-size: 2.625rem;
}
h2,
.uk-h2 {
font-size: 2rem;
}
}
/* Lists
========================================================================== */
ul,
ol {
padding-left: 30px;
}
/*
* Reset margin for nested lists
*/
ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
margin: 0;
}
/* Description lists
========================================================================== */
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
/* Horizontal rules
========================================================================== */
/*
* 1. Show the overflow in Chrome, Edge and IE.
* 2. Add the correct text-align in Edge and IE.
* 3. Style
*/
hr,
.uk-hr {
/* 1 */
overflow: visible;
/* 2 */
text-align: inherit;
/* 3 */
margin: 0 0 20px 0;
border: 0;
border-top: 1px solid #e5e5e5;
}
/* Add margin if adjacent element */
* + hr,
* + .uk-hr {
margin-top: 20px;
}
/* Address
========================================================================== */
address {
font-style: normal;
}
/* Blockquotes
========================================================================== */
blockquote {
margin: 0 0 20px 0;
font-size: 1.25rem;
line-height: 1.5;
font-style: italic;
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: #666;
}
blockquote footer::before {
content: "— ";
}
/* Preformatted text
========================================================================== */
/*
* 1. Contain overflow in all browsers.
*/
pre {
font: 0.875rem / 1.5 Consolas, monaco, monospace;
color: #666;
-moz-tab-size: 4;
tab-size: 4;
/* 1 */
overflow: auto;
padding: 10px;
border: 1px solid #e5e5e5;
border-radius: 3px;
background: #fff;
}
pre code {
font-family: Consolas, monaco, monospace;
}
/* Selection pseudo-element
========================================================================== */
::selection {
background: #39f;
color: #fff;
text-shadow: none;
}
/* HTML5 elements
========================================================================== */
/*
* 1. Add the correct display in Edge, IE 10+, and Firefox.
* 2. Add the correct display in IE.
*/
details,
main {
/* 2 */
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/*
* Add the correct display in IE.
*/
template {
display: none;
}
/* Pass media breakpoints to JS
========================================================================== */
/*
* Breakpoints
*/
.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,
.uk-link-toggle:focus .uk-link-muted {
color: #666;
}
/* 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,
.uk-link-toggle:focus .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,
.uk-link-toggle:focus .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;
}
.uk-link-toggle:focus {
outline: none;
}
/* ========================================================================
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: calc(-0.1 * 1em);
vertical-align: middle;
/* 3 */
height: calc(4px + 0.7em);
margin-right: calc(5px + 0.2em);
border-left: calc(5px + 0.1em) solid #e5e5e5;
}
/* Line
========================================================================== */
/*
* Clip the child element
*/
.uk-heading-line {
overflow: hidden;
}
/*
* Extra markup is needed to make it work with text align
*/
.uk-heading-line > * {
display: inline-block;
position: relative;
}
/*
* 1. Center vertically
* 2. Make the element as large as possible. It's clipped by the container.
* 3. Style
*/
.uk-heading-line > ::before,
.uk-heading-line > ::after {
content: "";
/* 1 */
position: absolute;
top: calc(50% - ((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% - (50px / 2));
border-bottom: 1px solid #e5e5e5;
}
.uk-divider-icon::before {
right: calc(50% + (50px / 2));
width: 100%;
}
.uk-divider-icon::after {
left: calc(50% + (50px / 2));
width: 100%;
}
/* Small
========================================================================== */
/*
* 1. Fix height because of `inline-block`
* 2. Using ::after and inline-block to make `text-align` work
*/
/* 1 */
.uk-divider-small {
line-height: 0;
}
/* 2 */
.uk-divider-small::after {
content: "";
display: inline-block;
width: 100px;
max-width: 100%;
border-top: 1px solid #e5e5e5;
vertical-align: top;
}
/* Vertical
========================================================================== */
.uk-divider-vertical {
width: 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) '\200A.\00A0';
}
.uk-list-hyphen > ::before {
content: '–\00A0\00A0';
}
/*
* 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%23666%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;
}
/* ========================================================================
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,
.uk-icon-link:focus {
color: #666;
outline: none;
}
/* OnClick + Active */
.uk-icon-link:active,
.uk-active > .uk-icon-link {
color: #595959;
}
/*
* Button
* 1. Center icon vertically and horizontally
*/
.uk-icon-button {
box-sizing: border-box;
width: 36px;
height: 36px;
border-radius: 500px;
background: #f8f8f8;
color: #999;
vertical-align: middle;
/* 1 */
display: inline-flex;
justify-content: center;
align-items: center;
transition: 0.1s ease-in-out;
transition-property: color, background-color;
}
/* Hover + Focus */
.uk-icon-button:hover,
.uk-icon-button:focus {
background-color: #ebebeb;
color: #666;
outline: none;
}
/* OnClick + Active */
.uk-icon-button:active,
.uk-active > .uk-icon-button {
background-color: #dfdfdf;
color: #666;
}
/* ========================================================================
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: #d2d2d2;
}
/* Firefox */
.uk-range::-moz-range-track {
height: 3px;
background: #ebebeb;
border-radius: 500px;
}
.uk-range:focus::-moz-range-track {
background: #d2d2d2;
}
/* 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: #d2d2d2;
}
/* ========================================================================
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: #666;
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: 4px;
padding-bottom: 4px;
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: #666;
border-color: #1e87f0;
}
/* Disabled */
.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
background-color: #f8f8f8;
color: #999;
border-color: #e5e5e5;
}
/*
* Placeholder
*/
.uk-input::-ms-input-placeholder {
color: #999 !important;
}
.uk-input::placeholder {
color: #999;
}
.uk-textarea::-ms-input-placeholder {
color: #999 !important;
}
.uk-textarea::placeholder {
color: #999;
}
/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
========================================================================== */
/*
* Small
*/
.uk-form-small {
font-size: 0.875rem;
}
.uk-form-small:not(textarea):not([multiple]):not([size]) {
height: 30px;
padding-left: 8px;
padding-right: 8px;
}
.uk-form-small:not(select):not(input):not(textarea) {
line-height: 28px;
}
/*
* Large
*/
.uk-form-large {
font-size: 1.25rem;
}
.uk-form-large:not(textarea):not([multiple]):not([size]) {
height: 55px;
padding-left: 12px;
padding-right: 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: dashed;
}
/* 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%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%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: #444;
}
/*
* 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%23666%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;
}
/* 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 {
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: #0e6dcd;
}
/*
* 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: #666;
}
/*
* Make `input` element clickable through icon, e.g. if it's a `span`
*/
.uk-form-icon:not(a):not(button):not(input) {
pointer-events: none;
}
/*
* Input padding
*/
.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input {
padding-left: 40px !important;
}
/*
* Position modifier
*/
.uk-form-icon-flip {
right: 0;
left: auto;
}
.uk-form-icon-flip ~ .uk-input {
padding-right: 40px !important;
}
/* ========================================================================
Component: Button
========================================================================== */
/*
* 1. Remove margins in Chrome, Safari and Opera.
* 2. Remove borders for `button`.
* 3. Address `overflow` set to `hidden` in IE.
* 4. Correct `font` properties and `color` not being inherited for `button`.
* 5. Remove the inheritance of text transform in Edge, Firefox, and IE.
* 6. Remove default style for `input type="submit"`in iOS.
* 7. Style
* 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements.
* Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements.
* 9. Align text if button has a width
* 10. Required for `a`.
*/
.uk-button {
/* 1 */
margin: 0;
/* 2 */
border: none;
/* 3 */
overflow: visible;
/* 4 */
font: inherit;
color: inherit;
/* 5 */
text-transform: none;
/* 6 */
-webkit-appearance: none;
border-radius: 0;
/* 7 */
display: inline-block;
box-sizing: border-box;
padding: 0 30px;
vertical-align: middle;
font-size: 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;
}
/* Focus */
.uk-button:focus {
outline: none;
}
/* OnClick + Active */
/* Style modifiers
========================================================================== */
/*
* Default
*/
.uk-button-default {
background-color: transparent;
color: #333;
border: 1px solid #e5e5e5;
}
/* Hover + Focus */
.uk-button-default:hover,
.uk-button-default:focus {
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: #1e87f0;
color: #fff;
border: 1px solid transparent;
}
/* Hover + Focus */
.uk-button-primary:hover,
.uk-button-primary:focus {
background-color: #0f7ae5;
color: #fff;
}
/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
background-color: #0e6dcd;
color: #fff;
}
/*
* Secondary
*/
.uk-button-secondary {
background-color: #222;
color: #fff;
border: 1px solid transparent;
}
/* Hover + Focus */
.uk-button-secondary:hover,
.uk-button-secondary:focus {
background-color: #151515;
color: #fff;
}
/* OnClick + Active */
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
background-color: #080808;
color: #fff;
}
/*
* Danger
*/
.uk-button-danger {
background-color: #f0506e;
color: #fff;
border: 1px solid transparent;
}
/* Hover + Focus */
.uk-button-danger:hover,
.uk-button-danger:focus {
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 + Focus */
.uk-button-text:hover,
.uk-button-text:focus {
color: #333;
}
.uk-button-text:hover::before,
.uk-button-text:focus::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: #1e87f0;
}
/* Hover + Focus */
.uk-button-link:hover,
.uk-button-link:focus {
color: #0f6ecd;
text-decoration: underline;
}
/* 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:focus,
.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;
transition: width 0.6s ease;
}
.uk-progress::-moz-progress-bar {
background-color: #1e87f0;
}
.uk-progress::-ms-fill {
background-color: #1e87f0;
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% + (750px / 2) - 30px);
}
.uk-container-expand-left.uk-container-small,
.uk-container-expand-right.uk-container-small {
max-width: calc(50% + (900px / 2) - 30px);
}
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
.uk-container-expand-left,
.uk-container-expand-right {
max-width: calc(50% + (1200px / 2) - 40px);
}
.uk-container-expand-left.uk-container-xsmall,
.uk-container-expand-right.uk-container-xsmall {
max-width: calc(50% + (750px / 2) - 40px);
}
.uk-container-expand-left.uk-container-small,
.uk-container-expand-right.uk-container-small {
max-width: calc(50% + (900px / 2) - 40px);
}
.uk-container-expand-left.uk-container-large,
.uk-container-expand-right.uk-container-large {
max-width: calc(50% + (1400px / 2) - 40px);
}
.uk-container-expand-left.uk-container-xlarge,
.uk-container-expand-right.uk-container-xlarge {
max-width: calc(50% + (1600px / 2) - 40px);
}
}
/* Item
========================================================================== */
/*
* Utility classes to reset container padding on the left or right side
* Note: It has to be negative margin on the item, because it's specific to the item.
*/
.uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
width: calc(100% + 15px);
}
.uk-container-item-padding-remove-left {
margin-left: -15px;
}
.uk-container-item-padding-remove-right {
margin-right: -15px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
.uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
width: calc(100% + 30px);
}
.uk-container-item-padding-remove-left {
margin-left: -30px;
}
.uk-container-item-padding-remove-right {
margin-right: -30px;
}
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
.uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
width: calc(100% + 40px);
}
.uk-container-item-padding-remove-left {
margin-left: -40px;
}
.uk-container-item-padding-remove-right {
margin-right: -40px;
}
}
/* ========================================================================
Component: Tile
========================================================================== */
.uk-tile {
display: flow-root;
position: relative;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
padding-top: 40px;
padding-bottom: 40px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
.uk-tile {
padding-left: 30px;
padding-right: 30px;
}
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
.uk-tile {
padding-left: 40px;
padding-right: 40px;
padding-top: 70px;
padding-bottom: 70px;
}
}
/*
* Remove margin from the last-child
*/
.uk-tile > :last-child {
margin-bottom: 0;
}
/* Size modifiers
========================================================================== */
/*
* XSmall
*/
.uk-tile-xsmall {
padding-top: 20px;
padding-bottom: 20px;
}
/*
* Small
*/
.uk-tile-small {
padding-top: 40px;
padding-bottom: 40px;
}
/*
* Large
*/
.uk-tile-large {
padding-top: 70px;
padding-bottom: 70px;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
.uk-tile-large {
padding-top: 140px;
padding-bottom: 140px;
}
}
/*
* XLarge
*/
.uk-tile-xlarge {
padding-top: 140px;
padding-bottom: 140px;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
.uk-tile-xlarge {
padding-top: 210px;
padding-bottom: 210px;
}
}
/* Style modifiers
========================================================================== */
/*
* Default
*/
.uk-tile-default {
background: #fff;
}
/*
* Muted
*/
.uk-tile-muted {
background: #f8f8f8;
}
/*
* Primary
*/
.uk-tile-primary {
background: #1e87f0;
}
/*
* Secondary
*/
.uk-tile-secondary {
background: #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: 30px;
padding-left: 10px;
padding-right: 10px;
/* 3 */
background: #1e87f0;
color: #fff;
font-size: 0.875rem;
/* 4 */
display: flex;
justify-content: center;
align-items: center;
}
/*
* 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: #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: #fff;
color: #666;
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: #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: #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 + Focus */
.uk-close:hover,
.uk-close:focus {
color: #666;
outline: none;
}
/* ========================================================================
Component: Spinner
========================================================================== */
/*
* Adopts `uk-icon`
*/
/* SVG
========================================================================== */
.uk-spinner > * {
animation: uk-spinner-rotate 1.4s linear infinite;
}
@keyframes uk-spinner-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(270deg);
}
}
/*
* Circle
*/
.uk-spinner > * > * {
stroke-dasharray: 88px;
stroke-dashoffset: 0;
transform-origin: center;
animation: uk-spinner-dash 1.4s ease-in-out infinite;
stroke-width: 1;
stroke-linecap: round;
}
@keyframes uk-spinner-dash {
0% {
stroke-dashoffset: 88px;
}
50% {
stroke-dashoffset: 22px;
transform: rotate(135deg);
}
100% {
stroke-dashoffset: 88px;
transform: rotate(450deg);
}
}
/* ========================================================================
Component: Totop
========================================================================== */
/*
* Addopts `uk-icon`
*/
.uk-totop {
padding: 5px;
color: #999;
transition: color 0.1s ease-in-out;
}
/* Hover + Focus */
.uk-totop:hover,
.uk-totop:focus {
color: #666;
outline: none;
}
/* OnClick */
.uk-totop:active {
color: #333;
}
/* ========================================================================
Component: Marker
========================================================================== */
/*
* Addopts `uk-icon`
*/
.uk-marker {
padding: 5px;
background: #222;
color: #fff;
border-radius: 500px;
}
/* Hover + Focus */
.uk-marker:hover,
.uk-marker:focus {
color: #fff;
outline: none;
}
/* ========================================================================
Component: Alert
========================================================================== */
.uk-alert {
position: relative;
margin-bottom: 20px;
padding: 15px 29px 15px 15px;
background: #f8f8f8;
color: #666;
}
/* Add margin if adjacent element */
* + .uk-alert {
margin-top: 20px;
}
/*
* Remove margin from the last-child
*/
.uk-alert > :last-child {
margin-bottom: 0;
}
/* Close
* Adopts `uk-close`
========================================================================== */
.uk-alert-close {
position: absolute;
top: 20px;
right: 15px;
color: inherit;
opacity: 0.4;
}
/*
* Remove margin from adjacent element
*/
.uk-alert-close:first-child + * {
margin-top: 0;
}
/*
* Hover + Focus
*/
.uk-alert-close:hover,
.uk-alert-close:focus {
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: #fff6ee;
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: 22px;
height: 22px;
padding: 0 5px;
border-radius: 500px;
vertical-align: middle;
/* 1 */
background: #1e87f0;
color: #fff;
font-size: 0.875rem;
/* 2 */
display: inline-flex;
justify-content: center;
align-items: center;
}
/*
* Required for `a`
*/
.uk-badge:hover,
.uk-badge:focus {
color: #fff;
text-decoration: none;
outline: 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: #666;
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: #666;
}
.uk-search-input:focus {
outline: none;
}
/* Placeholder */
.uk-search-input:-ms-input-placeholder {
color: #999 !important;
}
.uk-search-input::placeholder {
color: #999;
}
/* Icon (Adopts `uk-icon`)
========================================================================== */
/*
* Remove default focus style
*/
.uk-search-icon:focus {
outline: none;
}
/*
* 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: 180px;
}
/*
* Input
*/
.uk-search-default .uk-search-input {
height: 40px;
padding-left: 6px;
padding-right: 6px;
background: transparent;
border: 1px solid #e5e5e5;
}
/* Focus */
.uk-search-default .uk-search-input:focus {
background-color: transparent;
}
/*
* 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 + Focus */
.uk-search-toggle:hover,
.uk-search-toggle:focus {
color: #666;
}
/* ========================================================================
Component: Accordion
========================================================================== */
.uk-accordion {
padding: 0;
list-style: none;
}
/* Item
========================================================================== */
.uk-accordion > :nth-child(n+2) {
margin-top: 20px;
}
/* Title
========================================================================== */
.uk-accordion-title {
display: block;
font-size: 1.25rem;
line-height: 1.4;
color: #333;
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%23666%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%23666%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%23666%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 + Focus */
.uk-accordion-title:hover,
.uk-accordion-title:focus {
color: #666;
text-decoration: none;
outline: 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: #666;
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 + Focus + Active */
.uk-dropdown-nav > li > a:hover,
.uk-dropdown-nav > li > a:focus,
.uk-dropdown-nav > li.uk-active > a {
color: #666;
}
/*
* 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 a:focus,
.uk-dropdown-nav .uk-nav-sub li.uk-active > a {
color: #666;
}
/* 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: #ffffff;
}
.uk-modal-close-outside:hover {
color: #fff;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
/* 1 */
.uk-modal-close-outside {
right: 0;
transform: translate(100%, -100%);
}
}
/*
* Full
*/
.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
* 6. Suppress outline on focus
*/
.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;
}
/* 6 */
.uk-slideshow-items > :focus {
outline: none;
}
/*
* 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
* 5. Suppress outline on focus
*/
.uk-slider-items > * {
/* 1 */
flex: none;
max-width: 100%;
/* 3 */
position: relative;
/* 4 */
touch-action: pan-y;
}
/* 5 */
.uk-slider-items > :focus {
outline: none;
}
/* ========================================================================
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-'] {
animation-duration: 0.2s;
}
.uk-sticky.uk-animation-reverse {
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: #666;
font-size: 1.25rem;
line-height: 1.4;
cursor: pointer;
}
* + .uk-notification-message {
margin-top: 10px;
}
/* Close
* Adopts `uk-close`
========================================================================== */
.uk-notification-close {
display: none;
position: absolute;
top: 20px;
right: 15px;
}
.uk-notification-message:hover .uk-notification-close {
display: block;
}
/* Style modifiers
========================================================================== */
/*
* Primary
*/
.uk-notification-message-primary {
color: #1e87f0;
}
/*
* Success
*/
.uk-notification-message-success {
color: #32d296;
}
/*
* Warning
*/
.uk-notification-message-warning {
color: #faa05a;
}
/*
* Danger
*/
.uk-notification-message-danger {
color: #f0506e;
}
/* ========================================================================
Component: Tooltip
========================================================================== */
/*
* 1. Hide by default
* 2. Position
* 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially
* 4. Dimensions
* 5. Style
*/
.uk-tooltip {
/* 1 */
display: none;
/* 2 */
position: absolute;
z-index: 1030;
/* 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
* 1. Prepare lists
* 2. Prepare links
* 3. Remove default focus style
*/
/* 1 */
.uk-nav,
.uk-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
/* 2 */
.uk-nav li > a {
display: block;
text-decoration: none;
}
/* 3 */
.uk-nav li > a:focus {
outline: 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;
float: right;
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%23666%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%23666%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 + Focus */
.uk-nav-default > li > a:hover,
.uk-nav-default > li > a:focus {
color: #666;
}
/* 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,
.uk-nav-default .uk-nav-sub a:focus {
color: #666;
}
.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 + Focus */
.uk-nav-primary > li > a:hover,
.uk-nav-primary > li > a:focus {
color: #666;
}
/* 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,
.uk-nav-primary .uk-nav-sub a:focus {
color: #666;
}
.uk-nav-primary .uk-nav-sub li.uk-active > a {
color: #333;
}
/* Alignment modifier
========================================================================== */
.uk-nav-center {
text-align: 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 {
position: absolute;
}
/* 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: 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: 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. Dimensions
* 3. Style
* 4. Required for `a`
*/
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
/* 1 */
display: flex;
justify-content: center;
align-items: center;
/* 2 */
box-sizing: border-box;
min-height: 80px;
padding: 0 15px;
/* 3 */
font-size: 0.875rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
/* 4 */
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 to focus state and if dropdown is opened
*/
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a.uk-open {
color: #666;
outline: none;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
color: #333;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
color: #333;
}
/* Item
========================================================================== */
.uk-navbar-item {
color: #666;
}
/* Toggle
========================================================================== */
.uk-navbar-toggle {
color: #999;
}
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus,
.uk-navbar-toggle.uk-open {
color: #666;
outline: none;
text-decoration: none;
}
/*
* Icon
* Adopts `uk-icon`
*/
/* Hover + Focus */
/* 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: 200px;
/* 4 */
padding: 25px;
background: #fff;
color: #666;
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: -15px;
}
[class*='uk-navbar-dropdown-bottom'] {
margin-top: 15px;
}
[class*='uk-navbar-dropdown-left'] {
margin-left: -15px;
}
[class*='uk-navbar-dropdown-right'] {
margin-left: 15px;
}
/*
* Grid
* Adopts `uk-grid`
*/
/* Gutter Horizontal */
.uk-navbar-dropdown-grid {
margin-left: -50px;
}
.uk-navbar-dropdown-grid > * {
padding-left: 50px;
}
/* Gutter Vertical */
.uk-navbar-dropdown-grid > .uk-grid-margin {
margin-top: 50px;
}
/* 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: 400px;
}
.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) {
width: 600px;
}
.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) {
width: 800px;
}
.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
width: 1000px;
}
/*
* 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 + Focus */
.uk-navbar-dropdown-nav > li > a:hover,
.uk-navbar-dropdown-nav > li > a:focus {
color: #666;
}
/* 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,
.uk-navbar-dropdown-nav .uk-nav-sub a:focus {
color: #666;
}
.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: 25px;
border-left: 1px solid #e5e5e5;
}
/* Vertical */
.uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before {
content: "";
position: absolute;
top: -25px;
left: 50px;
right: 0;
border-top: 1px solid #e5e5e5;
}
/* ========================================================================
Component: Subnav
========================================================================== */
/*
* 1. Allow items to wrap into the next line
* 2. Gutter
* 3. Reset list
*/
.uk-subnav {
display: flex;
/* 1 */
flex-wrap: wrap;
/* 2 */
margin-left: -20px;
/* 3 */
padding: 0;
list-style: none;
}
/*
* 1. Space is allocated solely based on content dimensions: 0 0 auto
* 2. Gutter
* 3. Create position context for dropdowns
*/
.uk-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. Prevent gap if child element is `inline-block`, e.g. an icon
* 2. Style
*/
.uk-subnav > * > :first-child {
/* 1 */
display: block;
/* 2 */
color: #999;
font-size: 0.875rem;
text-transform: uppercase;
transition: 0.1s ease-in-out;
transition-property: color, background-color;
}
/* Hover + Focus */
.uk-subnav > * > a:hover,
.uk-subnav > * > a:focus {
color: #666;
text-decoration: none;
outline: 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 + Focus */
.uk-subnav-pill > * > a:hover,
.uk-subnav-pill > * > a:focus {
background-color: #f8f8f8;
color: #666;
}
/* OnClick */
.uk-subnav-pill > * > a:active {
background-color: #f8f8f8;
color: #666;
}
/* Active */
.uk-subnav-pill > .uk-active > a {
background-color: #1e87f0;
color: #fff;
}
/* Disabled
* The same for all style modifiers
========================================================================== */
.uk-subnav > .uk-disabled > a {
color: #999;
}
/* ========================================================================
Component: Breadcrumb
========================================================================== */
/*
* 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 + Focus */
.uk-breadcrumb > * > :hover,
.uk-breadcrumb > * > :focus {
color: #666;
text-decoration: none;
}
/* Disabled */
/* Active */
.uk-breadcrumb > :last-child > span,
.uk-breadcrumb > :last-child > a:not([href]) {
color: #666;
}
/*
* Divider
* `nth-child` makes it also work without JS if it's only one row
* 1. Remove space between inline block elements.
* 2. Style
*/
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
content: "/";
display: inline-block;
/* 1 */
margin: 0 20px 0 calc(20px - 4px);
/* 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 + Focus */
.uk-pagination > * > :hover,
.uk-pagination > * > :focus {
color: #666;
text-decoration: none;
}
/* Active */
.uk-pagination > .uk-active > * {
color: #666;
}
/* Disabled */
.uk-pagination > .uk-disabled > * {
color: #999;
}
/* ========================================================================
Component: Tab
========================================================================== */
/*
* 1. Allow items to wrap into the next line
* 2. Gutter
* 3. Reset list
*/
.uk-tab {
display: flex;
/* 1 */
flex-wrap: wrap;
/* 2 */
margin-left: -20px;
/* 3 */
padding: 0;
list-style: none;
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 text if a width is set
* 2. Style
*/
.uk-tab > * > a {
/* 1 */
display: block;
text-align: center;
/* 2 */
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 + Focus */
.uk-tab > * > a:hover,
.uk-tab > * > a:focus {
color: #666;
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 {
text-align: left;
border-right: 1px solid transparent;
border-bottom: none;
}
.uk-tab-right > * > a {
text-align: 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(102, 102, 102, 0.5);
transition: color 0.1s ease-in-out;
}
/* Hover + Focus */
.uk-slidenav:hover,
.uk-slidenav:focus {
color: rgba(102, 102, 102, 0.9);
outline: none;
}
/* OnClick */
.uk-slidenav:active {
color: rgba(102, 102, 102, 0.5);
}
/* Icon modifier
========================================================================== */
/*
* Previous
*/
/*
* Next
*/
/* Size modifier
========================================================================== */
.uk-slidenav-large {
padding: 10px 10px;
}
/* Container
========================================================================== */
.uk-slidenav-container {
display: flex;
}
/* ========================================================================
Component: Dotnav
========================================================================== */
/*
* 1. Allow items to wrap into the next line
* 2. Reset list
* 3. Gutter
*/
.uk-dotnav {
display: flex;
/* 1 */
flex-wrap: wrap;
/* 2 */
margin: 0;
padding: 0;
list-style: none;
/* 3 */
margin-left: -12px;
}
/*
* 1. Space is allocated solely based on content dimensions: 0 0 auto
* 2. Gutter
*/
.uk-dotnav > * {
/* 1 */
flex: none;
/* 2 */
padding-left: 12px;
}
/* Items
========================================================================== */
/*
* Items
* 1. Hide text if present
*/
.uk-dotnav > * > * {
display: block;
box-sizing: border-box;
width: 10px;
height: 10px;
border-radius: 50%;
background: transparent;
/* 1 */
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
border: 1px solid rgba(102, 102, 102, 0.4);
transition: 0.2s ease-in-out;
transition-property: background-color, border-color;
}
/* Hover + Focus */
.uk-dotnav > * > :hover,
.uk-dotnav > * > :focus {
background-color: rgba(102, 102, 102, 0.6);
outline: none;
border-color: transparent;
}
/* OnClick */
.uk-dotnav > * > :active {
background-color: rgba(102, 102, 102, 0.2);
border-color: transparent;
}
/* Active */
.uk-dotnav > .uk-active > * {
background-color: rgba(102, 102, 102, 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 + Focus */
.uk-thumbnav > * > :hover,
.uk-thumbnav > * > :focus {
outline: none;
}
.uk-thumbnav > * > :hover::after,
.uk-thumbnav > * > :focus::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. Prevent gap if child element is `inline-block`, e.g. an icon
* 2. Style
*/
.uk-iconnav > * > a {
/* 1 */
display: block;
/* 2 */
color: #999;
}
/* Hover + Focus */
.uk-iconnav > * > a:hover,
.uk-iconnav > * > a:focus {
color: #666;
outline: none;
}
/* Active */
.uk-iconnav > .uk-active > a {
color: #666;
}
/* Modifier: 'uk-iconnav-vertical'
========================================================================== */
/*
* 1. Change direction
* 2. Gutter
*/
.uk-iconnav-vertical {
/* 1 */
flex-direction: column;
/* 2 */
margin-left: 0;
margin-top: -10px;
}
/* 2 */
.uk-iconnav-vertical > * {
padding-left: 0;
padding-top: 10px;
}
/* ========================================================================
Component: 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;
}
/* 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
* 6. Suppress outline on focus
*/
.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;
}
/* 6 */
.uk-lightbox-items > :focus {
outline: none;
}
.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 + Focus */
.uk-lightbox-button:hover,
.uk-lightbox-button:focus {
color: #fff;
}
/* OnClick */
/* Caption
========================================================================== */
.uk-lightbox-caption:empty {
display: none;
}
/* Iframe
========================================================================== */
.uk-lightbox-iframe {
width: 80%;
height: 80%;
}
/* ========================================================================
Component: Animation
========================================================================== */
[class*='uk-animation-'] {
animation-duration: 0.5s;
animation-timing-function: ease-out;
animation-fill-mode: both;
}
/* Animations
========================================================================== */
/*
* Fade
*/
.uk-animation-fade {
animation-name: uk-fade;
animation-duration: 0.8s;
animation-timing-function: linear;
}
/*
* Scale
*/
.uk-animation-scale-up {
animation-name: uk-fade-scale-02;
}
.uk-animation-scale-down {
animation-name: uk-fade-scale-18;
}
/*
* Slide
*/
.uk-animation-slide-top {
animation-name: uk-fade-top;
}
.uk-animation-slide-bottom {
animation-name: uk-fade-bottom;
}
.uk-animation-slide-left {
animation-name: uk-fade-left;
}
.uk-animation-slide-right {
animation-name: uk-fade-right;
}
/*
* Slide Small
*/
.uk-animation-slide-top-small {
animation-name: uk-fade-top-small;
}
.uk-animation-slide-bottom-small {
animation-name: uk-fade-bottom-small;
}
.uk-animation-slide-left-small {
animation-name: uk-fade-left-small;
}
.uk-animation-slide-right-small {
animation-name: uk-fade-right-small;
}
/*
* Slide Medium
*/
.uk-animation-slide-top-medium {
animation-name: uk-fade-top-medium;
}
.uk-animation-slide-bottom-medium {
animation-name: uk-fade-bottom-medium;
}
.uk-animation-slide-left-medium {
animation-name: uk-fade-left-medium;
}
.uk-animation-slide-right-medium {
animation-name: uk-fade-right-medium;
}
/*
* Kenburns
*/
.uk-animation-kenburns {
animation-name: uk-scale-kenburns;
animation-duration: 15s;
}
/*
* Shake
*/
.uk-animation-shake {
animation-name: uk-shake;
}
/*
* SVG Stroke
* The `--uk-animation-stroke` custom property contains the longest path length.
* Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically.
* All strokes are animated by the same pace and doesn't end simultaneously.
* To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet.
*/
.uk-animation-stroke {
animation-name: uk-stroke;
stroke-dasharray: var(--uk-animation-stroke);
animation-duration: 2s;
}
/* Direction modifier
========================================================================== */
.uk-animation-reverse {
animation-direction: reverse;
animation-timing-function: ease-in;
}
/* Duration modifier
========================================================================== */
.uk-animation-fast {
animation-duration: 0.1s;
}
/* Toggle (Hover + Focus)
========================================================================== */
/*
* The toggle is triggered on touch devices using `:focus` and tabindex
*/
.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] {
animation-name: none;
}
/*
* 1. Prevent tab highlighting on iOS.
*/
.uk-animation-toggle {
/* 1 */
-webkit-tap-highlight-color: transparent;
}
/*
* Remove outline for `tabindex`
*/
.uk-animation-toggle:focus {
outline: none;
}
/* Keyframes used by animation classes
========================================================================== */
/*
* Fade
*/
@keyframes uk-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*
* Slide Top
*/
@keyframes uk-fade-top {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/*
* Slide Bottom
*/
@keyframes uk-fade-bottom {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/*
* Slide Left
*/
@keyframes uk-fade-left {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/*
* Slide Right
*/
@keyframes uk-fade-right {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/*
* Slide Top Small
*/
@keyframes uk-fade-top-small {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/*
* Slide Bottom Small
*/
@keyframes uk-fade-bottom-small {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/*
* Slide Left Small
*/
@keyframes uk-fade-left-small {
0% {
opacity: 0;
transform: translateX(-10px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/*
* Slide Right Small
*/
@keyframes uk-fade-right-small {
0% {
opacity: 0;
transform: translateX(10px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/*
* Slide Top Medium
*/
@keyframes uk-fade-top-medium {
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/*
* Slide Bottom Medium
*/
@keyframes uk-fade-bottom-medium {
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/*
* Slide Left Medium
*/
@keyframes uk-fade-left-medium {
0% {
opacity: 0;
transform: translateX(-50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/*
* Slide Right Medium
*/
@keyframes uk-fade-right-medium {
0% {
opacity: 0;
transform: translateX(50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/*
* Scale Up
*/
@keyframes uk-fade-scale-02 {
0% {
opacity: 0;
transform: scale(0.2);
}
100% {
opacity: 1;
transform: scale(1);
}
}
/*
* Scale Down
*/
@keyframes uk-fade-scale-18 {
0% {
opacity: 0;
transform: scale(1.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
/*
* Kenburns
*/
@keyframes uk-scale-kenburns {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
/*
* Shake
*/
@keyframes uk-shake {
0%,
100% {
transform: translateX(0);
}
10% {
transform: translateX(-9px);
}
20% {
transform: translateX(8px);
}
30% {
transform: translateX(-7px);
}
40% {
transform: translateX(6px);
}
50% {
transform: translateX(-5px);
}
60% {
transform: translateX(4px);
}
70% {
transform: translateX(-3px);
}
80% {
transform: translateX(2px);
}
90% {
transform: translateX(-1px);
}
}
/*
* Stroke
*/
@keyframes uk-stroke {
0% {
stroke-dashoffset: var(--uk-animation-stroke);
}
100% {
stroke-dashoffset: 0;
}
}
/* ========================================================================
Component: Width
========================================================================== */
/* Equal child widths
========================================================================== */
[class*='uk-child-width'] > * {
box-sizing: border-box;
width: 100%;
}
.uk-child-width-1-2 > * {
width: 50%;
}
.uk-child-width-1-3 > * {
width: calc(100% * 1 / 3.001);
}
.uk-child-width-1-4 > * {
width: 25%;
}
.uk-child-width-1-5 > * {
width: 20%;
}
.uk-child-width-1-6 > * {
width: calc(100% * 1 / 6.001);
}
.uk-child-width-auto > * {
width: auto;
}
/*
* 1. Reset the `min-width`, which is set to auto by default, because
* flex items won't shrink below their minimum intrinsic content size.
* Using `1px` instead of `0`, so items still wrap into the next line,
* if they have zero width and padding and the predecessor is 100% wide.
*/
.uk-child-width-expand > :not([class*='uk-width']) {
flex: 1;
/* 1 */
min-width: 1px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
.uk-child-width-1-1\@s > * {
width: 100%;
}
.uk-child-width-1-2\@s > * {
width: 50%;
}
.uk-child-width-1-3\@s > * {
width: calc(100% * 1 / 3.001);
}
.uk-child-width-1-4\@s > * {
width: 25%;
}
.uk-child-width-1-5\@s > * {
width: 20%;
}
.uk-child-width-1-6\@s > * {
width: calc(100% * 1 / 6.001);
}
.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: calc(100% * 1 / 3.001);
}
.uk-child-width-1-4\@m > * {
width: 25%;
}
.uk-child-width-1-5\@m > * {
width: 20%;
}
.uk-child-width-1-6\@m > * {
width: calc(100% * 1 / 6.001);
}
.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: calc(100% * 1 / 3.001);
}
.uk-child-width-1-4\@l > * {
width: 25%;
}
.uk-child-width-1-5\@l > * {
width: 20%;
}
.uk-child-width-1-6\@l > * {
width: calc(100% * 1 / 6.001);
}
.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: calc(100% * 1 / 3.001);
}
.uk-child-width-1-4\@xl > * {
width: 25%;
}
.uk-child-width-1-5\@xl > * {
width: 20%;
}
.uk-child-width-1-6\@xl > * {
width: calc(100% * 1 / 6.001);
}
.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: calc(100% * 1 / 3.001);
}
.uk-width-2-3 {
width: calc(100% * 2 / 3.001);
}
/* Quarters */
.uk-width-1-4 {
width: 25%;
}
.uk-width-3-4 {
width: 75%;
}
/* Fifths */
.uk-width-1-5 {
width: 20%;
}
.uk-width-2-5 {
width: 40%;
}
.uk-width-3-5 {
width: 60%;
}
.uk-width-4-5 {
width: 80%;
}
/* Sixths */
.uk-width-1-6 {
width: calc(100% * 1 / 6.001);
}
.uk-width-5-6 {
width: calc(100% * 5 / 6.001);
}
/* Pixel */
.uk-width-small {
width: 150px;
}
.uk-width-medium {
width: 300px;
}
.uk-width-large {
width: 450px;
}
.uk-width-xlarge {
width: 600px;
}
.uk-width-2xlarge {
width: 750px;
}
/* Auto */
.uk-width-auto {
width: auto;
}
/* Expand */
.uk-width-expand {
flex: 1;
min-width: 1px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
/* Whole */
.uk-width-1-1\@s {
width: 100%;
}
/* Halves */
.uk-width-1-2\@s {
width: 50%;
}
/* Thirds */
.uk-width-1-3\@s {
width: calc(100% * 1 / 3.001);
}
.uk-width-2-3\@s {
width: calc(100% * 2 / 3.001);
}
/* Quarters */
.uk-width-1-4\@s {
width: 25%;
}
.uk-width-3-4\@s {
width: 75%;
}
/* Fifths */
.uk-width-1-5\@s {
width: 20%;
}
.uk-width-2-5\@s {
width: 40%;
}
.uk-width-3-5\@s {
width: 60%;
}
.uk-width-4-5\@s {
width: 80%;
}
/* Sixths */
.uk-width-1-6\@s {
width: calc(100% * 1 / 6.001);
}
.uk-width-5-6\@s {
width: calc(100% * 5 / 6.001);
}
/* 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: calc(100% * 1 / 3.001);
}
.uk-width-2-3\@m {
width: calc(100% * 2 / 3.001);
}
/* Quarters */
.uk-width-1-4\@m {
width: 25%;
}
.uk-width-3-4\@m {
width: 75%;
}
/* Fifths */
.uk-width-1-5\@m {
width: 20%;
}
.uk-width-2-5\@m {
width: 40%;
}
.uk-width-3-5\@m {
width: 60%;
}
.uk-width-4-5\@m {
width: 80%;
}
/* Sixths */
.uk-width-1-6\@m {
width: calc(100% * 1 / 6.001);
}
.uk-width-5-6\@m {
width: calc(100% * 5 / 6.001);
}
/* 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: calc(100% * 1 / 3.001);
}
.uk-width-2-3\@l {
width: calc(100% * 2 / 3.001);
}
/* Quarters */
.uk-width-1-4\@l {
width: 25%;
}
.uk-width-3-4\@l {
width: 75%;
}
/* Fifths */
.uk-width-1-5\@l {
width: 20%;
}
.uk-width-2-5\@l {
width: 40%;
}
.uk-width-3-5\@l {
width: 60%;
}
.uk-width-4-5\@l {
width: 80%;
}
/* Sixths */
.uk-width-1-6\@l {
width: calc(100% * 1 / 6.001);
}
.uk-width-5-6\@l {
width: calc(100% * 5 / 6.001);
}
/* 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: calc(100% * 1 / 3.001);
}
.uk-width-2-3\@xl {
width: calc(100% * 2 / 3.001);
}
/* Quarters */
.uk-width-1-4\@xl {
width: 25%;
}
.uk-width-3-4\@xl {
width: 75%;
}
/* Fifths */
.uk-width-1-5\@xl {
width: 20%;
}
.uk-width-2-5\@xl {
width: 40%;
}
.uk-width-3-5\@xl {
width: 60%;
}
.uk-width-4-5\@xl {
width: 80%;
}
/* Sixths */
.uk-width-1-6\@xl {
width: calc(100% * 1 / 6.001);
}
.uk-width-5-6\@xl {
width: calc(100% * 5 / 6.001);
}
/* 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: #666;
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: 16px;
line-height: 1.5;
}
/* Weight modifier
========================================================================== */
.uk-text-light {
font-weight: 300;
}
.uk-text-normal {
font-weight: 400;
}
.uk-text-bold {
font-weight: 700;
}
.uk-text-lighter {
font-weight: lighter;
}
.uk-text-bolder {
font-weight: bolder;
}
/* Style modifier
========================================================================== */
.uk-text-italic {
font-style: italic;
}
/* Transform modifier
========================================================================== */
.uk-text-capitalize {
text-transform: capitalize !important;
}
.uk-text-uppercase {
text-transform: uppercase !important;
}
.uk-text-lowercase {
text-transform: lowercase !important;
}
/* 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-'] {
column-gap: 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
[class*='uk-column-'] {
column-gap: 40px;
}
}
/*
* Fix image 1px line wrapping into the next column in Chrome
*/
[class*='uk-column-'] img {
transform: translate3d(0, 0, 0);
}
/* Divider
========================================================================== */
/*
* 1. Double the column gap
*/
.uk-column-divider {
column-rule: 1px solid #e5e5e5;
/* 1 */
column-gap: 60px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
.uk-column-divider {
column-gap: 80px;
}
}
/* Width modifiers
========================================================================== */
.uk-column-1-2 {
column-count: 2;
}
.uk-column-1-3 {
column-count: 3;
}
.uk-column-1-4 {
column-count: 4;
}
.uk-column-1-5 {
column-count: 5;
}
.uk-column-1-6 {
column-count: 6;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
.uk-column-1-2\@s {
column-count: 2;
}
.uk-column-1-3\@s {
column-count: 3;
}
.uk-column-1-4\@s {
column-count: 4;
}
.uk-column-1-5\@s {
column-count: 5;
}
.uk-column-1-6\@s {
column-count: 6;
}
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
.uk-column-1-2\@m {
column-count: 2;
}
.uk-column-1-3\@m {
column-count: 3;
}
.uk-column-1-4\@m {
column-count: 4;
}
.uk-column-1-5\@m {
column-count: 5;
}
.uk-column-1-6\@m {
column-count: 6;
}
}
/* Desktop and bigger */
@media (min-width: 1200px) {
.uk-column-1-2\@l {
column-count: 2;
}
.uk-column-1-3\@l {
column-count: 3;
}
.uk-column-1-4\@l {
column-count: 4;
}
.uk-column-1-5\@l {
column-count: 5;
}
.uk-column-1-6\@l {
column-count: 6;
}
}
/* Large screen and bigger */
@media (min-width: 1600px) {
.uk-column-1-2\@xl {
column-count: 2;
}
.uk-column-1-3\@xl {
column-count: 3;
}
.uk-column-1-4\@xl {
column-count: 4;
}
.uk-column-1-5\@xl {
column-count: 5;
}
.uk-column-1-6\@xl {
column-count: 6;
}
}
/* Make element span across all columns
* Does not work in Firefox yet
========================================================================== */
.uk-column-span {
column-span: all;
}
/* ========================================================================
Component: Cover
========================================================================== */
/*
* Works with iframes and embedded content
* 1. Reset responsiveness for embedded content
* 2. 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 {
/* 1 */
max-width: none;
/* 2 */
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
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 */
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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
color: #666;
/* 1 */
text-decoration: none;
}
/* Hover + Focus */
.uk-logo:hover,
.uk-logo:focus {
color: #666;
outline: none;
/* 1 */
text-decoration: none;
}
.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: 30px;
}
/* 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
========================================================================== */
/* Directions
========================================================================== */
/*
* 1. Prevent content overflow if `max-width: 100%` is used inside position container.
*/
[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: 100%;
}
/* Edges
========================================================================== */
/* Don't use `width: 100%` because it is 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.
*/
.uk-position-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* 1 */
width: max-content;
max-width: 100%;
box-sizing: border-box;
}
/* Vertical */
[class*='uk-position-center-left'],
[class*='uk-position-center-right'] {
top: 50%;
transform: translateY(-50%);
}
.uk-position-center-left {
left: 0;
}
.uk-position-center-right {
right: 0;
}
.uk-position-center-left-out {
right: 100%;
width: max-content;
}
.uk-position-center-right-out {
left: 100%;
width: max-content;
}
/* Horizontal */
.uk-position-top-center,
.uk-position-bottom-center {
left: 50%;
transform: translateX(-50%);
/* 1 */
width: max-content;
max-width: 100%;
box-sizing: border-box;
}
.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;
}
/* Utility
========================================================================== */
.uk-position-relative {
position: relative !important;
}
.uk-position-absolute {
position: absolute !important;
}
.uk-position-fixed {
position: fixed !important;
}
.uk-position-z-index {
z-index: 1;
}
/* Margin modifier
========================================================================== */
/*
* Small
*/
.uk-position-small {
max-width: calc(100% - (15px * 2));
margin: 15px;
}
.uk-position-small.uk-position-center {
transform: translate(-50%, -50%) translate(-15px, -15px);
}
.uk-position-small[class*='uk-position-center-left'],
.uk-position-small[class*='uk-position-center-right'] {
transform: translateY(-50%) translateY(-15px);
}
.uk-position-small.uk-position-top-center,
.uk-position-small.uk-position-bottom-center {
transform: translateX(-50%) translateX(-15px);
}
/*
* Medium
*/
.uk-position-medium {
max-width: calc(100% - (30px * 2));
margin: 30px;
}
.uk-position-medium.uk-position-center {
transform: translate(-50%, -50%) translate(-30px, -30px);
}
.uk-position-medium[class*='uk-position-center-left'],
.uk-position-medium[class*='uk-position-center-right'] {
transform: translateY(-50%) translateY(-30px);
}
.uk-position-medium.uk-position-top-center,
.uk-position-medium.uk-position-bottom-center {
transform: translateX(-50%) translateX(-30px);
}
/*
* Large
*/
.uk-position-large {
max-width: calc(100% - (30px * 2));
margin: 30px;
}
.uk-position-large.uk-position-center {
transform: translate(-50%, -50%) translate(-30px, -30px);
}
.uk-position-large[class*='uk-position-center-left'],
.uk-position-large[class*='uk-position-center-right'] {
transform: translateY(-50%) translateY(-30px);
}
.uk-position-large.uk-position-top-center,
.uk-position-large.uk-position-bottom-center {
transform: translateX(-50%) translateX(-30px);
}
/* Desktop and bigger */
@media (min-width: 1200px) {
.uk-position-large {
max-width: calc(100% - (50px * 2));
margin: 50px;
}
.uk-position-large.uk-position-center {
transform: translate(-50%, -50%) translate(-50px, -50px);
}
.uk-position-large[class*='uk-position-center-left'],
.uk-position-large[class*='uk-position-center-right'] {
transform: translateY(-50%) translateY(-50px);
}
.uk-position-large.uk-position-top-center,
.uk-position-large.uk-position-bottom-center {
transform: translateX(-50%) translateX(-50px);
}
}
/* ========================================================================
Component: Transition
========================================================================== */
/* Toggle (Hover + Focus)
========================================================================== */
/*
* 1. Prevent tab highlighting on iOS.
*/
.uk-transition-toggle {
/* 1 */
-webkit-tap-highlight-color: transparent;
}
/*
* Remove outline for `tabindex`
*/
.uk-transition-toggle:focus {
outline: none;
}
/* 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)
*
* Note: Transitions don't work with `uk-postion-center-*` classes because they also use `transform`,
* therefore it's recommended to use an extra `div` for the transition.
*/
.uk-transition-fade,
[class*='uk-transition-scale'],
[class*='uk-transition-slide'] {
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-active.uk-active .uk-transition-fade {
opacity: 1;
}
/*
* Scale
*/
.uk-transition-scale-up {
transform: scale(1, 1);
}
.uk-transition-scale-down {
transform: scale(1.03, 1.03);
}
/* Show */
.uk-transition-toggle:hover .uk-transition-scale-up,
.uk-transition-toggle:focus .uk-transition-scale-up,
.uk-transition-active.uk-active .uk-transition-scale-up {
opacity: 1;
transform: scale(1.03, 1.03);
}
.uk-transition-toggle:hover .uk-transition-scale-down,
.uk-transition-toggle:focus .uk-transition-scale-down,
.uk-transition-active.uk-active .uk-transition-scale-down {
opacity: 1;
transform: scale(1, 1);
}
/*
* Slide
*/
.uk-transition-slide-top {
transform: translateY(-100%);
}
.uk-transition-slide-bottom {
transform: translateY(100%);
}
.uk-transition-slide-left {
transform: translateX(-100%);
}
.uk-transition-slide-right {
transform: translateX(100%);
}
.uk-transition-slide-top-small {
transform: translateY(-10px);
}
.uk-transition-slide-bottom-small {
transform: translateY(10px);
}
.uk-transition-slide-left-small {
transform: translateX(-10px);
}
.uk-transition-slide-right-small {
transform: translateX(10px);
}
.uk-transition-slide-top-medium {
transform: translateY(-50px);
}
.uk-transition-slide-bottom-medium {
transform: translateY(50px);
}
.uk-transition-slide-left-medium {
transform: translateX(-50px);
}
.uk-transition-slide-right-medium {
transform: translateX(50px);
}
/* Show */
.uk-transition-toggle:hover [class*='uk-transition-slide'],
.uk-transition-toggle:focus [class*='uk-transition-slide'],
.uk-transition-active.uk-active [class*='uk-transition-slide'] {
opacity: 1;
transform: translate(0, 0);
}
/* 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;
}
/* Toggle (Hover + Focus)
========================================================================== */
/*
* Hidden
* 1. The toggle is triggered on touch devices using `:focus` and tabindex
* 2. The target stays visible if any element within receives focus through keyboard
* Doesn't work in Edge, yet.
* 3. Can't use `display: none` nor `visibility: hidden` because both are not focusable.
*
*/
/* 1 + 2 */
.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
/* 3 */
position: absolute !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
/*
* Invisible
*/
/* 1 + 2 */
.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
/* 3 */
opacity: 0 !important;
}
/*
* 1. Prevent tab highlighting on iOS.
*/
.uk-visible-toggle {
/* 1 */
-webkit-tap-highlight-color: transparent;
}
/*
* Remove outline for `tabindex`
*/
.uk-visible-toggle:focus {
outline: none;
}
/* Touch
========================================================================== */
/*
* Hide if primary pointing device has limited accuracy, e.g. a touch screen.
* Works on mobile browsers: Safari, Chrome and Android browser
*/
@media (pointer: coarse) {
.uk-hidden-touch {
display: none !important;
}
}
/*
* Hide if primary pointing device is accurate, e.g. mouse.
* 1. Fallback for IE11 and Firefox, because `pointer` is not supported
* 2. Reset if supported
*/
/* 1 */
.uk-hidden-notouch {
display: none !important;
}
@media (pointer: coarse) {
.uk-hidden-notouch {
display: block !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-light .uk-link,
.uk-section-primary:not(.uk-preserve-color) a,
.uk-section-primary:not(.uk-preserve-color) .uk-link,
.uk-section-secondary:not(.uk-preserve-color) a,
.uk-section-secondary:not(.uk-preserve-color) .uk-link,
.uk-tile-primary:not(.uk-preserve-color) a,
.uk-tile-primary:not(.uk-preserve-color) .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link,
.uk-card-primary.uk-card-body a,
.uk-card-primary.uk-card-body .uk-link,
.uk-card-primary > :not([class*='uk-card-media']) a,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link,
.uk-card-secondary.uk-card-body a,
.uk-card-secondary.uk-card-body .uk-link,
.uk-card-secondary > :not([class*='uk-card-media']) a,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link,
.uk-overlay-primary a,
.uk-overlay-primary .uk-link,
.uk-offcanvas-bar a,
.uk-offcanvas-bar .uk-link {
color: #fff;
}
.uk-light a:hover,
.uk-light .uk-link:hover,
.uk-light .uk-link-toggle:hover .uk-link,
.uk-light .uk-link-toggle:focus .uk-link,
.uk-section-primary:not(.uk-preserve-color) a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link,
.uk-section-secondary:not(.uk-preserve-color) a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link,
.uk-tile-primary:not(.uk-preserve-color) a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link,
.uk-card-primary.uk-card-body a:hover,
.uk-card-primary.uk-card-body .uk-link:hover,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,
.uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link,
.uk-card-primary > :not([class*='uk-card-media']) a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link,
.uk-card-secondary.uk-card-body a:hover,
.uk-card-secondary.uk-card-body .uk-link:hover,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,
.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link,
.uk-card-secondary > :not([class*='uk-card-media']) a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link,
.uk-overlay-primary a:hover,
.uk-overlay-primary .uk-link:hover,
.uk-overlay-primary .uk-link-toggle:hover .uk-link,
.uk-overlay-primary .uk-link-toggle:focus .uk-link,
.uk-offcanvas-bar a:hover,
.uk-offcanvas-bar .uk-link:hover,
.uk-offcanvas-bar .uk-link-toggle:hover .uk-link,
.uk-offcanvas-bar .uk-link-toggle:focus .uk-link {
color: #fff;
}
.uk-light :not(pre) > code,
.uk-light :not(pre) > kbd,
.uk-light :not(pre) > samp,
.uk-section-primary:not(.uk-preserve-color) :not(pre) > code,
.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp,
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code,
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp,
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code,
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp,
.uk-card-primary.uk-card-body :not(pre) > code,
.uk-card-primary.uk-card-body :not(pre) > kbd,
.uk-card-primary.uk-card-body :not(pre) > samp,
.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > code,
.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > kbd,
.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > samp,
.uk-card-secondary.uk-card-body :not(pre) > code,
.uk-card-secondary.uk-card-body :not(pre) > kbd,
.uk-card-secondary.uk-card-body :not(pre) > samp,
.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > code,
.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > kbd,
.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > samp,
.uk-overlay-primary :not(pre) > code,
.uk-overlay-primary :not(pre) > kbd,
.uk-overlay-primary :not(pre) > samp,
.uk-offcanvas-bar :not(pre) > code,
.uk-offcanvas-bar :not(pre) > kbd,
.uk-offcanvas-bar :not(pre) > samp {
color: rgba(255, 255, 255, 0.7);
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-light .uk-h1,
.uk-light h2,
.uk-light .uk-h2,
.uk-light h3,
.uk-light .uk-h3,
.uk-light h4,
.uk-light .uk-h4,
.uk-light h5,
.uk-light .uk-h5,
.uk-light h6,
.uk-light .uk-h6,
.uk-light .uk-heading-small,
.uk-light .uk-heading-medium,
.uk-light .uk-heading-large,
.uk-light .uk-heading-xlarge,
.uk-light .uk-heading-2xlarge,
.uk-section-primary:not(.uk-preserve-color) h1,
.uk-section-primary:not(.uk-preserve-color) .uk-h1,
.uk-section-primary:not(.uk-preserve-color) h2,
.uk-section-primary:not(.uk-preserve-color) .uk-h2,
.uk-section-primary:not(.uk-preserve-color) h3,
.uk-section-primary:not(.uk-preserve-color) .uk-h3,
.uk-section-primary:not(.uk-preserve-color) h4,
.uk-section-primary:not(.uk-preserve-color) .uk-h4,
.uk-section-primary:not(.uk-preserve-color) h5,
.uk-section-primary:not(.uk-preserve-color) .uk-h5,
.uk-section-primary:not(.uk-preserve-color) h6,
.uk-section-primary:not(.uk-preserve-color) .uk-h6,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-section-secondary:not(.uk-preserve-color) h1,
.uk-section-secondary:not(.uk-preserve-color) .uk-h1,
.uk-section-secondary:not(.uk-preserve-color) h2,
.uk-section-secondary:not(.uk-preserve-color) .uk-h2,
.uk-section-secondary:not(.uk-preserve-color) h3,
.uk-section-secondary:not(.uk-preserve-color) .uk-h3,
.uk-section-secondary:not(.uk-preserve-color) h4,
.uk-section-secondary:not(.uk-preserve-color) .uk-h4,
.uk-section-secondary:not(.uk-preserve-color) h5,
.uk-section-secondary:not(.uk-preserve-color) .uk-h5,
.uk-section-secondary:not(.uk-preserve-color) h6,
.uk-section-secondary:not(.uk-preserve-color) .uk-h6,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-primary:not(.uk-preserve-color) h1,
.uk-tile-primary:not(.uk-preserve-color) .uk-h1,
.uk-tile-primary:not(.uk-preserve-color) h2,
.uk-tile-primary:not(.uk-preserve-color) .uk-h2,
.uk-tile-primary:not(.uk-preserve-color) h3,
.uk-tile-primary:not(.uk-preserve-color) .uk-h3,
.uk-tile-primary:not(.uk-preserve-color) h4,
.uk-tile-primary:not(.uk-preserve-color) .uk-h4,
.uk-tile-primary:not(.uk-preserve-color) h5,
.uk-tile-primary:not(.uk-preserve-color) .uk-h5,
.uk-tile-primary:not(.uk-preserve-color) h6,
.uk-tile-primary:not(.uk-preserve-color) .uk-h6,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-secondary:not(.uk-preserve-color) h1,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,
.uk-tile-secondary:not(.uk-preserve-color) h2,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,
.uk-tile-secondary:not(.uk-preserve-color) h3,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,
.uk-tile-secondary:not(.uk-preserve-color) h4,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,
.uk-tile-secondary:not(.uk-preserve-color) h5,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,
.uk-tile-secondary:not(.uk-preserve-color) h6,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-card-primary.uk-card-body h1,
.uk-card-primary.uk-card-body .uk-h1,
.uk-card-primary.uk-card-body h2,
.uk-card-primary.uk-card-body .uk-h2,
.uk-card-primary.uk-card-body h3,
.uk-card-primary.uk-card-body .uk-h3,
.uk-card-primary.uk-card-body h4,
.uk-card-primary.uk-card-body .uk-h4,
.uk-card-primary.uk-card-body h5,
.uk-card-primary.uk-card-body .uk-h5,
.uk-card-primary.uk-card-body h6,
.uk-card-primary.uk-card-body .uk-h6,
.uk-card-primary.uk-card-body .uk-heading-small,
.uk-card-primary.uk-card-body .uk-heading-medium,
.uk-card-primary.uk-card-body .uk-heading-large,
.uk-card-primary.uk-card-body .uk-heading-xlarge,
.uk-card-primary.uk-card-body .uk-heading-2xlarge,
.uk-card-primary > :not([class*='uk-card-media']) h1,
.uk-card-primary > :not([class*='uk-card-media']) .uk-h1,
.uk-card-primary > :not([class*='uk-card-media']) h2,
.uk-card-primary > :not([class*='uk-card-media']) .uk-h2,
.uk-card-primary > :not([class*='uk-card-media']) h3,
.uk-card-primary > :not([class*='uk-card-media']) .uk-h3,
.uk-card-primary > :not([class*='uk-card-media']) h4,
.uk-card-primary > :not([class*='uk-card-media']) .uk-h4,
.uk-card-primary > :not([class*='uk-card-media']) h5,
.uk-card-primary > :not([class*='uk-card-media']) .uk-h5,
.uk-card-primary > :not([class*='uk-card-media']) h6,
.uk-card-primary > :not([class*='uk-card-media']) .uk-h6,
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-small,
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-medium,
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-large,
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-xlarge,
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-2xlarge,
.uk-card-secondary.uk-card-body h1,
.uk-card-secondary.uk-card-body .uk-h1,
.uk-card-secondary.uk-card-body h2,
.uk-card-secondary.uk-card-body .uk-h2,
.uk-card-secondary.uk-card-body h3,
.uk-card-secondary.uk-card-body .uk-h3,
.uk-card-secondary.uk-card-body h4,
.uk-card-secondary.uk-card-body .uk-h4,
.uk-card-secondary.uk-card-body h5,
.uk-card-secondary.uk-card-body .uk-h5,
.uk-card-secondary.uk-card-body h6,
.uk-card-secondary.uk-card-body .uk-h6,
.uk-card-secondary.uk-card-body .uk-heading-small,
.uk-card-secondary.uk-card-body .uk-heading-medium,
.uk-card-secondary.uk-card-body .uk-heading-large,
.uk-card-secondary.uk-card-body .uk-heading-xlarge,
.uk-card-secondary.uk-card-body .uk-heading-2xlarge,
.uk-card-secondary > :not([class*='uk-card-media']) h1,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h1,
.uk-card-secondary > :not([class*='uk-card-media']) h2,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h2,
.uk-card-secondary > :not([class*='uk-card-media']) h3,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h3,
.uk-card-secondary > :not([class*='uk-card-media']) h4,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h4,
.uk-card-secondary > :not([class*='uk-card-media']) h5,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h5,
.uk-card-secondary > :not([class*='uk-card-media']) h6,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-h6,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-small,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-medium,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-large,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-xlarge,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-2xlarge,
.uk-overlay-primary h1,
.uk-overlay-primary .uk-h1,
.uk-overlay-primary h2,
.uk-overlay-primary .uk-h2,
.uk-overlay-primary h3,
.uk-overlay-primary .uk-h3,
.uk-overlay-primary h4,
.uk-overlay-primary .uk-h4,
.uk-overlay-primary h5,
.uk-overlay-primary .uk-h5,
.uk-overlay-primary h6,
.uk-overlay-primary .uk-h6,
.uk-overlay-primary .uk-heading-small,
.uk-overlay-primary .uk-heading-medium,
.uk-overlay-primary .uk-heading-large,
.uk-overlay-primary .uk-heading-xlarge,
.uk-overlay-primary .uk-heading-2xlarge,
.uk-offcanvas-bar h1,
.uk-offcanvas-bar .uk-h1,
.uk-offcanvas-bar h2,
.uk-offcanvas-bar .uk-h2,
.uk-offcanvas-bar h3,
.uk-offcanvas-bar .uk-h3,
.uk-offcanvas-bar h4,
.uk-offcanvas-bar .uk-h4,
.uk-offcanvas-bar h5,
.uk-offcanvas-bar .uk-h5,
.uk-offcanvas-bar h6,
.uk-offcanvas-bar .uk-h6,
.uk-offcanvas-bar .uk-heading-small,
.uk-offcanvas-bar .uk-heading-medium,
.uk-offcanvas-bar .uk-heading-large,
.uk-offcanvas-bar .uk-heading-xlarge,
.uk-offcanvas-bar .uk-heading-2xlarge {
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-light .uk-hr,
.uk-section-primary:not(.uk-preserve-color) hr,
.uk-section-primary:not(.uk-preserve-color) .uk-hr,
.uk-section-secondary:not(.uk-preserve-color) hr,
.uk-section-secondary:not(.uk-preserve-color) .uk-hr,
.uk-tile-primary:not(.uk-preserve-color) hr,
.uk-tile-primary:not(.uk-preserve-color) .uk-hr,
.uk-tile-secondary:not(.uk-preserve-color) hr,
.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,
.uk-card-primary.uk-card-body hr,
.uk-card-primary.uk-card-body .uk-hr,
.uk-card-primary > :not([class*='uk-card-media']) hr,
.uk-card-primary > :not([class*='uk-card-media']) .uk-hr,
.uk-card-secondary.uk-card-body hr,
.uk-card-secondary.uk-card-body .uk-hr,
.uk-card-secondary > :not([class*='uk-card-media']) hr,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-hr,
.uk-overlay-primary hr,
.uk-overlay-primary .uk-hr,
.uk-offcanvas-bar hr,
.uk-offcanvas-bar .uk-hr {
border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-light a.uk-link-muted,
.uk-light .uk-link-muted a,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,
.uk-card-primary.uk-card-body a.uk-link-muted,
.uk-card-primary.uk-card-body .uk-link-muted a,
.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a,
.uk-card-secondary.uk-card-body a.uk-link-muted,
.uk-card-secondary.uk-card-body .uk-link-muted a,
.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a,
.uk-overlay-primary a.uk-link-muted,
.uk-overlay-primary .uk-link-muted a,
.uk-offcanvas-bar a.uk-link-muted,
.uk-offcanvas-bar .uk-link-muted a {
color: rgba(255, 255, 255, 0.5);
}
.uk-light a.uk-link-muted:hover,
.uk-light .uk-link-muted a:hover,
.uk-light .uk-link-toggle:hover .uk-link-muted,
.uk-light .uk-link-toggle:focus .uk-link-muted,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted,
.uk-card-primary.uk-card-body a.uk-link-muted:hover,
.uk-card-primary.uk-card-body .uk-link-muted a:hover,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,
.uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-muted,
.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-muted,
.uk-card-secondary.uk-card-body a.uk-link-muted:hover,
.uk-card-secondary.uk-card-body .uk-link-muted a:hover,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,
.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-muted,
.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-muted,
.uk-overlay-primary a.uk-link-muted:hover,
.uk-overlay-primary .uk-link-muted a:hover,
.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted,
.uk-overlay-primary .uk-link-toggle:focus .uk-link-muted,
.uk-offcanvas-bar a.uk-link-muted:hover,
.uk-offcanvas-bar .uk-link-muted a:hover,
.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted,
.uk-offcanvas-bar .uk-link-toggle:focus .uk-link-muted {
color: rgba(255, 255, 255, 0.7);
}
.uk-light a.uk-link-text:hover,
.uk-light .uk-link-text a:hover,
.uk-light .uk-link-toggle:hover .uk-link-text,
.uk-light .uk-link-toggle:focus .uk-link-text,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text,
.uk-card-primary.uk-card-body a.uk-link-text:hover,
.uk-card-primary.uk-card-body .uk-link-text a:hover,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,
.uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-text,
.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-text:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-text a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-text,
.uk-card-secondary.uk-card-body a.uk-link-text:hover,
.uk-card-secondary.uk-card-body .uk-link-text a:hover,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,
.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-text,
.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-text:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-text,
.uk-overlay-primary a.uk-link-text:hover,
.uk-overlay-primary .uk-link-text a:hover,
.uk-overlay-primary .uk-link-toggle:hover .uk-link-text,
.uk-overlay-primary .uk-link-toggle:focus .uk-link-text,
.uk-offcanvas-bar a.uk-link-text:hover,
.uk-offcanvas-bar .uk-link-text a:hover,
.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text,
.uk-offcanvas-bar .uk-link-toggle:focus .uk-link-text {
color: rgba(255, 255, 255, 0.5);
}
.uk-light a.uk-link-heading:hover,
.uk-light .uk-link-heading a:hover,
.uk-light .uk-link-toggle:hover .uk-link-heading,
.uk-light .uk-link-toggle:focus .uk-link-heading,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading,
.uk-card-primary.uk-card-body a.uk-link-heading:hover,
.uk-card-primary.uk-card-body .uk-link-heading a:hover,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,
.uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-heading,
.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-heading:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading,
.uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-heading,
.uk-card-secondary.uk-card-body a.uk-link-heading:hover,
.uk-card-secondary.uk-card-body .uk-link-heading a:hover,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,
.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-heading,
.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-heading:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-heading,
.uk-overlay-primary a.uk-link-heading:hover,
.uk-overlay-primary .uk-link-heading a:hover,
.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading,
.uk-overlay-primary .uk-link-toggle:focus .uk-link-heading,
.uk-offcanvas-bar a.uk-link-heading:hover,
.uk-offcanvas-bar .uk-link-heading a:hover,
.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading,
.uk-offcanvas-bar .uk-link-toggle:focus .uk-link-heading {
color: #fff;
}
.uk-light .uk-heading-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider,
.uk-card-primary.uk-card-body .uk-heading-divider,
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-divider,
.uk-card-secondary.uk-card-body .uk-heading-divider,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-divider,
.uk-overlay-primary .uk-heading-divider,
.uk-offcanvas-bar .uk-heading-divider {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-heading-bullet::before,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,
.uk-card-primary.uk-card-body .uk-heading-bullet::before,
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-bullet::before,
.uk-card-secondary.uk-card-body .uk-heading-bullet::before,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-bullet::before,
.uk-overlay-primary .uk-heading-bullet::before,
.uk-offcanvas-bar .uk-heading-bullet::before {
border-left-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-heading-line > ::before,
.uk-light .uk-heading-line > ::after,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after,
.uk-card-primary.uk-card-body .uk-heading-line > ::before,
.uk-card-primary.uk-card-body .uk-heading-line > ::after,
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::before,
.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::after,
.uk-card-secondary.uk-card-body .uk-heading-line > ::before,
.uk-card-secondary.uk-card-body .uk-heading-line > ::after,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::before,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::after,
.uk-overlay-primary .uk-heading-line > ::before,
.uk-overlay-primary .uk-heading-line > ::after,
.uk-offcanvas-bar .uk-heading-line > ::before,
.uk-offcanvas-bar .uk-heading-line > ::after {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-divider-icon,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon,
.uk-card-primary.uk-card-body .uk-divider-icon,
.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon,
.uk-card-secondary.uk-card-body .uk-divider-icon,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon,
.uk-overlay-primary .uk-divider-icon,
.uk-offcanvas-bar .uk-divider-icon {
background-image: url("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%28255,%20255,%20255,%200.2%29%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-light .uk-divider-icon::after,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-card-primary.uk-card-body .uk-divider-icon::before,
.uk-card-primary.uk-card-body .uk-divider-icon::after,
.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::before,
.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::after,
.uk-card-secondary.uk-card-body .uk-divider-icon::before,
.uk-card-secondary.uk-card-body .uk-divider-icon::after,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::before,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::after,
.uk-overlay-primary .uk-divider-icon::before,
.uk-overlay-primary .uk-divider-icon::after,
.uk-offcanvas-bar .uk-divider-icon::before,
.uk-offcanvas-bar .uk-divider-icon::after {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-divider-small::after,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after,
.uk-card-primary.uk-card-body .uk-divider-small::after,
.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-small::after,
.uk-card-secondary.uk-card-body .uk-divider-small::after,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-small::after,
.uk-overlay-primary .uk-divider-small::after,
.uk-offcanvas-bar .uk-divider-small::after {
border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-divider-vertical,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-card-primary.uk-card-body .uk-divider-vertical,
.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-vertical,
.uk-card-secondary.uk-card-body .uk-divider-vertical,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-vertical,
.uk-overlay-primary .uk-divider-vertical,
.uk-offcanvas-bar .uk-divider-vertical {
border-left-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-list-muted > ::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%28255,%20255,%20255,%200.7%29%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-table th,
.uk-section-primary:not(.uk-preserve-color) .uk-table th,
.uk-section-secondary:not(.uk-preserve-color) .uk-table th,
.uk-tile-primary:not(.uk-preserve-color) .uk-table th,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table th,
.uk-card-primary.uk-card-body .uk-table th,
.uk-card-primary > :not([class*='uk-card-media']) .uk-table th,
.uk-card-secondary.uk-card-body .uk-table th,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table th,
.uk-overlay-primary .uk-table th,
.uk-offcanvas-bar .uk-table th {
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-table caption,
.uk-section-primary:not(.uk-preserve-color) .uk-table caption,
.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,
.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption,
.uk-card-primary.uk-card-body .uk-table caption,
.uk-card-primary > :not([class*='uk-card-media']) .uk-table caption,
.uk-card-secondary.uk-card-body .uk-table caption,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table caption,
.uk-overlay-primary .uk-table caption,
.uk-offcanvas-bar .uk-table caption {
color: rgba(255, 255, 255, 0.5);
}
.uk-light .uk-table > tr.uk-active,
.uk-light .uk-table tbody tr.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
.uk-card-primary.uk-card-body .uk-table > tr.uk-active,
.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-table > tr.uk-active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active,
.uk-card-secondary.uk-card-body .uk-table > tr.uk-active,
.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table > tr.uk-active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active,
.uk-overlay-primary .uk-table > tr.uk-active,
.uk-overlay-primary .uk-table tbody tr.uk-active,
.uk-offcanvas-bar .uk-table > tr.uk-active,
.uk-offcanvas-bar .uk-table tbody tr.uk-active {
background: rgba(255, 255, 255, 0.08);
}
.uk-light .uk-table-divider > tr:not(:first-child),
.uk-light .uk-table-divider > :not(:first-child) > tr,
.uk-light .uk-table-divider > :first-child > tr:not(:first-child),
.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child),
.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr,
.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child),
.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child),
.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr,
.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child),
.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child),
.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr,
.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child),
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child),
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child),
.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child),
.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr,
.uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child),
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child),
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr,
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child),
.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child),
.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr,
.uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child),
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child),
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child),
.uk-overlay-primary .uk-table-divider > tr:not(:first-child),
.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr,
.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child),
.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child),
.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr,
.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) {
border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-table-striped > tr:nth-of-type(odd),
.uk-light .uk-table-striped tbody tr:nth-of-type(odd),
.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd),
.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd),
.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd),
.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd),
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd),
.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd),
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd),
.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd),
.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd),
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd),
.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd),
.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd),
.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd),
.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) {
background: rgba(255, 255, 255, 0.1);
border-top-color: rgba(255, 255, 255, 0.2);
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-table-hover > tr:hover,
.uk-light .uk-table-hover tbody tr:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
.uk-card-primary.uk-card-body .uk-table-hover > tr:hover,
.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover,
.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover,
.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover,
.uk-overlay-primary .uk-table-hover > tr:hover,
.uk-overlay-primary .uk-table-hover tbody tr:hover,
.uk-offcanvas-bar .uk-table-hover > tr:hover,
.uk-offcanvas-bar .uk-table-hover tbody tr:hover {
background: rgba(255, 255, 255, 0.08);
}
.uk-light .uk-icon-link,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link,
.uk-card-primary.uk-card-body .uk-icon-link,
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link,
.uk-card-secondary.uk-card-body .uk-icon-link,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link,
.uk-overlay-primary .uk-icon-link,
.uk-offcanvas-bar .uk-icon-link {
color: rgba(255, 255, 255, 0.5);
}
.uk-light .uk-icon-link:hover,
.uk-light .uk-icon-link:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-card-primary.uk-card-body .uk-icon-link:hover,
.uk-card-primary.uk-card-body .uk-icon-link:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:focus,
.uk-card-secondary.uk-card-body .uk-icon-link:hover,
.uk-card-secondary.uk-card-body .uk-icon-link:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:focus,
.uk-overlay-primary .uk-icon-link:hover,
.uk-overlay-primary .uk-icon-link:focus,
.uk-offcanvas-bar .uk-icon-link:hover,
.uk-offcanvas-bar .uk-icon-link:focus {
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-icon-link:active,
.uk-light .uk-active > .uk-icon-link,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-card-primary.uk-card-body .uk-icon-link:active,
.uk-card-primary.uk-card-body .uk-active > .uk-icon-link,
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link,
.uk-card-secondary.uk-card-body .uk-icon-link:active,
.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link,
.uk-overlay-primary .uk-icon-link:active,
.uk-overlay-primary .uk-active > .uk-icon-link,
.uk-offcanvas-bar .uk-icon-link:active,
.uk-offcanvas-bar .uk-active > .uk-icon-link {
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-icon-button,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button,
.uk-card-primary.uk-card-body .uk-icon-button,
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button,
.uk-card-secondary.uk-card-body .uk-icon-button,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button,
.uk-overlay-primary .uk-icon-button,
.uk-offcanvas-bar .uk-icon-button {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.5);
}
.uk-light .uk-icon-button:hover,
.uk-light .uk-icon-button:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-card-primary.uk-card-body .uk-icon-button:hover,
.uk-card-primary.uk-card-body .uk-icon-button:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:focus,
.uk-card-secondary.uk-card-body .uk-icon-button:hover,
.uk-card-secondary.uk-card-body .uk-icon-button:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:focus,
.uk-overlay-primary .uk-icon-button:hover,
.uk-overlay-primary .uk-icon-button:focus,
.uk-offcanvas-bar .uk-icon-button:hover,
.uk-offcanvas-bar .uk-icon-button:focus {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-icon-button:active,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-card-primary.uk-card-body .uk-icon-button:active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:active,
.uk-card-secondary.uk-card-body .uk-icon-button:active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:active,
.uk-overlay-primary .uk-icon-button:active,
.uk-offcanvas-bar .uk-icon-button:active {
background-color: rgba(230, 230, 230, 0.1);
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-input,
.uk-light .uk-select,
.uk-light .uk-textarea,
.uk-section-primary:not(.uk-preserve-color) .uk-input,
.uk-section-primary:not(.uk-preserve-color) .uk-select,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea,
.uk-section-secondary:not(.uk-preserve-color) .uk-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-select,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,
.uk-tile-primary:not(.uk-preserve-color) .uk-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-select,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-select,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea,
.uk-card-primary.uk-card-body .uk-input,
.uk-card-primary.uk-card-body .uk-select,
.uk-card-primary.uk-card-body .uk-textarea,
.uk-card-primary > :not([class*='uk-card-media']) .uk-input,
.uk-card-primary > :not([class*='uk-card-media']) .uk-select,
.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea,
.uk-card-secondary.uk-card-body .uk-input,
.uk-card-secondary.uk-card-body .uk-select,
.uk-card-secondary.uk-card-body .uk-textarea,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-input,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-select,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea,
.uk-overlay-primary .uk-input,
.uk-overlay-primary .uk-select,
.uk-overlay-primary .uk-textarea,
.uk-offcanvas-bar .uk-input,
.uk-offcanvas-bar .uk-select,
.uk-offcanvas-bar .uk-textarea {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7);
background-clip: padding-box;
border-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-input:focus,
.uk-light .uk-select:focus,
.uk-light .uk-textarea:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-card-primary.uk-card-body .uk-input:focus,
.uk-card-primary.uk-card-body .uk-select:focus,
.uk-card-primary.uk-card-body .uk-textarea:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-input:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-select:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea:focus,
.uk-card-secondary.uk-card-body .uk-input:focus,
.uk-card-secondary.uk-card-body .uk-select:focus,
.uk-card-secondary.uk-card-body .uk-textarea:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-input:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea:focus,
.uk-overlay-primary .uk-input:focus,
.uk-overlay-primary .uk-select:focus,
.uk-overlay-primary .uk-textarea:focus,
.uk-offcanvas-bar .uk-input:focus,
.uk-offcanvas-bar .uk-select:focus,
.uk-offcanvas-bar .uk-textarea:focus {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7);
border-color: rgba(255, 255, 255, 0.7);
}
.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) !important;
}
.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::-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) !important;
}
.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%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%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-light .uk-input[list]:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-card-primary.uk-card-body .uk-input[list]:hover,
.uk-card-primary.uk-card-body .uk-input[list]:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:focus,
.uk-card-secondary.uk-card-body .uk-input[list]:hover,
.uk-card-secondary.uk-card-body .uk-input[list]:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:focus,
.uk-overlay-primary .uk-input[list]:hover,
.uk-overlay-primary .uk-input[list]:focus,
.uk-offcanvas-bar .uk-input[list]:hover,
.uk-offcanvas-bar .uk-input[list]:focus {
background-image: url("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%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.uk-light .uk-radio,
.uk-light .uk-checkbox,
.uk-section-primary:not(.uk-preserve-color) .uk-radio,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,
.uk-card-primary.uk-card-body .uk-radio,
.uk-card-primary.uk-card-body .uk-checkbox,
.uk-card-primary > :not([class*='uk-card-media']) .uk-radio,
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox,
.uk-card-secondary.uk-card-body .uk-radio,
.uk-card-secondary.uk-card-body .uk-checkbox,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox,
.uk-overlay-primary .uk-radio,
.uk-overlay-primary .uk-checkbox,
.uk-offcanvas-bar .uk-radio,
.uk-offcanvas-bar .uk-checkbox {
background-color: rgba(242, 242, 242, 0.1);
border-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-radio:focus,
.uk-light .uk-checkbox:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-card-primary.uk-card-body .uk-radio:focus,
.uk-card-primary.uk-card-body .uk-checkbox:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:focus,
.uk-card-secondary.uk-card-body .uk-radio:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:focus,
.uk-overlay-primary .uk-radio:focus,
.uk-overlay-primary .uk-checkbox:focus,
.uk-offcanvas-bar .uk-radio:focus,
.uk-offcanvas-bar .uk-checkbox:focus {
border-color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-radio:checked,
.uk-light .uk-checkbox:checked,
.uk-light .uk-checkbox:indeterminate,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-card-primary.uk-card-body .uk-radio:checked,
.uk-card-primary.uk-card-body .uk-checkbox:checked,
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked,
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked,
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate,
.uk-card-secondary.uk-card-body .uk-radio:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate,
.uk-overlay-primary .uk-radio:checked,
.uk-overlay-primary .uk-checkbox:checked,
.uk-overlay-primary .uk-checkbox:indeterminate,
.uk-offcanvas-bar .uk-radio:checked,
.uk-offcanvas-bar .uk-checkbox:checked,
.uk-offcanvas-bar .uk-checkbox:indeterminate {
background-color: #fff;
border-color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-radio:checked:focus,
.uk-light .uk-checkbox:checked:focus,
.uk-light .uk-checkbox:indeterminate:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-card-primary.uk-card-body .uk-radio:checked:focus,
.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus,
.uk-card-secondary.uk-card-body .uk-radio:checked:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus,
.uk-overlay-primary .uk-radio:checked:focus,
.uk-overlay-primary .uk-checkbox:checked:focus,
.uk-overlay-primary .uk-checkbox:indeterminate:focus,
.uk-offcanvas-bar .uk-radio:checked:focus,
.uk-offcanvas-bar .uk-checkbox:checked:focus,
.uk-offcanvas-bar .uk-checkbox:indeterminate:focus {
background-color: #e6e6e6;
}
.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%23666%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%23666%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%23666%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-light .uk-button-default:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-card-primary.uk-card-body .uk-button-default:hover,
.uk-card-primary.uk-card-body .uk-button-default:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:focus,
.uk-card-secondary.uk-card-body .uk-button-default:hover,
.uk-card-secondary.uk-card-body .uk-button-default:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:focus,
.uk-overlay-primary .uk-button-default:hover,
.uk-overlay-primary .uk-button-default:focus,
.uk-offcanvas-bar .uk-button-default:hover,
.uk-offcanvas-bar .uk-button-default:focus {
background-color: transparent;
color: #fff;
border-color: #fff;
}
.uk-light .uk-button-default:active,
.uk-light .uk-button-default.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-card-primary.uk-card-body .uk-button-default:active,
.uk-card-primary.uk-card-body .uk-button-default.uk-active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active,
.uk-card-secondary.uk-card-body .uk-button-default:active,
.uk-card-secondary.uk-card-body .uk-button-default.uk-active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active,
.uk-overlay-primary .uk-button-default:active,
.uk-overlay-primary .uk-button-default.uk-active,
.uk-offcanvas-bar .uk-button-default:active,
.uk-offcanvas-bar .uk-button-default.uk-active {
background-color: 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: #666;
}
.uk-light .uk-button-primary:hover,
.uk-light .uk-button-primary:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-card-primary.uk-card-body .uk-button-primary:hover,
.uk-card-primary.uk-card-body .uk-button-primary:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:focus,
.uk-card-secondary.uk-card-body .uk-button-primary:hover,
.uk-card-secondary.uk-card-body .uk-button-primary:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:focus,
.uk-overlay-primary .uk-button-primary:hover,
.uk-overlay-primary .uk-button-primary:focus,
.uk-offcanvas-bar .uk-button-primary:hover,
.uk-offcanvas-bar .uk-button-primary:focus {
background-color: #f2f2f2;
color: #666;
}
.uk-light .uk-button-primary:active,
.uk-light .uk-button-primary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-card-primary.uk-card-body .uk-button-primary:active,
.uk-card-primary.uk-card-body .uk-button-primary.uk-active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active,
.uk-card-secondary.uk-card-body .uk-button-primary:active,
.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active,
.uk-overlay-primary .uk-button-primary:active,
.uk-overlay-primary .uk-button-primary.uk-active,
.uk-offcanvas-bar .uk-button-primary:active,
.uk-offcanvas-bar .uk-button-primary.uk-active {
background-color: #e6e6e6;
color: #666;
}
.uk-light .uk-button-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary,
.uk-card-primary.uk-card-body .uk-button-secondary,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary,
.uk-card-secondary.uk-card-body .uk-button-secondary,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary,
.uk-overlay-primary .uk-button-secondary,
.uk-offcanvas-bar .uk-button-secondary {
background-color: #fff;
color: #666;
}
.uk-light .uk-button-secondary:hover,
.uk-light .uk-button-secondary:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-card-primary.uk-card-body .uk-button-secondary:hover,
.uk-card-primary.uk-card-body .uk-button-secondary:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:focus,
.uk-card-secondary.uk-card-body .uk-button-secondary:hover,
.uk-card-secondary.uk-card-body .uk-button-secondary:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:focus,
.uk-overlay-primary .uk-button-secondary:hover,
.uk-overlay-primary .uk-button-secondary:focus,
.uk-offcanvas-bar .uk-button-secondary:hover,
.uk-offcanvas-bar .uk-button-secondary:focus {
background-color: #f2f2f2;
color: #666;
}
.uk-light .uk-button-secondary:active,
.uk-light .uk-button-secondary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-card-primary.uk-card-body .uk-button-secondary:active,
.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active,
.uk-card-secondary.uk-card-body .uk-button-secondary:active,
.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active,
.uk-overlay-primary .uk-button-secondary:active,
.uk-overlay-primary .uk-button-secondary.uk-active,
.uk-offcanvas-bar .uk-button-secondary:active,
.uk-offcanvas-bar .uk-button-secondary.uk-active {
background-color: #e6e6e6;
color: #666;
}
.uk-light .uk-button-text,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text,
.uk-card-primary.uk-card-body .uk-button-text,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text,
.uk-card-secondary.uk-card-body .uk-button-text,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text,
.uk-overlay-primary .uk-button-text,
.uk-offcanvas-bar .uk-button-text {
color: #fff;
}
.uk-light .uk-button-text::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-light .uk-button-text:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus,
.uk-card-primary.uk-card-body .uk-button-text:hover,
.uk-card-primary.uk-card-body .uk-button-text:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:focus,
.uk-card-secondary.uk-card-body .uk-button-text:hover,
.uk-card-secondary.uk-card-body .uk-button-text:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:focus,
.uk-overlay-primary .uk-button-text:hover,
.uk-overlay-primary .uk-button-text:focus,
.uk-offcanvas-bar .uk-button-text:hover,
.uk-offcanvas-bar .uk-button-text:focus {
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: rgba(255, 255, 255, 0.5);
}
.uk-light .uk-button-link:hover,
.uk-light .uk-button-link:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-card-primary.uk-card-body .uk-button-link:hover,
.uk-card-primary.uk-card-body .uk-button-link:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:focus,
.uk-card-secondary.uk-card-body .uk-button-link:hover,
.uk-card-secondary.uk-card-body .uk-button-link:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:focus,
.uk-overlay-primary .uk-button-link:hover,
.uk-overlay-primary .uk-button-link:focus,
.uk-offcanvas-bar .uk-button-link:hover,
.uk-offcanvas-bar .uk-button-link:focus {
color: rgba(255, 255, 255, 0.7);
}
.uk-light.uk-card-badge,
.uk-section-primary:not(.uk-preserve-color).uk-card-badge,
.uk-section-secondary:not(.uk-preserve-color).uk-card-badge,
.uk-tile-primary:not(.uk-preserve-color).uk-card-badge,
.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge,
.uk-card-primary.uk-card-body.uk-card-badge,
.uk-card-primary > :not([class*='uk-card-media']).uk-card-badge,
.uk-card-secondary.uk-card-body.uk-card-badge,
.uk-card-secondary > :not([class*='uk-card-media']).uk-card-badge,
.uk-overlay-primary.uk-card-badge,
.uk-offcanvas-bar.uk-card-badge {
background-color: #fff;
color: #666;
}
.uk-light .uk-close,
.uk-section-primary:not(.uk-preserve-color) .uk-close,
.uk-section-secondary:not(.uk-preserve-color) .uk-close,
.uk-tile-primary:not(.uk-preserve-color) .uk-close,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close,
.uk-card-primary.uk-card-body .uk-close,
.uk-card-primary > :not([class*='uk-card-media']) .uk-close,
.uk-card-secondary.uk-card-body .uk-close,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-close,
.uk-overlay-primary .uk-close,
.uk-offcanvas-bar .uk-close {
color: rgba(255, 255, 255, 0.5);
}
.uk-light .uk-close:hover,
.uk-light .uk-close:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-close:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-close:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-close:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus,
.uk-card-primary.uk-card-body .uk-close:hover,
.uk-card-primary.uk-card-body .uk-close:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-close:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-close:focus,
.uk-card-secondary.uk-card-body .uk-close:hover,
.uk-card-secondary.uk-card-body .uk-close:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:focus,
.uk-overlay-primary .uk-close:hover,
.uk-overlay-primary .uk-close:focus,
.uk-offcanvas-bar .uk-close:hover,
.uk-offcanvas-bar .uk-close:focus {
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-light .uk-totop:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus,
.uk-card-primary.uk-card-body .uk-totop:hover,
.uk-card-primary.uk-card-body .uk-totop:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:focus,
.uk-card-secondary.uk-card-body .uk-totop:hover,
.uk-card-secondary.uk-card-body .uk-totop:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:focus,
.uk-overlay-primary .uk-totop:hover,
.uk-overlay-primary .uk-totop:focus,
.uk-offcanvas-bar .uk-totop:hover,
.uk-offcanvas-bar .uk-totop:focus {
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-totop:active,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active,
.uk-card-primary.uk-card-body .uk-totop:active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active,
.uk-card-secondary.uk-card-body .uk-totop:active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active,
.uk-overlay-primary .uk-totop:active,
.uk-offcanvas-bar .uk-totop:active {
color: #fff;
}
.uk-light .uk-marker,
.uk-section-primary:not(.uk-preserve-color) .uk-marker,
.uk-section-secondary:not(.uk-preserve-color) .uk-marker,
.uk-tile-primary:not(.uk-preserve-color) .uk-marker,
.uk-tile-secondary:not(.uk-preserve-color) .uk-marker,
.uk-card-primary.uk-card-body .uk-marker,
.uk-card-primary > :not([class*='uk-card-media']) .uk-marker,
.uk-card-secondary.uk-card-body .uk-marker,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker,
.uk-overlay-primary .uk-marker,
.uk-offcanvas-bar .uk-marker {
background: #f8f8f8;
color: #666;
}
.uk-light .uk-marker:hover,
.uk-light .uk-marker:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-marker:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus,
.uk-card-primary.uk-card-body .uk-marker:hover,
.uk-card-primary.uk-card-body .uk-marker:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:focus,
.uk-card-secondary.uk-card-body .uk-marker:hover,
.uk-card-secondary.uk-card-body .uk-marker:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:focus,
.uk-overlay-primary .uk-marker:hover,
.uk-overlay-primary .uk-marker:focus,
.uk-offcanvas-bar .uk-marker:hover,
.uk-offcanvas-bar .uk-marker:focus {
color: #666;
}
.uk-light .uk-badge,
.uk-section-primary:not(.uk-preserve-color) .uk-badge,
.uk-section-secondary:not(.uk-preserve-color) .uk-badge,
.uk-tile-primary:not(.uk-preserve-color) .uk-badge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge,
.uk-card-primary.uk-card-body .uk-badge,
.uk-card-primary > :not([class*='uk-card-media']) .uk-badge,
.uk-card-secondary.uk-card-body .uk-badge,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge,
.uk-overlay-primary .uk-badge,
.uk-offcanvas-bar .uk-badge {
background-color: #fff;
color: #666;
}
.uk-light .uk-badge:hover,
.uk-light .uk-badge:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-badge:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-badge:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus,
.uk-card-primary.uk-card-body .uk-badge:hover,
.uk-card-primary.uk-card-body .uk-badge:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-badge:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-badge:focus,
.uk-card-secondary.uk-card-body .uk-badge:hover,
.uk-card-secondary.uk-card-body .uk-badge:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge:focus,
.uk-overlay-primary .uk-badge:hover,
.uk-overlay-primary .uk-badge:focus,
.uk-offcanvas-bar .uk-badge:hover,
.uk-offcanvas-bar .uk-badge:focus {
color: #666;
}
.uk-light .uk-label,
.uk-section-primary:not(.uk-preserve-color) .uk-label,
.uk-section-secondary:not(.uk-preserve-color) .uk-label,
.uk-tile-primary:not(.uk-preserve-color) .uk-label,
.uk-tile-secondary:not(.uk-preserve-color) .uk-label,
.uk-card-primary.uk-card-body .uk-label,
.uk-card-primary > :not([class*='uk-card-media']) .uk-label,
.uk-card-secondary.uk-card-body .uk-label,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-label,
.uk-overlay-primary .uk-label,
.uk-offcanvas-bar .uk-label {
background-color: #fff;
color: #666;
}
.uk-light .uk-article-meta,
.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,
.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,
.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,
.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta,
.uk-card-primary.uk-card-body .uk-article-meta,
.uk-card-primary > :not([class*='uk-card-media']) .uk-article-meta,
.uk-card-secondary.uk-card-body .uk-article-meta,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-article-meta,
.uk-overlay-primary .uk-article-meta,
.uk-offcanvas-bar .uk-article-meta {
color: rgba(255, 255, 255, 0.5);
}
.uk-light .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
.uk-card-primary.uk-card-body .uk-search-input,
.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-input,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input,
.uk-overlay-primary .uk-search-input,
.uk-offcanvas-bar .uk-search-input {
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-search-input:-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::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: transparent;
}
.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-light .uk-search-toggle:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-card-primary.uk-card-body .uk-search-toggle:hover,
.uk-card-primary.uk-card-body .uk-search-toggle:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:focus,
.uk-card-secondary.uk-card-body .uk-search-toggle:hover,
.uk-card-secondary.uk-card-body .uk-search-toggle:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:focus,
.uk-overlay-primary .uk-search-toggle:hover,
.uk-overlay-primary .uk-search-toggle:focus,
.uk-offcanvas-bar .uk-search-toggle:hover,
.uk-offcanvas-bar .uk-search-toggle:focus {
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-accordion-title,
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title,
.uk-card-primary.uk-card-body .uk-accordion-title,
.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title,
.uk-card-secondary.uk-card-body .uk-accordion-title,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title,
.uk-overlay-primary .uk-accordion-title,
.uk-offcanvas-bar .uk-accordion-title {
color: #fff;
}
.uk-light .uk-accordion-title:hover,
.uk-light .uk-accordion-title:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,
.uk-card-primary.uk-card-body .uk-accordion-title:hover,
.uk-card-primary.uk-card-body .uk-accordion-title:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:focus,
.uk-card-secondary.uk-card-body .uk-accordion-title:hover,
.uk-card-secondary.uk-card-body .uk-accordion-title:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:focus,
.uk-overlay-primary .uk-accordion-title:hover,
.uk-overlay-primary .uk-accordion-title:focus,
.uk-offcanvas-bar .uk-accordion-title:hover,
.uk-offcanvas-bar .uk-accordion-title:focus {
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-grid-divider > :not(.uk-first-column)::before,
.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,
.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before,
.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before,
.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before,
.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before,
.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before {
border-left-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-nav-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%28255,%20255,%20255,%200.7%29%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%28255,%20255,%20255,%200.7%29%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-light .uk-nav-default > li > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover,
.uk-card-primary.uk-card-body .uk-nav-default > li > a:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus,
.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover,
.uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus,
.uk-overlay-primary .uk-nav-default > li > a:hover,
.uk-overlay-primary .uk-nav-default > li > a:focus,
.uk-offcanvas-bar .uk-nav-default > li > a:hover,
.uk-offcanvas-bar .uk-nav-default > li > a:focus {
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-light .uk-nav-default .uk-nav-sub a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
.uk-section-secondary: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:focus,
.uk-tile-primary: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:focus,
.uk-tile-secondary: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:focus,
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus {
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-light .uk-nav-primary > li > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover,
.uk-card-primary.uk-card-body .uk-nav-primary > li > a:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus,
.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover,
.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus,
.uk-overlay-primary .uk-nav-primary > li > a:hover,
.uk-overlay-primary .uk-nav-primary > li > a:focus,
.uk-offcanvas-bar .uk-nav-primary > li > a:hover,
.uk-offcanvas-bar .uk-nav-primary > li > a:focus {
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-light .uk-nav-primary .uk-nav-sub a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
.uk-section-secondary: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:focus,
.uk-tile-primary: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:focus,
.uk-tile-secondary: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:focus,
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus {
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-light .uk-navbar-nav > li > a:focus,
.uk-light .uk-navbar-nav > li > a.uk-open,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open,
.uk-overlay-primary .uk-navbar-nav > li:hover > a,
.uk-overlay-primary .uk-navbar-nav > li > a:focus,
.uk-overlay-primary .uk-navbar-nav > li > a.uk-open,
.uk-offcanvas-bar .uk-navbar-nav > li:hover > a,
.uk-offcanvas-bar .uk-navbar-nav > li > a:focus,
.uk-offcanvas-bar .uk-navbar-nav > li > a.uk-open {
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-navbar-nav > li > a:active,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active,
.uk-overlay-primary .uk-navbar-nav > li > a:active,
.uk-offcanvas-bar .uk-navbar-nav > li > a:active {
color: #fff;
}
.uk-light .uk-navbar-nav > li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a,
.uk-overlay-primary .uk-navbar-nav > li.uk-active > a,
.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a {
color: #fff;
}
.uk-light .uk-navbar-item,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item,
.uk-card-primary.uk-card-body .uk-navbar-item,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-item,
.uk-card-secondary.uk-card-body .uk-navbar-item,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-item,
.uk-overlay-primary .uk-navbar-item,
.uk-offcanvas-bar .uk-navbar-item {
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-navbar-toggle,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-card-primary.uk-card-body .uk-navbar-toggle,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle,
.uk-card-secondary.uk-card-body .uk-navbar-toggle,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle,
.uk-overlay-primary .uk-navbar-toggle,
.uk-offcanvas-bar .uk-navbar-toggle {
color: rgba(255, 255, 255, 0.5);
}
.uk-light .uk-navbar-toggle:hover,
.uk-light .uk-navbar-toggle:focus,
.uk-light .uk-navbar-toggle.uk-open,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-primary.uk-card-body .uk-navbar-toggle:focus,
.uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open,
.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus,
.uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open,
.uk-overlay-primary .uk-navbar-toggle:hover,
.uk-overlay-primary .uk-navbar-toggle:focus,
.uk-overlay-primary .uk-navbar-toggle.uk-open,
.uk-offcanvas-bar .uk-navbar-toggle:hover,
.uk-offcanvas-bar .uk-navbar-toggle:focus,
.uk-offcanvas-bar .uk-navbar-toggle.uk-open {
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-light .uk-subnav > * > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
.uk-card-primary.uk-card-body .uk-subnav > * > a:hover,
.uk-card-primary.uk-card-body .uk-subnav > * > a:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus,
.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover,
.uk-card-secondary.uk-card-body .uk-subnav > * > a:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus,
.uk-overlay-primary .uk-subnav > * > a:hover,
.uk-overlay-primary .uk-subnav > * > a:focus,
.uk-offcanvas-bar .uk-subnav > * > a:hover,
.uk-offcanvas-bar .uk-subnav > * > a:focus {
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-light .uk-subnav-pill > * > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover,
.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus,
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover,
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus,
.uk-overlay-primary .uk-subnav-pill > * > a:hover,
.uk-overlay-primary .uk-subnav-pill > * > a:focus,
.uk-offcanvas-bar .uk-subnav-pill > * > a:hover,
.uk-offcanvas-bar .uk-subnav-pill > * > a:focus {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-subnav-pill > * > a:active,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active,
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active,
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active,
.uk-overlay-primary .uk-subnav-pill > * > a:active,
.uk-offcanvas-bar .uk-subnav-pill > * > a:active {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-subnav-pill > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a,
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a,
.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a,
.uk-overlay-primary .uk-subnav-pill > .uk-active > a,
.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a {
background-color: #fff;
color: #666;
}
.uk-light .uk-subnav > .uk-disabled > a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a,
.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a,
.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a,
.uk-overlay-primary .uk-subnav > .uk-disabled > a,
.uk-offcanvas-bar .uk-subnav > .uk-disabled > a {
color: rgba(255, 255, 255, 0.5);
}
.uk-light .uk-breadcrumb > * > *,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
.uk-card-primary.uk-card-body .uk-breadcrumb > * > *,
.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *,
.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *,
.uk-overlay-primary .uk-breadcrumb > * > *,
.uk-offcanvas-bar .uk-breadcrumb > * > * {
color: rgba(255, 255, 255, 0.5);
}
.uk-light .uk-breadcrumb > * > :hover,
.uk-light .uk-breadcrumb > * > :focus,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover,
.uk-card-primary.uk-card-body .uk-breadcrumb > * > :focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus,
.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover,
.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus,
.uk-overlay-primary .uk-breadcrumb > * > :hover,
.uk-overlay-primary .uk-breadcrumb > * > :focus,
.uk-offcanvas-bar .uk-breadcrumb > * > :hover,
.uk-offcanvas-bar .uk-breadcrumb > * > :focus {
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-light .uk-pagination > * > :focus,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus,
.uk-card-primary.uk-card-body .uk-pagination > * > :hover,
.uk-card-primary.uk-card-body .uk-pagination > * > :focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :focus,
.uk-card-secondary.uk-card-body .uk-pagination > * > :hover,
.uk-card-secondary.uk-card-body .uk-pagination > * > :focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :focus,
.uk-overlay-primary .uk-pagination > * > :hover,
.uk-overlay-primary .uk-pagination > * > :focus,
.uk-offcanvas-bar .uk-pagination > * > :hover,
.uk-offcanvas-bar .uk-pagination > * > :focus {
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-light .uk-tab > * > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus,
.uk-card-primary.uk-card-body .uk-tab > * > a:hover,
.uk-card-primary.uk-card-body .uk-tab > * > a:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:focus,
.uk-card-secondary.uk-card-body .uk-tab > * > a:hover,
.uk-card-secondary.uk-card-body .uk-tab > * > a:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:focus,
.uk-overlay-primary .uk-tab > * > a:hover,
.uk-overlay-primary .uk-tab > * > a:focus,
.uk-offcanvas-bar .uk-tab > * > a:hover,
.uk-offcanvas-bar .uk-tab > * > a:focus {
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-light .uk-slidenav:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus,
.uk-card-primary.uk-card-body .uk-slidenav:hover,
.uk-card-primary.uk-card-body .uk-slidenav:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:focus,
.uk-card-secondary.uk-card-body .uk-slidenav:hover,
.uk-card-secondary.uk-card-body .uk-slidenav:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:focus,
.uk-overlay-primary .uk-slidenav:hover,
.uk-overlay-primary .uk-slidenav:focus,
.uk-offcanvas-bar .uk-slidenav:hover,
.uk-offcanvas-bar .uk-slidenav:focus {
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-light .uk-dotnav > * > :focus,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
.uk-card-primary.uk-card-body .uk-dotnav > * > :hover,
.uk-card-primary.uk-card-body .uk-dotnav > * > :focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus,
.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover,
.uk-card-secondary.uk-card-body .uk-dotnav > * > :focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus,
.uk-overlay-primary .uk-dotnav > * > :hover,
.uk-overlay-primary .uk-dotnav > * > :focus,
.uk-offcanvas-bar .uk-dotnav > * > :hover,
.uk-offcanvas-bar .uk-dotnav > * > :focus {
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-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-light .uk-iconnav > * > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover,
.uk-card-primary.uk-card-body .uk-iconnav > * > a:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus,
.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover,
.uk-card-secondary.uk-card-body .uk-iconnav > * > a:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus,
.uk-overlay-primary .uk-iconnav > * > a:hover,
.uk-overlay-primary .uk-iconnav > * > a:focus,
.uk-offcanvas-bar .uk-iconnav > * > a:hover,
.uk-offcanvas-bar .uk-iconnav > * > a:focus {
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 {
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: rgba(255, 255, 255, 0.7);
}
.uk-light .uk-logo:hover,
.uk-light .uk-logo:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-logo:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus,
.uk-card-primary.uk-card-body .uk-logo:hover,
.uk-card-primary.uk-card-body .uk-logo:focus,
.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:hover,
.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:focus,
.uk-card-secondary.uk-card-body .uk-logo:hover,
.uk-card-secondary.uk-card-body .uk-logo:focus,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover,
.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:focus,
.uk-overlay-primary .uk-logo:hover,
.uk-overlay-primary .uk-logo:focus,
.uk-offcanvas-bar .uk-logo:hover,
.uk-offcanvas-bar .uk-logo:focus {
color: rgba(255, 255, 255, 0.7);
}
.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: inline;
}
.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%28255,%20255,%20255,%200.7%29%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%28255,%20255,%20255,%200.7%29%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%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
/* ========================================================================
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;
}
}
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-datepicker { width: 17em; padding: .1em .1em 0;z-index:9999 !important; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.0em; line-height: 1.8em; text-align: center;}
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; width:60px;}
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 2px; line-height: 24px; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td {
border: 0;
padding: 1px;
font-family: 'Times New Roman';
}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0 .4em; text-align: right; text-decoration:none;list-style: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-widget { font-size: 0.9em; z-index:999; display:none;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; }
.ui-widget-content { background-color: #ffffff; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { background-color: #cccccc; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cdcdcd; background-color: #e6e6e6; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration:none;list-style: none; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:focus { color: #212121; text-decoration:none;list-style: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background-color: #ffffff; font-weight: normal; color: #212121/*{fcActive}*/; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration:none;list-style: none; }
/*CalendarColor*/
#ui-datepicker-div {z-index:1001; display:none; font-size:14px; margin-top:-1px;}
.ui-datepicker{padding:1px 5px; background-color:#FFFFFF; border:solid 1px #cbcbcb; border-radius:0;}
.ui-widget-header {background-color:#FFFFFF; border-bottom:1px solid #cbcbcb; margin:0px 7px; padding:4px 0px !important;}
.ui-widget select {border:#0D0D0D solid 1px;}
.ui-datepicker th {background-color:#FFFFFF; color:#777777;}
.ui-datepicker-month {color:#2e2d27; font-size:12px;}
.ui-datepicker-year {color:#2e2d27; font-size:12px;}
.ui-widget-content .ui-state-default {background-color:#FFFFFF; color:#323232; border:#FFFFFF solid 1px; text-align:center;}
.ui-state-disabled .ui-state-default {background-color:#FFFFFF; color:#AAAAAA; border:#FFFFFF solid 1px; text-align:center;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {background-color:#FFFFFF; color:#4D4D4D;/*COLOR CHANGE*/ border:#4D4D4D solid 1px;}
.ui-widget-content .ui-state-active {background-color:#2e2d27; color:#FFFFFF; border:#2e2d27 solid 1px;}
.ui-widget-content .ui-state-hover {background-color:#2e2d27; color:#FFFFFF; border:#2e2d27 solid 1px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {width:10px; height:9px; position:relative; top:6px; cursor:pointer;display: inline;}
.ui-datepicker .ui-datepicker-prev{ background:url(https://www.ibc.com/images_noindex/sprite.png) -85px 0px no-repeat; left:0px; float: left;}
.ui-datepicker .ui-datepicker-prev-hover{ background:url(https://www.ibc.com/images_noindex/sprite.png) -58px 0px no-repeat; left:0px; border:none; float: left;}
.ui-datepicker .ui-datepicker-next{ background:url(https://www.ibc.com/images_noindex/sprite.png) -72px 0 no-repeat; right:0px; float: right;}
.ui-datepicker .ui-datepicker-next-hover{ background:url(https://www.ibc.com/images_noindex/sprite.png) -43px 0px no-repeat; right:0px; border:none; float: right;}
.ui-state-disabled {background:none !important;}
.ui-datepicker .ui-datepicker-buttonpane button:hover, .ui-datepicker .ui-datepicker-buttonpane button:focus{background-color: #2e2d27; color: #fff;}
.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-next:focus {
background: url(https://www.ibc.com/images_noindex/sprite.png) -43px 0 no-repeat ;
right: 0;
border: none;
float: right;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-prev:focus {
background: url(https://www.ibc.com/images_noindex/sprite.png) -58px 0 no-repeat;
left: 0;
border: none;
float: left;
}
@font-face {
font-family: 'template-icon';
src: url('https://assets.milestoneinternet.com/ibc-bank/fonts/template-icon.eot?3jxhv0');
src: url('https://assets.milestoneinternet.com/ibc-bank/fonts/template-icon.eot?3jxhv0#iefix') format('embedded-opentype'),
url('https://assets.milestoneinternet.com/ibc-bank/fonts/template-icon.ttf?3jxhv0') format('truetype'),
url('https://assets.milestoneinternet.com/ibc-bank/fonts/template-icon.woff?3jxhv0') format('woff'),
url('https://assets.milestoneinternet.com/ibc-bank/fonts/template-icon.svg?3jxhv0#template-icon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="template-icon-"], [class*=" template-icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'template-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.template-icon-conversation:before {
content: "\e961";
}
.template-icon-business:before {
content: "\e960";
}
.template-icon-faq-1:before {
content: "\e95f";
}
.template-icon-credit-card:before {
content: "\e95e";
}
.template-icon-philippine-peso-new:before {
content: "\e95d";
}
.template-icon-Free-IBC-Voice:before {
content: "\e956";
}
.template-icon-Free-Checking-Account:before {
content: "\e957";
}
.template-icon-Bill-Pay:before {
content: "\e958";
}
.template-icon-Instant-Debit:before {
content: "\e959";
}
.template-icon-IBC-voice:before {
content: "\e95a";
}
.template-icon-Cards:before {
content: "\e95b";
}
.template-icon-faq:before {
content: "\e95c";
}
.template-icon-contact-us:before {
content: "\e94e";
}
.template-icon-foreign-national-loan-program:before {
content: "\e94f";
}
.template-icon-home-equity-lines-of-credit:before {
content: "\e950";
}
.template-icon-home-equity-loans:before {
content: "\e951";
}
.template-icon-home-improvement-loans:before {
content: "\e952";
}
.template-icon-home-mortgage-purchase-and-refinance:before {
content: "\e953";
}
.template-icon-ibc-loan-originators:before {
content: "\e954";
}
.template-icon-mortgage-servicing:before {
content: "\e955";
}
.template-icon-youtube-svgrepo-com:before {
content: "\e94d";
}
.template-icon-help-circle-svgrepo-com-3:before {
content: "\e94c";
color: #ccc;
}
.template-icon-help-svgrepo-com:before {
content: "\e94a";
}
.template-icon-help-circle-svgrepo-com:before {
content: "\e94b";
}
.template-icon-Icon-awesome-check-circle:before {
content: "\e949";
color: #00968b;
}
.template-icon-clock:before {
content: "\e948";
}
.template-icon-file-svgrepo-com:before {
content: "\e947";
}
.template-icon-file-alt-svgrepo-com:before {
content: "\e946";
}
.template-icon-play:before {
content: "\e944";
}
.template-icon-sign-in:before {
content: "\e945";
}
.template-icon-handshake:before {
content: "\e92e";
color: #fff;
}
.template-icon-2611152:before {
content: "\e92f";
color: #ffd200;
}
.template-icon-bank-svgrepo-com1:before {
content: "\e930";
color: #fff;
}
.template-icon-credit-card-svgrepo-com:before {
content: "\e931";
}
.template-icon-dollar:before {
content: "\e932";
color: #fff;
}
.template-icon-e457-check-complete-svgrepo-com1:before {
content: "\e933";
}
.template-icon-fraud-prevention:before {
content: "\e934";
color: #fff;
}
.template-icon-Group-7430:before {
content: "\e935";
color: #a90533;
}
.template-icon-Group-7432:before {
content: "\e936";
color: #a90533;
}
.template-icon-Group-7434:before {
content: "\e937";
color: #a90533;
}
.template-icon-Group-7435:before {
content: "\e938";
color: #a90533;
}
.template-icon-Group-7437:before {
content: "\e939";
color: #a90533;
}
.template-icon-Group-14353:before {
content: "\e93a";
color: #fff;
}
.template-icon-house-shield-svgrepo-com:before {
content: "\e93b";
}
.template-icon-id-card:before {
content: "\e93c";
color: #fff;
}
.template-icon-Layer_x0020_1:before {
content: "\e93d";
color: #fff;
}
.template-icon-mobile-app-svgrepo-com1:before {
content: "\e93e";
color: #fff;
}
.template-icon-money-7:before {
content: "\e93f";
color: #fff;
}
.template-icon-nfc:before {
content: "\e940";
color: #fff;
}
.template-icon-online-lesson:before {
content: "\e941";
color: #fff;
}
.template-icon-technology-device-laptop-computer-svgrepo-com:before {
content: "\e942";
}
.template-icon-yi-home-svgrepo-com1:before {
content: "\e943";
}
.template-icon-bank-svgrepo-com:before {
content: "\e924";
color: #fff;
}
.template-icon-e457-check-complete-svgrepo-com:before {
content: "\e928";
}
.template-icon-yi-home-svgrepo-com:before {
content: "\e929";
}
.template-icon-mobile-app-svgrepo-com:before {
content: "\e92a";
color: #fff;
}
.template-icon-add:before {
content: "\e92b";
color: #fff;
}
.template-icon-credit-card-minus-svgrepo-com:before {
content: "\e92c";
}
.template-icon-web1:before {
content: "\e92d";
}
.template-icon-right-arrow-svgrepo-com:before {
content: "\e927";
}
.template-icon-up-arrow:before {
content: "\e926";
}
.template-icon-down-arrow1:before {
content: "\e925";
}
.template-icon-Group-7624:before {
content: "\e920";
color: #fff;
}
.template-icon-Group-7627:before {
content: "\e921";
color: #fff;
}
.template-icon-Group-7622:before {
content: "\e922";
color: #fff;
}
.template-icon-Group-7620:before {
content: "\e923";
color: #fff;
}
.template-icon-Icon-feather-arrow-right-1:before {
content: "\e924";
}
.template-icon-phone-call-icon:before {
content: "\e91c";
color: #ffd200;
}
.template-icon-location1:before {
content: "\e91d";
color: #ffd200;
}
.template-icon-language:before {
content: "\e91e";
color: #ffd200;
}
.template-icon-search1:before {
content: "\e91f";
color: #ffd200;
}
.template-icon-cleaning:before {
content: "\e90d";
}
.template-icon-room-size:before {
content: "\e90e";
}
.template-icon-zoom-in-search:before {
content: "\e90f";
}
.template-icon-web:before {
content: "\e910";
}
.template-icon-wheelchair:before {
content: "\e911";
}
.template-icon-wifi:before {
content: "\e912";
}
.template-icon-zoom-in:before {
content: "\e913";
}
.template-icon-pet-foot:before {
content: "\e914";
}
.template-icon-location:before {
content: "\e915";
}
.template-icon-breakfast:before {
content: "\e916";
}
.template-icon-calendar:before {
content: "\e917";
}
.template-icon-specials:before {
content: "\e918";
}
.template-icon-rooms-bold:before {
content: "\e919";
}
.template-icon-camera:before {
content: "\e91a";
}
.template-icon-email:before {
content: "\e91b";
}
.template-icon-phone:before {
content: "\e90c";
}
.template-icon-search:before {
content: "\e90b";
}
.template-icon-long-arrow:before {
content: "\e900";
}
.template-icon-tick:before {
content: "\e901";
}
.template-icon-bell:before {
content: "\e902";
}
.template-icon-pinterest:before {
content: "\e903";
}
.template-icon-tripadvisor:before {
content: "\e904";
}
.template-icon-facebook:before {
content: "\e905";
}
.template-icon-twitter:before {
content: "\e906";
}
.template-icon-instagram:before {
content: "\e907";
}
.template-icon-down-arrow:before {
content: "\e908";
}
.template-icon-plus-rounded:before {
content: "\e909";
}
.template-icon-minus-rounded:before {
content: "\e90a";
}
.template-icon-linkedin:before {
content: "\eac9";
}
.template-icon-linkedin2:before {
content: "\eaca";
}
/*Variable Declaration*/
:root {
--title-fonts: "sofia-pro", sans-serif;
--text-fonts: "sofia-pro", sans-serif;
--icon-fonts: "template-icon", sans-serif;
--body-bg: {{this.body-bg}};
--primary-color: #A90533;
--secondary-color: #FFD200;
--highlight-color: #A90533;
--text-color: #000000;
--light-color: {{this.light-color}};
--dark-color: {{this.dark-color}};
--bg-alt-3: {{this.bg-alt-3}};
--bg-alt-2: {{this.bg-alt-2}};
--bg-alt-1: {{this.bg-alt-1}};
--bg-header: #000000;
--header-color: #FFFFFF;
--bg-footer: #000000;
--footer-color: #FFFFFF;
--gutter-padding: 20px;
--gutter-margin: -20px;
--gutter-padding-xl: 60px;
--gutter-margin-xl: -60px;
--ec-title-fonts: "{{this.title-fonts}}", sans-serif;
--ec-text-fonts: "{{this.text-fonts}}", sans-serif;
--ec-icon-fonts: "ec-icons", sans-serif;
--ec-primary-color: {{this.primary-color}};
--ec-secondary-color: {{this.secondary-color}};
--ec-highlight-color: {{this.highlight-color}};
--ec-text-color: {{this.text-color}};
--ec-light-color: {{this.light-color}};
--ec-dark-color: {{this.dark-color}};
--ec-bg-alt-1: {{this.bg-alt-1}};
--ec-bg-alt-2: {{this.bg-alt-2}};
--ec-bg-alt-3: {{this.bg-alt-3}};
}
/*Variable Declaration Ends*/
/*
Index:
=> UI-kit Framework edits
=> Common or GCP
=> CMS Related
=> Table Related
*/
.tabledivmain {
width: 100%;
overflow: scroll;
}
.loancalcframemain #msCookieBanner {display:none !important}
.grecaptcha-badge {
display: none !important;
}
.h1-main-content {
padding-top: 50px;
padding-bottom: 60px;
}
.h1-main-content h1:after {
left: 50%;
margin: 0 0 0 -20px;
}
.paddingtopaccess {
padding-top: 50px;
}
.paddingbottomaccess {
padding-bottom: 50px;
}
/* Framework CSS Update Starts */
* + 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: 0;
}
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 {
font-family: var(--title-fonts);
color: var(--text-color);
}
.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: 20px;
}
a, .uk-link {
color: var(--highlight-color);
}
.uk-button-secondary {
color: #000;
background-color: var(--secondary-color);
}
.uk-button-default {
background-color: transparent;
color: var(--text-color);
border: 1px solid var(--text-color);
}
.uk-button-default:hover,
.uk-button-default:focus,
.uk-button-default:focus-visible {
color: #fff;
background: var(--primary-color);
border-color: var(--primary-color);
}
.uk-button-link {
color: var(--highlight-color);
text-decoration: none;
letter-spacing: 1.96px;
text-transform: uppercase;
}
.uk-button-link [class^="marriott-"]:last-child,
.uk-button-link [class*=" marriott-"]:last-child {
margin-left: 10px;
font-size: 80%;
font-weight: bolder;
}
.uk-button-link:hover, .uk-button-link:focus, .uk-button-link:focus-visible {
color: var(--primary-color);
text-decoration: none;
}
@media (max-width: 1199.98px) {
.uk-button-link {
letter-spacing: .98px;
}
.uk-button {
font-size: 14px;
padding: 15px 15px;
letter-spacing: 0.25px;
}
p, ul, ol, dl, pre, address, fieldset, figure {
margin: 0 0 15px 0;
}
}
p:last-child,
ul:last-child,
ol:last-child {
margin-bottom: 0;
}
a:hover, .uk-link:hover, .uk-link-toggle:hover .uk-link, .uk-link-toggle:focus .uk-link {
color: var(--secondary-color);
text-decoration: none;
transition: all 0.4s ease;
}
.uk-text-primary {
color: var(--primary-color) !important;
}
.uk-text-secondary {
color: var(--secondary-color) !important;
}
.uk-text-decoration {
text-decoration: underline !important;
}
.uk-container {
padding-left: 20px;
padding-right: 20px;
}
.uk-grid {
margin-left: -20px;
}
.uk-grid > * {
padding-left: 20px;
}
@media (min-width: 1240px) {
.uk-container {
max-width: 1280px;
}
.uk-container.uk-container-expand {
max-width: none;
}
.uk-container-small {
max-width: 1070px;
}
.uk-container--1175px {
max-width: 1175px;
}
}
@media (max-width: 767.98px) {
.uk-container {
max-width: 100%;
}
}
.uk-tab > .uk-active > a {
color: var(--highlight-color);
border-color: var(--bg-alt-3);
}
.uk-accordion > :nth-child(n+2) {
margin-top: 25px;
border-top: 1px solid var(--bg-alt-1);
padding-top: 25px;
}
.uk-accordion-title {
font-size: 16px;
line-height: 1.5;
color: var(--text-color);
font-weight: 700;
position: relative;
display: block;
padding-right: 25px;
}
.uk-accordion-title::before {
content: '\e908';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
width: 17px;
height: 17px;
background-size: contain;
transition: all .4s ease;
background-image: none !important;
font-family: var(--icon-fonts);
}
.uk-open > .uk-accordion-title::before {
transform: translateY(-50%) rotate(180deg);
}
.uk-accordion-content {
margin-top: 30px;
}
.uk-accordion-title:hover, .uk-accordion-title:focus {
color: var(--highlight-color);
}
@media (max-width: 767.98px) {
.uk-accordion-title {
font-size: 16px;
}
.uk-accordion>:nth-child(n+2) {
margin-top: 20px;
padding-top: 20px;
}
}
/* Slider Fade Effect Starts */
.uk-slider--fade,
.uk-slider--fade .uk-slider-items {
transition: none !important;
}
.uk-slider--fade .uk-transition-fade {
visibility: hidden;
opacity: 0;
}
.uk-slider--fade .uk-transition-fade.uk-active {
visibility: visible;
opacity: 1;
}
/* Slider Fade Effect Ends */
/* Slider Dot Nav Starts */
.uk-dotnav > * > * {
width: 9px;
height: 9px;
background: var(--text-color);
opacity: 1;
border: 2px solid var(--text-color);
}
.uk-dotnav > * {
padding-left: 15px;
}
.uk-dotnav > .uk-active > * {
background: transparent !important;
opacity: 1;
border-color: var(--highlight-color) !important;
}
.uk-dotnav > * > :hover, .uk-dotnav > * > :focus {
background-color: var(--highlight-color);
outline: none;
border-color: transparent;
opacity: 1;
}
/* Slider Dot Nav Ends */
/* Offcanvas related Starts */
.uk-offcanvas-overlay::before {
background: rgba(39, 54, 64, .70);
}
.uk-offcanvas-overlay.uk-open::before {
opacity: .7;
}
/* Offcanvas related Ends */
/* Framework CSS Update Ends */
/* Common CSS Starts */
:focus-visible {
outline: 1px solid var(--highlight-color);
box-shadow: 0 0 2px var(--highlight-color) inset;
-webkit-box-shadow: 0 0 2px var(--highlight-color) inset;
-ms-box-shadow: 0 0 2px var(--highlight-color) inset;
-moz-box-shadow: 0 0 2px var(--highlight-color) inset;
}
*, *:before, *:after {
box-sizing: border-box !important;
}
html {
font-size: 15px;
color: var(--text-color);
font-weight: 400;
font-style: normal;
box-sizing: border-box !important;
background-color: var(--body-bg);
font-family: var(--text-fonts);
line-height: 24px;
}
body {
color: var(--text-color);
}
ul, ol {
padding-left: 17px;
}
.list-unstyled {
padding: 0;
list-style: none;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
color: #000 !important;
background: #fff !important;
}
.bg-alt-1 {
background: var(--bg-alt-1) !important;
}
.bg-alt-2 {
background: var(--bg-alt-2) !important;
}
.bg-alt-3 {
background: var(--bg-alt-3) !important;
}
.row-gap-m {
grid-row-gap: 20px !important;
}
.row-gap-l {
grid-row-gap: 45px !important;
}
.row-gap-xl {
grid-row-gap: 85px !important;
}
.maintitle {
letter-spacing: 0px;
font-size: 35px;
line-height: 50px;
font-weight: 700;
margin-bottom: 30px;
margin-top: 0;
}
.title--boxed {
z-index: 1;
text-align: center;
position: relative;
}
.title--boxed:after {
content: '';
background: var(--text-color);
top: 50%;
position: absolute;
z-index: -1;
height: 0.5px;
left: 0;
right: 0;
}
.title--boxed > * {
background: inherit;
display: inline-block;
padding: 0 7%;
}
.title-top,
.smalltitle {
color: var(--text-color);
letter-spacing: 1.8px;
text-transform: uppercase;
font-family: var(--text-fonts);
font-size: 12px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 25px;
position: relative;
padding-bottom: 20px;
}
.title-top:after {
content: '';
width: 50px;
height: 1px;
background: var(--text-color);
position: absolute;
bottom: 0;
left: 0;
}
.smalltitle {
padding: 0;
}
.title-2 {
letter-spacing: 0px;
font-size: 20px;
color: var(--text-color);
font-family: var(--title-fonts);
line-height: 1.5;
font-weight: 700;
}
.texttitle {
margin-bottom: 20px;
font-size: 16px;
letter-spacing: 0.32px;
line-height: 1.5;
color: var(--text-color);
font-family: var(--title-fonts);
font-weight: 700;
}
.button-link--white {
color: #fff;
}
.button-link--white:hover,
.button-link--white:focus-within {
color: #fff;
}
.button-readmore {
text-transform: capitalize;
transition: all .4s ease;
padding-right: 20px;
}
.button-readmore:hover,
.button-readmore:focus-within {
text-decoration: underline;
}
.button-readmore:after {
width: 11px;
height: 11px;
right: 0;
content: '\e909';
transform: none;
}
.button-readmore:before {
display: none;
}
.button-readmore__text--more {
display: inline;
}
.button-readmore__text--less {
display: none;
}
.button-readmore[aria-expanded="true"] .button-readmore__text--less {
display: inline;
}
.button-readmore[aria-expanded="true"] .button-readmore__text--more {
display: none;
}
.button-readmore[aria-expanded="true"]:after {
content: '\e90a';
}
.button-booknow {
min-width: 210px;
min-height: 50px;
}
.readmore-cta {
margin-top: 30px;
}
.skip-to-content-btn {
position: absolute;
top: 0;
left: 0;
filter: opacity(0);
pointer-events: none;
color: #fff;
background: var(--highlight-color);
padding: 10px 35px;
font-weight: 500;
text-transform: uppercase;
font-family: var(--title-fonts);
letter-spacing: 0.75px;
font-size: 18px;
transition: all .4s ease;
}
.skip-to-content-btn:focus {
opacity: 1; filter: opacity(1);
z-index: 1002;
}
[uk-slideshow-item],
[uk-slideshow-item] *,
[uk-slider-item],
[uk-slider-item] * {
transition: all .4s ease;
}
[uk-slideshow-item]:hover *,
[uk-slider-item]:hover * {
fill: var(--highlight-color);
transition: all .4s ease;
}
.hero-image {
height: 620px;
}
.hero-image > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.align-self-center {
align-self: center !important;
}
.margin-bottom-xl {
margin-bottom: 50px !important;
}
.margin-top-xl {
margin-top: 50px !important;
}
.margin-bottom-l {
margin-bottom: 40px !important;
}
.margin-top-l {
margin-top: 40px !important;
}
svg[transform="rotate(180)"] {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 1199.98px) {
.title.margin-bottom-xl,
.title.margin-bottom-l {
margin-bottom: 20px!important;
}
}
@media (max-width: 959.98px) {
.hero-image {
height: 50vh;
}
.maintitle {
font-size: 28px;
line-height: 1.3;
}
}
@media (max-width: 767.98px) {
.title-2, .title-3, .title-4 {
font-size: 20px;
line-height: 1.3;
}
.title-top, .smalltitle {
padding: 0;
margin-bottom: 5px;
}
.title-top:after {
display: none
}
.button-link {
color: var(--highlight-color);
padding-right: 25px;
}
.button-link--white {
color: #fff;
}
.button-readmore {
padding-right: 20px;
}
.button-readmore:after {
right: 0;
}
}
select {
height: 40px;
border: 1px solid #ccc;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: var(--title-fonts);
}
.sec-filling-overview select {
height: auto;
max-width: 300px;
width:100%;
display: block;
}
/* Common CSS Ends */
/* CMS Related Starts */
#wrapper .pushItDown, .wrapper .pushItDown, body .pushItDown {
margin-top: 0 !important;
}
.hero-slideshow.cms6 {
min-height: 500px !important;
height: 500px !important;
}
.uk-slideshow-items.cms6 {
min-height: 500px !important;
}
.formslable {
display: none !important;
}
.error-message {
transform: unset !important;
color: #f12;
position: static !important;
margin-top: 5px !important;
display: block;
font-size: 12px !important;
/*font-weight: 600;*/
}
.ada-datepicker {
position: relative;
}
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-active {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.ui-datepicker-month, .ui-datepicker-year {
color: var(--text-color);
}
.ui-datepicker .ui-datepicker-buttonpane button {
color: var(--highlight-color);
}
.ui-datepicker-trigger {
position: absolute;
right: 0;
bottom: 13px;
background: transparent;
border: 0;
width: 25px;
height: 25px;
padding: 0;
cursor: pointer;
}
/*Cookie Banner NEW Style*/
#msCookieBanner {
font-size: 12px !important;
line-height: 20px!important;
height: auto!important;
top: inherit!important;
background-color: rgba(0, 0, 0, .90)!important;
color: #fff!important;
border: 0 !important;
margin-bottom: 0!important;
max-width: 230px;
left: 15px!important;
padding: 12px 15px !important;
margin: 0 auto;
bottom: 15px!important;
border-radius: 4px;
}
span.text-cap-cookie {
display: block;
font-weight: 700;
}
#msCookieBanner .left {
width: 100%!important;
text-align: left!important;
margin: 0 0 10px;
display: block!important;
padding: 0 !important;
}
#msCookieBanner .right {
width: 100% !important;
text-align: left;
display: block !important;
padding: 0 !important;
}
#msCookieBanner .right button {
border: 0!important;
font-size: 12px;
line-height: 19px;
padding: 0 !important;
background: none!important;
color: #fff!important;
text-transform: uppercase;
border-radius: 3px;
font-weight: 700;
letter-spacing: .45px;
transition: all .4s ease;
}
#msCookieBanner .right button:focus,
#msCookieBanner .right button:hover {
text-decoration: underline;
color: var(--highlight-color) !important;
}
#msCookieBanner a, #msCookieBanner a:link, #msCookieBanner a:visited {
border-bottom: 1px solid !important;
text-transform: capitalize;
font-weight: 700;
}
#msCookieBanner a:hover,
#msCookieBanner a:focus {
color: var(--highlight-color) !important;
border-bottom: 1px solid var(--highlight-color) !important;
}
#msCookieBanner .right {
width: 100% !important;
text-align: left;
}
@media (max-width: 767.98px) {
#msCookieBanner {
bottom: 70px !important;
}
}
/* CMS Related Ends */
/*Search*/
.searchiconshow {
border: 0;
color: #000;
background: none;
position: absolute;
font-size: 30px;
right: 0;
top: 0px;
cursor: pointer;
background: var(--primary-color) !important; height: 40px;
width: 40px;
}
.searchiconshow img {display:none;}
button#searchButton:after {
font-family: 'template-icon';
content: "\e91f";
position: absolute;
right: 12px;
top: 13px;
}
.searchiconshow:hover, .searchiconshow:focus {background: var(--secondary-color) !important;}
.searchiconshow:hover:after, .searchiconshow:focus:after {color: #000;}
.searchbadrop {
margin: 0;
padding: 10px 0;
top: 0!important;
height: 100vh;
background-color: #fff;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
}
.searchbar {
max-width: 600px !important;
margin: 0 auto !important;
width: 94%;
position: relative;
height: 100%;
}.searchbar form#searchhotel, .searchbar form#searchhotel1 {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.searchbadrop .uk-search-navbar .uk-search-input {
color: #000;
font-size: 24px;
padding-left: 12px;
padding-right: 46px;
padding-bottom: 3px;
margin-bottom: 8px;
border-bottom: 1px solid var(--primary-color);
line-height: 30px;
}
.searchiconshow span.template-icon-search1:before {
color: #000;
font-size: 25px;
}
.searchiconshow:hover span.template-icon-search1:before, .searchiconshow:focus span.template-icon-search1:before {
color: #FFD200;
}
.searchbarnav .template-icon-phone-call-icon {
display: none;
}
.mailsubscription-page {
padding-bottom: 60px;
}
.uk-navbar-toggle.uk-open .template-icon-phone-call-icon {
display: block;
position: fixed;
z-index: 9999;
top: 0;
right: 0;
width: 40px;
height: 40px;
background: #000;
line-height: 40px;
text-align: center;
color: #fff;
}
.uk-navbar-toggle.uk-open .template-icon-phone-call-icon:hover, .uk-navbar-toggle.uk-open .template-icon-phone-call-icon:focus {
background: #D30200;
}
/*Search*/
/*Table Responsive Start*/
.check-n-save .big-snippet .uk-container1240 {
max-width: 1100px;
}
.check-n-save .big-snippet .uk-container1240 .snippet-media {
width: 450px;
}
.table_in-common {margin: 0 auto 10px auto;}
.retail-accounts-title-section {
text-align: center;
padding: 50px 0;
}
@media (max-width: 767px) {
.lost-stolen-cards-snippet p a {
word-break: break-all;
}
}
@media (max-width: 500px) {
.table-responsive {
overflow-x: auto;
}
.table-responsive .table-responsive-sub {
width: 1050px;
overflow-x: auto;
}
.table-responsive .table-responsive-sub table {
width: 100%;
}
.investments .table-responsive .table-responsive-sub {
width: 380px;
}
}
/*Table Responsive End*/
.tab-slider-btn a.uk-button {
max-width: inherit;
}
.credit-cards-icon-section h2 {
color: #fff;
}
.credit-cards-icon-section h3 {
color: #fff;
}
.inner-bottom-description-left {
padding: 50px 0;
overflow: visible;
border: 0;
border-top: 1px solid #e5e5e5;
}
img:focus-visible {
filter: opacity(0.8);
}
body.homemain .other-page-logo {
display: block;
}
body.homemain .home-page-logo {
display: block;
}
.is-fixed .home-page-logo {
display: none;
}
a, button {
transition: .1s all ease-in-out;
}
input#txtsearchtext-desk::placeholder {
color: #000000;
font-size: 24px;
opacity: 1;
font-weight: bold;
letter-spacing: 0px;
line-height: 30px;
}
li.navmenu__list-item.navmenu__dropdown.submenulist .uk-dropdown .dropdown-grid .dropdown-column-1 > a.navmenu__dropmenu-link {
display: none;
}
li.morgagelinkper {
margin-top: 15px;
}
li.morgagelinkper a.navmenu__dropmenu-link.nav {
font-size: 18px;
font-weight: 700;
letter-spacing: .78px;
}
nav.mobile-slide-menu ul li a.nav.end span.template-icon-Group-7622 {
font-weight: bold;
}
.header__toggler span.template-icon-add {
display: none;
}
.mobile-search-content {
display: none;
}
.hero__media.home-hero.cms6 ul.uk-slideshow-items.cms6 {
min-height: 500px !important;
}
.hero__media ul.uk-slideshow-items li img.cms6 {
height: 500px !important;
}
.mobile-menu { display: none; }
.default-data .grid-title {
transition: .1s all ease-in-out;
}
.default-data span {
transition: .1s all ease-in-out;
}
.default-data span:before{
transition: .1s all ease-in-out;
}
.default-data:focus .grid-title, .default-data:hover .grid-title {
color: var(--secondary-color);
transition: .1s all ease-in-out;
}
.default-data:focus span, .default-data:hover span {
color: var(--secondary-color);
transition: .1s all ease-in-out;
}
.default-data:focus span:before, .default-data:hover span:before {
color: var(--secondary-color);
transition: .1s all ease-in-out;
}
.default-data span:before {
color: #fff;
}
.default-data .grid-btn a:focus, .default-data .grid-btn a:hover {
color: var(--secondary-color);
}
.default-data:focus .grid-btn a, .default-data:hover .grid-btn a {
color: var(--secondary-color);
}
.default-data .grid-btn a span:before {
transition: .1s all ease-in-out;
}
.default-data .grid-btn a:focus span:before, .default-data .grid-btn a:hover span:before {
color: var(--secondary-color);
transition: .1s all ease-in-out;
}
.default-data:focus .grid-btn a span:before, .default-data:hover .grid-btn a span:before {
color: var(--secondary-color);
transition: .1s all ease-in-out;
}
.expand-data-content .close-btn {
cursor: pointer;
transition: .1s all ease-in-out;
}
.expand-data-content .close-btn:focus span:before, .expand-data-content .close-btn:hover span:before {
color: var(--secondary-color);
transition: .1s all ease-in-out;
}
.expand-center-content span:before {
color: #fff;
}
.grid-image img {
width: 100%;
}
.video-main-btn {
display: none;
}
.expand-btn .app-btn {
margin-top: 25px;
}
.home-contnet .more-content {
margin-top: 15px;
}
form#insurancecontactForm .rfp-frmfieldset input:focus-visible {
box-shadow: 0px 10px 20px #00000029;
}
div#gdpr-rfp {
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
}
form#insurancecontactForm {
max-width: 1000px;
margin: 40px auto;
}
.rfp-frmfieldset .commentlable, .rfp-frmfieldset-right .commentlable {
color: #000000;
font-size: 13px;
font-weight: 700;
}
.rfp-frmfieldset {
width: calc(33.33% - 20px);
float: left;
margin-right: 20px;
margin-bottom: 30px;
}
.commentinput input {
width: 100%;
height: 40px;
border: 1px solid #CCCCCC;font-family: var(--text-fonts);
}
.error-message {
position: absolute !important;
}
.contactformrow .commentinput.selection-checklist > div {
margin-bottom: 20px;
}
.contactformrow .frmfieldset.con-frmfieldset-right label {
color: #000000;
font-size: 13px;
font-weight: 700;
}
.contactformrow .frmfieldset.con-frmfieldset-right span.asterisk {
color: #000000;
font-size: 13px;
font-weight: 700;
}
.contactformrow .frmfieldset.con-frmfieldset-right select {
width: 300px;
height: 40px;
position: relative;
margin-left: 20px;
border: 1px solid #ccc;
}
.contactformrow .frmfieldset.con-frmfieldset-right select:after {
content: '\e908';
width: 10px;
height: 10px;
font-size: 10px;
position: absolute;
right: 15px;
top: 9px;
background-size: contain;
transition: all .4s ease;
background-image: none!important;
font-family: var(--icon-fonts);
}
.contactformrow .frmfieldset.con-frmfieldset-right .commentinput.selection-checklist > div .checkbox-options {
display: inline-block;
vertical-align: middle;
}
.contactformrow .frmfieldset.con-frmfieldset-right .commentinput.selection-checklist > div .checkbox-options input {
width: 15px;
height: 15px;
padding: 0;
border-radius: 50%;
background: transparent;
border: 1px solid var(--primary-color);
}
.contactformrow .frmfieldset.con-frmfieldset-right .commentinput.selection-checklist > div .checkbox-options input, .contactformrow .frmfieldset.con-frmfieldset-right .commentinput.selection-checklist > div .checkbox-options span {
display: inline-block;
vertical-align: middle;
}
.contactformrow .frmfieldset.con-frmfieldset-right .commentinput.selection-checklist > div .checkbox-options span {
color: #000000;
font-size: 13px;
font-weight: 700;
}
.contactformrow .frmfieldset.con-frmfieldset-right .commentinput.selection-checklist > div .checkbox-options input:checked {
background-image: none;
background-color: var(--primary-color);
}
.frmfieldset.frmfieldset-fullwidth .commentlable {
color: #000000;
font-size: 13px;
font-weight: 700;
}
textarea {
width: 100%;
height: 70px;
border: 1px solid #ccc;
}
button.button {
max-width: 100%;
min-height: 48px;
color: #fff;
font-size: 16px;
font-weight: 900;
cursor: pointer;
padding: 6px 53px 10px 53px;
opacity: 1;
letter-spacing: 0;
border-radius: 40px;
text-transform: capitalize;
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
transition: all .4s ease;
font-family: var(--title-fonts);
background-color: var(--primary-color);
line-height: 20px;
}
button.button:focus, button.button:hover, button.button:focus-visible {
color: var(--text-color);
transition: all .4s ease;
background-color: var(--secondary-color);
}
.commentwrap.contact-captcha .commentcodecol5 {
margin-top: 20px;
text-align: center;
}
.tab-slider-arrow a:focus span, .tab-slider-arrow a:hover span, .tab-slider-arrow a:focus-visible span {
background-color: var(--primary-color);
}
.tab-slider-arrow a:focus span:before, .tab-slider-arrow a:hover span:before {
color: var(--secondary-color);
}
/*.overview-btn a.button-link span.hover-text {
display: none;
}
.overview-btn a.button-link:focus span.hover-text, .overview-btn a.button-link:hover span.hover-text {
display: block;
}
.overview-btn a.button-link:focus span.text, .overview-btn a.button-link:hover span.text {
display: none;
}
.overview-btn a.button-link:focus:after, .overview-btn a.button-link:hover:after {
right: 0;
}*/
.big-snippet .snippet-content ul.data {
margin-top: 20px;
}
/*---------------- Header Starts ------------------*/
.header {
z-index: 50;
height: 116px;
color: var(--header-color);
display: flex;
position: sticky;
position: -webkit-sticky;
top: 54px;
transition: .1s ease-in-out;
background: var(--primary-color);margin-top: 54px;
}
.header.is-fixed{
box-shadow: 0 14px 25px rgba(0, 0, 0, .16);top: 54px;border-top: solid 1px #000000;
}
.header__logo {
max-width: 200px;
font-size: 1.25rem;
color: var(--header-color) !important;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 0;
text-decoration: none;
white-space: nowrap;
}
.header__container {
width: 100%;
display: flex;
position: relative;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.header__collapsible {
display: flex !important;
flex-basis: auto;
flex-grow: 1;
align-items: center;
justify-content: flex-end;
}
.navmenu__list {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.navmenu__list-item {
margin-right: 10px;
}
.navmenu__list li.navmenu__list-item:first-child {
display: none;
}
.navmenu__list-link {
color: var(--header-color) !important;
font-size: 16px;
display: inline-flex;
padding: 15px 5px;
text-align: left;
letter-spacing: 0;
opacity: 1;
font-weight: 700;
position: relative;
align-items: center;
background: transparent;
text-transform: capitalize;
font-family: var(--title-fonts);
line-height: 20px;
}
.navmenu__list-link:focus, .navmenu__list-link:hover, .navmenu__list-link.navON {
color: var(--secondary-color) !important;
text-decoration: underline;
}
/* .navmenu__list-link:after {
content: '';
width: 36px;
height: 2px;
opacity: 1;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
margin: auto;
opacity: 0;
transition: all .4s ease;
background: var(--secondary-color);
} */
.navmenu__list-link > svg {
margin-left: 7px;
}
.header_icon-content {
position: relative;
padding: 0 15px;
padding-top: 8px;
margin-right: 20px;
margin-left: 8px;
}
.header_icon-content:before, .header_icon-content:after {
content: '';
width: 1px;
height: 50px;
position: absolute;
left: 0;
top: 4px;
background-color: #fff;
}
.header_icon-content:after {
right: 0;
left: inherit;
}
.header_icon-content a {
min-height: inherit;
font-size: 8px;
padding: 0;
display: inline-block;
vertical-align: middle;
text-align: center;
margin-right: 16px;
font-family: var(--title-fonts);
}
.header_icon-content a:last-child {
margin-right: 0;
}
.header_icon-content a span.icon {
font-size: 20px;
}
.header_icon-content a span {
display: block;
}
.header_icon-content a span.text {
color: #fff;
padding-top: 5px;
text-transform: uppercase;
transition: .5s all ease-in-out;
}
.header_icon-content a:hover span.text, .header_icon-content a:focus span.text {
color: var(--secondary-color);
transition: .5s all ease-in-out;
}
.header_icon-content a span.template-icon-youtube-svgrepo-com.icon {
font-size: 27px;
color: var(--secondary-color);
margin-top: -4px;
}
.header_icon-content a span.template-icon-youtube-svgrepo-com.icon ~ span.text {
padding: 0;
}
.header_icon-content a.navON {
border-bottom: 1px solid #fff;
}
.is-fixed .header_icon-content a.navON {
border-bottom: 1px solid #000;
}
a.uk-button.uk-button-primary.open-an-account-btn {
max-width: 190px;
min-height: 50px;
color: var(--text-color);
padding: 11px 28px 15px 28px;
border-radius: 40px;
border: none;
text-transform: inherit;
background-color: var(--secondary-color);
}
a.uk-button.uk-button-primary.open-an-account-btn:focus, a.uk-button.uk-button-primary.open-an-account-btn:hover {
color: #fff;
background-color: #000;
}
.navmenu__dropmenu-link {
font-size: 18px;
color: #fff;
display: block;
padding: 0 0 15px 0;
letter-spacing: .78px;
opacity: 1;
font-weight: 700;
text-align: left;
text-transform: capitalize;
line-height: 22px;
}
.navmenu__dropmenu-link.uk-disabled {
opacity: .2;
}
.navmenu__dropmenu {
width: 100% !important;
min-width: 100%;
padding: 35px 20px;
margin: 0;
top: 116px !important;
left: 0 !important;
background-color: #000;
border-top: 1px solid #fff;
}
/*.navmenu__list-link:hover,*/
.navmenu__dropmenu-link:hover,
.navmenu__dropmenu-link.navON {
color: var(--secondary-color) !important;
}
/* .navmenu__list-link:hover:after,
.navmenu__list-link[aria-expanded="true"]:after,
.navmenu__list-link.navON:after {
opacity: 1;
}*/
.column-view .dropdown-column-link ul {
padding: 0;
}
.column-view .dropdown-column-link ul li ul {
padding-left: 15px;
padding-top: 5px;
}
.column-view .dropdown-column-link ul li {
list-style: none;
}
.column-view .dropdown-column-link > ul li {
padding-bottom: 10px;
}
.column-view .dropdown-column-link ul li ul li {
padding: 5px 0;
}
.column-view .dropdown-column-link ul li a {
color: #fff;
font-size: 16px;
font-weight: 300;
line-height: 20px;
}
.column-view .dropdown-column-link ul li ul li a {
font-weight: 300;
}
.column-view .dropdown-column-link ul li a:focus, .column-view .dropdown-column-link ul li a:hover, .column-view .dropdown-column-link ul li a.navON {
text-decoration: underline;
}
.promotion-image {
margin-top: 10px !important;
}
.mobile-login {
display: none;
}
.header__logo-img.mobile {
display: none;
}
.header.is-fixed .header__logo-img.desktop {
display: none;
}
.header.is-fixed .header__logo-img.mobile {
display: block;
}
.header.is-fixed {
background-color: #fff;
transition: .1s ease-in-out;
}
.header.is-fixed .navmenu__list-link {
color: #000 !important;
}
.header.is-fixed .navmenu__list-link:focus, .header.is-fixed .navmenu__list-link:hover,
.header.is-fixed .navmenu__list-link.navON {
color: var(--primary-color) !important;
}
.header.is-fixed .header_icon-content:before, .header.is-fixed .header_icon-content:after {
background-color: #000;
}
.header.is-fixed .header_icon-content a span.icon, .header.is-fixed .header_icon-content a span.icon:before {
color: var(--primary-color);
}
.header.is-fixed .header_icon-content a span.text {
color: #000;
}
.header.is-fixed .header_icon-content a:focus span.text, .header.is-fixed .header_icon-content a:hover span.text {
color: var(--primary-color);
}
.header.is-fixed a.uk-button.uk-button-primary.open-an-account-btn {
color: #fff;
background-color: var(--primary-color);
}
.header.is-fixed a.uk-button.uk-button-primary.open-an-account-btn:focus, .header.is-fixed a.uk-button.uk-button-primary.open-an-account-btn:hover {
color: #000;
background-color: var(--secondary-color);
}
@media(max-width: 1500px) {
.navmenu__list-link {
font-size: 13px;
}
.navmenu__list-item {
margin-right: 0;
}
.navmenu__list-item:last-child {
margin: 0;
}
}
@media(max-width: 1344px) {
.navmenu__list-link {
font-size: 12px;
}
.navmenu__list-item {
margin-right: 5px;
}
.header_icon-content {
padding: 0 25px;
padding-top: 8px;
margin-right: 10px;
margin-left: 10px;
}
.header_icon-content a {
margin-right: 2px;
}
.main-home-page .home-page-logo img.header__logo-img.desktop {
max-width: 230px;
}
.right-logo img.header__logo-img.desktop {
max-width: 150px;
}
a.uk-button.uk-button-primary.open-an-account-btn {
max-width: 164px;
font-size: 10px;
padding: 11px 15px 15px 15px;
}
}
@media (max-width: 1250px) {
.navmenu__list-item {
margin-right: 0;
}
}
@media (min-width: 1280px) and (max-width: 1400px) {
.navmenu__dropmenu {min-height:400px; max-height:400px; overflow-y:scroll;}
}
@media (min-width: 1260px) and (max-width: 1360px) {
.navmenu__dropmenu {padding: 20px 20px;}
.column-view .dropdown-column-link > ul li { padding-bottom: 5px;}
.navmenu__dropmenu .uk-grid+.uk-grid, .navmenu__dropmenu .uk-grid>.uk-grid-margin, .navmenu__dropmenu *+.uk-grid-margin { margin-top: 20px;}
.promotion-image { margin-top: 0px !important;}
.promotion-image img {width: 220px;}
}
@media (min-width: 1024px) and (max-width: 1039px) {
.header_icon-content {
padding: 0 15px;
padding-top: 8px;
margin-right: 7px;
margin-left: 7px;
}
}
@media (max-width: 1030px) {
.navmenu__list-item {
margin-right: 8px;
}
main-home-page .home-page-logo img.header__logo-img.desktop {
max-width: 210px;
}
.right-logo img.header__logo-img.desktop, .other-page-logo.commerce-logo img.header__logo-img.mobile {
max-width: 130px;
}
}
@media(min-width: 1024px) {
.home-login-bar.uk-modal {
z-index: 1;
opacity: 1;
position: relative;
padding: 0;
display: block !important;
}
.column-view .dropdown-column-link ul li a.nav.bold_nav {
font-weight: bold;
}
.home-login-bar button.uk-button.uk-button-default.uk-modal-close {
display: none;
}
.header__toggler {
display:none !important;
}
}
@media(min-width: 768px) {
.navmenu__list-item--onlymob,
.navmenu__list-link--btn,
.mobnavmenu__list,
.mobsocmenu__list {
display:none!important
}
.header__reservations {
position: absolute;
bottom: 5px;
right: var(--gutter-padding);
min-width: 190px;
text-align: center;
}
}
@media (max-width: 1199.98px) {
.header--active {
height: 123px;
}
.navmenu__list-link {
font-size: 12px;
padding: 15px 3px;
}
.navmenu__dropmenu-link {
font-size: 15px;
}
.column-view .dropdown-column-link > ul li {
padding-bottom: 5px;
}
.column-view .dropdown-column-link ul li a {
color: #fff;
font-size: 13px;
}
}
@media(max-width: 1113px) {
.navmenu__list-link {
font-size: 10px;
padding: 15px 0;
}
.navmenu__list-item {
margin-right: 5px;
}
.column-view .dropdown-column-link ul li ul li {
padding: 2px 0;
}
}
@media (max-width: 1023.98px) {
.header {
height: 63px;
}
.header__toggler span.template-icon-add {
transform: rotate(45deg);
}
.header__toggler span.template-icon-add:before {
color: #fff;
font-size: 27px;
font-weight: bold;
}
.header__toggler .header__toggler-btn[aria-expanded="true"] span.template-icon-add {
display: block;
}
.header__toggler .header__toggler-btn[aria-expanded="true"] .header__toggler-icon {
display: none;
}
.header__logo {
max-width: 108px;
}
.navmenu,
.header__collapsible,
.header__bookstay {
display: none !important;
}
a.uk-button.uk-button-primary.open-an-account-btn {
display: none;
}
.header_icon-content {
display: none;
}
.home-login-bar {
display: none;
}
.mobile-login {
display: block;
}
.mobile-login a {
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 15px;
}
.mobile-login span {
color: #fff;
display: block;
font-size: 14px;
text-align: center;
}
.mobile-login span:before {
color: #fff;
}
.header__toggler-btn {
font-size: 13px;
border: 0;
display: inline-flex;
color: var(--header-color);
padding: 10px 0;
margin: 0;
position: relative;
cursor: pointer;
letter-spacing: 0px;
text-transform: uppercase;
flex-direction: column;
background: transparent;
font-family: var(--title-fonts);
line-height: 1.5;
}
.header__toggler-icon {
width: 30px;
height: 2px;
display: block;
margin: 11px auto;
position: relative;
background: #fff;
}
.header__toggler-icon:before, .header__toggler-icon:after {
content: "";
width: 100%;
display: block;
height: 2px;
left: 0;
background: #fff;
transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
-ms-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
position: absolute;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.header__toggler-icon:before {
top: -7.1px;
}
.header__toggler-icon:after {
bottom: -7px;
}
.header__toggler-btn[aria-expanded="true"] {
}
.header__toggler-btn[aria-expanded="true"] .header__toggler-icon {
background: none;
}
.header__toggler-btn[aria-expanded="true"] .header__toggler-icon:before {
transform: rotate(-45deg);
top: 0px;
}
.header__toggler-btn[aria-expanded="true"] .header__toggler-icon:after {
transform: rotate(45deg);
bottom: 0px;
}
.header__toggler-text {
display: block;
line-height: 1;
margin-top: 5px;
font-weight: 700;
font-size: 10px;
letter-spacing: 1px;
}
.navmenu.mobile-menu-active {
display: block !important;
}
.navmenu {
width: 100%;
position: fixed;
top: 63px;
bottom: 0;
left: 0;
margin: 0;
padding: 15px 0 80px;
overflow-y: auto;
background: var(--header-color) !important;
}
.navmenu__list {
z-index: 10;
display: block;
position: relative;
transition: transform 0.3s;
}
.navmenu__list-link {
letter-spacing: 0;
text-transform: uppercase;
font-size: 18px;
line-height: 1.2;
display: flex;
justify-content: space-between;
color: var(--text-color)!important;
padding: 15px 20px;
}
.navmenu__list-link > svg {
margin-left: 7px;
width: 10px;
height: auto;
}
.navmenu__dropmenu {
position: relative!important;
box-shadow: none!important;
background: transparent;
padding: 0 0 15px 8px;
top: 0!important;
left: 0!important;
right: auto!important;
bottom: auto!important;
}
.navmenu__dropmenu-link {
font-size: 13px;
font-family: var(--title-fonts);
padding: 5px 0 5px 30px;
position: relative;
text-transform: uppercase;
text-align: left;
}
.navmenu__dropmenu:after {
content: '';
width: 5px;
background: var(--primary-color);
left: 0px;
top: -35px;
position: absolute;
height: calc(100% + 15px);
}
.navmenu__list-link:after {
display: none;
}
.navmenu__list-link.navON,
.navmenu__more-link.navON {
color: var(--highlight-color) !important;
}
.header__top-left,
.header__top-right {
width: 60px;
}
.header__top-center {
width: calc(100% - 60px*2);
width: -webkit-calc(100% - 60px*2);
max-width: calc(100% - 60px*2);
max-width: -webkit-calc(100% - 60px*2);
}
.navmenu__dropdown > a {
position: relative;
}
.navmenu__dropdown > a:before {
content: '\e908';
font-family: var(--icon-fonts);
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 25px;
height: 25px;
transition: all .4s ease;
font-size: 75%;
}
.navmenu__dropdown > a[aria-expanded="true"]:before {
transform: translateY(-50%) rotate(180deg);
}
.mobnavmenu__list-link {
color: var(--text-color);
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
letter-spacing: .78px;
display: flex;
padding: 5px 0;
align-items: center;
}
.mobnavmenu__list-item + .mobnavmenu__list-item {
margin-top: 5px;
}
.mobnavmenu__list {
padding: 0 20px;
list-style: none;
margin-bottom: 20px;
}
.mobnavmenu__list-divider {
border-top: 1px solid #C0C1BE;
margin: 15px 0;
}
.mobnavmenu__list-link > .template-icon {
font-size: 15px;
margin-left: 7px;
}
.mobsocmenu__list {
display: flex;
align-items: center;
list-style: none;
padding: 0 20px 20px;
margin-top: 30px;
}
.mobsocmenu__list-item + .mobsocmenu__list-item {
margin-left: 30px;
}
.mobsocmenu__list-link {
display: block;
font-size: 20px;
color: var(--text-color);
}
.mobsocmenu__list-icon--facebook:after {
content: '\e905';
}
.mobsocmenu__list-icon--twitter:after {
content: '\e906';
}
.mobsocmenu__list-icon--instagram:after {
content: '\e907';
}
.navmenu__dropmenu-link::after {
content: '';
position: absolute;
width: 5px;
height: 5px;
background: var(--text-color);
border-radius: 50%;
left: 13px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
}
li.navmenu__list-item.navmenu__dropdown.submenulist .uk-dropdown .dropdown-grid .dropdown-column-1 > a.navmenu__dropmenu-link {
display: block;
}
.header.is-fixed .header__toggler-icon {
background: #000;
}
.header.is-fixed .header__toggler-icon:before, .header.is-fixed .header__toggler-icon:after {
background: #000;
}
.header.is-fixed .mobile-login a, .header.is-fixed .mobile-login span, .header.is-fixed .mobile-login span:before {
color: #000;
}
.header.is-fixed .header__toggler span.template-icon-add:before {
color: #000;
}
}
@media (max-width: 959.98px) {
.navmenu__list-link {
font-size: 8px;
}
.header--active {
height: 116px;
}
.dropdown-column-link ul li a.navON {
text-decoration: underline;
}
.mobile-menu nav.mobile-slide-menu ul.navmenu__list > li > a.navON {
color: var(--secondary-color);
}
.navmenu__list-item {
margin-right: 0px;
}
}
@media (max-width: 768px) {
.header:before {
z-index: 999999;
width: 100%;
height: 100%;
position: absolute;
content: '';
box-shadow: 0px 3px 6px #00000029;
left: 0;
top: 0;
pointer-events: none;
}
.navmenu {
padding-top: 0;
}
.mobile-search-content {
width: 100%;
display: block;
position: fixed;
bottom: 0;
background-color: #fff;
padding: 20px 20px 0 20px;
border-top: 1px solid #A5A5A5;
z-index: 99;
}
.uk-search-navbar .uk-search-input {padding: 0 0 0 52px;}
.mobile-search-content .unibox {top: auto !important; z-index: 99 !important; position: relative;}
.mobile-search-content button.searchiconshow {
bottom: 24px;
left: 0;
right: inherit;
position: absolute;
top: auto;
height: 40px;
background: var(--primary-color) !important;
}
.mobile-search-content input#txtsearchtext-mobile {
height: 30px;
padding-left: 45px;
}
/*--------------- Mobile Menu Start ---------------*/
.mobile-menu { display: block; }
.desktop-menu { display: none; }
.mobile-menu.level-3 .mobile-button {
display: none;
}
.mobile-menu-items {
overflow-y: scroll;
}
.dropdown-column-link {
padding-top: 10px;
}
.dropdown-column-link ul {
padding-left: 0 !important;
}
.dropdown-column-link ul li {
position: relative;
padding-left: 15px !important;
}
.dropdown-column-link ul li a {
padding: 5px 0 !important;
}
.dropdown-column-link ul li:before {
width: 7px;
height: 7px;
content: '';
position: absolute;
left: 0;
top: 12px;
border-radius: 50%;
background-color: var(--primary-color);
}
.nav-toggle {
display: none;
}
nav.mobile-slide-menu .nav-toggle {
z-index: 100;
width: 100%;
height: 50px;
color: #9D1B32;
position: absolute;
top: 0;
left: 0;
padding: 0 18px 5px 18px;
margin-top: 0px;
background-color: #fff;
cursor: pointer;
transition: backgroun-color 0.2s;
border-bottom: 1px solid #DDDDDD;
}
.nav-toggle.back-visible {
display: flex;
align-items: center;
justify-content: center;
}
nav.mobile-slide-menu .nav-toggle span.nav-title {
font-size: 18px;
line-height: 20px;
}
nav.mobile-slide-menu .nav-toggle span.nav-title:after {
width: 25px;
height: 25px;
color: #9D1B32;
content: '\e908';
font-size: 75%;
position: absolute;
left: 18px;
top: 14px;
transform: rotate(90deg);
transition: all .4s ease;
font-family: var(--icon-fonts);
}
nav.mobile-slide-menu ul ul.main-ul {
width: 100%;
height: 100%;
display: none;
left: 100%;
list-style: none;
padding: 0px 0 0;
position: relative;
margin: 0;
top: 0;
transition: transform 0.3s;
}
nav.mobile-slide-menu li.nav-dropdown-open ul.main-ul {
display: block;
padding: 0 20px;
position: absolute;
top: 60px;
}
.menu-accordion-items {
width: 100%;
display: none;
padding: 0;
}
.navmenu__list li.has-dropdown.submenulist > a {
width: 100%;
display: block;
position: relative;
}
.navmenu__list > li.has-dropdown.submenulist > a:after {
width: 25px;
height: 25px;
color: #9D1B32;
content: '\e908';
font-size: 75%;
position: absolute;
right: 10px;
top: -8px;
transform: rotate(-90deg);
transition: all .4s ease;
font-family: var(--icon-fonts);
}
nav.mobile-slide-menu ul li a.nav.end {
font-weight: 300;
}
nav.mobile-slide-menu ul li a.nav.end span {
color: #505050;
}
nav.mobile-slide-menu ul li a.nav.end span:before {
color: #505050;
}
nav.mobile-slide-menu ul li a.nav.end span {
color: #505050;
position: relative;
top: 2px;
margin-right: 5px;
}
.mobile-accordion-menu-body > a {
display: block;
position: relative;
}
.mobile-accordion-menu-body.moreoption > a:after {
content: '+';
font-size: 25px;
font-weight: 300;
right: 0;
position: absolute;
}
.mobile-accordion-menu-body.moreoption > a.nav.active:after {
content: '-';
}
nav.mobile-slide-menu ul {
padding: 0 20px;
margin-bottom: 0;
}
nav.mobile-slide-menu ul li {
padding: 15px 0 15px 15px;
border-bottom: 1px solid #B1B1B1;
}
nav.mobile-slide-menu ul li a {
color: #000000;
font-size: 15px;
line-height: 20px;
}
nav.mobile-slide-menu li.nav-dropdown-open ul.main-ul li {
padding: 0;
border: none;
}
nav.mobile-slide-menu li ul.main-ul li > div {
padding: 15px 0 15px 10px;
border-bottom: 1px solid #B1B1B1;
}
nav.mobile-slide-menu ul li a:after {
color: #9D1B32;
}
.mobile-content-list ul li a {
font-weight: 300;
}
.mobile-content-list ul li > a {
display: block;
padding: 15px 0 10px 0
}
.mobile-content-list ul li ul li a {
padding: 5px 0;
}
.mobile-button {
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
}
.mobile-button a.uk-button.uk-button-primary {
color: var(--primary-color);
border-radius: 0;
padding: 15px 33px 18px 34px;
background: transparent;
border: 2px solid var(--primary-color);
}
.mobile-menu a.header-icon {
z-index: 99;
width: 100%;
color: #000000;
font-size: 15px;
font-weight: 300;
position: fixed;
padding: 20px 0;
padding-left: 40px;
bottom: 0;
background-color: #fff;
border-top: 1px solid #A5A5A5;
}
.mobile-menu a.header-icon span {
color: #000000;
padding-right: 5px;
}
.mobile-menu a.header-icon span:before {
color: #000000;
}
/*---------------- Mobile Menu END ----------------*/
}
@media (max-width: 767.98px) {
.header,
.header--active {
z-index: 101;
height: 63px;
}
.header.is-fixed {
box-shadow: 0px 3px 6px #00000029;top:68px;
}
body.main-home-page .home-page-logo img {
width: 230px;
}
.home-page-logo img {
width: 152px !important;
}
.other-page-logo img {
width: 152px !important;
}
.home-expand-section-content .expand-grid {
width: 100%;
}
.header__logo {
max-width: 125px; top: -2px;
position: relative;
}
.tab-slider-content ul.tab-title {
width: 100% !important;
overflow: auto;
white-space: nowrap;
}
.mobile-search-content input#txtsearchtext-desk {
height: 30px;
}
.mobile-search-content button.searchiconshow span:before {
font-size: 20px;
}
.home-overview h1 {
font-size: 24px !important;
line-height: 30px !important;
}
h2 {
font-size: 24px !important;
line-height: 30px !important;
}
.home-login-bar button.uk-button.uk-button-default.uk-modal-close {
display: flex;
margin: 0 auto;
}
}
@media (max-width: 767.98px) {
.modulel-dropdown {
display: none;
}
.modulelinks-dropmenu {
}
.module-page-tabbing {
z-index: 49;
position: sticky;
position: -webkit-sticky;
top: 104px;
}
.module-page-tabbing .tab-list--colored {
position: static !important;
}
.module-page-tabbing .tab-list--colored .tab-list__link:after {
height: 3px;
}
.module-page-tabbing .tab-list__link {
font-size: 12px;
letter-spacing: 0.9px;
padding: 16.2px 20px;
font-weight: 600;
}
.module-page-tabbing .tab-list__link.navON:after, .module-page-tabbing .tab-list__link.isActive::after {
opacity: 1;
width: auto;
left: 20px;
right: 20px;
}
.is-module-avail .header.is-fixed {
box-shadow: unset;
}
.is-module-avail .header.is-fixed ~ .module-page-tabbing {
box-shadow: 0 14px 25px rgba(0, 0, 0, .16);
}
.modulel-dropdown__name {
font-size: 13px;
margin: 0;
font-weight: 700;
}
}
@media (max-width: 1300px) {
.module-page-tabbing .tab-list__link {
font-size: 14px;
letter-spacing: .9px;
padding: 15px 10px;;
}
}
@media (max-width: 1199.98px) {
.module-page-tabbing .tab-list__link {
font-size: 13px;
}
}
@media (max-width: 990px) {
.module-page-tabbing .tab-list__link {
font-size: 11px;
letter-spacing: 0.5px;
padding: 10px;
}
}
@media (max-width: 959.98px) {
.module-page-tabbing {
top: 90px;
}
.module-page-tabbing .tab-list__link {
font-size: 8px;
}
}
@media (max-width: 767.98px) {
.modulel-dropdown {
display: flex;
background: var(--bg-alt-2);
justify-content: space-between;
padding: 5px 15px;
align-items: center;
position: relative;
}
.module-page-tabbing .tab-list {
display: none;
position: absolute !important;
right: 20px;
top: calc(100% - 10px);
min-width: 200px;
}
.module-page-tabbing {
top: 61px;
}
.modulel-dropdown > a {
display: inline-flex;
background: var(--bg-alt-2);
padding: 6px 12px 3px;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 1px;
font-family: var(--title-fonts);
color: var(--text-color);
font-weight: 500;
justify-content: space-between;
border-radius: 40px;
border: 1px solid #b5b5af;
width: 157px;
white-space: nowrap;
}
.modulel-dropdown > a .js-module-txt {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.modulel-dropdown > a .uk-icon {
margin-left: 10px;
font-weight: 700
}
.modulelink-active .tab-list {
display: block;
padding: 10px 0;
}
.module-page-tabbing .tab-list__link:after {
width: -webkit-calc(100% - 30px) !important;
height: 1px;
}
.module-page-tabbing .tab-list__link {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 1px;
padding: 7px 15px;
display: inline-block;
}
.modulelink-active .modulel-dropdown > a {
border-bottom: 1px solid rgba(31, 31, 31, .25);
}
.modulelink-active .modulel-dropdown > a .uk-icon {
transform: rotate(180deg);
}
.module-page-tabbing .tab-list__link.navON {
padding: 7px 15px;
margin-bottom: 7px;
}
}
@media (max-width: 480px) {
.main-home-page .home-page-logo img.header__logo-img.desktop {
max-width: 140px;
}
.right-logo img.header__logo-img.desktop, .other-page-logo.commerce-logo img.header__logo-img.mobile {
max-width: 80px;
}
}
@media (max-width: 400px) {
.home-page-logo img {
width: 160px !important;
}
.other-page-logo img {
width: 160px !important;
}
}
@media (max-width: 380px) {
.main-home-page .home-page-logo img.header__logo-img.desktop {
max-width: 130px;
}
.right-logo img.header__logo-img.desktop, .other-page-logo.commerce-logo img.header__logo-img.mobile {
max-width: 70px;
}
}
@media (max-width: 340px) {
.main-home-page .home-page-logo img.header__logo-img.desktop {
max-width: 110px;
}
.right-logo img.header__logo-img.desktop, .other-page-logo.commerce-logo img.header__logo-img.mobile {
max-width: 56px;
}
}
/*--------------------- Header Ends -------------------*/
/*------------------- Sidewidget Starts ---------------*/
.side-widget {
}
.side-widget.uk-open::before {
background: var(--bg-header);
}
.side-widget a {
color: var(--primary-color) !important;
}
.side-widget__box {
width: 100%;
padding: 0;
background: var(--header-color);
color: var(--text-color);
background-size: 300px;
background-repeat: repeat;
}
.uk-offcanvas-flip .side-widget__box {
right: -100%;
}
@media (min-width: 960px) {
.side-widget__box {
width: 845px;
}
.uk-offcanvas-flip .side-widget__box {
right: -845px;
}
}
.side-widget__close {
color: var(--header-color);
background: var(--primary-color);
border: 0;
top: 0;
right: auto;
left: 0;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all .4s ease;
}
.side-widget__close svg,
.side-widget__close svg * {
transition: all .4s ease;
fill: currentColor;
}
.side-widget__close:hover,
.side-widget__close:focus {
background-color: var(--highlight-color);
}
.side-widget__close:hover svg,
.side-widget__close:hover svg *,
.side-widget__close:focus svg *,
.side-widget__close:focus svg * {
fill: var(--header-color);
}
.side-widget__row {
margin: 0;
align-items: stretch;
min-height: 100%;
}
.side-widget__col {
padding: 80px 60px;
}
.side-widget__col--right {
/*padding-left: 30px;*/
/*padding-right: 30px;*/
}
.side-widget__col + .side-widget__col {
border-left: 1px solid #c5c5c5;
}
.side-widget__title {
color: var(--text-color) !important;
text-transform: uppercase;
opacity: 1;
margin: 0;
}
.side-widget__title-text {
font-size: 16px;
color: var(--text-color) !important;
font-family: var(--title-fonts);
margin-top: 5px;
margin-bottom: 45px;
letter-spacing: 0.48px;
}
.side-widget__title-text a {
color: var(--text-color)!important;
}
.side-widget__title-text a:hover,
.side-widget__title-text a:focus {
color: var(--highlight-color)!important;
}
.side-widget__form-actions {
margin-top: 40px;
}
.side-widget__form-actions-main {
background: var(--primary-color) !important;
color: var(--header-color) !important;
font-size: 18px !important;
line-height: 1.5 !important;
letter-spacing: 0.54px !important;
width: 100% !important;
height: 60px !important;
}
.side-widget__form-actions-main:hover {
background-color: var(--highlight-color) !important;
border-color: var(--highlight-color) !important;
color: var(--header-color);
}
.side-widget__form-actions-sec {
letter-spacing: 0.42px !important;
color: var(--highlight-color) !important;
font-size: 14px !important;
line-height: 26px !important;
margin-top: 25px !important;
min-height: unset !important;
padding: 0 !important;
}
.side-widget__form-actions-sec:hover {
color: var(--primary-color) !important;
}
.side-widget__form-actions-sec > svg {
margin-left: 7px;
}
.side-widget__form-actions-sec > svg,
.side-widget__form-actions-sec > svg * {
fill: var(--highlight-color);
}
.side-widget__form-actions-sec:hover > svg, .side-widget__form-actions-sec:hover > svg * {
fill: var(--primary-color);
}
.side-widget__smalltitle {
color: var(--text-color) !important;
text-transform: uppercase;
opacity: 1;
}
.side-widget__desc {
text-align: left;
letter-spacing: 0.2px;
color: var(--text-color);
max-width: 315px;
margin: 0 auto;
font-size: 17px;
font-family: var(--title-fonts);
line-height: 1.45;
}
.side-widget__hr {
border-top: 1px solid rgba(112, 112, 112, 0.3) !important;
margin-top: 45px;
margin-bottom: 45px;
}
.side-widget__benefits-item {
letter-spacing: 0.2px;
color: var(--text-color) !important;
font-family: var(--title-fonts);
font-size: 17px;
line-height: 1.4;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 0;
}
.side-widget__benefits-item > svg,
.side-widget__benefits-item > img {
margin-right: 10px;
}
.side-widget__benefits-item > svg,
.side-widget__benefits-item > svg * {
fill: var(--primary-color) !important;
}
.side-widget__benefits-item + .side-widget__benefits-item {
margin-top: 25px;
}
.side-widget__benefits {
/*padding-left: 25px;*/
}
/*------------ Form Elements Specific Css ------------*/
.side-widget__form-group {
display: block;
position: relative;
margin-bottom: 30px;
}
.side-widget__form-text {
color: var(--text-color);
text-transform: uppercase;
font-family: var(--title-fonts);
font-size: 13px;
letter-spacing: 0.26px;
font-weight: 600;
}
.side-widget__form-control {
font-size: 20px;
color: var(--text-color) !important;
height: 40px;
position: relative;
border: 0;
border-bottom: 1px solid var(--primary-color) !important;
border-radius: 0;
padding: 3px 30px 3px 0px;
background: transparent !important;
}
.side-widget__form-control::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: var(--text-color) !important;
}
.side-widget__form-control::-moz-placeholder {
/* Firefox 19+ */
color: var(--text-color) !important;
}
.side-widget__form-control:-ms-input-placeholder {
/* IE 10+ */
color: var(--text-color) !important;
}
.side-widget__form-control:-moz-placeholder {
/* Firefox 18- */
color: var(--text-color) !important;
}
select.side-widget__form-control {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6.172' viewBox='0 0 10 6.172'%3E%3Cpath fill='%23C93214' d='M6.172-11.8,10-7.969,13.828-11.8,15-10.625l-5,5-5-5Z' transform='translate(-5 11.797)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 100% 65%;
cursor: pointer;
}
.side-widget__form-control:focus-visible {
outline: 0 !important;
box-shadow: none;
border-bottom-color: var(--bg-header) !important;
color: var(--highlight-color) !important;
}
.side-widget__form-icon {
position: absolute;
right: 0;
bottom: 13px;
fill: var(--primary-color);
}
.side-widget__form-icon svg,
.side-widget__form-icon svg * {
fill: var(--primary-color);
}
.open-remind-later .side-widget__booking {
display: none;
}
.open-remind-later .side-widget__reminder {
display: block !important;
}
.reminder-message {
text-align: center;
color: var(--text-color);
font-size: 20px;
margin-top: 20px;
}
@media (max-width: 767.98px) {
.side-widget__col {
padding: 45px 30px;
}
.side-widget__form-actions-main {
font-size: 13px !important;
height: 50px !important;
letter-spacing: .78px !important;
}
}
@media (max-width: 639.98px) {
.side-widget__col {
width: 100%;
}
.side-widget__col + .side-widget__col {
border-left: 0;
padding-top: 0;
}
.side-widget__form {
border-bottom: 1px solid #c5c5c5;
padding-bottom: 30px;
}
.side-widget__desc {
max-width: unset;
}
.side-widget__benefits {
padding: 0;
}
.side-widget__hr {
margin-top: 30px;
margin-bottom: 30px;
}
.side-widget__title {
font-size: 22px;
}
.side-widget__smalltitle {
text-align: left !important;
font-size: 22px;
}
.side-widget__title-text {
font-size: 16px;
margin-top: 3px;
margin-bottom: 25px;
letter-spacing: 0.32px;
}
}
/*------------ Sidewidget Ends -----------*/
.personal-banking-bottom-bar .bottom-bar-content .content-btn a:focus, .personal-banking-bottom-bar .bottom-bar-content .content-btn a:hover {
color: var(--secondary-color);
}
.personal-banking-bottom-bar .bottom-bar-content .content-btn a:focus:after, .personal-banking-bottom-bar .bottom-bar-content .content-btn a:hover:after {
color: var(--secondary-color);
}
.personal-banking-bottom-bar .bottom-bar-content .content-btn a:after {
content: "\e908" !important;
right: 7px !important;
top: 4px !important;
transform: rotate(-90deg) !important;
}
.video-arrow {
display: none;
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
.expand-grid .default-data {
width: 85%;
}
.tab-slider-content ul.tab-title li a {
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.video-arrow {
display: block;
}
.video-arrow {
bottom: 32px !important;
}
.video-arrow a.uk-position-center-left {
top: -26px !important;
}
}
@media (max-width: 767px) {
.tab-slider ul li {
justify-content: center;
}
.grid-btn span.template-icon-add {
top: 50%;
right: 20px;
position: absolute;
transform: translateY(-50%);
}
.personal-banking-bottom-bar .bottom-bar-content .content-btn a:after {
top: 3.5px !important;
}
}
@media (max-width: 400px) {
.banner-btn a.button-link {
margin-left: 10px !important;
}
.banner-btn {
padding-top: 0px !important;
}
}
@media (min-width: 959.98px) {
a.nav.overview {
display: none !important;
}
.navmenu__dropmenu .dropdown-grid .dropdown-column-1.column-view .dropdown-column-link > ul > li:nth-child(2) > a {
font-size: 18px;
top: -9px;
position: relative;
font-weight: 700;
}
.navmenu__dropmenu .dropdown-grid .dropdown-column-1.column-view .dropdown-column-link > ul > li:nth-child(2) ul {
padding-left: 0;
}
.tab-slider ul li{
margin-right: 5px !important;
margin-left: 5px !important;
border-color: var(--secondary-color) !important;
}
.tab-slider ul li.uk-active {
border-color: var(--secondary-color) !important;
}
}
@media only screen and (max-width: 1025px) and (min-width: 960px) {
.home-login-bar .uk-container-bar {
max-width: 1000px;
}
.home-login-bar .uk-container-bar form .form__group {
margin-left: 20px !important;
}
.home-login-bar-title {
color: #000000;
font-size: 18px;
font-weight: 700;
letter-spacing: .32px;
text-transform: uppercase;
width: 239px;
text-align: center;
}
}
.home-login-bar button.uk-button.uk-button-default.uk-modal-close span.template-icon-add, .home-login-bar button.uk-button.uk-button-default.uk-modal-close span.template-icon-add:before {
color: #000;
display: block;
transform: rotate(45deg);
}
.home-login-bar button.uk-button.uk-button-default.uk-modal-close span.template-icon-add {
display: block;
transform: rotate(-90deg);
}
@media(max-width: 1024px) {
.header_icon-content a:last-child {
display: none;
}
nav.mobile-slide-menu .mobile-accordion-menu-body a.nav.navraltion.active, nav.mobile-slide-menu .mobile-accordion-menu-body a.nav.navON {
color: var(--secondary-color);
}
}
.btn-tag.forgotdetalink {
font-size: 14px;
width: 190px;
display: inline-block;
color: #000000;
text-align: left;
padding-left: 20px;
}
.forgotdetalink a {margin: 0 15px 0 0;}
.home-login-bar-title .btn-tag {
font-size: 14px;
text-transform: initial;
}
/*------------------- Home Login Form Start -------------------*/
.home-login-bar {
background-color: #EFEFEF;
}
.uk-container-bar {
max-width: 1000px;
margin: 0 auto;
}
.home-login-bar .uk-container-bar {
display: flex;
align-items: center;
justify-content: center;
max-width: 1340px;
}
.home-login-bar-title {
color: #000000;
font-size: 18px;
font-weight: 700;
letter-spacing: .32px;
text-transform: uppercase;
width: 239px;
text-align: center;
}
.home-login-bar .uk-container-bar form {
display: flex;
align-items: center;
justify-content: center;
}
.home-login-bar .uk-container-bar form .form__group {
width: 420px;
margin-left: 40px;margin-bottom: 0;
}
.home-login-bar .uk-container-bar .form__group.dropdown select {
appearance: none;
background-image: none!important;
border-radius: 23px;
width: 250px;
padding-left: 20px;height: 45px;
}
.home-login-bar .uk-container-bar .form__group.dropdown {
position: relative;
margin-left: 35px;
margin-right: 10px;margin-bottom: 0;
}
.home-login-bar .uk-container-bar .form__group.dropdown:after {
content: '\e908';
width: 10px;
height: 10px;
font-size: 10px;
position: absolute;
right: 20px;
top: 9px;
background-size: contain;
transition: all .4s ease;
background-image: none!important;
font-family: var(--icon-fonts);
}
.home-login-bar .uk-container-bar form .form__group input {
height: 45px;
padding: 7px;
padding-top: 3px;
border-radius: 30px;
width: 170px;
display: inline-block;
border: solid 1px #C1C1C1;
background: #ffffff;
}
.home-login-bar .uk-container-bar form .form__group label.form__label {
font-weight: 700;
color: var(--primary-color);
line-height: 16px;
display: inline-block;
padding-right: 15px;
font-size: 16px;letter-spacing: inherit;
}
.home-login-bar .uk-container-bar form .form__group .remember-id label.form__label {
font-size: 14px;
color: #000000;
}
.remember-id, .forget-link, .btn-tag {
color: #000000;
font-size: 8px;
font-weight: 400;
}
.remember-id {
width: 160px;
display: inline-block;
padding-left: 10px;
}
.home-login-bar a {
color: #000000;
text-decoration: underline;
}
.home-login-bar a:focus, .home-login-bar a:hover {
text-decoration: none;
}
.home-login-bar .uk-button.uk-button-primary.contact-us__submit {
max-width: 100px;
min-height: 45px;
color: #fff;
font-size: 13px;
font-weight: 700;
padding: 4px 29px 7px 29px;
line-height: 15px;
text-decoration: none;
transition: .1s all ease-in-out;
}
button.submitlogin.uk-button.uk-button-primary.contact-us__submit {
margin-bottom: 24px;
width: 125px;
padding: 4px 25px 7px 25px;height: auto;
}
.home-login-bar .uk-button.uk-button-primary.contact-us__submit:focus, .home-login-bar .uk-button.uk-button-primary.contact-us__submit:hover {
color: var(--text-color);
transition: .1s all ease-in-out;
}
.home-login-bar .uk-container-bar .form__group.dropdown {
width: 300px;
}
.home-login-bar .uk-container-bar .form__group input.uk-checkbox {
width: 10px;
height: 10px;
padding: 0;
border-radius: 50%;
background: transparent;
border: 1px solid var(--primary-color);
}
.home-login-bar .uk-container-bar .form__group input.uk-checkbox:checked {
background-image: none;
background-color: var(--primary-color);
}
.home-login-bar .uk-container-bar .uk-grid.home-login__form__actions {
margin-top: 23px;width: 350px;
}
.btn-tag {
text-align: center;
}
.signinerror {
display: none;
color: #fb0000;
}
@media(max-width: 768px) {
.home-login-bar .uk-container-bar {
display: block;
}
.home-login-bar .uk-container-bar form {
display: block;
}
.home-login-bar-title {
text-align: center;
margin-bottom: 25px;
}
.home-login-bar .uk-container-bar form .form__group input {
height: 40px;
}
.home-login-bar .uk-container-bar form .form__group {
width: 100%;
margin: 0;
}
.home-login-bar .uk-container-bar .uk-grid.home-login__form__actions {
text-align: center;
}
.home-login-bar .uk-container-bar .form__group.dropdown {
width: 100%;
margin: 0;
margin-top: 40px;
margin-bottom: 25px;
}
.home-login-bar .uk-button.uk-button-primary.contact-us__submit {
display: block;
margin: 0 auto;
}
}
/*------------------- Home Login Form End ---------------------*/
.fdicbar {
width: 100%;
display: block;
position: fixed;
z-index: 11;
background: #ffffff;
text-align: center;
color: #000000;
padding: 15px 10px;
font-size: 16px;
font-style: italic;
top:0;
border-bottom: 1px solid #EFEFEF;
}
.fdicbar-description {
display: inline-block;
padding-left: 12px;
position: relative;
top: 2px;
}
.fdicbar-img {
display: inline-block;
width: 37px;
}
a.onlineservicesgo.button.uk-button.uk-button-primary.contact-us__submit {
max-width: 70px;
}
@media (max-width: 1330px) {
.home-login-bar .uk-container-bar .form__group.dropdown {
width: 200px;
margin-left: -30px;
}
.home-login-bar .uk-container-bar {
max-width: 96%;
}
}
@media (max-width: 1280px) {
.home-login-bar .uk-container-bar form .form__group {
width: 300px;
margin-left: 0px;
}
.home-login-bar .uk-container-bar .uk-grid.home-login__form__actions {
width: 240px;
}
button.submitlogin.uk-button.uk-button-primary.contact-us__submit {
margin-left: 15px;
margin-bottom: 3px;
}
.btn-tag.forgotdetalink {
font-size: 12px;
line-height: normal;
margin-bottom: 15px;
}
.home-login-bar .uk-container-bar .form__group.dropdown, a.onlineservicesgo.button.uk-button.uk-button-primary.contact-us__submit {
margin-bottom: 30px;
}
}
@media (max-width:1023.98px) {
.fdicbar {
padding: 5px 10px;
line-height: normal;
}
.header {margin-top: 65px;}
.header.is-fixed{
top:45px;
}
.home-login-bar-title .btn-tag {
display: inline-block;
margin-left: 10%;
position: relative;
top: -4px;
}
.home-login-bar .uk-container-bar form .form__group input {
height: 45px;
width: 100%;
margin-top: 10px;
}
.remember-id {
width: 100%;
margin-top: 10px;
}
.home-login-bar .uk-container-bar .form__group input.uk-checkbox {
margin-top: -3px;
margin-right: 5px;
}
.home-login-bar .uk-container-bar .uk-grid.home-login__form__actions {
width: 100%;
margin-top: 10px; margin-left: 0;
}
button.submitlogin.uk-button.uk-button-primary.contact-us__submit {
margin-left: 0;
width: 100%;
max-width: inherit;
}
.btn-tag.forgotdetalink {
font-size: 14px;
margin-bottom: 15px;
width: 100%;
padding-left: 0;
}
.home-login-bar .uk-container-bar .form__group.dropdown, a.onlineservicesgo.button.uk-button.uk-button-primary.contact-us__submit {
margin-left: 0;
width: 80%;
}
.home-login-bar .uk-container-bar .form__group.dropdown, a.onlineservicesgo.button.uk-button.uk-button-primary.contact-us__submit {
margin-bottom: 30px;
margin-left: 0;
width: calc(100% - 95px);
display: inline-block;
margin-top: 40px;margin-right: 0;
}
a.onlineservicesgo.button.uk-button.uk-button-primary.contact-us__submit {
width: 80px;
display: inline-block;
line-height: 40px;
margin: 0 0 0 10px;
}
.home-login-bar .uk-container-bar form .form__group {
width: 100%;
}
.home-login-bar .uk-container-bar .uk-grid.home-login__form__actions .uk-width-expand {
padding-left: 0;
}
.home-login-bar button.uk-button.uk-button-default.uk-modal-close {
display: block;
margin: 0 0 20px 0;
padding: 0;
}
.home-login-bar button.uk-button.uk-button-default.uk-modal-close span.template-icon-add {
font-size: 30px;
}
.home-login-bar-title {
width: 100%;
}
.home-login-bar .uk-container-bar, .home-login-bar .uk-container-bar form {
display: block;
}
.home-login-bar .uk-container-bar .form__group.dropdown select {
width: 100%;
}
}
@media (max-width:960px) {
.fdicbar-description {
display: inline-block;
vertical-align: middle;
width: 83%;
text-align: left;
}
.fdicbar {
padding: 11px 10px;
line-height: normal;
}
.fdicbar-img {
vertical-align: middle;
}
}
@media (max-width:767px) {
.header {
margin-top: 70px;
top: 70px;
}
.header.is-fixed {
top: 64px;
}
}
@media (max-width:380px) {
.header {
margin-top: 70px;
top: 65px;
}
.header.is-fixed {
/* top: 87px; */
top: 64px;
}
}
/* This css is for when single header -- [START]*/
.header.header-single {
margin-top: 0;
top: 0;
}
@media (max-width: 1023.98px) {
.header__toggler-btn {
padding-bottom: 4px;
}
}
/* This css is for when single header -- [END]*/
@media (max-width: 1023.98px) {
.header.is-fixed .navmenu {
top: 109px;
}
.header .navmenu {
top: 137px;
}
}
@media (max-width:767px) {
.home-page .header.is-fixed .header__logo-img.mobile {
display: block;
position: relative;
top: 3px;
left: -15px;
}
.header:before {
z-index: 0;
}
.header.is-fixed .navmenu {
top: 117px;
}
.header .navmenu {
top: 131px;
}
.header.header-single .navmenu {
top: 62px;
}
.header.header-single .navmenu, .header.header-single.is-fixed .navmenu {
top: 62px;
}
}
@media (max-width: 400px) {
.home-page .header.is-fixed .header__logo-img.mobile{
left: -6px;
}
}
.breadcrumb__nav>a:hover, .breadcrumb__nav>a:focus-within {
text-decoration: none !important;
}
.breadcrumb__nav>a:hover:after, .breadcrumb__nav>a:focus-within:after {
color: var(--text-color);
text-decoration: none !important;
}
.invest-btn.desktop a.uk-button.uk-button-primary {
padding: 6px 53px 10px 53px;
}
/*---------------------- Footer Starts ----------------------*/
.footer {
font-size: 14px;
font-weight: 400;
color: var(--footer-color);
letter-spacing: 0;
padding: 60px 0 50px;
background-repeat: no-repeat;
background-size: cover;
background-color: var(--bg-footer);
font-family: var(--title-fonts);
line-height: 28px;
background-blend-mode: luminosity;
}
.mobile-footer {
display: none;
}
.mobile-footer .invest-btn {
padding-top: 25px;
}
.footer a {
color: var(--footer-color);
}
.footer .nasdaqdata a:hover, .footer .nasdaqdata a:focus {
color: #face20;
text-decoration:none;
}
.footer-link-content ul li a {
font-size: 11px;
line-height: 18px;
}
.footer-link-title {
font-size: 15px;
font-weight: 700;
padding-bottom: 5px;
line-height: 20px;
}
.footer-link4 .footer-link-content ul li a {
font-size: 15px;
font-weight: 700;
line-height: 25px;
}
.footer-link4 .footer-link-title {
margin-bottom: 5px;
}
.footer .footer__social a {
color: var(--secondary-color);
padding-right: 15px;
}
.footer__menu-item+.footer__menu-item {
font-weight: 400;
margin-left: 5px;
padding-left: 10px;
}
.footer a:hover,
.footer a.navON {
/*color: var(--primary-color);*/
transition: all .4s ease;
text-decoration: underline;
}
.footer a:hover svg,
.footer a:hover svg *,
.footer a.navON svg,
.footer a.navON svg * {
fill: var(--primary-color);
transition: all .4s ease;
}
.footer__container {
position: relative;
}
.uk-grid.footer__grid {
margin-bottom: 50px;
}
.footer-logo {
display: flex;
padding-bottom: 0;
}
.invest-btn.desktop {
padding-top: 0;
padding-bottom: 25px;
text-align: right;
border-bottom: 1px solid var(--secondary-color);
}
.invest-btn.desktop a {
text-decoration: none;
}
.footer-logo a.header__logo {
max-width: 212px;
padding-top: 0;
position:relative;
top:-10px;
}
.footer-logo a.footer_logo.logo-2 {
padding-left: 8px;
}
.footer-logo a.footer_logo.logo-2 img {
height: 93px;
}
.footer-contact {
padding-top: 30px;
}
.footer__col.footer__col--links {
padding-left: 90px;
}
.footer__col.footer__col--links > div {
width: 24.6%;
display: inline-block;
vertical-align: top;
}
.footer__col.footer__col--links>div ul li {
padding: 0;
list-style: none;
line-height: 20px;
}
.footer__col.footer__col--links > div ul {
padding: 0;
margin: 0;
}
.footer__backtotop {
position: absolute;
right: 80px;
bottom: 0;
}
.footer__backtotop span.back-button {
font-size: 8px;
display: block;
font-weight: 900;
letter-spacing: 0.4px;
margin-top: 17px;
text-transform: uppercase;
}
.footer__backtotop-action {
color: var(--footer-color);
transition: all .4s ease;
}
.footer__backtotop-action svg, .footer__backtotop-action path {
fill: currentColor
}
.footer__backtotop-action:hover, .footer__backtotop-action:focus-visible {
color: var(--secondary-color);
}
.footer__title {
letter-spacing: 0;
color: var(--footer-color);
text-transform: uppercase;
font-family: var(--title-fonts);
font-size: 20px;
line-height: 1.5;
max-width: 350px;
display: flex;
align-items: center;
margin-bottom: 25px;
font-weight: 700;
}
.footer__address {
word-break: break-word;
}
.footer__social {
max-width: 222px;
display: flex;
align-items: center;
margin-top: 20px;
font-weight: normal;
}
.footer__social-icon {
width: 20px;
height: 20px;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
transition: all .4s ease; text-align:center;
}
.footer__menu {
margin-bottom: 15px;
}
.footer__copyright, .footer__menu {
font-size: 11px;
margin-top: 0;
letter-spacing: 0.44px;
line-height: 17px;
}
.footer__copyright--inner {
display: block;
}
.main-home-page .footer__copyright--inner {
display: none;
}
.main-home-page .footer__copyright--home {
display: block;
}
.main-home-page .footer__copyright--home a {
text-decoration: underline;
}
.main-home-page .footer__copyright--home a:focus, .main-home-page .footer__copyright--home a:hover {
text-decoration: none;
}
.footer__copyright--home {
display: none;
}
.footer__links {
font-size: 13px;
line-height: 1.8;
letter-spacing: 0.78px;
text-transform: uppercase;
font-weight: 700;
}
.footer__links-item + .footer__links-item {
margin-top: 8px;
}
.footer__links-item .uk-disabled {
opacity: .7;
}
.footer__newsletter {
max-width: 315px;
}
.footer__newsletter-action {
color: #fff !important;
width: 100%;
max-width: 241px;
margin-top: 20px;
margin-bottom: 15px;
}
a.footer__newsletter-action:hover {
text-decoration: none;
}
.footer__notify:hover,
.footer__notify:focus-within {
color: var(--footer-color);
text-decoration: underline;
}
.footer__notify:after {
content: '\e902';
transform: rotate(0);
width: 12px;
height: 12px;
margin-left: 7px !important;
}
.footer__logoes {
margin-top: 50px;
display: flex;
justify-content: center;
}
.footer__logoes-item svg {
height: 40px;
width: auto;
}
.footer__logoes-item a {
display: block;
}
.footer__logoes-item {
display: inline-block;
}
.footer__logoes-item + .footer__logoes-item {
margin-left: 25px;
}
.footer__social-link > svg {
width: auto;
height: 19px;
}
.footer__social-link {
display: inline-flex;
align-items: center;
}
.footer__menu-item {
display: inline-flex;
align-items: center;
position: relative;
padding-left: 15px;
}
.footer__menu-item:before {
content: '';
line-height: 1;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 3px;
background: var(--footer-color);
border-radius: 50%;
}
.footer__menu-item + .footer__menu-item {
margin-left: 10px;
}
.footer__menu-item:first-child {
padding-left: 0;
}
.footer__menu-item:first-child:before {
display: none;
}
.footer_end_logo {
padding-top: 10px;
}
@media(min-width: 768px) {
.header__phone-text,.navmenu__list-item--onlymob,.navmenu__more-bookstay,.navmenu__list-link--btn {
display:none!important
}
}
@media (max-width: 1400px) {
}
@media (max-width: 1288px) {
.footer__col.footer__col--links {
padding-left: 20px;
}
}
@media (max-width: 1171px) {
.footer__col.footer__col--links>div {
width: 24.5%;
}
}
@media (min-width: 980px) and (max-width: 1025px) {
.footer__menu-item + .footer__menu-item:last-child {
margin-left: 0px;
}
}
@media (max-width: 1023.98px) {
.invest-btn.desktop {
display: block;
}
.mobile-footer .invest-btn {
padding-top: 25px;
display: none;
}
.invest-btn.desktop a.uk-button.uk-button-primary {
padding: 6px 53px 10px 53px;
margin: 10px auto;
float: none;
width: 150px;
display: block;
line-height: 30px;
text-align: center;
padding: 10px;
}
.footer {
padding: 40px 0;
}
.footer-logo a.header__logo {
max-width: 253px;
margin: 0 auto;
}
.footer__backtotop {
display: none;
}
.mobile-footer {
display: block;
}
.desktop-footer {
display: none;
}
.footer-contact.mobile-footer {
font-size: 17px;
}
.nadaq-ticker.desktop {
display: none;
}
.mobile-footer .nadaq-ticker {
float: none;
margin: 0 auto;
}
.mobile-footer-link.mobile-footer {
margin: 0 auto;
margin-top: 40px;
}
.mobile-footer-link.mobile-footer a.nav {
width: 33%;
font-size: 17px;
float: left;
margin-bottom: 15px;
}
.mobile-content-footer {
width: 300px;
display: flex;
align-items: center;
margin: 30px auto;
justify-content: space-between;
}
.footer-logo {
justify-content: center;
}
.footer_end_logo {
padding-top: 0;
}
.mobile-content-footer .footer__social {
margin: 0;
}
.mobile-content-footer .footer-social-media .footer__social a.footer__social-link {
padding-right: 25px;
}
}
@media (max-width: 1023.98px) {
.footer {
text-align: center;
}
.footer-logo {
text-align: center;
display: block;
}
.footer-logo a.header__logo, .jika-ticker {
max-width: 273px;
display: inline-block;
margin: 0 auto;
float: none;
position: relative;
}
.footer__col--brand,
.footer__col--links,
.footer__col--newsletter {
width: 100%;
}
.footer__newsletter {
margin: 0 auto;
}
.footer__title {
margin-left: auto;
margin-right: auto;
justify-content: center;
min-height: unset;
}
.footer__social {
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.footer__col--links,
.footer__col--newsletter {
margin-top: 45px;
}
.footer__links {
width: 350px;
display: grid!important;
grid-template-columns: repeat(auto-fill,minmax(130px,1fr));
grid-gap: 0 70px;
grid-row-gap: 5px;
align-items: flex-end;
justify-content: center;
margin-left: auto!important;
margin-right: auto!important;
margin-top: 25px!important;
text-align: left;
}
.footer__links-item+.footer__links-item {
margin-top: 0;
}
.footer__copyright {
margin-top: 45px;
}
}
@media (max-width: 767.98px) {
.footer {
padding: 20px 0 320px;
}
.footer-logo {
padding-bottom: 0;
}
.footer__title {
font-size: 18px;
}
.footer__col--links, .footer__col--newsletter {
margin-top: 35px;
}
.footer__social {
margin-top: 35px;
}
.footer__logoes-item svg {
height: 30px;
}
.footer-contact.mobile-footer {
text-align: left;
}
.footer-contact.mobile-footer span {
display: block;
font-weight: 700;
padding-bottom: 5px;
}
.footer-contact.mobile-footer strong {
display: table;
margin-top: 5px;
margin-bottom: 5px;
}
.footer-contact.mobile-footer a {
display: block;
}
.mobile-footer-link.mobile-footer a.nav {
text-align: left;
margin-bottom: 25px;
}
.mobile-footer-link.mobile-footer {
width: 100%;
margin: 0 auto;
margin-top: 0;
padding: 35px 0;
margin-left: 20px;
margin-top: 40px;
border-top: 1px solid var(--secondary-color);
border-bottom: 1px solid var(--secondary-color);
}
.footer__menu-item+.footer__menu-item {
font-weight: 400;
padding-left: 10px;
margin-left: 5px;
}
}
@media (max-width: 575px) {
div#jika_ticker iframe {
margin-left: 0 !important;
}
.footer__copyright {
font-size: 12px;
font-weight: 700;
}
.footer__logoes-item svg {
height: 30px;
max-width: 135px;
}
.footer__logoes {
margin-top: 55px;
}
.footer__backtotop {
position: static;
margin-top: 40px;
}
}
@media (max-width: 420px) {
.footer__links {
width: 360px;
grid-template-columns: repeat(auto-fill,minmax(130px,1fr));
grid-gap: 0 25px;
}
}
@media (max-width: 374px) {
.footer__logoes-item svg {
height: 35px;
max-width: 100px;
}
.footer__links {
width: auto;
text-align: center;
}
}
/*---------------------- Footer Ends ----------------------*/
/*---------------------- Nasdaq Widget ---------------------*/
.footer-logo {
justify-content: space-between;
}
.nadaq-ticker {
width: 217px;
height: 93px;
color: #fff;
background-image: url(https://assets.milestoneinternet.com/ibc-bank/siteimages/trade-line.png);
margin: 0 0px;
float: right;
position: relative;
text-align: center;
background-color: #c42b2b;
background-size: 100% 100%;
}
.currency span {
font-size: 14px;
font-weight: 300;
padding-left: 5px;
top: 0px;
position: relative;
}
.currency span#stock_arrow {
font-size: 9px;
}
.stock-value {
font-size: 35px;
font-family: var(--title-fonts);
line-height: 26px;
display: inline-block;
font-weight: 900;
}
.currency {
font-family: var(--title-fonts);
font-size: 15px;
line-height: 15px;
letter-spacing: .02em;
padding-top: 8px;font-weight: 300;
}
.stock-closed {
font-size: 14px;
font-family: var(--title-fonts);
line-height: 14px;
padding-top: 4px;
font-weight: 300;
}
.nasdaqdata {
width: 100%;
top: 50%;
position: absolute;
transform: translateY(-50%);
}
/*-------------- Nasdaq Widget --------------------*/
.footer .footer__social a:focus, .footer .footer__social a:hover {
color: var(--primary-color);
text-decoration: none;
}
.footer .footer__social a span.footer__social-icon.template-icon-youtube-svgrepo-com {
font-size: 22px;
margin-top: -6px;
}
@media only screen and (max-width: 1025px) and (min-width: 960px) {
.nadaq-ticker {
margin-left: 10px !important;
}
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
.footer-logo {
justify-content: center;
}
}
/**** fixed social icon****/
.fixed-social-icon-top {position: fixed; right: 0px; bottom: 100px; width: 70px; height: 210px; padding: 20px; background: var(--primary-color); border-radius: 25px 0px 0px 25px;}
.fixed-social-icon-top .footer__social { max-width: 100%; flex-direction: column; justify-content: space-between; height: 100%; align-items: center; margin: 0 auto;}
.fixed-social-icon-top .footer__social a { padding:0px; text-align:center; font-size:18px;}
.fixed-social-icon-top .footer__social a:hover { color:var(--footer-color);}
.footer .fixed-social-icon-top .footer__social a span.footer__social-icon.template-icon-youtube-svgrepo-com { font-size: 28px; margin-top: 0px; margin-left: -6px; line-height: 22px;}
/*.fixed-social-icon-top .footer__social a:nth-child(2) { order:3;}*/
.footer .fixed-social-icon-top .template-icon-twitter:before { font-size:15px;}
.footer .fixed-social-icon-top .template-icon-pinterest:before { font-size:20px;}
@media (max-width:767px) {
.fixed-social-icon-top { width: 60px; height: 200px; padding: 15px; border-radius: 20px 0px 0px 20px; z-index: 2;}
}
nav.breadcrumb {
padding-top: 15px;
}
.breadcrumb__nav a {
text-transform: capitalize;
}
.breadcrumb__nav {
font-size: 15px;
color: var(--text-color);
font-weight: 900;
letter-spacing: 0;
text-transform: capitalize;
}
.breadcrumb__nav > a {
font-weight: 400;
}
.breadcrumb__nav > a::after {
content: '/';
margin: 0 7px;
display: inline-flex;
vertical-align: middle;
}
.breadcrumb__nav > :nth-child(n+2):not(.uk-first-column)::before {
display: none;
}
.breadcrumb__nav > * {
color: var(--text-color);
align-items: center;
display: inline-flex;
}
.breadcrumb__nav > a:hover,
.breadcrumb__nav > a:focus-within {
text-decoration: underline;
}
.breadcrumb--light {
padding-top: 70px;
background: var(--bg-alt-1);
}
.breadcrumb--light .breadcrumb__nav {
color: rgba(0, 0, 0, .5);
}
.breadcrumb--light .breadcrumb__nav > * {
color: var(--text-color);
}
@media (min-width: 960px) {
}
@media (max-width: 1024px) {
.breadcrumb {
display: none;
}
}
body.insurance-about-us .header { top:0px; margin-top:0px; }
body.insurance-about-us.contact-us { padding-top:0px; }
.online-banking-securitypage .inner-bottom-description-section {
width: 100%;
display: inline-block;
padding: 40px 20px 40px 20px;
}
.commerce-bank-branchall-btn {
padding: 0 0 30px 0;
}
.commerce-bank-branchall-btn .uk-button {padding: 6px 35px 10px 35px;}
.LeavingSite-Page .leaving-site h1 {text-transform: initial;}
.insurance-banner-disclaimer .insu-rights.disclaimers {
padding-top: 0;
}
.insurance-banner-disclaimer .insu-rights.disclaimers .insu-rights-text p {
display: none;
}
.std-int-side-bullist-name > a.nav.title-link {
font-weight: 700;
}
.fix-container .inner-overview {
padding-left: 20px;
padding-right: 20px;
}
body.international-currency-exchange .overview-btn {
display: block;
}
body.international-currency-exchange .overview-btn a.uk-button.uk-button-primary {
margin-bottom: 20px;
}
.insu-rights.disclaimers {
padding-top: 40px;
}
div#gdpr-privacy .box2 {
margin-top: 0;
}
div#gdpr-privacy .box2 div#gdprformsection {
margin-top: 0;
}
div#gdpr-privacy ul li {
position: relative;
padding-left: 10px;
list-style: none;
}
div#gdpr-privacy ul li:before {
content: '';
width: 5px;
height: 5px;
left: -16px;
top: 10px;
position: absolute;
border-radius: 50%;
background-color: var(--primary-color);
}
div#gdpr-privacy ul li a:focus, div#gdpr-privacy ul li a:hover {
color: var(--secondary-color);
}
div#gdpr-privacy ul a:focus, div#gdpr-privacy ul a:hover {
color: var(--secondary-color);
}
.sitemap-sec .page_faqs__content ul li a:focus, .sitemap-sec .page_faqs__content ul li a:hover {
color: var(--primary-color);
}
.banking-end-btn {
text-align: center;
margin-bottom: 50px;
}
.personal-banking-tab-slider.ks-tab-slider .tab-slider-content ul.tab-title {
display: none;
}
.faqspagemain.mobile-banking-faq .uk-container {
padding: 0 40px;
}
.faqspagemain.mobile-banking-faq {
padding: 20px 0 40px 0;
}
.link-boxes__media a img {
transition: .5s all ease-in-out;
}
.link-boxes__media a:hover img, .link-boxes__media a:focus-within img {
transform: scale(1.1);
transition: .5s all ease-in-out;
}
.invest-btn.desktop {
padding-top: 25px;
}
body.terms-of-use .description.more-extra-content {
padding-top: 40px;
}
.identity-theft-section {
padding-bottom: 70px;
}
.link-boxes__media img {
border-radius: 8px;
}
.new-banking-demos-videos-link a:focus, .new-banking-demos-videos-link a:hover {
color: var(--secondary-color);
}
.personal-banking-tab-slider ul li {
list-style: none;
}
.description ul.data {
margin-top: 20px;
}
.overview-list-title {
padding-top: 20px;
border-top: 1px solid #e5e5e5;
}
.overview-list {
margin-top: 0px !important;
}
.disclaimer-text.disclaimers.disclaimers-large table {
margin: 0 auto;
}
.big-snippet.financial-learning .snippet-media img {
height: 379px;
object-fit: cover;
}
.big-snippet.financial-learning .big-snippet-content:nth-child(odd) .uk-width-2-5\@m.uk-width-expand\@l {
padding-left: 100px;
}
.big-snippet.financial-learning .big-snippet-content:nth-child(even) .uk-width-2-5\@m.uk-width-expand\@l {
padding-right: 140px;
}
.privacy-page-faq {
margin-top: 70px;
}
.privacy-page-faq .uk-container1240 {
max-width: 1000px;
}
.uk-accordion-title::before {
color: var(--primary-color);
}
.uk-accordion>:nth-child(n+2) {
border-top: 1px solid #000;
}
.banking-demos-videos-link {
margin-top: 40px;
}
h2.h1-headline__tagline.smalltitle {
margin-top: 40px;
}
.leaving-site {
padding: 20px 0 50px 0;
}
.leaving-site .action_buttons {
margin-top: 20px;
}
.clear {
height: 0;
clear: both;
float: none;
}
.breadcrumb-nav nav.breadcrumb {
padding-top: 30px;
}
.faq-contnet-left-inner ul li:nth-child(n+2) {
border-top: 1px solid #000;
}
.text-content {
margin: 20px 0;
}
.about-content-end .inner-bottom-description-section {
text-align: left;
}
.about-content-end .inner-bottom-description-section .std-int-name {
padding-bottom: 20px;
}
.about-content-end .std-int-bullist-name {
margin-top: 20px;
}
.about-content-end .std-int-bullist-desc h3 {
margin-bottom: 10px;
}
.about-content-end .column31 {
width: 31%;
float: left;
padding-right: 10px;
}
.about-content-end .column32 {
width: 32%;
float: left;
padding-right: 10px;
}
.about-content-end .column33 {
width: 32%;
float: left;
padding: 0;
}
.about-content-end .std-int-bullist-content h3 {
margin: 20px 0;
}
.std-int-img1 {
float: right;
width: 30%;
max-width: 470px;
display: block;
margin: 11px 0 30px 35px;
border-radius: 7px;
}
.personallcalculator {
width: 100%;
max-width: 460px;
min-height: 560px;
margin: 0 auto;
padding: 15px;
background: #f9f9f9;
border-radius: 15px;
border: solid 1px #dadada;
box-sizing: border-box;
box-shadow: 3px 3px 4px #000;
}
/*------------------ GCP Common Starts ------------------*/
.uk-container1240 {
max-width: 1240px;
padding: 0 20px;
margin: 0 auto;
box-sizing: content-box !important;
}
.uk-container800 {
max-width: 800px;
padding: 0 20px;
margin: 0 auto;
box-sizing: content-box !important;
}
h1 {
font-size: 36px;
color: var(--primary-color);
font-weight: 900;
letter-spacing: 0;
position: relative;
padding-bottom: 35px;
margin-bottom: 35px;
text-transform: capitalize;
font-family: var(--title-fonts);
line-height: 40px;
}
h1:after {
content: '';
width: 40px;
height: 3px;
bottom: 0;
left: 0;
position: absolute;
background-color: var(--secondary-color);
}
h2 {
font-size: 24px;
color: var(--primary-color);
font-weight: 900;
letter-spacing: 0;
position: relative;
text-transform: inherit;
font-family: var(--title-fonts);
line-height: 30px;
}
h3 {
font-size: 20px;
font-weight: 700;
margin: 0;
line-height: 30px;
}
.title {
font-size: 36px;
color: var(--primary-color);
letter-spacing: 0;
font-weight: 900;
text-transform: uppercase;
font-family: var(--title-fonts);
line-height: 40px;
}
.inner-padding {
padding: 40px 0;
}
.inner-padding--small,
.inner-padding--medium {
padding: 30px 0;
}
.inner-padding:not(.inner-padding--force) + .inner-padding:not(.inner-padding--force),
.inner-padding--small:not(.inner-padding--force) + .inner-padding:not(.inner-padding--force) {
padding-top: 0;
}
.placeholder-div > * {
width: 100%;
}
.gutter-xl {
margin-left: -50px;
}
.gutter-xl > * {
padding-left: 50px;
}
.hr-xl {
margin: 30px 0;
}
.uk-button {
max-width: 100%;
min-height: 48px;
font-size: 16px;
font-weight: 900;
padding: 6px 53px 10px 53px;
opacity: 1;
letter-spacing: 0;
border-radius: 40px;
text-transform: capitalize;
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
font-family: var(--title-fonts);
line-height: 20px;
}
.uk-button-primary {
color: #fff;
background-color: var(--primary-color);
}
.uk-button-primary:hover,
.uk-button-primary:focus,
.uk-button-primary:focus-visible {
color: var(--text-color);
background-color: var(--secondary-color);
}
.button-link {
min-height: auto;
font-size: 16px;
color: var(--text-color);
font-weight: 700;
padding: 0;
position: relative;
text-align: center;
text-transform: capitalize;
display: inline-flex;
align-items: center;
background: transparent;
padding-right: 25px;
font-family: var(--title-fonts);
line-height: 20px;
}
.button-link:after {
content: "\e927";
width: 15px;
height: 15px;
font-size: 14px;
color: var(--primary-color);
right: 0px;
bottom: -1px;
position: absolute;
font-weight: normal;
display: inline-flex;
transition: all .4s ease;
background-size: contain;
background-repeat: no-repeat;
font-family: var(--icon-fonts)!important;
line-height: 1;
}
.button-link:hover,
.button-link:focus-within {
color: var(--primary-color);
text-decoration: none;
}
.button-link:not(.button-readmore):hover:after,
.button-link:not(.button-readmore):focus-within:after {
right: -3px;
}
button.uk-button.button-link.button-readmore.js-texttoggle-action:after {
content: "\e909";
top: 6px;
transform: inherit;
}
button.uk-button.button-link.button-readmore.js-texttoggle-action[aria-expanded="true"]:after {
content: "\e90a";
}
.full-faq-section.inner-faq {
padding: 70px 0;
background-color: #f8f8f8;
}
.faq-contnet-left-inner ul li a.uk-accordion-title {
padding-right: 120px;
}
.faq-contnet-left-inner ul li a:before {
color: var(--primary-color);
}
table.rates-table {
padding-bottom: 40px;
}
table.rates-table th {
color: #fff;
background-color: var(--primary-color);
text-align: center;
}
.rate-item-loop.detail-td .data h2 {
margin-top: 20px;
}
.help-services {
margin-bottom: 70px;
}
.help-services .services-grid > a {
width: 100%;
display: table;
background-color: #f6f6f6;
}
.help-services .services-grid a:hover, .help-services .services-grid a:focus {
color: #000;
background-color: var(--primary-color);
}
.help-services .service-inner {
padding: 29px 21px 21px;
}
.services-grid .service-icon {
font-size: 60px;
padding-bottom: 20px;
display: inline-block;
}
.services-grid .service-title {
font-size: 22px;
margin-top: 20px;
transition: all .4s ease;
line-height: 18px;
}
.services-grid a:hover .service-icon, .services-grid a:hover .service-title, .services-grid a:focus .service-icon, .services-grid a:focus .service-title {
color: #fff;
transition: all .4s ease;
}
.help-services .service-inner span {
font-size: 60px;
}
.bran-services-section.services-grid.text-center {
text-align: center;
}
.help-services .service-inner span:before {
color: var(--text-color);
}
.help-services .service-inner span {
color: var(--text-color);
font-size: 60px;
transition: all .4s ease;
}
.services-grid a:focus .service-inner span, .services-grid a:hover .service-inner span {
color: #fff;
transition: all .4s ease;
}
.services-grid a:focus .service-inner span:before, .services-grid a:hover .service-inner span:before {
color: #fff;
transition: all .4s ease;
}
.ibc_pdf_section {
padding: 20px 0;
margin: 0 0 40px 0;
background-color: var(--primary-color);
}
.ibc-pdf-inner {
padding: 20px 0;
}
.ibc_pdf_section .ibc-pdf-inner:nth-child(2) {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.ibc-pdf-inner a.gotobutton {
color: #fff;
font-weight: 700;
text-align: center;
}
.ibc-pdf-inner a {
color: #fff;
text-align: center;
}
.ibc-pdf-inner a:focus, .ibc-pdf-inner a:hover {
color: var(--secondary-color);
}
.pdf-cat-icon {
font-size: 22px;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
.pdf-cat-name {
display: inline-block;
vertical-align: middle;
transition: .2s all ease-in-out;
}
.ibc-pdf-inner a.gotobutton:focus .pdf-cat-name, .ibc-pdf-inner a.gotobutton:hover .pdf-cat-name {
color: var(--secondary-color);
transition: .2s all ease-in-out;
}
.footer-stock-section {
margin-top: 0;
}
.big-snippet.chairmans-corner {
padding: 40px 0 20px 0;
}
@media (min-width: 1400px) {
.gutter-xl {
margin-left: -125px;
}
.gutter-xl > * {
padding-left: 125px;
}
.hr-xl {
margin: 60px 0;
}
.inner-padding {
padding: 80px 0;
}
.inner-padding--small {
padding: 40px 0;
}
.inner-padding--medium {
padding: 65px 0;
}
}
@media (max-width: 767.98px) {
.comm-bran-map img {
width: 100%;
}
h1 {
font-size: 24px;
line-height: 30px;
}
.text-content h3 {
font-size: 17px;
line-height: 25px;
}
.std-int-side-bullist-name {
margin-bottom: 15px;
}
.identity-theft-section {
padding-bottom: 40px;
}
.footer-stock-section {
padding-top: 20px;
}
.big-snippet.financial-learning .big-snippet-content:nth-child(odd) .uk-width-2-5\@m.uk-width-expand\@l {
padding-left: 0;
}
.big-snippet.financial-learning .big-snippet-content:nth-child(even) .uk-width-2-5\@m.uk-width-expand\@l {
padding-right: 0;
}
.footer-stock-section {
margin-top: 40px;
}
.gutter-xl {
margin-left: -20px;
}
.gutter-xl > * {
padding-left: 20px;
}
.inner-padding, .inner-padding--small, .inner-padding--medium {
padding: 50px 0;
}
.std-int-img1 {
width: 100%;
max-width: 100%;
display: block;
float: none;
margin: 0 0px 15px 0;
border-radius: 7px;
}
.about-content-end .inner-bottom-description-section {
margin: 0;
}
.sitemap-sec .rich-editor .uk-grid>div ul {
margin-bottom: 15px;
}
.inner-bottom-description-section table {
margin-bottom: 20px;
}
}
/*---------------- GCP Common Ends ---------------------*/
/*--------------- Hero Image Starts -----------------*/
.hero__media {
height: 100%;
position: relative;
}
/* .hero__media ul.uk-slideshow-items {
min-height: 599px !important;
} */
.hero__media img {
width: 100%;
height: auto;
}
.hero__media ul.uk-slideshow-items li img {
width: 100%;
height: auto;
object-fit: cover;
}
.inner-hero-banner {
width: 558px;
top: 50%;
left: 60px;
position: absolute;
border-radius: 6px;
padding: 40px 45px 30px 30px;
background-color: #fff;
transform: translateY(-50%);
box-shadow: 0px 3px 6px #00000029;
}
.inner-hero-banner .description {
font-size: 18px;
font-weight: 900;
margin: 20px 0 30px 0;
line-height: 20px;
}
.banner-btn a.button-link {
margin-left: 25px;
}
.tag {
font-size: 12px;
font-weight: 900;
margin-top: 35px;
text-transform: uppercase;
line-height: 15px;
}
@media (min-width: 1300px) {
.insu-rights.disclaimers .disclaimer-largetext.sqaure-frame-inner .tabledivmain { overflow:hidden; }
}
@media (max-width: 1024px) {
.comm-bran-map img {
width: 100%;
}
.hero__media ul li {
width: 100%;
}
.personallcalculator {
max-width: 100%;
}
body.fix-container .inner-overview {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 767.98px) {
}
/*--------------- Hero Image Ends -----------------*/
/*------------- H1 Headline Starts ---------------*/
.inner-overview {
padding: 40px 0;
}
.inner-contnet .description > h2:first-child {
padding-top: 20px;
}
.inner-overview.inner-overview-online-banking .room-details__content {
padding-left: 0px;
}
.remove-padding-from-left .inner-overview.inner-overview-online-banking .room-details__content { padding-left: 20px;}
.inner-overview .description h3 {
margin-top: 30px;
margin-bottom: 7px;
}
.inner-contnet ul.data {
padding-top: 20px;
}
.inner-contnet {
padding-left: 15px;
}
.overview-media img {
object-fit: cover;
border-radius: 8px;
}
.inner-contnet .description .more-content {
margin-top: 20px;
}
button.uk-button.button-link.button-readmore.js-texttoggle-action {
margin-top: 20px;
}
.overview-btn {
margin-top: 40px;
}
.overview-btn {
display: flex;
align-items: center;
}
.overview-btn.snippet-btn .uk-button:first-child {
margin-right: 15px;
}
.overview-btn a.uk-button.uk-button-primary {
max-width: 100%;
padding: 6px 28px 10px 28px;
margin-bottom: 0;
}
.overview-btn a.button-link {
margin-left: 0;
}
.overview-btn a.uk-button-primary {
margin-right: 25px;
}
@media (max-width: 1300px) and (min-width: 1200px) {
.inner-overview.inner-overview-online-banking .room-details__content {
padding-left: 20px;
}
}
@media (max-width: 1030px) and (min-width: 1000px) {
.overview-btn {
display: block;
align-items: center;
}.overview-btn a.uk-button.uk-button-primary.gotobutton:last-child {
margin-top: 10px;
}
}
@media (max-width: 1024px) {
.standard-interior-side-bullist-section {
max-width: 100% !important;
}
.standard-interior-side-bullist-section {
float: none!important;
margin-left: 0!important;
margin-bottom: 0 !important;
}
.inner-overview {
padding-top: 20px;
padding-bottom: 20px;
}
.inner-overview .uk-grid.uk-flex-middle {
margin: 0;
}
}
@media (max-width: 768px) {
.overview-media img {
width: 100%;
}
body.terms-of-use .description.more-extra-content {
order: 3;
padding: 0;
}
.inner-overview .uk-width-3-5\@m.uk-width-auto\@l {
padding: 0;
}
.inner-overview.inner-overview-online-banking .room-details__content {
padding-top: 30px;
padding-left: 0;
}
}
@media (max-width: 767.98px) {
.inner-overview h1 {
padding-bottom: 20px;
margin-bottom: 20px;
margin-top:20px;
}
.overview-media img {
width: 100%;
}
.inner-contnet {
padding-left: 0;
}
.overview-btn {
display: block;
}
.overview-btn a.uk-button.uk-button-primary {
margin-bottom: 20px;
}
.standard-interior-side-bullist-section.data {
width: 100% !important;
max-width: 100% !important;
}
.inner-overview .uk-grid.uk-flex-middle > div {
padding: 0;
margin-bottom: 0;
}
}
@media only screen and (max-width: 1025px) and (min-width: 960px) {
.standard-interior-side-bullist-section {
max-width: 100% !important;
}
}
/*-------------------- H1 Headline Ends ----------------------*/
/*----------------- Three Content Block Start -----------------*/
.three-block {
margin-bottom: 40px;
}
.three-block-content {
width: calc(100%*1/3.001 - 13px);
padding-right: 20px;
padding-bottom: 20px;
border-radius: 10px;
margin-left: 13px;
margin-bottom: 15px;
border: 1px solid #ccc;
}
.three-block .uk-grid {
justify-content: space-around;
/* margin-right: -15px; */
}
.block-title {
padding: 7px 0;
}
.block-content ul li {
margin-top: 5px;
}
.block-btn {
margin: 15px 0 !important;
}
ul.data li {
position: relative;
padding-left: 10px;
list-style: none;
}
ul.data li:before {
content: '';
width: 5px;
height: 5px;
left: -16px;
top: 10px;
position: absolute;
border-radius: 50%;
background-color: var(--primary-color);
}
/*------------------ Three Content Block End ----------------*/
/*------------- Two Content Block with BTN Start ------------*/
.two-block-btn {
padding: 70px 0;
}
.block-left-title h2 {
width: 80%;
}
.block-left .block-btn {
padding-top: 30px;
}
/*-------------- Two Content Block with BTN End -------------*/
/*-------------------- Icon Content Start -------------------*/
.icon-with-content {
padding: 70px 0;
}
.icon-with-content .icon-view {
padding-bottom: 40px;
}
/*--------------------- Icon Content End --------------------*/
/*-------------------- Big Snippet Start --------------------*/
.big-snippet {
padding: 70px 0;
}
.big-snippet .gutter-xl {
margin: 0;
}
.big-snippet .gutter-xl > * {
padding: 0;
}
.snippet-media img {
border-radius: 6px;
}
.big-snippet .gutter-xl .uk-width-expand\@l {
padding-left: 50px;
}
.big-snippet .big-snippet-content:nth-child(1) {
margin: 0;
}
.big-snippet .big-snippet-content {
margin-top: 50px;
}
.snippet-content button.uk-button.button-link.button-readmore.js-texttoggle-action {
display: block;
}
.big-snippet .uk-container1240 .big-snippet-content:nth-child(even) .uk-width-expand\@l {
padding-left: 0;
padding-right: 50px;
}
.big-snippet .uk-container1240 .big-snippet-content:nth-child(even) {
flex-direction: row-reverse;
}
.overview-btn.snippet-btn a.uk-button.uk-button-primary {
padding: 6px 53px 10px 53px;
}
@media only screen and (max-width: 1025px) and (min-width: 960px) {
.big-snippet {
padding: 50px 0 20px 0;
}
.big-snippet .gutter-xl .uk-width-expand\@l {
padding-left: 18px;
}
}
@media (max-width: 1023px) {
.big-snippet {
padding: 25px 0;
}
.snippet-media img {
width: 100%;
border-radius: 6px;
}
.big-snippet .gutter-xl .uk-width-expand\@l {
padding-top: 30px;
padding-left: 0;
}
}
@media (max-width: 767.98px) {
.big-snippet {
padding: 50px 0;
}
.big-snippet h2 {
font-size: 24px;
line-height: 30px;
}
.big-snippet .gutter-xl .uk-width-expand\@l {
padding-left: 0;
}
.big-snippet .uk-container1240 .big-snippet-content:nth-child(even) .uk-width-expand\@l {
padding-left: 0;
padding-right: 0;
}
}
/*--------------------- Big Snippet End -----------------------*/
/*-------------------- Small Snippet Start --------------------*/
.small-snippet {
padding: 70px 0;
}
.small-snippet .small-snippet-content .uk-width-3-5\@s {
padding-left: 100px;
}
.uk-grid.uk-flex-middle.small-snippet-content:nth-child(even) {
flex-direction: row-reverse;
}
.uk-grid.uk-flex-middle.small-snippet-content:nth-child(even) .uk-width-3-5\@s {
padding-left: 20px;
padding-right: 100px;
}
.small-snippet-content .sub-title {
font-size: 12px;
font-weight: 700;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
text-transform: uppercase;
}
.small-snippet-content .sub-title:after {
content: '';
width: 40px;
height: 3px;
bottom: 0;
left: 0;
position: absolute;
background-color: var(--secondary-color);
}
.small-snippet-content h2 {
margin-bottom: 15px;
}
/*--------------------- Small Snippet End ---------------------*/
/*--------------------- Full Banner Start ---------------------*/
.full-banner-image {
position: relative;
}
.full-banner-image img {
width: 100%;
}
.full-banner-image:after {
width: 1200px;
height: 100%;
content: '';
top: 0;
left: 0;
position: absolute;
background: transparent linear-gradient(90deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
}
.banner-text .uk-container1240 {
max-width: 400px;
}
.banner-text {
z-index: 2;
top: 50%;
position: absolute;
transform: translateY(-50%);
}
.banner-text .uk-container1240 {
max-width: 400px;
}
.banner-text .sub-title {
color: #fff;
font-size: 12px;
font-weight: 700;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
text-transform: uppercase;
}
.banner-text .sub-title:after {
content: '';
width: 40px;
height: 3px;
bottom: 0;
left: 0;
position: absolute;
background-color: var(--secondary-color);
}
.banner-text h2 {
color: #fff;
}
.banner-text .banner-content {
color: #fff;
padding: 0 0 30px 0;
}
.banner-btn a.uk-button.uk-button-primary {
color: var(--text-color);
background-color: var(--secondary-color);
}
.banner-btn a.uk-button.uk-button-primary:focus, .banner-btn a.uk-button.uk-button-primary:hover {
color: #fff;
background-color: var(--primary-color);
}
/*---------------------- Full Banner End ----------------------*/
/*--------------------- Career Page Start ---------------------*/
.career-award {
padding: 50px 0;
}
.career-award .sub-title {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
line-height: 24px;
}
.career-award h2 {
margin-top: 5px;
}
.career-grid {
padding: 40px 15px 20px 15px;
}
.career-grid .career-content .career-content-icon {
width: 125px;
height: 125px;
padding: 30px 0;
margin: 0 auto;
text-align: center;
border-radius: 50%;
background-color: #000;
}
.career-grid .career-content .career-content-data {
padding: 10px 0;
margin-top: 30px;
padding-left: 20px;
border-left: 1px solid #ccc;
}
.career-grid .career-content.uk-first-column .career-content-data {
border: none;
}
.career-grid .career-content .career-content-data h3 {
width: 90%;
font-size: 24px;
color: var(--primary-color);
}
.career-btn {
padding-top: 15px;
}
.career-grid .career-content .career-content-data .description {
padding-top: 20px;
}
.career-btn a.uk-button.uk-button-primary {
padding: 6px 26px 10px 26px;
}
.career-award-goal {
padding-bottom: 70px;
}
.career-award-goal .uk-container1240 {
padding-top: 70px;
border-top: 1px solid #CCCCCC;
}
.career-award-goal-left {
width: 60%;
padding-right: 80px;
}
.career-award-goal-right {
width: 40%;
}
.career-award-goal-left .sub-title {
font-size: 12px;
display: table;
font-weight: 700;
position: relative;
padding-bottom: 25px;
margin-bottom: 20px;
text-transform: uppercase;
line-height: 24px;
}
.career-award-goal-left .sub-title:after {
width: 40px;
height: 3px;
content: '';
bottom: 5px;
left: 0;
transform: inherit;
position: absolute;
background-color: var(--secondary-color);
}
.career-award-goal-title.call-title {
margin: 30px 0;
}
.career-award-goal-title.call-title h3 {
font-weight: 300;
}
.career-award-goal-left .career-award-goal-title h3 {
font-size: 24px;
font-weight: 400;
margin-bottom: 25px;
}
.career-award-goal-btn {
margin-top: 25px;
}
.career-award-goal-btn a.uk-button.uk-button-primary {
max-width: 220px;
padding: 6px 35px 10px 35px;
}
.career-award-goal-btn a.uk-button.uk-button-primary:nth-child(2) {
color: #000;
margin-left: 25px;
background: transparent;
border: 1px solid #000;
}
.career-award-goal-btn a.uk-button.uk-button-primary:nth-child(2):focus,
.career-award-goal-btn a.uk-button.uk-button-primary:nth-child(2):hover {
background-color: var(--secondary-color);
border-color: var(--secondary-color);
}
.career-call {
display: flex;
}
.career-call .career-call-content {
width: 295px;
padding: 15px 20px;
margin-right: 15px;
border-radius: 10px;
border: 1px solid #CCCCCC;
}
.career-call .career-call-content .career-call-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
.career-call .career-call-content .career-call-subtitle {
margin: 5px 0;
}
.career-call .career-call-content .career-call-ph a {
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.career-award-goal-right .career-call-image:nth-child(2) {
margin: 15px 0;
}
.career-award-goal-right img {
border-radius: 8px;
}
.career-bottom-content {
font-size: 12px;
line-height: 20px;
}
.career-bottom-content .uk-container1240 {
padding-top: 30px;
padding-bottom: 70px;
border-top: 1px solid #ccc;
}
/*---------------------- Career Page End ----------------------*/
/* Editor Text Starts */
.rich-editor {
letter-spacing: 0.32px;
font-size: 16px;
line-height: 1.5;
}
.rich-editor hr {
border-color: var(--bg-alt-1);
}
/* Editor Text Ends */
/* Single Drawer Starts */
.single-drawer {
background: var(--bg-alt-1);
margin: auto;
}
.single-drawer--room-amenities,
.single-drawer--room-amenities:last-child {
margin-bottom: 40px;
}
.single-drawer__button {
padding: 30px;
display: flex;
width: 100%;
font-size: 20px;
text-transform: unset;
text-align: left;
align-items: center;
justify-content: flex-start;
position: relative;
background: var(--bg-alt-1);
}
.single-drawer__button:after {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
right: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
content: '\e908';
font-family: var(--icon-fonts);
font-size: 14px;
}
.single-drawer__button[aria-expanded="true"]:after {
transform: translateY(-50%) rotate(180deg);
}
.single-drawer__button[aria-expanded="true"]:hover,
.single-drawer__button[aria-expanded="true"]:focus-within {
background: var(--bg-alt-1);
}
.single-drawer__button-icon {
display: inline-flex;
align-items: center;
margin-right: 35px;
}
.single-drawer__collapse {
padding: 0 60px 0;
}
.single-drawer__footer {
padding: 35px 35px;
border-top: 1px solid var(--text-color);
margin-top: 35px;
margin-left: -20px;
margin-right: -20px;
}
.single-drawer__action {
font-size: 16px;
line-height: 1.5;
padding-right: 0;
text-transform: unset;
}
.single-drawer__action > svg,
.single-drawer__action > img {
margin-right: 15px;
width: 18px;
height: 18px;
object-fit: contain;
}
.single-drawer__action:after {
display: none;
}
@media (max-width: 575px) {
.single-drawer__button {
font-size: 18px;
padding: 20px;
}
.single-drawer__footer {
padding: 20px 20px 25px;
margin-top: 25px;
}
.single-drawer__button-icon {
margin-right: 20px;
}
.single-drawer__collapse {
padding: 0 20px;
}
}
/*------------ Single Drawer Ends -------------*/
/*---------------- Tabs Starts ----------------*/
/*-------------- Tabs CSS Starts ---------------*/
.tab-list {
display: flex;
align-items: center;
justify-content: space-between;
list-style: none;
padding: 0;
border-bottom: 1px solid rgba(84, 84, 75, .30);
}
.tab-list__item {
}
.tab-list__link {
padding: 15px;
color: var(--text-color);
letter-spacing: 0.32px;
font-family: var(--title-fonts);
text-transform: uppercase;
position: relative;
font-size: 14px;
display: block;
transition: all .4s ease;
font-weight: 700;
}
.tab-list__link:after {
content: '';
background: var(--primary-color);
height: 5px;
width: 0;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 0;
opacity: 0;
transition: all .4s ease;
}
.tab-list__link:hover {
color: var(--primary-color);
}
.uk-active > .tab-list__link:after {
opacity: 1;
width: calc(100% - 30px);
width: -webkit-calc(100% - 30px);
}
.tab-list--colored {
justify-content: center;
background: var(--bg-alt-2);
margin: 0;
position: sticky;
z-index: 100;
border: 0;
}
.tab-list--colored .tab-list__link:after {
bottom: -1px;
height: 5px;
background: var(--primary-color);
}
.tab-list--colored .tab-list__link:hover {
text-decoration: underline;
color: var(--secondary-color);
}
.tab-list--center {
justify-content: center !important;
}
.tab-list--center .tab-list__item + .tab-list__item {
margin-left: 10px;
}
.tab-list--center .tab-list__link {
padding: 20px 18px 15px;
color: var(--text-color);
}
.tab-list--center .uk-active > .tab-list__link {
color: var(--highlight-color);
}
.tab-list--center .uk-active > .tab-list__link:after {
width: 100%;
}
.tab-list--justified {
justify-content: space-evenly;
}
@media (min-width: 576px) {
.tab-list__action {
display: none;
}
}
@media (max-width: 1199.98px) {
.tab-list--colored {
top: 123px;
}
}
@media (max-width: 959.98px){
.chairman-page-tab-content .uk-width-2-5\@m.uk-width-expand\@l {
padding-top: 20px;
padding-bottom: 5px;
}
.tab-list--colored {
top: 116px;
}
}
@media (max-width: 767.98px) {
ul.tab-list.tab-list--justified {
overflow: auto;
white-space: nowrap;
}
.chairman-page-tab-content .uk-width-2-5\@m.uk-width-expand\@l {
padding-top: 20px;
padding-bottom: 5px;
}
.tab-list--colored {
top: 62px;
}
}
@media (max-width: 575px) {
.tab-list--collapsible {
display: none;
background: var(--bg-alt-2);
border-top: 1px solid rgba(84,84,75,.3);
padding-top: 7px;
padding-bottom: 7px;
border-bottom: 0;
position: absolute;
left: 0;
right: 0;
top: 100%;
z-index: 5;
}
.tab-list__action {
width: 100%;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
background: var(--bg-alt-2);
}
.tab-list__dropdown.is-active .tab-list__action .uk-icon {
transform: rotate(180deg);
}
.tab-list__dropdown {
position: relative;
}
.tab-list__dropdown.is-active .tab-list--collapsible {
display: block
}
.tab-list--collapsible .tab-list__link {
padding: 7px 15px;
display: inline-block;
}
.tab-list--collapsible .uk-active > .tab-list__link {
margin-bottom: 7px;
padding: 7px 15px 11px;
}
.tab-list--collapsible .tab-list__link:after {
width: auto;
height: 2px;
left: 15px;
right: 15px;
}
.tab-list--collapsible .uk-active > .tab-list__link:after {
}
.tab-list__container {
padding: 0;
}
.tab-list--mobscrollable {
justify-content: flex-start;
overflow: auto;
overflow: auto;
white-space: nowrap;
}
}
/* Tabs Ends */
/* Snippet Starts */
.snippet__title {
margin-bottom: 26px;
}
.snippet__desc {
letter-spacing: 0.32px;
margin-bottom: 35px;
}
.snippet__desc-readmore {
margin-top: 10px;
}
.snippet__actions .uk-button + .uk-button {
margin-left: 60px;
}
.snippet__actions--block {
margin-top: 40px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.snippet__actions--block .uk-button + .uk-button {
margin: 20px 0 0;
}
.snippet__amenities {
display: flex;
align-items: center;
justify-content: flex-start;
text-align: center;
justify-self: flex-start;
column-gap: 50px;
grid-row-gap: 20px;
margin-bottom: 40px;
flex-flow: wrap;
}
.snippet__amenities-item--grid {
display: flex;
align-items: center;
column-gap: 10px;
}
.snippet__amenities-name {
letter-spacing: 0.6px;
font-size: 12px;
line-height: 18px;
margin: 7px 0 0;
}
.snippet__amenities-item--grid .snippet__amenities-name {
margin: 0;
}
.snippet__amenities-icon {
display: block;
}
.snippet__amenities-icon > svg {
fill: var(--primary-color);
}
.snippet__amenities-item--grid .snippet__amenities-icon {
display: flex;
}
.snippet__actions {
margin-top: 40px;
}
.snippet__media {
width: 610px;
max-width: 100%;
overflow: hidden;
height: 0;
padding-bottom: 75%;
}
.snippet__media.our-history-media {
padding-bottom: 133%;
}
.snippet__title svg {
display: inline-block;
width: 25px;
height: 25px;
align-items: center;
vertical-align: baseline;
fill: var(--primary-color);
}
.snippet__smalltitle {
letter-spacing: 0.6px;
margin-top: -26px;
font-size: 12px;
line-height: 1.5;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 40px;
}
.snippet__zigzag--filter, .snippet__zigzag + .snippet__zigzag {
margin-top: 40px;
}
.snippet__accoradian {
border-top: 1px solid var(--bg-alt-1);
border-bottom: 1px solid var(--bg-alt-1);
padding-top: 25px;
padding-bottom: 25px;
}
.snippet__actions-call {
margin-top: 10px;
letter-spacing: 0.32px;
}
.snippet__actions-call > a {
font-weight: 700;
}
.snippet__dotnav {
position: absolute;
left: 0;
z-index: 11;
bottom: 0;
right: 0;
width: 50%;
margin-left: auto;
margin-right: 0;
padding-left: 100px;
}
@media (min-width: 1200px) {
.snippet__zigzag--filter, .snippet__zigzag + .snippet__zigzag {
margin-top: 80px;
}
}
/*Only CSS Based Even/Odd*/
@media (min-width: 960px) {
.snippet__zigzag:nth-child(even) .snippet__col:first-child {
order: 2;
}
.snippet__zigzag:nth-child(even) .snippet__col:last-child {
order: 1;
}
.snippet__zigzag:nth-child(odd) .snippet__col:first-child {
order: 1;
}
.snippet__zigzag:nth-child(odd) .snippet__col:last-child {
order: 2;
}
.snippet__zigzag--revert:nth-child(odd) .snippet__col:first-child {
order: 2;
}
.snippet__zigzag--revert:nth-child(odd) .snippet__col:last-child {
order: 1;
}
.snippet__zigzag--revert:nth-child(even) .snippet__col:first-child {
order: 1;
}
.snippet__zigzag--revert:nth-child(even) .snippet__col:last-child {
order: 2;
}
}
/*JS Based Even/Odd - For data-uk-filter*/
@media(min-width: 960px) {
.snippet__zigzag.is-even .snippet__col:first-child {
order:1
}
.snippet__zigzag.is-even .snippet__col:last-child {
order: 2
}
.snippet__zigzag.is-odd .snippet__col:first-child {
order: 2
}
.snippet__zigzag.is-odd .snippet__col:last-child {
order: 1
}
.snippet__zigzag--revert.is-odd .snippet__col:first-child {
order: 1
}
.snippet__zigzag--revert.is-odd .snippet__col:last-child {
order: 2
}
.snippet__zigzag--revert.is-even .snippet__col:first-child {
order: 2
}
.snippet__zigzag--revert.is-even .snippet__col:last-child {
order: 1
}
}
@media (max-width: 1199.98px) {
.snippet__media {
width: 555px;
}
}
@media (max-width: 1023.98px) {
.snippet__title,
.snippet__smalltitle,
.snippet__desc,
.snippet__amenities {
margin-bottom: 20px;
}
.snippet__smalltitle {
margin-top: -10px;
}
.snippet__actions {
margin-top: 25px;
}
.snippet__actions .button-booknow {
min-width: unset;
padding: 15px 25px;
}
.snippet__actions .uk-button + .uk-button {
margin-left: 25px;
}
.snippet__actions--block .uk-button + .uk-button {
margin: 15px 0 0;
}
.snippet__desc {
font-size: 14px;
}
}
@media (max-width: 959.98px) {
.snippet__media {
width: 100%;
max-width: 100%;
margin-bottom: 25px !important;
}
.snippet__media img {
width: 100%;
}
.snippet__title svg {
width: 15px;
height: 15px;
}
.snippet__smalltitle {
margin-top: 0;
}
.snippet__zigzag--filter, .snippet__zigzag + .snippet__zigzag {
margin-top: 50px;
}
}
@media (max-width: 959.98px) and (min-width: 640px) {
.snippet__container {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
max-width: unset;
margin-left: -50px;
grid-row-gap: 40px;
}
.snippet__container > * {
padding-left: 50px;
}
.snippet__zigzag {
width: 50%;
margin-left: 0;
}
.snippet__zigzag > * {
padding-left: 0;
}
.snippet__zigzag--fullwidth {
width: 100%;
}
}
@media (max-width: 767.98px) {
.snippet__actions .uk-button + .uk-button {
margin-left: 15px;
}
.snippet__actions--block .uk-button + .uk-button {
margin: 15px 0 0;
}
.snippet__dotnav {
position: static;
width: auto;
padding: 0;
margin-left: -15px;
margin-top: 30px;
}
}
@media (max-width: 767.98px) and (min-width: 640px) {
.snippet__container {
margin-left: -20px;
}
.snippet__container > * {
padding-left: 20px;
}
}
@media (max-width: 575px) {
.snippet__actions .button-booknow {
padding: 15px;
}
}
@media (max-width: 374px) {
.snippet__actions {
margin-top: 25px;
display: flex;
flex-direction: column;
}
.snippet__actions .uk-button+.uk-button {
margin-top: 15px;
margin-left: 0;
}
.snippet__dotnav {
justify-content: center;
}
}
/* Snippet Ends */
/* GCP Slider Starts */
.gcp-slider__actions {
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
display: inline-flex;
width: 101px;
height: 35px;
background: var(--light-color);
color: var(--text-color);
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1;
}
.gcp-slider__actions--revert {
left: auto;
right: 0;
}
.gcp-slider__actions > img, .gcp-slider__actions > svg {
margin-left: 5px;
width: 17px;
height: 14px;
}
@media (max-width: 959.98px) {
.gcp-slider__items > * {
width: 100%;
}
.gcp-slider__items > * > a {
display: block;
}
.gcp-slider__items img {
width: 100%;
}
}
/* GCP Slider Ends */
/* Room FAQs Starts */
.room-faqs {
background: var(--bg-alt-1);
padding-top: 80px !important;
}
.room-faqs__content {
width: 715px;
max-width: 100%;
}
.room-faqs__title {
margin-bottom: 15px;
}
.room-faqs__subtitle {
font-size: 18px;
line-height: 1.5;
margin-bottom: 15px;
font-weight: normal;
}
.room-faqs__action {
min-width: 210px;
}
@media (min-width: 640px){
.room-faqs__grid {
align-items: flex-start;
}
.room-faqs__stickycol {
position: sticky;
top: 125px;
}
.module-page-tabbing ~ * .room-faqs__stickycol {
top: 170px;
}
}
@media (max-width: 1023.98px) {
.room-faqs {
padding-top: 40px !important;
}
}
@media (max-width: 767.98px) {
.room-faqs {
padding-top: 50px !important;
}
}
@media (max-width: 639.98px) {
.room-faqs__content {
width: 100%;
margin-top: 35px;
}
}
/* Room FAQs Ends */
/* Background & Snippet - bgsnippet Starts */
.bgsnippet {
padding: 50px 0;
background-color: var(--secondary-color);
background-size: cover;
background-position: center center;
}
.bgsnippet__box {
width: 400px;
max-width: 100%;
background: var(--light-color);
margin-right: 0;
margin-left: auto;
padding: 30px 35px 45px;
}
.bgsnippet__subtitle {
letter-spacing: 1.8px;
color: var(--primary-color);
text-transform: uppercase;
margin-bottom: 5px;
font-size: 12px;
line-height: 1.35;
font-weight: 700;
}
.bgsnippet__title {
letter-spacing: 0px;
margin-bottom: 35px;
font-size: 20px;
line-height: 1.5;
font-weight: 700;
}
.bgsnippet__checklist {
letter-spacing: 0.32px;
margin-bottom: 35px;
}
.bgsnippet__checklist li + li {
margin-top: 10px;
}
.bgsnippet__checklist ul {
list-style: none;
padding: 0;
}
.bgsnippet__checklist ul li {
position: relative;
padding-left: 30px;
}
.bgsnippet__checklist ul li::before {
content: '\e901';
font-family: var(--icon-fonts);
font-size: 15px;
position: absolute;
width: 15px;
height: 15px;
background-size: contain;
left: 0;
top: 4px;
color: var(--primary-color);
}
.bgsnippet__action {
width: 100%;
}
@media (min-width: 768px) {
.bgsnippet__media {
display: none;
}
}
@media (max-width: 767.98px) {
.bgsnippet {
padding: 0;
background: transparent !important;
}
.bgsnippet__media {
margin: 0 -20px;
}
.bgsnippet__box {
padding: 30px 0 50px;
width: 100%;
}
.bgsnippet__title {
margin-bottom: 20px;
}
.bgsnippet__checklist {
margin-bottom: 30px;
}
}
/* Background & Snippet - bgsnippet Ends */
/* Snippet Grid - Rooms in Grid Starts */
.snippet-grid {
grid-row-gap: 95px;
}
.snippet-grid--small {
grid-row-gap: 80px;
}
.snippet-grid__media {
margin-bottom: 30px;
overflow: hidden;
padding-bottom: 75%;
position: relative;
}
.snippet-grid__media > * {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.snippet-grid__title {
margin-bottom: 15px;
}
.snippet-grid__desc {
font: normal normal normal 12px/18px Avenir Next;
letter-spacing: 0.6px;
margin-top: -15px;
margin-bottom: 15px;
}
.snippet-grid__title>svg, .snippet-grid__title>img {
display: inline-block;
width: 21px;
height: 21px;
align-items: center;
vertical-align: baseline;
object-fit: contain;
}
.snippet-grid__amenities {
display: flex;
align-items: center;
justify-content: flex-start;
text-align: center;
justify-self: flex-start;
grid-column-gap: 30px;
column-gap: 30px;
grid-row-gap: 20px;
margin-bottom: 35px;
flex-flow: wrap;
}
.snippet-grid__amenities-icon {
display: inline-flex;
width: 18px;
height: 18px;
align-items: center;
justify-content: center;
}
.snippet-grid__amenities-item {
display: flex;
align-items: center;
column-gap: 10px;
}
.snippet-grid__amenities-name {
margin: 0;
letter-spacing: 0.6px;
font-size: 12px;
line-height: 1.5;
}
.snippet-grid__amenities-icon > svg, .snippet-grid__amenities-icon > img {
width: 100%;
height: 100%;
object-fit: contain;
}
.snippet-grid__actions {
margin-top: 30px;
}
.snippet-grid__actions .uk-button + .uk-button {
margin-left: 60px;
}
@media (max-width: 1023.98px) {
.snippet-grid__media,
.snippet-grid__amenities {
margin-bottom: 20px;
}
.snippet-grid__desc {
margin-top: -5px;
}
.snippet-grid__actions {
margin-top: 20px;
}
.snippet-grid {
grid-row-gap: 45px;
}
.snippet-grid__actions .button-booknow {
min-width: unset;
padding: 15px 25px;
}
.snippet-grid__actions .uk-button + .uk-button {
margin-left: 25px;
}
}
@media (max-width: 767.98px) {
.snippet-grid__actions .uk-button + .uk-button {
margin-left: 15px;
}
}
@media (max-width: 639.98px) {
.snippet-grid > *,
.snippet-grid__media,
.snippet-grid__media > * {
width: 100%;
}
}
/* Snippet Grid - Rooms in Grid Ends */
/* room details starts */
.room-details__nav {
font-size: 13px;
letter-spacing: 1.3px;
display: inline-flex;
align-items: center;
margin-bottom: 20px;
color: var(--text-color);
font-weight: 700;
}
.room-details__nav:before {
width: 15px;
height: 15px;
display: inline-flex;
background-size: contain;
background-repeat: no-repeat;
font-weight: 700;
margin-right: 5px;
transition: all .4s ease;
transform: rotate(90deg);
content: '\e908';
font-family: var(--icon-fonts);
}
.room-details__nav:hover,
.room-details__nav:focus {
text-decoration: underline;
}
.room-details__name {
margin-bottom: 20px;
}
.room-details__subtitle {
margin-bottom: 15px;
}
.room-details__media {
width: 715px;
max-width: 100%;
position: sticky;
position: -webkit-sticky;
top: 140px;
}
.room-details__icontitle {
letter-spacing: 0.6px;
font-size: 12px;
line-height: 1.5;
font-weight: normal;
display: flex;
align-items: center;
column-gap: 17px;
word-break: break-word;
max-width: 300px;
margin-bottom: 25px;
}
.room-details__icontitle > svg, .room-details__icontitle > img {
min-width: 30px;
height: 38px;
fill: var(--primary-color);
}
.room-details__content {
}
.room-details__actions {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--bg-alt-1);
padding-bottom: 30px;
margin-top: 25px;
}
.room-details__about {
margin-top: 30px;
}
.room-details__about--withmore {
margin-bottom: 20px;
}
.uk-accordion-title--roomdetails {
letter-spacing: .32px;
padding-left: 50px;
}
.room-details__accoradian {
border-top: 1px solid var(--bg-alt-1);
border-bottom: 1px solid var(--bg-alt-1);
padding: 25px 0;
margin-top: 35px;
}
.uk-accordion-content--roomdetails ul {
list-style: disc;
}
.room-details__accoradian-icon {
color: var(--primary-color);
position: absolute;
left: 0;
top: -2px;
}
.room-details__accoradian-icon > img, .room-details__accoradian-icon > svg {
width: 20px;
height: 20px;
object-fit: contain;
fill: var(--primary-color);
}
.room-details__amenities {
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
justify-self: flex-start;
column-gap: 40px;
grid-row-gap: 20px;
margin-bottom: 25px;
flex-flow: wrap;
margin-top: 25px;
}
.room-details__amenities-icon {
display: flex;
width: 18px;
height: 18px;
align-items: center;
justify-content: center;
}
.room-details__amenities-icon > img, .room-details__amenities-icon > svg {
width: 100%;
height: 100%;
object-fit: contain;
fill: var(--highlight-color);
}
.room-details__amenities-item {
display: inline-flex;
align-items: center;
column-gap: 15px;
}
.room-details__amenities-details {
flex: 1;
}
.room-details__amenities-name {
margin: 0;
font-weight: 700;
letter-spacing: 0px;
font-size: 12px;
line-height: 1.4;
}
.room-details__amenities-val {
margin: 0;
letter-spacing: 0.24px;
text-transform: uppercase;
font-size: 12px;
line-height: 1.5;
}
.related-rooms__title {
margin-bottom: 50px;
}
@media (max-width: 1023.98px) {
.room-details__accoradian-icon > img,
.room-details__accoradian-icon > svg {
margin-right: 15px;
}
.room-details__nav,
.room-details__name,
.room-details__icontitle {
margin-bottom: 15px;
}
.room-details__actions,
.room-details__about {
margin-top: 15px;
}
.room-details__actions {
padding-bottom: 20px;
}
.room-details__amenities {
column-gap: 30px;
grid-row-gap: 15px;
margin-bottom: 15px;
margin-top: 15px;
}
.room-details__accoradian {
margin-top: 25px;
}
.uk-accordion-title--roomdetails {
padding-left: 35px;
}
.related-rooms__title {
margin-bottom: 30px;
}
}
@media (max-width: 959.98px) {
.room-details__content {
order: 2;
margin-top: 0;
margin-bottom: 20px;
}
.room-details__media,
.room-details__media img {
width: 100%;
}
.room-details__actions {
display: block;
}
.room-details__actions .uk-button + .uk-button {
margin-left: 50px;
}
.room-details--withback {
position: relative;
padding-top: 80px;
}
.room-details__nav {
position: absolute;
top: 30px;
margin: 0;
}
.room-details__nav, .room-details__name {
margin-bottom: 20px;
}
.room-details__icontitle {
margin-bottom: 25px;
}
.room-details__actions {
padding-bottom: 25px;
}
.room-details__about {
margin-top: 20px;
}
}
@media (max-width: 767.98px) {
.room-details__accoradian {
margin-top: 25px;
padding: 20px 0;
}
}
@media (max-width: 575px) {
.room-details__actions .button-booknow {
min-width: unset;
padding: 15px 25px;
}
.room-details__actions .uk-button + .uk-button {
margin-left: 25px;
}
}
/* room details Ends */
/* Featured Box Starts */
.featured-box__container {
background: var(--bg-alt-1);
padding: 40px
}
.featured-box__grid {
margin-left: -45px
}
.featured-box__grid > * {
padding-left: 45px
}
.featured-box__media {
overflow: hidden;
padding-bottom: 75%;
position: relative;
}
.featured-box__media > * {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.featured-box__actions {
margin-top: 40px
}
.featured-box__actions .uk-button + .uk-button {
margin-left: 60px;
}
@media (max-width: 1023.98px) {
.featured-box__actions .button-booknow {
min-width: unset;
padding: 15px 25px;
}
}
@media (max-width: 959.98px) {
.featured-box__content {
margin-top: 30px;
}
.featured-box__media > * {
width: 100%;
}
}
@media (max-width: 767.98px) {
.featured-box__actions .uk-button + .uk-button {
margin-left: 15px;
}
.featured-box__container {
padding: 50px 20px;
}
}
/* Featured Box Ends */
/* Package Grid Starts */
.package-grid {
grid-row-gap: 80px;
}
.package-grid__container {
padding-left: 72px;
padding-right: 72px;
}
.package-grid__media {
margin-bottom: 30px;
overflow: hidden;
padding-bottom: 75%;
position: relative;
}
.package-grid__media > * {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.package-grid__title {
margin-bottom: 25px;
}
.package-grid__desc {
margin-bottom: 30px;
}
.package-grid__actions .uk-button + .uk-button {
margin-left: 60px;
}
@media (min-width: 1200px) {
.package-grid__actions--justified {
display: flex;
justify-content: space-between;
align-items: center;
}
}
@media (max-width: 1023.98px) {
.package-grid__actions .button-booknow {
min-width: unset;
padding: 15px 25px;
}
.package-grid__media, .package-grid__title, .package-grid__desc {
margin-bottom: 20px;
}
.package-grid {
grid-row-gap: 45px;
}
}
@media (max-width: 959.98px) {
.package-grid__container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 767.98px) {
.package-grid__actions .uk-button + .uk-button {
margin-left: 15px;
}
}
@media (max-width: 639.98px) {
.package-grid__media img {
width: 100%;
}
}
/* Package Grid Ends */
/* Package Details Starts */
.package-details__nav {
font-size: 13px;
letter-spacing: 1.3px;
display: inline-block;
margin-bottom: 40px;
color: var(--text-color);
font-weight: 700;
display: inline-flex;
align-items: center;
}
.package-details__nav:before {
width: 15px;
height: 15px;
display: inline-flex;
background-size: contain;
background-repeat: no-repeat;
font-weight: 700;
margin-right: 5px;
transition: all .4s ease;
transform: rotate(90deg);
content: '\e908';
font-family: var(--icon-fonts);
}
.package-details__media {
width: 715px;
max-width: 100%;
position: sticky;
position: -webkit-sticky;
top: 140px;
}
.package-details__name {
margin-bottom: 15px;
}
.package-details__more {
border-top: 1px solid var(--bg-alt-1);
padding-top: 35px;
margin-top: 35px;
}
.package-details__actions {
margin-top: 45px;
}
@media (max-width: 1023.98px) {
.package-details__nav,
.package-details__name {
margin-bottom: 15px;
}
.package-details__actions {
margin-top: 30px;
}
.package-details__more {
margin-top: 20px;
padding-top: 20px;
}
}
@media (max-width: 959.98px) {
.package-details__content {
order: 2;
margin-top: 30px;
}
.package-details__media {
width: 100%;
}
.package-details__actions {
display: block;
}
.package-details__actions .uk-button + .uk-button {
margin-left: 50px;
}
.package-details {
position: relative;
padding-top: 80px
}
.package-details__nav {
position: absolute;
top: 30px;
margin: 0
}
.package-details__name {
margin-bottom: 20px
}
}
@media (max-width: 575px) {
.package-details__content {
margin-top: 20px;
}
.package-details__actions .button-booknow {
min-width: unset;
padding: 15px 25px;
}
.package-details__actions .uk-button + .uk-button {
margin-left: 25px;
}
}
/* Package Details Ends */
/* Page Headline Starts */
.page-headline {
background: var(--bg-alt-1);
text-align: center;
padding: 40px 0;
}
.page-headline__tagline {
margin-bottom: 15px;
}
.page-headline__title {
margin-bottom: 25px;
}
/* Page Headline Ends */
/* Gallery Page Starts */
.page-headline--gallery {
padding-top: 60px;
padding-bottom: 10px;
}
.gallery-filter {
max-width: 300px;
margin: 0 auto;
}
.gallery-filter > select:not([multiple]):not([size]) {
min-height: 50px;
font-size: 20px;
color: var(--text-color);
padding-left: 15px;
padding-right: 40px;
background-position-x: calc(100% - 13px);
background-position-y: 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.891' height='4.512' viewBox='0 0 7.891 4.512'%3E%3Cpath fill='%23002341' d='M10.134,14.4l2.984-2.986a.562.562,0,0,1,.8,0,.569.569,0,0,1,0,.8l-3.381,3.383a.563.563,0,0,1-.778.016l-3.4-3.4a.564.564,0,0,1,.8-.8Z' transform='translate(-6.188 -11.246)'%3E%3C/path%3E%3C/svg%3E");
background-size: 14px;
border: 1px solid var(--bg-alt-1);
border-radius: 4px;
font-family: var(--title-fonts);
cursor: pointer;
}
.gallery-container {
max-width: 1600px;
padding-top: 20px;
padding-bottom: 20px;
}
.gallery-media > a {
display: block;
position: relative;
background: var(--secondary-color);
height: 0;
padding-bottom: 75%;
overflow: hidden;
}
.gallery-media > a > img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
transition: all .4s ease;
}
.gallery-media > a:after {
position: absolute;
background-color: var(--primary-color);
top: 50%;
transform: translateY(-50%);
z-index: 1;
display: flex;
width: 56px;
height: 56px;
margin: 0 auto;
left: 0;
right: 0;
border-radius: 50%;
opacity: 0;
transition: all .4s ease;
content: '\e90b';
font-family: var(--icon-fonts);
color: var(--light-color);
text-align: center;
font-size: 20px;
align-items: center;
justify-content: center;
}
.gallery-media > a:hover:after {
opacity: 1;
transition: all .4s ease;
}
.gallery-media > a:hover > img {
transform: scale(1.1);
}
@media (max-width: 767.98px) {
.page-headline--gallery {
padding-top: 50px;
padding-bottom: 50px;
}
.gallery-filter > select:not([multiple]):not([size]) {
font-size: 16px;
}
.gallery-container {
padding: 10px;
}
.gallery-container .uk-grid {
margin-left: -10px;
}
.gallery-container .uk-grid>* {
padding-left: 10px;
}
.gallery-container .uk-grid-small>.uk-grid-margin {
margin-top: 10px;
}
}
/* Gallery Page Ends */
/* Page Events Starts */
.page-events__container {
border-top: 1px solid var(--bg-alt-1);
padding-top: 50px;
padding-bottom: 50px;
}
.page-events__left, .page-events__right {
width: 300px;
}
.page-events__right {
text-align: right;
justify-content: flex-end;
}
.page-events__dotnav {
justify-content: flex-end;
}
.page-events__action {
margin-top: 35px;
}
@media (max-width: 1199.98px) {
.page-events__left, .page-events__right {
width: 240px;
}
}
@media (max-width: 1023.98px) {
.page-events__container {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (max-width: 959.98px) {
.page-events__left, .page-events__right {
width: 150px;
}
}
@media (max-width: 767.98px) {
.page-events__left, .page-events__right {
width: 100%;
text-align: center;
}
.page-events__left {
margin-bottom: 25px;
}
.page-events__dotnav {
justify-content: center;
margin-top: 25px;
margin-left: -16px;
}
.page-events__action {
margin-top: 15px;
}
}
/* Page Events Ends */
/* Grid Slider Starts */
@media (min-width: 1200px) {
.grid-slider__box {
padding-bottom: 70px;
}
.grid-slider__media {
overflow: hidden;
/* margin-bottom: -70px; */
}
.grid-slider__name {
text-align: center;
position: absolute;
left: 20px;
right: 0;
bottom: 10px;
margin: 0;
z-index: 10;
}
.grid-slider__details {
position: absolute;
left: 0;
bottom: 70px;
width: 100%;
height: calc(100% - 70px);
color: var(--light-color);
opacity: 0;
background: var(--secondary-color);
transition: all .4s ease;
padding: 35px;
}
.grid-slider__box:hover .grid-slider__details,
.grid-slider__box:focus-within .grid-slider__details {
opacity: 1;
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
background: rgba(0, 0, 0, .50);
}
.grid-slider__details * {
color: var(--light-color);
}
.grid-slider__details-action {
margin-top: 60px;
}
.grid-slider--fixed > * {
overflow: hidden;
}
}
.grid-slider__media {
position: relative;
}
.grid-slider__media img {
width: 100%;
}
.grid-slider__details {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
}
.grid-slider__box {
position: relative;
}
.grid-slider__details a:hover,
.grid-slider__details a:focus-within {
color: var(--primary-color);
}
.grid-slider__details-name {
letter-spacing: 0.52px;
font-size: 13px;
line-height: 1.5;
font-weight: normal;
margin-bottom: 10px;
}
.grid-slider__dotnav {
justify-content: center;
margin-top: 50px;
}
.grid-slider--fixed {
grid-row-gap: 70px;
}
@media (max-width: 1199.98px) {
.grid-slider__name {
margin-top: 20px;
margin-bottom: 5px;
}
.grid-slider__dotnav {
margin-top: 45px;
}
.grid-slider__details a {
color: var(--text-color);
}
.grid-slider__details-val {
font-weight: 400;
margin-bottom: 0;
}
.grid-slider__details-name {
display: none;
}
.grid-slider__details-action {
margin-top: 20px;
}
}
@media (max-width: 1023.98px) {
.grid-slider--fixed {
grid-row-gap: 45px;
}
}
@media (max-width: 959.98px) {
}
@media (max-width: 767.98px) {
.grid-slider__dotnav {
margin-top: 25px;
}
}
@media (max-width: 639.98px) {
}
@media (max-width: 575px) {
.grid-slider .uk-grid > * {
width: 100%;
}
}
/* Grid Slider Ends */
/* Dining Near by Starts */
.dining-nearby {
background: var(--bg-alt-1);
}
/* Dining Near by Ends */
/* Page Blog Post Starts */
.page-blogpost__type {
margin-bottom: 60px;
padding-bottom: 30px;
}
.page-blogpost__desc {
margin-bottom: 35px;
}
.page-blogpost__content {
letter-spacing: 0.32px;
max-width: 505px;
line-height: 1.85;
}
.page-blogpost__media {
overflow: hidden;
padding-bottom: 75%;
position: relative;
}
.page-blogpost__media > * {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
@media (max-width: 1199.98px) {
.page-blogpost__type {
margin-bottom: 30px;
padding-bottom: 20px;
}
.page-blogpost__desc {
margin-bottom: 15px;
}
}
@media (max-width: 1023.98px) {
}
@media (max-width: 959.98px) {
}
@media (max-width: 767.98px) {
}
@media (max-width: 639.98px) {
.page-blogpost__col--content {
order: 2;
margin-top: 30px;
}
}
@media (max-width: 575px) {
}
/* Page Blog Post Ends */
/* Page Gallery Starts */
.page-gallery {
padding-top: 50px;
}
.page-gallery__slider img {
width: 100%;
}
.page-gallery__actions {
text-align: center;
letter-spacing: 1px;
color: var(--text-color);
font-size: 12px;
line-height: 1;
font-weight: 700;
display: flex;
align-items: center;
justify-content: space-evenly;
width: 120px;
margin: 25px auto;
}
.page-gallery__nav {
color: var(--text-color);
font-weight: 700;
padding-top: 0;
padding-bottom: 0;
}
.page-gallery__nav > svg {
width: auto;
height: 14px;
}
.page-gallery__nav > svg > polyline {
stroke-width: 3px;
}
@media (max-width: 1199.98px) {
}
@media (max-width: 1023.98px) {
.page-gallery {
padding-top: 30px;
}
}
@media (max-width: 959.98px) {
}
@media (max-width: 767.98px) {
.page-gallery {
padding-top: 50px;
}
}
@media (max-width: 639.98px) {
}
@media (max-width: 575px) {
}
/* Page Gallery Ends */
/* Contact Sec / Form Starts */
.contact-sec__captcha {
display: inline-block;
vertical-align: top;
margin-right: 10px
}
.contact-sec__cta {
display: inline-block;
vertical-align: top;
}
.contact-sec__cta > button {
width: 210px;
height: 74px;
padding: 0;
}
.form__group {
margin-bottom: 38px;
position: relative;
}
.form__label {
letter-spacing: 0.32px;
color: var(--text-color);
font-size: 16px;
line-height: 1.5;
font-weight: 700;
margin-bottom: 5px;
display: inline-block;
}
.form__control {
border: 0;
border-bottom: 1px solid var(--bg-alt-1);
padding-left: 0;
padding-right: 0;
letter-spacing: 0px;
font-size: 20px;
line-height: 1.5;
height: 30px;
background: transparent;
}
.form__control.uk-select:not([multiple]):not([size]) {
height: 30px;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23002341' stroke-width='2' points='16 7 10 13 4 7'%3E%3C/polyline%3E%3C/svg%3E");
}
.form__control.uk-textarea {
height: auto;
min-height: 30px;
}
.form__checkbox {
letter-spacing: .6px;
font-size: 12px;
line-height: 1.5;
margin: 30px 0;
display: block;
position: relative;
padding-left: 25px;
}
.form__checkbox .uk-checkbox {
margin-right: 10px;
border: 1px solid var(--bg-alt-1);
border-radius: 3px;
position: absolute;
left: 0;
top: 0;
margin: 0;
}
.contact-sec__content {
max-width: 400px;
}
.contact-sec__form {
width: 715px;
max-width: 100%;
margin-left: auto;
margin-right: 0;
}
@media (max-width: 959.98px) {
.contact-sec__form {
margin-top: 30px;
/*max-width: unset;*/
}
.contact-sec__content {
max-width: unset;
}
}
@media (max-width: 575px) {
.contact-sec__cta {
display: block;
margin-top: 20px;
}
.contact-sec__cta > button {
width: auto;
height: auto;
padding: 15px 25px;
}
}
/* Contact Sec / Form Ends */
/* Quote Starts */
.quote {
text-align: center;
padding-bottom: 90px;
}
.quote__name {
max-width: 820px;
margin: 0 auto 60px;
}
.quote__hr {
border-color: var(--bg-alt-1);
margin-bottom: 90px;
}
.quote__author {
letter-spacing: 0.32px;
font-size: 16px;
line-height: 1.5;
}
@media (max-width: 1199.98px) {
.quote {
padding-bottom: 40px;
}
.quote__hr,
.quote__name {
margin-bottom: 40px;
}
}
@media (max-width: 1023.98px) {
}
@media (max-width: 959.98px) {
}
@media (max-width: 767.98px) {
.quote {
padding-bottom: 50px;
}
.quote__name {
margin-bottom: 20px;
}
.quote__hr {
margin-bottom: 50px;
}
}
@media (max-width: 639.98px) {
}
@media (max-width: 575px) {
}
/* Quote Ends */
/* Planning / BG Box Starts */
.planning-box {
padding-bottom: 75px;
}
.planning-box__container {
height: 620px;
display: flex;
align-items: center;
padding-left: 100px;
padding-right: 100px;
color: var(--light-color);
background: var(--secondary-color);
background-size: cover;
}
.planning-box__container * {
color: var(--light-color);
}
.planning-box__content {
max-width: 515px;
}
.planning-box__title {
letter-spacing: 0px;
font-size: 45px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 50px;
}
.planning-box__subtitle {
margin-bottom: 30px;
letter-spacing: 2.8px;
color: var(--light-color);
text-transform: uppercase;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
}
@media (min-width: 768px) {
.planning-box__media {
display: none;
}
}
@media (max-width: 1199.98px) {
.planning-box {
padding-bottom: 0;
}
.planning-box__container {
height: 500px;
padding-left: 50px;
padding-right: 50px;
}
.planning-box__title {
margin-bottom: 40px;
}
}
@media (max-width: 1023.98px) {
}
@media (max-width: 959.98px) {
.planning-box {
text-align: center;
}
.planning-box__title {
font-size: 28px;
line-height: 1.3;
}
.planning-box__subtitle {
font-size: 12px;
}
.planning-box__container {
height: 400px;
padding-left: 20px;
padding-right: 20px;
}
.planning-box__content {
margin: 0 auto;
}
}
@media (max-width: 767.98px) {
.planning-box__container {
height: auto;
background: transparent !important;
color: var(--text-color);
display: block;
text-align: left;
}
.planning-box__subtitle, .planning-box__title {
color: var(--text-color);
margin-bottom: 20px;
}
.planning-box__content {
margin-top: 30px;
max-width: unset;
}
.planning-box__title {
font-size: 35px;
}
.planning-box {
padding-bottom: 50px;
}
}
@media (max-width: 639.98px) {
}
@media (max-width: 575px) {
}
/* Planning / BG Box Ends */
/* Capacity Chart / Table Starts */
.capacity-table__hr {
border-color: var(--bg-alt-1);
margin-bottom: 40px;
}
.capacity-table__name {
margin-bottom: 40px;
}
@media (max-width: 767.98px) {
.capacity-table__hr,
.capacity-table__name {
margin-bottom: 20px;
}
}
/* Capacity Chart / Table Ends */
/* Amenitis Starts */
.amenities {
}
.amenities__container {
max-width: 840px;
}
.amenities__name {
letter-spacing: 0px;
font-weight: normal;
font-size: 18px;
line-height: 1.5;
margin: 20px 0 0;
}
.amenities__grid {
text-align: center;
grid-row-gap: 45px;
}
.amenities__icon * {
fill: var(--primary-color) !important;
}
@media (max-width: 575px) {
.amenities__name {
font-size: 14px;
}
}
/* Amenitis Ends */
/* Hightlights Starts */
.highlights__actions {
position: absolute;
left: 0;
z-index: 11;
bottom: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
right: 0;
width: 50%;
margin-left: auto;
margin-right: 0;
padding-left: 63px;
}
.highlights__dotnav {
margin-right: 45px;
}
.highlights__content-action {
margin-top: 35px;
}
.highlights__grid {
align-items: stretch;
}
.highlights__content {
min-height: 100%;
padding-bottom: 130px;
}
@media (max-width: 1398.98px) {
.highlights__actions {
padding-left: 25px;
}
}
@media (max-width: 1199.98px) {
.highlights__grid {
align-items: center;
}
.highlights__actions {
position: static;
width: 100%;
text-align: center;
justify-content: center;
align-items: center;
padding: 0;
margin-top: 20px;
}
.highlights__dotnav {
justify-content: center;
margin: 0 auto;
}
.highlights__content {
padding-bottom: 0;
}
}
@media (max-width: 767.98px) {
.highlights__grid > *,
.highlights__media img {
width: 100%;
}
.highlights__content,
.highlights__content-action {
margin-top: 30px;
}
.highlights__actions {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
margin-top: 30px
}
.highlights__dotnav {
margin-left: -15px;
margin-right: auto;
}
}
/* Hightlights Ends */
/* Slider Nav Starts */
.slider-nav {
}
.slider-nav {
text-align: center;
letter-spacing: 1px;
color: var(--text-color);
font-size: 12px;
line-height: 1;
font-weight: 700;
display: flex;
align-items: center;
justify-content: space-evenly;
width: 120px;
margin: 40px auto;
}
.slider-nav__arrow {
color: var(--text-color);
font-weight: 700;
padding-top: 0;
padding-bottom: 0;
}
.slider-nav__arrow > svg {
width: auto;
height: 14px;
}
.slider-nav__arrow > svg > polyline {
stroke-width: 3px;
}
.slider-nav__hr {
border-color: var(--bg-alt-1);
margin: 50px 0 0;
}
@media (max-width: 1199.98px) {
.slider-nav__hr {
margin-top: 40px;
}
}
@media (max-width: 767.98px) {
.slider-nav {
margin: 20px auto;
}
.slider-nav__hr {
margin-top: 20px;
}
}
/*------------------ Slider Ends -------------------*/
/*----------------- Awards Starts ------------------*/
.awards {
padding-top: 55px;
}
.awards__maintitle {
margin-bottom: 55px;
}
.awards__box {
max-width: 275px;
}
.awards__icon {
width: 33px;
height: 33px;
display: block;
margin-bottom: 10px;
}
.awards__icon * {
fill: var(--primary-color);
}
.awards__name {
letter-spacing: 0.32px;
font-size: 16px;
line-height: 1.5;
font-weight: normal;
margin: 0;
}
.awards__title {
margin: 0;
letter-spacing: 0px;
font-size: 20px;
line-height: 1.5;
font-weight: 700;
}
@media (max-width: 1199.98px) {
.awards {
padding-top: 40px;
}
.awards__box {
max-width: 100%;
padding-right: 20px;
}
.awards__maintitle {
margin-bottom: 40px;
}
}
@media (max-width: 767.98px) {
.awards {
padding-top: 50px;
}
.awards__maintitle {
margin-bottom: 20px;
}
.slider-nav__hr {
margin-top: 20px;
}
.awards__title {
font-size: 16px;
}
}
/* Awards Ends */
/* more-features Starts */
.more-features {
padding: 0 0 80px;
}
.more-features__title {
max-width: 290px;
}
.more-features__content {
letter-spacing: 0.32px;
}
.more-features__hr {
margin: 0 0 80px;
border-color: var(--bg-alt-1);
}
.more-features__hr--top {
margin: 80px 0 0;
}
.more-features__readmore {
margin-top: 25px;
}
.more-features__morecontent {
margin-top: 2px;
}
@media (max-width: 1199.98px) {
.more-features {
padding-bottom: 40px;
}
.more-features__content {
margin-top: 30px;
}
.more-features__hr {
margin: 0 0 40px;
}
.more-features__hr--top {
margin: 40px 0 0;
}
}
@media (max-width: 767.98px) {
.more-features {
padding-bottom: 50px;
}
.more-features__hr {
margin: 0 0 20px;
}
.more-features__hr--top {
margin: 20px 0 0;
}
}
/* more-features Ends */
/* link-boxes Starts */
.link-boxes__grid {
grid-row-gap: 45px;
}
.link-boxes__name {
text-align: center;
margin-top: 20px;
}
.link-boxes__name > a {
color: inherit;
}
.link-boxes__name > a:hover, .link-boxes__name > a:focus-within {
color: var(--primary-color);
}
@media (max-width: 959.98px) {
.link-boxes__media img {
width: 100%;
}
}
/* link-boxes Ends */
/* Modal Starts */
.uk-modal-dialog, .uk-modal-header, .uk-modal-footer {
background: var(--bg-alt-1);
}
.uk-modal-dialog {
padding-bottom: 5px;
}
.uk-modal-header {
border-color: var(--bg-alt-1);
padding: 10px 55px 10px 20px;
margin-bottom: 5px;
}
.uk-modal-body {
padding: 40px;
}
.modal__body.uk-overflow-auto {
margin-right: 20px;
}
.modal__close {
width: 51px;
height: 51px;
color: var(--light-color);
background: var(--primary-color);
top: 0;
right: 0;
}
.modal__close:hover,
.modal__close:focus-within {
color: var(--light-color);
background: var(--highlight-color);
}
.modal__hr {
margin: 40px 0;
border-color: var(--bg-alt-1);
}
@media (max-width: 767.98px) {
.uk-modal-header {
padding-top: 12px;
padding-bottom: 12px;
min-height: 51px;
}
.uk-modal-body {
padding: 20px;
}
.modal__hr {
margin: 30px 0 20px;
}
}
/* Modal Ends */
/* Icon Content / Media Object Starts */
.icon-content {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
.icon-content + .icon-content {
margin-top: 20px;
}
.icon-content__media {
margin-right: 40px;
}
.icon-content__media img,
.icon-content__media svg {
width: 20px;
height: 20px;
object-fit: contain;
}
.icon-content__media svg,
.icon-content__media * {
fill: var(--primary-color);
}
.icon-content__body {
-ms-flex: 1;
flex: 1;
}
/* Icon Content / Media Object Ends */
/*Timeline slider Starts*/
.timeline__slider {
}
.timeline__year {
margin-bottom: 25px;
display: block;
}
.timeline__box {
padding-top: 35px;
text-align: center;
border-top: 1px solid var(--bg-alt-1);
margin-top: 35px;
position: relative;
}
.timeline__box:after {
content: '';
width: 24px;
height: 24px;
background: var(--secondary-color);
position: absolute;
border-radius: 50%;
top: -12px;
left: 0;
right: 0;
margin: 0 auto;
}
.timeline__desc {
letter-spacing: 0.32px;
max-width: 276px;
margin: 0 auto;
}
.timeline__slider-arrow {
position: absolute;
top: 75px;
}
.timeline__slider-arrow:hover,
.timeline__slider-arrow:focus-within {
color: var(--highlight-color);
}
.timeline__slider-arrow--prev {
left: 0;
}
.timeline__slider-arrow--next {
right: 0;
}
.timeline__slider-arrow svg {
width: 30px;
height: auto;
}
/*Timeline slider Ends*/
/*Prices Box Starts*/
.prices-box {
padding: 40px 0;
}
.prices-box__hr {
border-color: var(--bg-alt-1);
margin-top: 40px;
}
.prices-box__subtitle {
margin: 10px 0 0;
letter-spacing: 0.32px;
font-size: 16px;
line-height: 1.5;
}
.prices-box__icon {
width: 45px;
height: 30px;
}
.prices-box__icon > img, .prices-box__icon > svg {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 1199.98px) {
.prices-box__viewall {
text-align: center !important;
margin-top: 45px;
}
}
@media (max-width: 767.98px) {
.prices-box__hr {
margin-top: 20px;
}
.prices-box {
padding: 50px 0;
}
}
/*-------------- Prices Box Ends -------------*/
/* ------------------Contact----------------- */
/*------------- Location Map Starts -------- -*/
.contact-map {
background: var(--bg-alt-1);
padding: 40px 0;
}
.contact-map__subtitle {
margin-bottom: 15px;
}
.contact-map__title {
margin-bottom: 35px;
}
.contact-map__media-object {
margin-right: 20px;
color: var(--primary-color);
}
.contact-map__media-title {
margin-bottom: 0;
}
.contact-map__media + .contact-map__media {
margin-top: 25px;
}
.contact-map__media-object img, .contact-map__media-object svg {
width: 20px;
height: 20px;
object-fit: contain;
}
.contact-map__media-object svg, .contact-map__media-object svg * {
fill: var(--primary-color)
}
.contact-map__embed {
width: 715px;
height: 536px;
max-width: 100%;
}
.contact-map__embed > * {
height: 100%;
width: 100%;
}
.contact-map__media-text a {
color: var(--text-color);
}
.contact-map__media-text a:hover, .contact-map__media-text a:focus-within, .map-phone > a:hover, .map-phone > a:focus-within {
color: var(--highlight-color);
}
.map-phone > a {
color: var(--light-color) !important;
}
.map-phone > a:hover,
.map-phone > a:focus-within {
text-decoration: underline;
}
.mapinnerbox_btn {
display: none;
}
.contact-us__submit {
height: 100%;
width: 170px;
}
@media (max-width: 639.98px) {
.contact-map__embed {
position: relative;
padding-bottom: 100%;
height: 0;
overflow: hidden;
}
.contact-map__embed > * {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
}
/*Contact / Location Map Ends*/
/*Contact us Starts*/
@media (min-width: 1200px) {
.contact-us__grid {
margin-left: -70px;
align-items: center;
}
.contact-us__grid > * {
padding-left: 70px;
}
.contact-us__form .form__group {
margin-bottom: 30px;
}
}
.contact-us__form .form__checkbox {
position: relative;
font-size: 11px;
}
.contact-us__title {
}
.contact-us__text {
text-align: center;
max-width: 820px;
margin: 0 auto 50px;
}
.contact-us {
padding: 50px 0;
}
.contact-us__media {
max-width: 610px;
}
@media (max-width: 1199.98px) {
.contact-us__media,
.contact-us__media img {
max-width: 100%;
width: 100%;
}
.contact-us__form {
margin-top: 30px;
}
.contact-us {
padding: 40px 0;
}
}
@media (max-width: 767.98px) {
.contact-us {
padding: 50px 0;
}
}
@media (max-width: 575px) {
.contact-us__form__actions > * {
width: 100%;
}
.contact-us__submit {
margin-top: 20px;
height: auto;
width: auto;
padding: 15px 50px;
}
}
/*Contact us Ends*/
/*FAQs Page Starts*/
.faq-page__links {
letter-spacing: 1.3px;
display: flex;
flex-direction: column;
font-size: 13px;
line-height: 1.25;
font-weight: 700;
grid-row-gap: 20px;
}
.faq-page__links > a {
color: var(--text-color);
display: inline-flex;
position: relative;
}
.faq-page__links > a:hover,
.faq-page__links > a:focus-within {
color: var(--primary-color);
}
.faq-page__sidebar {
width: 300px;
position: sticky;
max-width: 100%;
top: 150px;
}
.faq-page__links + .faq-page__links {
margin-top: 20px;
}
.faq-page__links > a:before {
content: '';
width: 25px;
height: 1px;
background-color: var(--text-color);
vertical-align: middle;
align-self: center;
margin-right: 15px;
display: none;
}
.faq-page__links > a.navON:before {
display: inline-flex;
}
.faq-page__connect {
margin-top: 50px;
padding-top: 35px;
border-top: 1px solid var(--bg-alt-1);
}
.faq-page__connect-title {
font-size: 18px;
line-height: 1.25;
font-weight: 400;
margin-bottom: 10px;
}
.faq-page__block + .faq-page__block {
margin-top: 40px;
}
.faq-page__title:not(:first-child) {
border-top: 1px solid var(--bg-alt-1);
margin-top: 60px;
padding-top: 50px;
}
.faq-page__title {
margin-bottom: 50px;
}
@media (max-width: 1199.98px) {
.faq-page__title {
margin-bottom: 40px;
}
.faq-page__title:not(:first-child) {
margin-top: 40px;
padding-top: 30px;
}
.faq-page__connect {
margin-top: 40px;
padding-top: 25px;
}
}
@media (max-width: 767.98px) {
.faq-page__title:not(:first-child) {
margin-top: 20px;
padding-top: 20px;
}
.faq-page__title {
margin-bottom: 20px;
font-size: 22px;
}
.faq-page__block-title {
font-size: 18px;
margin-bottom: 10px
}
.faq-page__block + .faq-page__block {
margin-top: 30px;
}
.faq-page__connect {
margin-top: 20px;
padding-top: 20px;
}
.faq-page__sidebar {
top: 90px;
}
}
@media (max-width: 639.98px) {
.faq-page__sidebar {
width: 100%;
position: static;
}
.faq-page__connect {
padding-bottom: 25px;
margin-bottom: 20px;
border-bottom: 1px solid var(--bg-alt-1);
}
.faq-page__links {
flex-direction: row;
white-space: nowrap;
margin-bottom: 30px;
border-bottom: 1px solid var(--bg-alt-1);
margin-left: -20px;
margin-right: -20px;
padding: 0 20px 15px;
overflow: auto;
}
.faq-page__links > a:before {
width: 100%;
height: 2px;
background-color: var(--text-color);
margin-right: 0;
display: inline-flex;
position: absolute;
bottom: -15px;
opacity: 0;
}
.faq-page__links > a.navON {
color: var(--highlight-color);
}
.faq-page__links > a.navON:before {
background-color: var(--highlight-color);
opacity: 1;
}
.faq-page__links > a + a {
margin-left: 20px;
}
.faq-page__connect {
display: none;
}
}
.faq-page__links li {
list-style: none;
text-transform: uppercase;
}
/*FAQs Page Ends*/
/*Table Related Starts*/
.uk-table th {
background: var(--bg-alt-2);
letter-spacing: 0.32px;
color: var(--text-color);
font-size: 16px;
line-height: 1.5;
font-weight: 700;
padding: 18px 15px;
text-transform: unset;
white-space: nowrap;
}
.uk-table td {
padding: 21.5px 15px;
letter-spacing: 0.32px;
border-bottom: 1px solid var(--bg-alt-1);
}
.uk-table > tr:not(:first-child),
.uk-table > :not(:first-child) > tr,
.uk-table > :first-child > tr:not(:first-child) {
border: 0;
}
.uk-overflow-auto::-webkit-scrollbar {
height: 8px;
width: 8px;
}
.uk-overflow-auto::-webkit-scrollbar-track {
}
.uk-overflow-auto::-webkit-scrollbar-thumb {
background-color: var(--secondary-color);
border-radius: 8px;
}
.uk-overflow-auto .uk-table {
margin-bottom: 17px !important;
}
.uk-table--sticky td,
.uk-table--sticky th {
white-space: nowrap;
padding: 22px 20px;
}
.uk-table--sticky td:first-child,
.uk-table--sticky th:first-child {
position: sticky;
left: 0;
background: var(--light-color);
z-index: 1;
}
.uk-table--sticky th:first-child {
background: var(--bg-alt-2);
}
.uk-table--sticky td:first-child:after,
.uk-table--sticky th:first-child:after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: var(--bg-alt-1);
width: 1px;
}
/*Table Related Ends*/
/* Icon Grid Starts */
.icons-grid__name {
font-size: 18px;
letter-spacing: 0px;
margin-top: 20px;
}
.icons-grid__item {
text-align: center;
}
.icons-grid > :not(.uk-first-column)::before {
border-color: var(--bg-alt-1);
}
.icons-grid {
margin-left: -60px;
}
.icons-grid > * {
padding-left: 60px;
}
.icons-grid__icon {
color: var(--primary-color);
}
@media (min-width: 1200px) {
.icons-grid {
margin-left: -80px;
}
.icons-grid > * {
padding-left: 80px;
}
}
/* Icon Grid Ends */
/* Venue Compare Starts */
.venue-compare__heading {
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--bg-alt-1);
align-items: flex-start;
}
.venue-compare__tabs {
border: 0;
}
.venue-compare__tabs:before {
display: none;
}
.venue-compare__tabs > * > a {
padding-bottom: 15px;
border-bottom-width: 3px;
color: var(--text-color);
font-weight: 600;
letter-spacing: 1.3px;
font-size: 13px;
text-transform: uppercase;
}
.venue-compare__tabs > .uk-active > a {
border-color: var(--primary-color);
color: var(--text-color);
}
.venue-compare__sliders {
text-align: center;
box-shadow: 0px 0px 30px #00000029;
padding: 30px 70px;
border-radius: 4px
}
.venue-compare__sliders .uk-slidenav {
box-shadow: 0px 0px 20px #00000029;
border: 1px solid var(--bg-alt-1);
width: 68px;
height: 68px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0;
}
.venue-compare__media {
width: 150px;
height: 112px;
margin: auto;
margin-bottom: 25px;
}
.venue-compare__media > * {
display: block;
object-fit: cover;
width: 100%;
height: 100%;
}
.venue-compare__name {
font-size: 18px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--bg-alt-1);
}
.venue-compare__item {
max-width: 245px;
margin: auto;
text-align: center;
}
.venue-compare__type {
font-size: 14px;
letter-spacing: 0.28px;
font-weight: 600;
margin-bottom: 5px;
}
.venue-compare__content .uk-grid-margin {
margin-top: 15px;
}
.venue-compare__actions {
border-top: 1px solid var(--bg-alt-1);
margin-top: 20px;
padding-top: 20px;
}
.venue-compare__sliders .uk-slidenav-previous {
left: 50px;
}
.venue-compare__sliders .uk-slidenav-next {
right: 50px;
}
.venue-compare__sliders--right {
position: relative;
}
.venue-compare__sliders--right:before {
content: 'Vs.';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%) translateY(-15px);
background: var(--light-color);
font-size: 18px;
font-weight: 700;
padding: 25px 0;
z-index: 1;
}
.venue-compare__sliders--right:after {
content: '';
background: var(--bg-alt-1);
height: 100%;
width: 1px;
position: absolute;
left: 10px;
top: 0;
}
@media (max-width: 1240px) {
.venue-compare__sliders {
padding: 30px;
}
.venue-compare__sliders .uk-slidenav-next {
right: 15px;
}
.venue-compare__sliders .uk-slidenav-previous {
left: 15px;
}
.venue-compare__sliders--right {
padding-left: 30px;
}
.venue-compare__sliders--left {
padding-right: 30px;
}
.venue-compare__sliders--right:before {
left: -10px;
}
.venue-compare__sliders--right:after {
left: 0;
}
}
@media (max-width: 1199.98px) {
}
@media (max-width: 1023.98px) {
.venue-compare__sliders .uk-slidenav {
top: 16%;
background: var(--light-color);
width: 50px;
height: 50px;
}
}
@media (max-width: 959.98px) {
}
@media (max-width: 767.98px) {
.venue-compare__grid > * {
width: 100%;
padding-left: 20px;
padding-right: 0;
}
.venue-compare__sliders--right {
padding-top: 100px;
}
.venue-compare__sliders--right:before {
transform: unset;
text-align: center;
top: 35px;
left: 0;
right: 0;
padding: 0;
max-width: 80px;
margin: auto;
}
.venue-compare__sliders--right:after {
height: 1px;
width: 100%;
left: 0;
right: 0;
top: 50px;
}
}
@media (max-width: 639.98px) {
.venue-compare__heading {
display: block;
}
.venue-compare__tabs {
margin-top: 30px !important;
justify-content: center;
}
}
@media (max-width: 575px) {
.venue-compare__sliders .uk-slidenav {
box-shadow: none;
width: 40px;
height: 40px;
padding: 15px;
}
.venue-compare__sliders .uk-slidenav-next {
right: 0;
}
.venue-compare__sliders .uk-slidenav-previous {
left: 0;
}
}
@media (max-width: 374px) {
.venue-compare__tabs > * > a {
padding-bottom: 5px;
font-size: 10px;
}
}
/* Venue Compare Ends */
/* Page wise CSS Starts */
.dining-options-zigzag,
.dining-nearby-grid {
padding-top: 20px;
}
.ttd-filterable-grid__hr {
border-color: var(--bg-alt-1);
margin: 70px -20px 0;
}
.room-details__actions--ttd {
border: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.map__embed {
width: 610px;
max-width: 100%;
position: relative;
height: 0;
padding-bottom: 75%;
overflow: hidden;
}
.map__embed-item {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.ttd-faqs {
background: var(--bg-alt-1);
}
.ttd-faqs__subtitle {
letter-spacing: 0px;
margin-bottom: 5px;
font-size: 18px;
line-height: 1.5;
font-weight: normal;
}
.hotel-accessiblity__action {
margin-top: 25px;
display: inline-flex;
align-items: center;
grid-column-gap: 15px;
}
.hotel-accessiblity__action svg,
.hotel-accessiblity__action svg * {
fill: var(--primary-color);
}
.uk-accordion-title--accessibility {
letter-spacing: .32px;
}
.accessibility__accoradian-icon>img,
.accessibility__accoradian-icon>svg {
width: 20px;
height: 20px;
object-fit: contain;
fill: var(--primary-color);
margin-right: 30px;
}
.accessibility__accoradian {
padding: 30px 20px;
margin: 0 auto;
max-width: 860px;
}
.uk-accordion-content--accessibility {
padding: 10px 0 30px;
letter-spacing: 0.32px;
}
.uk-accordion-content--accessibility p,
.uk-accordion-content--accessibility ul,
.uk-accordion-content--accessibility ol,
.uk-accordion-content--accessibility dl {
margin: 0 0 35px 0;
}
.uk-accordion-content--accessibility h3,
.uk-accordion-content--accessibility h4,
.uk-accordion-content--accessibility h5 {
letter-spacing: 0;
font-size: 20px;
color: var(--text-color);
font-family: var(--title-fonts);
line-height: 1.5;
font-weight: 700;
}
.highlights__content--spa {
padding-bottom: 30px;
}
.spa-services {
padding-top: 0;
}
.business-features {
padding: 0;
}
.nearby-sec__text {
max-width: 820px;
margin: 0 auto;
}
.nearby-sec__actions {
margin-top: 25px;
text-align: center;
}
.nearby-sec__actions .uk-button {
letter-spacing: 1.3px;
}
.nearby-sec__actions .uk-button + .uk-button {
margin-left: 70px;
}
.snippet__accoradian--nearby-boxes {
border-bottom: 1px solid var(--bg-alt-1);
padding-bottom: 25px;
}
.snippet__accoradian--nearby-boxes:first-child {
margin-top: 0;
}
.page-events__container--contact {
border-bottom: 1px solid var(--bg-alt-1);
border-top: 0;
}
.page-headline--faq {
padding: 60px 0 55px;
}
.sitemap-sec ul li a {
text-transform: initial;
color: var(--text-color);
display: inline-block;
}
.sitemap-sec ul li a:first-letter {
text-transform: capitalize;
}
.snippet__accoradian--ttd {
border-top: 0;
padding-top: 0;
}
.snippet__accoradian--ttd .icon-content__media {
margin-right: 25px;
}
.modal__body--ttd {
padding: 25px 20px 30px;
}
.modal__body--ttd .map__embed-item > * {
font-size: 0;
}
.modal__body--ttd .mapthingstodo,
.modal__body--ttd .mapthingstodo > * {
height: 100% !important;
width: 100%;
}
.mapthingstodo,
.mapthingstodo > * {
height: 100% !important;
width: 100%;
}
.ttd-modal__col--data {
position: relative;
}
.ttd-modal__attr-details a {
color: var(--text-color);
}
.ttd-modal__attr-details a:hover,
.ttd-modal__attr-details a:focus,
.ttd-modal__attr-details a:focus-within {
color: var(--primary-color);
}
.here_marker {
margin: 0;
height: 5px;
width: 5px;
background: transparent;
border-radius: 100%;
}
.here_marker .pin-icon {
position: relative;
z-index: 9;
display: block;width:100%;height:100%;
}
.contact-map .H_ib_body {
bottom: 5.1em;
margin-right: -3em;
}
.contact-map .H_ib_tail{
left: 0; bottom: 4em;
}
/* .here_marker.home > div, .contact-map .here_marker.here_marker-1 > div {
background-image: url(https://www.ibc.com/resourcefiles/mappins/hotel-pin.svg);
width: 73px;
height: 91px;
top: -88px;
left: -34px;
}
.here_marker .pin-icon::after {
background-image: url(https://www.ibc.com/resourcefiles/mappins/pin.svg);
background-repeat: no-repeat;
position: absolute;
content: '';
width: 35px;
height: 43px;
top: -40px;
left: -14px;
} */
/* .here_marker.thingstodo .pin-icon::after, .here_marker .pin-icon.thingstodo::after {
background-image: url(https://www.ibc.com/resourcefiles/mappins/active-pin.svg);
} */
.here_marker.home>div.pin-icon::after,
.here_marker.home>div.pin-icon.thingstodo::after,
.contact-map .here_marker.active > div.pin-icon::after,
.contact-map .here_marker.here_marker-1.active > div.pin-icon::after{display:none;}
.contact-map .here_marker {
font-size: 0 !important;
}
.contact-map .here_marker svg {
display: none;
}
.email-offers__media {
width: 715px;
max-width: 100%;
position: sticky;
position: -webkit-sticky;
top: 140px;
}
.event-starts {
}
.event-starts .uk-checkbox {
margin-top: -10px;
border-radius: 4px;
border-color: var(--bg-alt-1);
margin-right: 5px;
}
.event-starts .form__control:not(:last-child) {
margin-bottom: 10px;
}
.event-ends.is-readonly {
opacity: .2;
pointer-events: none;
}
.event-starts .ui-datepicker-trigger,
.event-ends .ui-datepicker-trigger {
top: 0;
width: 20px;
height: 20px;
}
@media (min-width: 1200px){
.snippet__accoradian--ttd {
height:100%;
position: absolute;
top: 0;
bottom: 0;
left: 20px;
right: 20px;
padding-right: 20px;
border-bottom: 0;
padding-bottom: 0;
}
.snippet__accoradian--ttd > li:last-child {
border-bottom: 1px solid var(--bg-alt-1);
padding-bottom: 25px;
}
}
@media (min-width: 768px) {
.meeting-rooms-tabs {
justify-content: center;
}
.meeting-rooms-tabs > *:nth-child(n+2) {
margin-left: 50px;
}
}
@media (max-width: 1199.98px) {
.ttd-filterable-grid__hr {
border-color: var(--bg-alt-1);
margin: 40px 0px 0;
}
.highlights__content--spa {
padding-bottom: 0;
}
.page-headline--faq {
padding: 40px 0;
}
}
@media (max-width: 1023.98px) {
}
@media (max-width: 959.98px) {
.map__embed {
width: 100%;
padding-bottom: 85%;
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.ttd-filterable-grid__hr {
border-color: var(--bg-alt-1);
margin: 20px 0px 0;
}
}
@media (max-width: 639.98px) {
.ttd-faqs__content {
margin-top: 30px;
}
}
@media (max-width: 575px) {
.ttd-tabs .tab-list__link {
font-size: 12px;
}
.nearby-sec__actions .uk-button + .uk-button {
margin: 15px 0 0;
}
.nearby-sec__actions {
display: flex;
align-items: center;
flex-direction: column;
}
}
@media (max-width: 374.98px) {
.ttd-tabs .tab-list__link {
padding: 15px 0px;
}
.ttd-tabs .uk-active>.tab-list__link:after {
opacity: 1;
width: 100%;
}
}
/* Page wise CSS Ends */
/*Privacy Policy Starts*/
.privacy-policy-sec{padding: 0px 0;}
.privacy-policy-sec h1 {
letter-spacing: 0;
font-size: 35px;
line-height: 50px;
font-weight: 700;
margin-bottom: 30px;
margin-top: 0
}
.privacy-policy-sec h2 {
letter-spacing: 0;
color: var(--text-color);
font-family: var(--title-fonts);
font-size: 28px;
line-height: 1.45;
font-weight: 700;
}
.privacy-policy-sec h3 {
letter-spacing: 0;
font-size: 20px;
color: var(--text-color);
font-family: var(--title-fonts);
line-height: 1.5;
font-weight: 700
}
.privacy-policy-sec ul a {
color: var(--highlight-color);
display: inline
}
.privacy-policy-sec ul a:hover,ul a:focus {
color: var(--highlight-color);
text-decoration: none
}
.privacy-policy-sec #gdprformsection {
margin: 30px 0;
padding: 15px 20px 10px!important
}
.privacy-policy-sec .column21,
.privacy-policy-sec .column22 {
float: left;
width: 50%;
margin: 20px 0
}
.privacy-policy-sec .column31,
.privacy-policy-sec .column32,
.privacy-policy-sec .column33 {
float: left;
width: 33.3333333%;
margin-top: 20px
}
.privacy-policy-sec input#gdpremail {
width: 300px;
font-size: 16px;
letter-spacing: .3px;
line-height: 26px;
position: relative;
border: 1px solid #d2d2d2;
border-radius: 0;
height: 50px;
padding: 6px 12px;
font-family: var(--text-fonts)
}
.privacy-policy-sec input#gdprsubmit {
font-size: 15px;
font-weight: 500;
font-family: var(--title-fonts);
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 18px;
min-height: 50px;
padding: 15px 28px;
letter-spacing: .45px;
background: 0 0;
border: 1px solid var(--primary-color);
margin-left: 5px;
cursor: pointer;
background: var(--primary-color);
color: #fff;
}
.privacy-policy-sec input#gdprsubmit:hover,.privacy-policy-sec input#gdprsubmit:focus{
color: var(--text-color);
background-color: var(--secondary-color);
border-color: var(--secondary-color);
}
.privacy-policy-sec #gdprformsection label {
letter-spacing: .32px;
color: var(--text-color);
font-size: 16px;
line-height: 1.5;
font-weight: 700;
margin-bottom: 5px;
display: block;
}
.privacy-policy-sec div#gdprmsg {
position: absolute;
margin-top: 20px
}
.privacy-policy-sec .box2:not(:first-child) {
margin-top: 30px;
}
@media(max-width: 767.98px) {
.privacy-policy-sec h1 {
font-size:22px;
line-height: 1.5
}
.privacy-policy-sec h2,.privacy-policy-sec h3 {
font-size: 18px
}
.column21,.column22,.column31,.column32,.column33 {
width: 100%;
margin-top: 10px
}
.privacy-policy-sec .column21 ul,.privacy-policy-sec .column22 ul,.privacy-policy-sec .column31 ul,.privacy-policy-sec .column32 ul,.privacy-policy-sec .column33 ul {
margin-bottom: 0
}
.privacy-policy-sec .column21,
.privacy-policy-sec .column31 {
margin-top: 20px
}
.privacy-policy-sec input#gdpremail {
width: 100%
}
.privacy-policy-sec input#gdprsubmit {
margin: 10px 0 0
}
}
/*---------------Privacy Policy Ends ---------------------*/
/*------------ Highlights Tab Section Starts --------------*/
.highlights-section-tab {
padding: 70px 0;
background-color: #FAFAFA;
}
.highlights-tab-content {
margin-top: 40px;
}
.tab-title-main {
text-align: center;
}
.tab-title-main h2 {
font-size: 36px;
line-height: 46px;
}
.highlights-tab-content ul.tab-title {
width: 100%;
display: inline-block;
text-align: center;
}
.highlights-tab-content ul.tab-title li {
padding-right: 20px;
display: inline-block;
vertical-align: middle;
}
.highlights-tab-content ul.tab-title li a {
color: #000;
font-size: 18px;
font-weight: 400;
position: relative;
padding: 0 0 15px 0;
text-transform: capitalize;
line-height: 30px;
}
.highlights-tab-content ul.tab-title li.uk-active a {
color: var(--primary-color);
background: transparent;
}
.highlights-tab-content ul.tab-title li a:focus:after,
.highlights-tab-content ul.tab-title li a:hover:after,
.highlights-tab-content ul.tab-title li.uk-active a:after {
width: 100%;
height: 5px;
content: '';
left: 0;
bottom: 0;
position: absolute;
background-color: var(--primary-color);
}
.tab-content-data {
font-size: 15px;
font-weight: 400;
line-height: 24px;
}
.tab-content-data h3 {
margin: 10px 0;
}
.tab-content-data ul {
margin: 10px 0 0 0;
}
.tab-content-data ul li {
position: relative;
padding-left: 10px;
list-style: none;
}
.tab-content-data ul li:before {
content: '';
width: 5px;
height: 5px;
left: -16px;
top: 10px;
position: absolute;
border-radius: 50%;
background-color: var(--primary-color);
}
.tab-btn {
margin-top: 30px;
}
.tab-btn a.uk-button {
padding: 6px 28px 10px 28px;
}
.tab-btn .button-link {
margin-left: 25px;
}
@media (max-width: 1024px) {
.highlights-tab-content ul.tab-title {
overflow: auto;
margin: 0;
white-space: nowrap;
}
}
@media (max-width: 768px) {
.highlights-tab-content ul.tab-title {
margin: 0;
}
.tab-content-data .uk-grid {
flex-direction: column-reverse;
}
.tab-content-data .uk-grid .uk-width-3-5\@m {
padding-top: 40px;
}
}
@media (max-width: 767px) {
.tab-title-main h2 {
font-size: 24px;
line-height: 30px;
}
.highlights-section-tab {
padding: 40px 0;
}
.tab-content-data .uk-grid {
flex-direction: column-reverse;
}
.highlights-section-tab .uk-container1240 {
padding: 0;
}
.tab-content-data {
padding: 0;
}
.highlights-tab-content ul.tab-title {
overflow: auto;
margin: 0;
white-space: nowrap;
}
.tab-content-data .uk-grid .uk-width-3-5\@m {
margin-top: 20px;
}
}
/*--------------- Highlights Tab Section Ends ------------------*/
/*------------ Business Insurance Table Section Starts ---------*/
.insurance-table-section {
padding: 70px 0;
}
.insurance-table td{
padding: 10px;
}
.insurance-commercial-left {
width: 50%;
float: left;
}
.insurance-table-title, .insurance-table-text {
text-align: center;
}
@media (max-width: 767px) {
.insurance-table-section .uk-grid > div:nth-child(2) {
margin-top: 40px;
}
}
/*------------ Business Insurance Table Section Ends -------------------*/
/*------------------ Footer CTA Section Starts -------------------------*/
.footer-stock-section {
border-top: 1px solid#dcdcdc;
}
.nadaq-ticker {
width: auto;
height: auto;
margin: 0 0 ;
float: right;
text-align: center;
color: #fff;
position: relative;
background-size: 100% 100%;
padding: 15px 20px;
}
.nasdaqdata {
width: 100%;
position: relative;
top: auto;
transform: none;
}
.nasdaqdata a {
color: #fff;
}
.nasdaqdata a:hover, .nasdaqdata a:focus {
color: #FFD200;
text-decoration: none;
}
.stock-logo {
padding-right: 20px;
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
.footer-stock-section .uk-grid.uk-flex-middle {
padding-top: 20px !important;
margin: 0 !important;
}
.nadaq-ticker {
margin-bottom: 20px !important;
}
.iconcol-links {
text-align: center;
}
}
@media only screen and (max-width: 1025px) and (min-width: 960px) {
.footer-stock-section .uk-grid.uk-flex-middle > div {
width: 33.33%;
}
.footer-stock-section .uk-grid.uk-flex-middle > div.stock-cta {
text-align: center;
margin-top: 20px;
margin-bottom: 20px
}
.footer-stock-section .uk-grid.uk-flex-middle {
margin: 0;
}
}
@media (max-width: 768px) {
.footer-stock-section .uk-container1240 {
padding: 0;
}
}
@media (max-width: 767px) {
.stock-logo {
width: 60%;
padding-left: 0;
}
.footer-stock-section .uk-container1240 {
padding: 0 20px;
}
}
/*--------------------- Footer CTA Section Ends ------------------------*/
/*-------------------------Tab Slider Start ----------------------------*/
.personal-banking-tab-slider {
padding: 20px 0 50px 0;
text-align: center;
background-color: #FAFAFA;
}
.personal-banking-tab-slider .sub-title {
font-size: 12px;
font-weight: 700;
margin-bottom: 10px;
letter-spacing: 0.24px;
text-transform: uppercase;
line-height: 24px;
}
.tab-slider-content {
margin-top: 40px;
}
.tab-slider-content ul.tab-title {
width: auto;
display: inline-block;
}
.tab-slider-content ul.tab-title li {
padding-right: 20px;
display: inline-block;
vertical-align: middle;
}
.tab-slider-content ul.tab-title li a {
color: #000;
font-size: 24px;
font-weight: 300;
padding: 0 0 15px 0;
position: relative;
text-transform: capitalize;
line-height: 30px;
}
.tab-slider-content ul.tab-title li.uk-active a {
color: var(--primary-color);
background: transparent;
}
.tab-slider-content ul.tab-title li a:focus:after, .tab-slider-content ul.tab-title li a:hover:after, .tab-slider-content ul.tab-title li.uk-active a:after {
width: 100%;
height: 5px;
content:'';
left: 0;
bottom: 0;
position: absolute;
background-color: var(--primary-color);
}
.tab-slider-content ul.tab-title li.uk-active a {
color: var(--primary-color);
}
.tab-slider {
border-radius: 20px;
padding: 25px 40px;
margin-top: 50px;
background-color: #fff;
box-shadow: 0px 3px 6px #00000029;
border: 1px solid var(--primary-color);
}
.tab-slider ul {
align-items: center;
}
.tab-slider ul li {
display: flex;
padding: 20px 50px;
align-items: center;
border-right: 1px solid var(--secondary-color);
}
.tab-slider ul li .icon {
padding-bottom: 10px;
}
.tab-slider ul li .icon div:before {
font-size: 30px;
color: var(--primary-color);
}
.tab-slider ul li:last-child {
border: none;
}
.tab-content-data {
width: 100%;
font-size: 15px;
font-weight: 400;
padding: 0 25px;
margin: 0 auto;
line-height: 26px;
}
.tab-slider .tab-slider-title {
font-size: 24px;
color: var(--primary-color);
font-weight: 900;
letter-spacing: 0;
position: relative;
text-transform: inherit;
font-family: var(--title-fonts);
line-height: 30px;
}
.tab-slider .tab-slider-description {
color: #000;
font-size: 15px;
margin-top: 15px;
line-height: 24px;
}
.tab-slider .tab-slider-arrow a span {
color: var(--primary-color);
padding: 10px;
border-radius: 50%;
border: 1px solid #000;
}
.tab-slider-arrow a {
margin: 0;
max-width: inherit;
}
.tab-slider-arrow a.uk-slidenav-previous.uk-slidenav {
top: 42%;
left: -10px;
transform: rotate(90deg);
}
.tab-slider-arrow a.uk-slidenav-next.uk-slidenav {
top: 42%;
right: -10px;
transform: rotate(-90deg);
}
.tab-slider-arrow a svg {
display: none;
}
.slider-center {
justify-content: center;
}
.tab-slider-btn {
margin-top: 30px;
}
.disclaimer-text {
font-size: 12px;
padding: 25px 30px 40px 30px;
line-height: 20px;
}
.disclaimer-text-left {
font-size: 12px;
padding: 25px 0 40px 0;
line-height: 20px;
text-align: left;
}
.tab-disclaimer-btn-left {
text-align: center;
}
.disclaimer-text span {
display: block;
font-weight: 700;
}
.tab-slider-content ul.tab-content .disclaimer-text ul.data li {
padding: 0;
position: relative;
display: inline-block;
margin-right: 10px;
text-align: center;
}
.tab-slider-content ul.tab-content .disclaimer-text ul.data li:before {
width: 1px;
height: 12px;
content: '';
top: 5px;
left: -6px;
border-radius: 0;
position: absolute;
background-color: var(--text-color);
}
.tab-slider-content ul.tab-content .disclaimer-text ul.data li:first-child:before {
display: none;
}
.disclaimer-text ul.sublink li {
padding: 0;
position: relative;
display: inline-block;
margin-right: 10px;
text-align: center;
}
.disclaimer-text ul.sublink li:before {
width: 1px;
height: 12px;
content: '';
top: 5px;
left: -6px;
border-radius: 0;
position: absolute;
background-color: var(--text-color);
}
.disclaimer-text ul.sublink li:first-child:before {
display: none;
}
@media (max-width: 1023px) {
.tab-slider {
padding: 25px 0px;
}
.tab-slider-content ul.tab-title li {
padding-right: 10px;
padding-left: 10px;
}
.tab-slider ul li {
padding: 20px 40px;
}
}
@media (max-width: 768px) {
.personal-banking-tab-slider {
padding: 40px 0;
}
.tab-slider-content ul.tab-content .disclaimer-text ul.data li:before {
width: 4px;
height: 4px;
content: '';
top: 8px;
left: -6px;
border-radius: 0;
position: absolute;
border-radius: 50%;
background-color: var(--text-color);
}
}
@media (max-width: 767px) {
.tab-slider-content ul.tab-title li a {
font-size: 18px;
}
.personal-banking-tab-slider {
padding: 20px 0 40px 0;
}
.personal-banking-tab-slider ul.tab-content {
padding: 0;
}
.disclaimer-text.disclaimers.disclaimers-large table {
display: none;
}
.tab-slider ul li {
border: none;
}
}
/*--------------- Tab Slider End --------------*/
/* table and icon css below overview */
.checkover-inner.uk-grid {
padding-bottom: 30px;
}
.checkover-list.carouselitems {
border-right: 1px solid #dedede;
}
.checkover-list.carouselitems:last-child {
border-right: none;
}
.checkoverlistinner {
padding-right: 20px;
}
.checkover-content .checkover-content {
padding-left: 20px;
}
.checkover-title {
font-size: 17px;
letter-spacing: .02em;
line-height: normal;
padding-bottom: 20px;
font-weight: bold;
}
.disclaimers td,.description td {
border: 1px solid #000;
padding: 10px 20px;
border-right: 0;
}
.disclaimers td:last-child,.description td:last-child{
border-right: 1px solid #000;
}
/* table and icon css below overview */
/*Mortgage Video Section Starts*/
.mortgage-demo-videos {
padding: 70px 0;
background-color: #fafafa;
}
@media (max-width: 1024px) {
.mortgage-demo-videos-box {
margin-bottom: 40px;
}
}
/*------------ Mortgage Video Section Ends ----------------*/
/*------------ Online Banking Module Starts ---------------*/
.standard-interior-side-bullist-section {
z-index: 10;
max-width: 570px;
float: right;
padding: 35px;
position: relative;
border-radius: 7px;
margin: 30px 0 30px 50px;
background-color: #fafafa;
}
.std-int-side-bullist-name {
font-size: 17px;
}
.std-int-side-bullist-name > a.navON {
color: var(--text-color);
}
ul.std-int-side-bullist-wrap li a.navON {
color: var(--secondary-color);
background: rgba(0,0,0,0.005);
}
/*--------------- Online Banking Module Ends --------------*/
/*----------- Visa Debit Card Video Section Starts --------*/
.visa-debit-card-demo-videos, .credit-cards-footer-content {
padding: 70px 0;
background-color: #fafafa;
}
.visa-debit-card-demo-videos-box {
margin-bottom: 40px;
}
.visa-debit-card-demo-videos-box .tab-btn {
margin-top: 10px;
}
.credit-cards-footer-content .overview-btn {
margin: 20px 0 40px 0;
}
/*------------ Visa Debit Card Video Section Ends -----------------*/
/*---------------- Banking Demo Video Starts ----------------------*/
.faq-page__block {
margin-top: 0 !important;
}
.banking-demo {
background-color: #fafafa;
}
/*----------------- Banking Demo Video Ends -----------------------*/
/*----------------- Inner Page Bottom Starts ----------------------*/
.inner-bottom-content {
padding: 50px 0;
justify-content: center;
text-align: center;
}
.inner-bottom-content .tab-btn {
margin-bottom: 30px;
}
.gulfstar-inner-bottom-content, .asset-management-bottom-content, .rollovers-inner-bottom-content {
padding-bottom: 70px;
}
/*------------------ Inner Page Bottom Ends -----------------------*/
.consultant-media {
max-width: 248px;
height: auto;
display: inline-block;
margin-bottom: 1px;
}
.consultant-media img {
width: 100%;
height: auto;
border-radius: 100%;
display: block;
box-sizing: border-box;
box-shadow: 0 0 1px #000;
margin-top: 30px;
}
/* About us page History css Start*/
.icon-map-pin-fill.iconmap {
color: #554c42;
display: block;
font-size: 30px;
height: 100%;
line-height: 60px;
text-align: center;
width: 100%;
}
.cd-container {
width: 90%;
max-width: 1170px;
margin: 0 auto;
}
.cd-container::after {
content: '';
display: table;
clear: both;
}
.cd-timeline-content p {
color: #ffffff;
}
#cd-timeline {
position: relative;
padding: 2em 0;
margin-top: 2em;
margin-bottom: 2em;
}
#cd-timeline::before {
/* this is the vertical line */
content: '';
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 4px;
background: #dcd8d8;
}
@media only screen and (min-width: 1170px) {
#cd-timeline {
margin-top: 3em;
margin-bottom: 3em;
}
#cd-timeline::before {
left: 50%;
margin-left: -2px;
}
}
.cd-timeline-block {
position: relative;
margin: 2em 0;
}
.cd-timeline-block:after {
content: "";
display: table;
clear: both;
}
.cd-timeline-block:first-child {
margin-top: 0;
}
.cd-timeline-block:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
.cd-timeline-block {
margin: 4em 0;
}
.cd-timeline-block:first-child {
margin-top: 0;
}
.cd-timeline-block:last-child {
margin-bottom: 0;
}
}
.cd-timeline-img {
position: absolute;
top: 15px;
left: 0;
width: 40px;
height: 40px;
border-radius: 50%;
/*box-shadow: 0 0 0 4px #888888, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*/
}
@media only screen and (max-width: 1170px) {
.icon-map-pin-fill.iconmap {
line-height: 40px;
}
.cd-date {
display: none !important;
}
}
.cd-timeline-img img {
display: block;
width: 24px;
height: 24px;
position: relative;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
}
.cd-timeline-img.cd-picture {
background: #716f70 ;
}
.cd-timeline-img.cd-movie {
background: #c03b44;
}
.cd-timeline-img.cd-location {
background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
.cd-timeline-img {
width: 30px;
height: 30px;
left: 50%;
margin-left: -15px;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.cssanimations .cd-timeline-img.is-hidden {
visibility: hidden;
}
.cssanimations .cd-timeline-img.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-1 0.6s;
-moz-animation: cd-bounce-1 0.6s;
animation: cd-bounce-1 0.6s;
}
}
.cd-timeline-content {
position: relative;
margin-left: 60px;
background: var(--primary-color);
border-radius: 0.25em;
padding: 1em;
box-shadow: 0 3px 0 var(--primary-color);
}
.cd-timeline-content:after {
content: "";
display: table;
clear: both;
}
.cd-timeline-content h2 {
color: #ffffff;
}
.cd-timeline-content h2:focus-visible,
.cd-timeline-content p:focus-visible{
outline: 1px solid #fff;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
font-size: 13px;
font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
display: inline-block;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
float: left;
padding: .8em 0;
opacity: .7;
}
.cd-timeline-content::before {
content: '';
position: absolute;
top: 16px;
right: 100%;
height: 0;
width: 0;
border: 7px solid transparent;
border-right: 7px solid var(--primary-color) ;
}
@media only screen and (min-width: 768px) {
.cd-timeline-content h2 {
font-size: 20px;
font-size: 1.25rem;
}
.cd-timeline-content p {
font-size: 16px;
font-size: 1rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
font-size: 14px;
font-size: 0.875rem;
}
}
@media only screen and (min-width: 1170px) {
.cd-timeline-content {
margin-left: 0;
padding: 1.6em;
width: 45%;
}
.cd-timeline-content::before {
top: 24px;
left: 100%;
border-color: transparent;
border-left-color: var(--primary-color);
}
.cd-timeline-content .cd-read-more {
float: left;
}
.cd-timeline-content .cd-date {
position: absolute;
width: 100%;
left: 122%;
top: 6px;
font-size: 16px;
font-size: 1rem;
display: none;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
top: 24px;
left: auto;
right: 100%;
border-color: transparent;
border-right-color: var(--primary-color);
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
left: auto;
right: 122%;
text-align: right;
}
.cssanimations .cd-timeline-content.is-hidden {
visibility: hidden;
}
.cssanimations .cd-timeline-content.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-2 0.6s;
-moz-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s;
}
}
/*--------- About us page History css End ------------*/
/*----- Inner Bottom Description Section Starts ------*/
.inner-bottom-description-section {
font-size: 14px;
padding: 50px 0;
overflow: visible;
border: 0;
text-align: center;
border-top: 1px solid #e5e5e5;
}
.inner-bottom-description-left {
padding: 50px 0;
overflow: visible;
border: 0;
border-top: 1px solid #e5e5e5;
}
/*------ Inner Bottom Description Section Ends --------*/
/*------------ Footer Stock Section Starts ------------*/
@media (max-width: 768px) {
.stock-section {
margin-right: -20px;
}
.stock-logo {
text-align: center;
}
.stock-logo, .stock-cta {
margin-bottom: 20px;
padding-right: 20px;
}
.nadaq-ticker {
width: 100%;
margin: 0;
}
}
@media (min-width: 769px) and (max-width: 989px) {
.stock-logo, .stock-cta {
text-align: center;
}
.nadaq-ticker {
margin: 20px auto;
width: 295px;
}
}
/* 401ks */
.ks.popupouter {
width: 66%;
height: auto;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: 5%;
}
.ks .popupCloseButton {
background-color: #fff;
border: 3px solid #999;
border-radius: 50px;
cursor: pointer;
display: inline-block;
font-family: arial;
font-weight: 700;
position: absolute;
top: 0;
right: 0;
font-size: 25px;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
z-index: 125;
color:#000;
}
.ks .popupCloseButton svg{
top: -10px;
position: relative;
}
.ks .popupinner {
background-color: #fff;
border: solid 9px #eaeaea;
box-shadow: 10px 10px 60px #555;
display: inline-block;
height: auto;
min-height: 100px;
vertical-align: middle;
width: 100%;
position: relative;
border-radius: 0;
box-sizing: border-box;
height: 100%;
overflow: auto;
top: 0;
}
.ks table#table_popup {
border-collapse: collapse;
width: 100%;
}
.ks #table_popup th {
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
background-color: #9d1c32;
color: #fff;
font-family: opensans-semibold,sans-serif;
}
.ks #table_popup td,
.ks #table_popup th {
border: 1px solid #ddd;
padding: 8px;
}
.ks #table_popup tr:nth-child(even) {
background-color: #f2f2f2;
}
/* 401ks */
/* Demo Videos Details Page CSS Start */
.bankingdemodetail-left {
float: left;
width: 66%;
box-sizing: border-box;
}
.deatilpageonevideo-wrap {
margin-bottom: 50px;
}
.box2 {
padding: 30px 0;
}
.deatilpageonevideo {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
.deatilpageonevideo iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
.deatilpageonevideo-title {
margin-top: 40px;
}
.backallvideos a {
font-weight: 700;
font-size: 20px;
padding-left: 30px;
position: relative;
letter-spacing: .03em;
}
.backallvideos a:before {
content: "\e908";
top: 4px;
left: 0;
position: absolute;
transform: rotate(90deg);
font-family: 'template-icon';
}
.bankingdemodetail-right {
float: right;
width: 28%;
box-sizing: border-box;
margin-top: 29px;
overflow: hidden;
}
.bankingdemodetail-right li.carouselitems {
list-style-type: none;
}
.new-banking-demos-videos-img {
background-color: #ccc;
position: relative;
}
.new-banking-demos-videos-img::before {
z-index: 1;
content: "\e944";
color: #fff;
font-size: 70px;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: 'template-icon'!important;
}
.new-banking-demos-videos-img img {
width: 100%;
height: auto;
display: block;
}
.new-banking-demos-videos-img::after {
width: 100%;
height: 100%;
background: #000;
content: "";
position: absolute;
left: 0;
top: 0;
opacity: .5;
pointer-events: none;
}
.new-banking-demos-videos-link {
font-size: 16px;
font-weight: bold;
padding: 15px 0 25px;
line-height: normal;
}
.new-banking-demos-videos-link a:link, .new-banking-demos-videos-link a:visited {
color: #000;
border-bottom: none;
}
.backallvideos {
margin-top: -40px;
margin-bottom: 40px;
}
@media(max-width:767px){
.bankingdemodetail-left {
float: none;
width: auto;
box-sizing: border-box;
}
.deatilpageonevideo-wrap{margin-bottom:0;}
.bankingdemodetail-right {
float: none;
width: auto;
box-sizing: border-box;
margin-top: 0;
overflow-y: inherit;
height: initial;
border-top: 1px solid #ccc;
padding-top: 40px;
margin-top: 20px;
margin-bottom: 20px;
}
.bankingdemodetail-right ul{
padding:0;
}
}
/* Demo Videos Details Page CSS End */
.who-are-we
.team-mem-box {
padding-bottom: 40px;
}
.who-are-we .team-mem-img {
max-width: 280px;
margin: 0 auto;
padding-bottom: 20px;
}
.who-are-we div.uk-grid{justify-content: center;}
.who-are-we img {
border-radius: 50%;
}
.who-are-we-featured img {
border-radius: 50%;
}
.uk-container1240.who-are-we-featured {
padding-bottom: 40px;
}
.who-are-we .cbankteammname {
color: var(--primary-color);
font-size: 22px;
font-weight: 600;
}
.loanorgtr-inner.carousel {
padding-bottom: 30px;
}
.loanorgtr-detail {
padding-left: 30px;
}
.loanorgtr-button {
padding-top: 15px;
}
.loanorgtr-img img {
width: 100%;
height: auto;
border-radius: 10px;
}
.our__team .team-mem-desc{display:none;}
.conadd-holder {
background: #efefef;
padding: 20px;
min-height: 220px;
}
.conadd-col {
padding-bottom: 20px;
}
.conadd-name {
font-weight: bold;
font-size: 18px;
padding-bottom: 5px;
}
.conadd-ph {
font-weight: bold;
font-size: 18px;
padding-top: 5px;
}
.department-of-banking__notice #table_popup th {
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
background-color: #9d1c32;
color: #fff;
font-family: 'opensans-semibold',sans-serif;
}
.department-of-banking__notice #table_popup tr:nth-child(even) {
background-color: #f2f2f2;
}
.department-of-banking__notice #table_popup td,
.department-of-banking__notice #table_popup th {
border: 1px solid #ddd;
padding: 8px;
}
.contact_us_bottom_section .dtn_section.uk-text-center {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
max-width: 700px;
padding-bottom: 50px;
align-items: center;
padding-top: 40px;
}
.contact_us_bottom_section .dtn_section a.uk-button {
width: -webkit-fill-available;
padding: 10px 20px 15px 20px;
margin: 10px 0;
border-radius: 10px;
}
.contact_us_bottom_section a.uk-button.uk-button-transperant {
width: auto !important;
color: var(--primary-color);
border: 1px solid #000;
}
.uk-button-transperant:hover, .uk-button-transperant:focus, .uk-button-transperant:focus-visible {
color: var(--text-color) !important;
background-color: var(--secondary-color);
}
@media (max-width:767px) {
.loanorgtr-img {padding-bottom: 15px;}
.loanorgtr-detail {padding-left: 20px;}
}
/*----------- Footer Stock Section Ends ------------------*/
/*----------Inner Bottom Copyrights Starts ---------------*/
.inner-page-bottom-copyrights {
margin-bottom: 50px;
}
@media (max-width:767px) {
.inner-page-bottom-copyrights {
margin-top: 50px;
margin-bottom: 50px;
}
}
/*---------- Inner Bottom Copyrights Ends -----------------*/
/*---------- Inner Page Side List Starts ------------------*/
.pagesidelist {
padding: 5px;
}
.pagesidelist:before{
top: 15px !important;
}
/*-------------- Inner Page Side List Ends ----------------*/
.Page-button {
margin-top: 40px;
margin-bottom: 60px;
}
.Page-button a {
margin-right: 10px;
}
@media (max-width: 960px) and (min-width: 767.5px) {
.Page-button a.uk-button.uk-button-primary:last-child {
margin-top: 20px;
}
}
@media (max-width:767px) {
.Page-button a {
width: 320px;
margin-bottom: 20px;
}
.Page-button {
margin-top: 50px;
margin-bottom: 50px;
}
}
/*------------------ Our Team Page CSS --------------------*/
.our-team-profile-modal .uk-modal-body {
width: 970px;
height: 450px;
padding: 60px 35px 35px;
transform: translateY(-50%);
top: 50%;
background: #fff;
}
.our-people-profile-content {
width: 100%;
height: 100%;
display: flex;
padding-right: 20px;
overflow: hidden auto;
}
.our-people-profile-content-left {
width: 25%;
}
.our-people-profile-content-right {
width: 75%;
padding-left: 35px;
box-sizing: border-box;
}
.our-people-profile-content-left .our-people-profile-box:first-child {
width: 100%;
}
.our-people-profile-content-left .our-people-profile-box:first-child {
display: block;
box-shadow: 0 0 0;
padding: 0;
}
.our-people-profile-box .snippet-image {
margin: 0;
}
.our-people-profile-box:first-child img {
border-radius: 0;
}
.our-people-profile-box img {
width: 100%;
}
.our-people-profile-modal .our-people-profile-box:first-child .snippet-content {
padding-left: 0;
width: 100%;
}
.our-people-profile-modal .our-people-profile-box .snippet-content .title {
font-weight: normal;
font-size: 20px;
letter-spacing: 0.2px;
}
.our-people-profile-box .snippet-content {
font-size: 15px;
letter-spacing: 0.24px;
line-height: 24px;
margin-top: 15px;
margin-bottom: 0;
}
.our-people-profile-modal .our-people-profile-box .snippet-content{
font-size: 16px;
margin-bottom: 0;
margin-top: 5px;
}
@media(max-width:767px){
.our-team-profile-modal .uk-modal-body {
height: auto;
padding: 50px 15px 30px 15px;
transform: initial;
top: 0;
margin-bottom: 100px;
}
.our-people-profile-content {
flex-wrap: wrap;
padding-right: 0;
}
.our-people-profile-content-left {
width: 100%;
margin-bottom: 30px;
}
.our-people-profile-content-right {
width: 100%;
padding-left: 0;
}
}
/*------------------------ Our Team Page CSS -------------------------------*/
/*----------------------- Consultant Page Starts ---------------------------*/
.consultant-tab {
justify-content: center;
}
.consultant-tab .consultant-name {
color: var(--primary-color);
font-size: 22px;
font-weight: 600;
}
/*------------------------- Consultant Page Ends ----------------------------*/
/*-------------------- Insurance Bottom Content Starts ----------------------*/
.insurance-bottom-content {
margin-top: 50px;
text-align: center;
}
.insurance-page-button {
margin: 20px 0;
}
.business-insurance-bottom-content {
text-align: center;
}
.business-insurance-page-button {
margin: 50px 0 20px 0;
}
/*--------------------- Insurance Bottom Content Ends -----------------------*/
/*------------------------- Banking Demo Start ------------------------------*/
.banking-demo .faq-page__links li {
padding: 12px 0;
border-bottom: 1px solid var(--text-color);
}
.banking-demo ul li {
list-style: none;
}
.main-video-grid .faq-page__block-desc {
position: relative;
}
.main-video-grid .faq-page__block-desc:before {
width: 100%;
height: 100%;
content: '';
left: 0;
top: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
}
.main-video-grid .faq-page__block-desc a {
position: relative;
}
.main-video-grid .faq-page__block-desc a:after {
content: "\e944";
color: #fff;
font-size: 70px;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: 'template-icon'!important;
}
.banking-demo ul.js-filter li .main-video-grid {
width: 45%;
display: inline-block;
box-sizing: border-box;
vertical-align: top;
margin-left: 4%;
}
.faq-page__block-title h4 {
font-size: 18px;
font-weight: 700;
margin-top: 14px;
}
.video-popup .uk-modal-dialog.uk-width-auto.uk-margin-auto-vertical {
max-width: 900px !important;
margin: 0 auto;
}
.video-popup button.uk-modal-close-outside.uk-icon.uk-close svg {
display: none;
}
.video-popup button.uk-modal-close-outside.uk-icon.uk-close span.template-icon-add {
display: table;
transform: rotate(45deg);
}
.video-popup button.uk-modal-close-outside.uk-icon.uk-close:hover span.template-icon-add:before {
color: var(--secondary-color);
}
@media (max-width: 767.98px) {
.banking-demo ul.js-filter li .main-video-grid {
width: 100%;
margin: 0;
}
}
/*------------------------- Banking Demo Ends -------------------------------*/
/*------------------------- Career Page Start -------------------------------*/
.career-grid .career-content .career-content-icon span {
font-size: 60px;
}
.career-grid .career-content .career-content-icon span:before {
color: #fff;
}
/*------------------------- Career Page Ends --------------------------------*/
.overview-space .big-snippet {
padding-top: 0;
}
.inner-bottom-description-section {
justify-content: center;
}
.lost-stolen-cards-list-snippet .title h3 {
margin: 20px 0 30px 0;
}
.in-view-data .icon {
display: none;
}
.lost-stolen-cards-table.part-one {
margin-top: -120px;
}
.identity-theft-section .uk-container1240 div > h2 {
margin-bottom: 40px;
}
.column31 li, .column32 li, .column33 li {
position: relative;
padding-left: 10px;
list-style: none;
}
.column31 li:before, .column32 li:before, .column33 li:before {
content: '';
width: 5px;
height: 5px;
left: -16px;
top: 10px;
position: absolute;
border-radius: 50%;
background-color: var(--primary-color);
}
.lost-stolen-cards-table {
margin-top: 40px;
}
.lost-stolen-cards-snippet .uk-grid {
margin-bottom: 40px;
}
.std-int-desc p {
margin: 0;
}
.std-int-desc {
font-size: 15px;
}
.std-int-bullist-desc div {
font-size: 15px;
}
.std-int-bullist-content {
font-size: 15px;
}
.download-app {
margin-bottom: 50px;
margin-top: -40px;
justify-content: center;
}
.banking-demos-videos-img {
position: relative;
}
.banking-demos-videos-img > a {
position: relative;
transition: .1s all ease-in-out;
}
.banking-demos-videos-img:after {
width: 100%;
height: 100%;
content: '';
position: absolute;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.banking-demos-videos-img > a:focus, .banking-demos-videos-img > a:hover {
color: var(--secondary-color);
transition: .1s all ease-in-out;
}
.banking-demos-videos-img > a:focus:before, .banking-demos-videos-img > a:hover:before {
color: var(--secondary-color);
transition: .1s all ease-in-out;
}
.banking-demos-videos-img > a::before {
z-index: 1;
content: "\e944";
color: #fff;
font-size: 70px;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: 'template-icon'!important;
}
.visa-debit-card-demo-videos-name {
margin-top: 20px;
}
.visa-debit-card-demo-videos-img {
position: relative;
}
.visa-debit-card-demo-videos-img > a {
position: relative;
transition: .1s all ease-in-out;
}
.visa-debit-card-demo-videos-img > a::before {
z-index: 1;
content: "\e944";
color: #fff;
font-size: 70px;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: 'template-icon'!important;
}
.visa-debit-card-demo-videos-img:after {
width: 100%;
height: 100%;
content: '';
position: absolute;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.visa-debit-card-demo-videos-img > a:focus, .visa-debit-card-demo-videos-img > a:hover {
color: var(--secondary-color);
transition: .1s all ease-in-out;
}
.visa-debit-card-demo-videos-img > a:focus:before, .visa-debit-card-demo-videos-img > a:hover:before {
color: var(--secondary-color);
transition: .1s all ease-in-out;
}
.disclaimers.disclaimers-large table {
margin: 0 auto;
margin-bottom: 20px;
border-spacing: 0;
}
.margin-content li {
margin-bottom: 10px;
}
.main-video-grid.commerce-bank-videos .banking-demos-videos-name {
padding-left: 100px;
}
.uk-container1240.who-are-we-featured .team-mem-name {
color: var(--primary-color);
font-size: 22px;
font-weight: 700;
margin-bottom: 15px;
}
.uk-container1240.who-are-we-featured h2 {
font-size: 36px;
margin-top: 50px;
margin-bottom: 50px;
}
.popup-data {
padding: 17px 15px 25px 0;
background-color: #fff;
}
.popup-content-view a {
display: block;
}
.popup-data .popup-image img {
width: 400px;
height: auto;
}
.popup-content-view h3 {
padding-bottom: 10px;
}
.popup-content-view .main-content {
padding-top: 10px;
}
.popup-data > div a:nth-child(3) {
padding-bottom: 10px;
}
div#content-view-data .Page-button {
margin-bottom: 0;
margin-top: 25px;
}
.inner-bottom-description-section ul.data li {
text-align: left;
}
@media (max-width: 1024px) {
.who-are-we-featured .uk-width-auto\@m {
margin: 0 auto;
text-align: center;
}.uk-container1240.who-are-we-featured .team-mem-name {
margin-top: 30px;
}
}
/*--------------- Banking Demo Video Start ------------*/
.banking-demo .faq-page__sidebar ul.faq-page__links {
padding-left: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0 !important;
}
.banking-demo .faq-page__links li {
padding: 10px 0;
}
.banking-demo .faq-page__links .faq-page__sidebar ul.faq-page__links:before {
border: none;
}
.banking-demo .faq-page__links .faq-page__sidebar ul.faq-page__links li a {
font-size: 15px;
border: none;
font-weight: 700;
text-align: left;
letter-spacing: .3px;
text-transform: capitalize;
}
.banking-demo .faq-page__links .faq-page__sidebar ul.faq-page__links li a:focus, .banking-demo .faq-page__links .faq-page__sidebar ul.faq-page__links li a:hover, .banking-demo .faq-page__links .faq-page__sidebar ul.faq-page__links li a.navON {
color: #7d6700;
text-shadow: 0 0;
filter: brightness(2);
}
.banking-demo .js-filter li.faq-page__block:first-child {
display: none;
}
.banking-demo .js-filter li.faq-page__block {
width: 45%;
display: inline-block;
box-sizing: border-box;
vertical-align: top;
margin-left: 4%;
}
.main-video-grid .faq-page__block-desc a:after {
transition: all .4s ease;
}
.main-video-grid .faq-page__block-desc a:focus:after, .main-video-grid .faq-page__block-desc a:hover:after {
color: var(--secondary-color);
transition: all .4s ease;
}
.full-table {
padding: 40px 0 0 0;
}
.rate-item-loop.detail-td .uk-container .full-table:nth-child(3) {
padding-bottom: 40px;
}
.rate-item-loop.detail-td .uk-container table:nth-child(4) {
display: none;
}
/*----------------- Banking Demo Video End --------------*/
/*---------------------- SiteMap Start ------------------*/
.sitemap-sec .uk-container.uk-container-small {
max-width: 1280px;
}
.sitemap-sec .rich-editor {
margin-top: 40px;
}
.sitemap-sec .rich-editor h2.title-2 {
margin-top: 40px;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid var(--secondary-color);
}
.sitemap-sec .rich-editor h2.title-2 a {
color: var(--text-color);
}
.sitemap-sec .rich-editor h2.title-2 a:hover, .sitemap-sec .rich-editor h2.title-2 a:focus {
color: var(--highlight-color);
}
.sitemap-sec .rich-editor .uk-grid>div ul {
padding: 10px;
background-color: #e5e5e5;
}
.sitemap-sec .rich-editor .uk-grid > div ul.accoradian {
padding: 10px;
background-color: #e5e5e5;
}
.sitemap-sec .rich-editor .uk-grid>div ul.accoradian.uk-accordion {
padding: 8px 10px;
}
.sitemap-sec ul li a {
width: 100%;
font-weight: 700;
}
.sitemap-sec ul li a:before {
top: 0;
transform: rotate(0deg);
}
.sitemap-sec ul li.uk-open>.uk-accordion-title::before {
top: 50%;
}
.sitemap-sec .uk-accordion-content {
margin-top: 10px;
}
.sitemap-sec .uk-accordion-content ul {
padding: 0;
}
.sitemap-sec .uk-accordion-content ul li {
position: relative;
padding-left: 15px;
list-style: none;
}
.sitemap-sec .uk-accordion-content ul li:before {
content: '';
width: 5px;
height: 5px;
left: 0;
top: 10px;
position: absolute;
border-radius: 50%;
background-color: var(--primary-color);
}
.sitemap-sec .rich-editor .uk-grid > div ul {
padding: 10px;
background-color: #e5e5e5;
}
.sitemap-sec .rich-editor .uk-grid > div ul li {
list-style: none;
}
.sitemap-sec .uk-accordion-content ul li a {
margin-bottom: 5px;
text-decoration: underline;
}
.sitemap-sec .uk-accordion-content ul li a:focus, .sitemap-sec .uk-accordion-content ul li a:hover {
text-decoration: none;
}
/*----------------------- SiteMap End -------------------*/
@media (max-width: 768px) {
/*--------------- Banking Demo Video Start -------------*/
.banking-demo {
padding-top: 20px;
}
.banking-demo .js-filter li.faq-page__block {
width: 100%;
margin: 0;
}
.banking-demo .faq-page__links {
margin: 0;
}
.banking-demo .faq-page__sidebar {
width: 100%;
padding: 0;
}
.banking-demo .faq-page__links li {
width: 100%;
padding: 5px 0;
}
.banking-demo .faq-page__sidebar ul.faq-page__links {
width: 100%;
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
margin-top: 0;
margin-bottom: 0!important;
}
}
/*----------------- Banking Demo Video End --------------*/
@media (max-width: 767.98px) {
.full-table table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.full-table table tbody tr:nth-child(1) th.table-title {
text-align: left;
}
.full-table table {
padding: 0;
}
.rate-item-loop.detail-td .uk-container .full-table:nth-child(3) table#table_popup-2 {
display: table;
}
.identity-theft-section {
margin-top: -25px;
}
.identity-theft-section .uk-grid .uk-width-auto\@l {
margin-bottom: 30px;
}
.visa-debit-card-demo-videos-list {
margin-top: 40px;
}
.visa-debit-card-demo-videos {
padding: 40px 0 50px 0;
}
.lost-stolen-cards-table.part-one {
margin-top: 0;
}
.lost-stolen-cards-table {
margin-top: 20px;
}
.about-content-end .column31, .about-content-end .column32, .about-content-end .column33 {
width: 100%;
}
.main-video-grid.commerce-bank-videos .banking-demos-videos-name {
padding-left: 0;
padding-top: 20px;
}
.banking-demos-videos-list .banking-demos-videos-box.uk-grid {
margin: 0;
}
.banking-demos-videos-link {
margin-top: 20px;
}
.uk-container1240.who-are-we-featured .team-mem-name {
margin-top: 25px;
}
.who-are-we .team-mem-box {
padding-bottom: 30px;
}
.lost-stolen-cards-snippet .uk-grid {
flex-direction: column-reverse;
}
.lost-stolen-cards-snippet .uk-grid .uk-width-expand\@l {
margin-top: 25px;
}
.popup-content-view h3 {
padding-top: 10px;
padding-bottom: 10px;
}
.video-popup .popup-data {
margin-top: 15px;
}
.popup-data {
margin: 0;
}
.video-popup-staff .popup-data {
margin-top: 20px;
}
.video-popup-staff button.uk-modal-close-outside.uk-icon.uk-close {
top: 20px;
}
.inner-bottom-description-left {
margin: 0;
}
.inner-bottom-description-left > div {
padding: 0;
}
.inner-bottom-description-left {
margin: 0;
padding-bottom: 0;
}
.backallvideos {
margin-top: 0;
margin-bottom: 40px;
}
}
.faq-contnet-left-inner ul.page-bullet-list.data li {
border: none;
}
.bread__crumb {
display: flex;
align-items: baseline;
max-width: 1280px;
margin: 0 auto;
justify-content: space-between;
}
.bread__crumb .serviceslogo-4page {
padding-top: 30px;
padding-right: 30px;
}
.mortgage-demo-videos-img.banking-demos-videos-img img {
width: 100%;
}
.mortgage-demo-videos-box h2 {
margin-top: 15px;
}
.full-content {
width: 1000px;
}
.banking-demos-videos-img {
position: relative;
padding: 0;
}
.banking-demos-videos-img img {
width: 100%;
}
.mobile-button .download-app.uk-grid {
margin-top: 40px;
}
@media(max-width: 1023px) {
.full-content {
width: 100%;
}
.bread__crumb {
justify-content:end;
padding:20px 20px 0;
}
}
/*---------------- Mortgage Options Section Starts ----------------*/
.mortgage-options-section .uk-container {
max-width: 1200px;
}
.icontitle-boxone {
margin-top: 70px;
}
.mortgage-options-section h2 {
color: #fff;
}
.icontitle-boxone .data-content > a {
display: block;
}
.icontitle-boxone .iconcol-links a {
width: 300px;
margin-top: 10px;
}
.mortgage-options-section {
color: #fff;
padding: 70px 0;
position: relative;
background-color: #000;
background-size: 100% 100%;
background-repeat: no-repeat;
background-image: url("https://assets.milestoneinternet.com/ibc-bank/siteimages/mortgage-background-image.jpg");
}
.icontitle-boxone .data-content span {
color: #000;
font-size: 40px;
}
.icontitle-boxone .data-content span:before {
color: #000;
}
.icontitle-boxone .data-content {
text-align: center;
}
.icontitle-boxone .data-content {
text-align: center;
background-color: #fff;
}
.icontitle-boxone .data-content h3 {
font-size: 15px;
transition: .1s all ease-in-out;
line-height: 20px;
}
.icontitle-boxone .data-content > a:focus h3, .icontitle-boxone .data-content > a:hover h3 {
color: var(--highlight-color);
transition: .1s all ease-in-out;
}
.icontitle-boxone .data-content {
height: 123px;
padding: 20px 40px;
border-radius: 10px;
text-align: center;
background-color: #fff;
}
.content-popup .uk-modal-dialog {
padding: 40px;
background-color: #fff;
}
.content-popup .uk-modal-dialog .popup-title {
margin-bottom: 20px;
}
.content-popup .uk-modal-dialog .popup-button {
display: flex;
align-items: center;
margin-top: 20px;
}
.content-popup .uk-modal-dialog .popup-button .iconcol-linksone a {
padding: 6px 20px 10px 20px;
margin-right: 10px;
}
@media(max-width: 767px) {
.insurance-page-button a {
margin-bottom: 10px;
}
.mortgage-demo-videos-box {
padding-bottom: 20px;
}
.icontitle-boxone .iconcol-links a {
width: 100%;
margin-top: 10px;
}
.icontitle-boxone {
margin-top: 40px;
}
.content-popup .uk-modal-dialog .popup-button {
display: block;
}
.content-popup .uk-modal-dialog .popup-button .iconcol-linksone a {
width: 100%;
padding: 6px 20px 10px 20px;
margin-right: 10px;
margin-bottom: 10px;
}
.main-title a.uk-button.uk-button-primary {
margin-bottom: 20px;
}
}
/*----------------- Mortgage Options Section End ----------------*/
.commentinput.selectIco {
position: relative;
}
.contactformrow .frmfieldset.con-frmfieldset-right select {
padding-left: 10px;
cursor: pointer;
}
.commentinput.selectIco:after {
content: '\e908';
width: 10px;
height: 10px;
font-size: 10px;
cursor: pointer;
position: absolute;
right: 41%;
top: 9px;
background-size: contain;
transition: all .4s ease;
background-image: none!important;
font-family: var(--icon-fonts);
}
/*---------------- Commerce Bank Branches Starts ------------------*/
.commerce-bank-branches {
margin: 0 0 70px 0;
padding: 60px 0 30px;
background-color: #fafafa;
}
.comm-bran-h-title {
display: inline-block;
}
.comm-bran-map iframe {
border-radius: 10px;
}
.comm-bran-h-title span {
display: inline-block;
vertical-align: top;
padding-right: 5px;
}
.comm-bran-hours {
display: inline-block;
vertical-align: top;
}
/*-------------------- Commerce Bank Branches Ends -------------------*/
.commerce-bank-branches h2 {
margin-bottom: 50px;
}
.commerce-bank-branches .uk-grid > div {
margin-bottom: 20px;
}
.comm-bran-name a {
font-size: 20px;
}
.comm-bran-content > div {
padding-bottom: 10px;
}
.comm-bran-phone a {
position: relative;
padding-left: 25px;
}
.comm-bran-phone span.comm-bran-phtext a:after {
content: "\e91c";
left: 0;
position: absolute;
font-family: 'template-icon';
}
.comm-branches-hour .comm-bank-time .comm-bran-hours {
display: block;
}
.comm-branches-hour .comm-bank-drive .comm-bran-hours {
display: block;
}
.overview-main-popup .uk-modal-dialog.uk-width-auto.uk-margin-auto-vertical {
padding: 10px;
background-color: #fff;
}
.overview-main-popup table a {
color: var(--secondary-color);
text-decoration: underline;
}
.overview-main-popup table a:focus, .overview-main-popup table a:hover {
text-decoration: none;
}
@media(max-width: 767px) {
div#gdpr-privacy .box2 {
font-size: 15px;
}
div#adawebsiteconformance .box > .boxspacer {
display: none;
}
.commerce-bank-branches {
padding: 40px 0 0;
margin: 40px 0;
background-color: #fafafa;
}
.comm-bran-map iframe {
width: 100%;
border-radius: 10px;
}
.overview-popup a.uk-button.uk-button-primary.popup-youtube.popup-video-demo {
padding: 6px 30px 10px 30px;
}
.video-popup .uk-modal-dialog.uk-width-auto.uk-margin-auto-vertical {
width: 100% !important;
overflow: scroll;
top: 20px;
}
}
@media(max-width: 400px) {
.leaving-site .action_buttons button.button {
padding: 6px 38px 10px 38px;
margin-bottom: 10px;
}
}
.full-faq-section.inner-faq.sec-filings-accordion ul.accoradian.uk-accordion .uk-accordion-content ul li {
position: relative;
list-style: none;
border: none;
}
.full-faq-section.inner-faq.sec-filings-accordion ul.accoradian.uk-accordion .uk-accordion-content ul li:before {
content: '';
width: 5px;
height: 5px;
left: -16px;
top: 10px;
position: absolute;
border-radius: 50%;
background-color: var(--primary-color);
}
.sec-filling-overview {
margin-top: 20px;
}
.sec-filling-overview .uk-container1240 {
margin-bottom: 40px;
}
.sec-filling-overview.sec-half-width h3 {
padding-bottom: 10px;
}
.sec-filling-overview.sec-half-width .sec-filling-drop form.sec-drop-down-form {
padding-bottom: 20px;
}
.sec-filling-overview.sec-half-width .sec-filling-drop label {
display: block;
padding-bottom: 5px;
}
.sec-filings .inner-contnet .description > div {
display: flex;
align-items: center;
justify-content: space-between;
}
.sec-filling-overview.sec-half-width select {
width: 300px;
padding: 10px;
overflow-x: scroll;
}
.description__text {
padding: 25px 0;
}
.terms-and-conditions-bottom-desc .uk-text-left {
padding: 25px 0;
}
.terms-and-conditions-bottom-desc .description__text {
padding: 0 0;
}
@media(max-width: 1024px) {
#checking-page-modal-example .ks.popupouter {width: 92%;}
.visa-debit-card-demo-videos-img a img {
width: 100%;
}
.help-services .bran-services-section.services-grid.text-center {
width: 50%;
margin-bottom: 20px;
}
.privacy-type-of-threat .uk-width-auto\@l {
padding: 20px 0 20px 20px;
}
.privacy-type-of-threat .uk-width-auto\@l img {
width: 100%;
border-radius: 10px;
}
.main-video-grid.commerce-bank-videos .banking-demos-videos-name {
padding-left: 50px;
}
.bread__crumb .serviceslogo-4page {
width: 100%;
text-align: right;
padding-bottom: 20px;
}
}
@media(max-width: 768px) {
.description.more-extra-content {
order: 3;
}
.privacy-policy-sec .column21, .privacy-policy-sec .column22 {
width: 100%;
float: none;
}
.insurance-page-button > a {
margin-bottom: 15px;
}
.main-video-grid.commerce-bank-videos .banking-demos-videos-img {
width: 100%;
}
.main-video-grid.commerce-bank-videos .banking-demos-videos-box {
margin: 0;
}
.main-video-grid.commerce-bank-videos .banking-demos-videos-name {
padding-left: 0;
padding-top: 40px;
}
.ibc_pdf_section .ibc-pdf-inner {
width: 100%;
}
.ibc_pdf_section .ibc-pdf-inner:nth-child(2) {
border-left: none;
border-right: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
}
@media(max-width: 767px) {
.faqspagemain.mobile-banking-faq .uk-container {
padding: 0 20px;
}
body.international-currency-exchange .overview-btn a.uk-button.uk-button-primary {
width: 100%;
max-width: 100%;
}
.personallcalculator {
max-width: 100%;
}
.insu-rights.disclaimers {
padding-top: 25px;
}
.inner-bottom-content .tab-btn a {
width: 100%;
margin-bottom: 20px;
}
.inner-bottom-content .tab-btn a:last-child {
margin-bottom: 0;
}
.privacy-policy-sec div#gdprmsg {
color: var(--primary-color);
position: relative;
margin-top: 20px;
margin-bottom: 10px;
}
div#modal-example .ks.popupouter {
width: 95%;
top: 10%;
}
.help-services {
margin-bottom: 20px;
}
.help-services .bran-services-section.services-grid.text-center {
width: 100%;
}
.sec-filings .inner-contnet .description>div {
display: block;
}
.privacy-policy-sec .column31, .privacy-policy-sec .column32, .privacy-policy-sec .column33 {
width: 100%;
float: none;
}
.tab-title-main {
padding: 0 20px;
}
.tab-btn .button-link {
margin-left: 10px;
}
.tab-content-data .uk-grid .uk-width-3-5\@m {
padding-top: 0;
}
.hero__media ul li {
width: 100%;
}
.lost-stolen-cards-snippet .uk-width-auto\@l img {
width: 100%;
}
.accessibilitypagemain.paddingtopaccess a {
word-wrap: break-word;
}
.content-popup.video-popup .uk-modal-dialog.uk-width-auto {
overflow: visible;
}
.visa-debit-card-demo-videos-img img {
width: 100%;
}
.search-result-main {
padding-top: 40px;
padding-bottom: 20px;
}
.business-insurance-page-button > a {
margin-bottom: 15px;
}
.bread__crumb .serviceslogo-4page img {
width: 46%;
}
.bread__crumb .serviceslogo-4page {
width: 100%;
position: absolute;
text-align: right;
padding-right: 20px;
padding-top: 0;
}
}
@media(max-width: 400px) {
.tab-btn .button-link {
margin-left: 0;
margin-top: 20px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1024px) {
/*#main-content .home-overview .overview-media iframe { width: 100%; }*/
}
@media only screen and (max-width: 1024px) and (min-width: 1000px) {
/* .commerce-bank-branches .uk-grid .uk-width-1-2\@m.uk-width-1-1 .uk-grid.uk-child-width-1-2\@s > div {
width: 100%;
}
.commerce-bank-branches .uk-grid .uk-width-1-2\@m.uk-width-1-1 .uk-grid.uk-child-width-1-2\@s > div iframe {
width: 100%;
} */
}
.inner-contnet .overview-btn{grid-gap: 15px;margin-bottom: 20px;}
.iras .inner-contnet .overview-btn{display:block;}
.iras .inner-contnet .overview-btn a.uk-button.uk-button-primary:last-child {margin-top: 15px;}
.uk-flex-top.video-popup .ks .uk-modal-close-outside.popupCloseButton svg{display:block;top: 0;}
.accordion-main {
margin: 50px 0;
text-align: center;
}
.accordion-main .uk-container1240 h2 {
margin-bottom: 40px;
}
.accordion-main .schedule-of-fees-and-charges ul li {
width: calc(50% - 40px);
margin: 0 auto;
text-align: center;
}
.accordion-main .schedule-of-fees-and-charges ul li a.uk-accordion-title.queanchor {
text-align: left;
padding-bottom: 20px;
}
.accordion-main .schedule-of-fees-and-charges ul li .uk-accordion-content {
text-align: left;
margin: 0 0 20px 0;
}
@media (max-width: 960px) {
.accordion-main .schedule-of-fees-and-charges ul li {
width: 100%;
}
}
/*-------------- Home Expand Start -----------------*/
.home-expand-section {
padding: 40px 0;
}
.home-expand-section .main-title h2:after {
bottom: 5px;
}
.retail-accounts-title-section {
text-align: center;
padding: 50px 0;
}
.retail-accounts-title-section .service-grid-content-btn {
margin-top: 30px;
}
.expand-data {
display: none;
}
.expand-data.card-open {
display: block;
}
.home-expand-section-content .uk-grid {
margin: 0;
}
.expand-grid {
padding: 0;
}
.grid-image {
height: 510px;
position: relative;
}
.grid-image img {
height: 510px;
object-fit: cover;
}
.default-data {
z-index: 2;
position: absolute;
cursor: pointer;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%,-50%);
}
.grid-image:after {
width: 100%;
height: 100%;
content: '';
top: 0;
left: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
}
div#expand-3 .expand-image img {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.grid-title {
color: transparent;
text-shadow: 0 0 #fff;
font-size: 23px;
font-weight: 900;
margin: 10px 0;
font-family: var(--title-fonts);
line-height: 31px;
}
.grid-btn span.template-icon-add {
display: block;
font-size: 20px;
padding-top: 10px;
}
.default-data span {
color: transparent;
text-shadow: 0 0 #fff;
font-size: 50px;
}
.grid-btn a {
color: transparent;
text-shadow: 0 0 #fff;
font-size: 15px;
font-weight: 400;
font-style: italic;
line-height: 20px;
}
.home-expand-section-content {
position: relative;
}
.expand-data {
z-index: 3;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.expand-image {
height: 100%;
}
.expand-image img {
height: 100%;
object-fit: cover;
}
.expand-data-content {
width: 50%;
height: 100%;
display: table;
top: 0;
left: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.7);
}
.expand-center-content {
display: table-cell;
padding: 0 80px 0 50px;
vertical-align: middle;
}
.expand-center-content .grid-title {
font-size: 32px;
margin-top: 20px;
line-height: 40px;
}
.expand-center-content span {
color: #fff;
font-size: 50px;
}
.expand-center-content .expand-content {
color: #fff;
margin-top: 15px
}
.expand-center-content .overview-btn {
margin-top: 30px;
}
.expand-center-content .overview-btn a.uk-button.uk-button-primary {
color: var(--text-color);
background-color: var(--secondary-color);
}
.expand-center-content .overview-btn a.uk-button.uk-button-primary:focus, .expand-center-content .overview-btn a.uk-button.uk-button-primary:hover {
color: #fff;
background-color: var(--primary-color);
}
.expand-center-content .overview-btn a.button-link {
color: #fff;
}
.expand-data-content .close-btn {
top: 15px;
left: 20px;
position: absolute;
}
.expand-data-content .close-btn span {
display: table;
font-size: 20px;
transform: rotate(45deg);
}
@media (max-width: 1237px) {
.home-expand-section {
padding: 50px 0;
}
.expand-center-content .overview-btn a.button-link {
display: inline-block;
margin-left: 15px;
margin-top: 0;
}
}
@media (max-width: 1150px) {
.grid-title {
font-size: 20px;
line-height: 25px;
}
}
@media (max-width: 1023px) {
.expand-data-content {
width: 55%;
}
.home-expand-section {
padding-bottom: 0;
}
.home-expand-section .uk-container1240 {
padding: 0;
}
.expand-center-content {
padding: 0 40px 0 40px;
}
.ibc-bank-visa-debit-card-expand .uk-container1240 .main-title {
padding: 0 20px;
}
}
@media (max-width: 767px) {
.home-expand-section .main-title h2 {
padding-right: 20px;
padding-left: 20px;
}
.grid-image {
height: 200px;
position: relative;
}
.grid-image img {
height: 200px;
object-fit: cover;
}
.default-data span {
font-size: 30px;
}
.default-data {
width: 100%;
padding: 0 40px;
text-align: left;
}
.grid-title {
width: 78%;
font-size: 28px;
line-height: 38px;
}
.expand-data {
background-color: var(--primary-color);
}
.expand-image img {
height: 250px;
object-fit: cover;
}
.expand-data-content {
width: 100%;
height: calc(100% - 250px);
top: auto;
bottom: 0;
}
.expand-data-content .close-btn {
top: -230px;
left: inherit;
right: 20px;
position: absolute;
}
.expand-center-content .grid-title {
font-size: 24px;
line-height: 30px;
}
.expand-data-content {
background-color: rgba(0,0,0,1);
}
}
/*--------------- Home Expand End ------------------*/
.home-expand-section.ibc-bank-visa-debit-card-expand .sub-content {
padding-bottom: 50px;
}
.ibc-bank-visa-debit-card-page-bottom-content .inner-bottom-description-section {
justify-content: inherit;
text-align: left;
}
@media (max-width: 767px) {
.home-expand-section.ibc-bank-visa-debit-card-expand .expand-image iframe.uk-responsive-width {
height: 251px !important;
}
.home-expand-section.ibc-bank-visa-debit-card-expand .sub-content {
padding-right: 20px;
padding-left: 20px;
}
.ibc-bank-visa-debit-card-page-bottom-content .inner-bottom-description-section {
margin: 0;
}
}
.contact-block {
margin-bottom: 40px;
}
.contact-block-content .description {
margin: 15px 0;
}
.contact-block-content {
width: calc(25% - 10px);
padding: 28px;
margin: 0 5px;
background-color: #efefef;
}
@media (max-width: 768px) {
.contact-block-content {
width: 100%;
margin: 0;
}
.contact-block-grid.uk-grid {
margin: 0;
}
}
.insurance-banner-disclaimer .inner-bottom-description-section {
border-top: none;
}
.personal-banking-tab-slider.biz-rite-checking-tab-slider .tab-slider-content ul.tab-content .tab-slider ul {
justify-content: center;
}
.phishing-threats-content .wrapper .inner-overview {
padding: 40px 0 0px 0;
}
.phishing-threats-content .wrapper .inner-contnet .overview-btn {
margin: 0 0 20px 0;
}
.computer-security-snippet.phishing-threats-section .uk-grid>* {
padding-left: 40px;
}
@media (max-width: 767.98px) {
.computer-security-snippet.phishing-threats-section .uk-grid>* {
padding-left: 20px;
}
}
/* ------------- */
.temporary-closures {
padding: 40px 0;
}
table.closemain {
width: 100%;
border: 1px solid #ccc;
text-align: center;
}
td.title-close {
font-weight: 800;
font-size: 18px;
padding: 20px 15px;
background-color: #e7e7e7;
}
table.closemain td {
border: 1px solid #ccc;
padding: 15px;
}
td.closewidth {
width: 200px;
}
/* ---------- */
@media (min-width: 1200px) {.grid-image { background: #000; }}
.faqspagemain {
width: 100%;
clear: both;
padding: 60px 0 30px 0;
}
.faqspagemain h2 {
margin: 0 0 30px 0;
}
.faqdetails {
width: 100%;
border-bottom: 1px solid #ccc;
margin: 0 0 30px 0;
padding: 0 0 0 0;
}
.faqh1headding {
width: 100%;
clear: both;
padding: 30px 0 0 0;
margin: 0;
}
.faqh1headding h1 {
text-align: center;
margin: 0 0 40px 0 !important;
}
.faqh1headding h1::after {
left: 50%;
margin: 0 0 0 -20px;
}
.faqtabbing-main ul {
width: 100%;
list-style: none;
margin: 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #ccc;
display: flex;
justify-content: center;
align-items: center;
}
.faqtabbing-main ul li {line-height: 50px; margin: 0 10px 0 0;}
.faqtabbing-main ul li:last-child {margin-right:0;}
.faqtabbing-main ul li a {
font-size: 16px;
color: var(--text-color);
font-weight: 700;
padding: 11px 28px 15px 28px;
background: transparent;
border-radius: 40px;
transition: .1s ease-in-out;
transition-property: color,background-color,border-color;
}
.faqtabbing-main ul li a:hover, .faqtabbing-main ul li a:focus, .faqtabbing-main ul li a.navON {color: #fff; background-color: var(--primary-color);}
@media (max-width: 767.98px) {
.faqtabbing-main ul { display: block; text-align: center;}
.faqtabbing-main ul li {width: auto; display: inline-block;}
.faqtabbing-main ul li a { padding: 0;}
.faqtabbing-main ul li a.navON { padding: 11px 20px 15px 20px;}
}
/* Chat Box */
#milestoneChatBox #milestoneChatBox_CloseBtn {display:none;}
#milestoneChatBox {height:0; position: fixed;}
#milestoneChatBox.minimized.ready #milestoneChatBox_OpenBtn, #milestoneChatBox.Ready #milestoneChatBox_OpenBtn { display: none !important; margin: 10px auto 0 auto; width:50px;}
#milestoneChatBox.Ready #milestoneChatBox_CloseBtn {
display: block !important;
width: 40px;
position: absolute;
top: -15px;
right: -10px;
background: #a80532;
padding: 10px;
border-radius: 100%;
}
#milestoneChatBox.Ready #thisframe {
display: block !important
}
#milestoneChatBox #thisframe {
width: 350px;
height: calc(100vh - 70px);
max-height: 620px;
border-radius: 10px;
}
#milestoneChatBox #thisframe.init {
width: 0px !important;
height: 0px !important;
}
.Ready #chatwelcome,
#chatwelcome.hide {
display: none
}
#chatwelcome {
position: relative;
z-index: 1001;
top: -90px;
right: 1px;
width: 310px;
background-color: #FFFFFF;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
border: 2px solid transparent;
border-radius: 12px;
-webkit-box-shadow: 1px 3px 9px rgba(0, 0, 0, 0.6) !important; box-shadow: 1px 3px 9px rgba(0, 0, 0, 0.6) !important;
}
.minimized #milestoneChatBox_OpenBtn {
right: 30px !important;
}
#chatwelcome #milestoneChatBox_OpenBtn {
right: 10px;
}
#milestoneChatBox.minimized.Ready #milestoneChatBox_OpenBtn {margin:10px auto 0 auto;}
ul.chat-list li a{
color: #d7391d !important;
border: 1px solid #d7391d !important;
}
a#chatBanner {
position: fixed;
bottom: 0;
width: 70px;
height: 70px;
background-color: #9d1c32;
font-size: 12px;
line-height: 12px;
right: 0;
color: #fff;
margin: 10px;
border: 0;
z-index: 1001;
border-radius: 100%;
text-align: center;
}
a#chatBanner img {width: 50px;margin-top: 10px;}
a#chatBanner .formslable {display:none;}
.milestoneChatBox_CloseBtn {width:30px}
.minimized.Ready #milestoneChatBox_OpenBtn{display:none;}
#milestoneChatBox.minimized {position: fixed;
bottom: 0;
width: 70px;
height: 70px;
background-color: #9d1c32;
font-size: 12px;
line-height: 12px;
right: 0;
color: #fff;
margin: 10px;
border: 0;
z-index: 1001;
border-radius: 100%;
text-align: center;
padding: 0;}
/*#milestoneChatBox #milestoneChatBox_OpenBtn {width:50px; margin-top:10px; margin-left: 5px;}*/
#milestoneChatBox #milestoneChatBox_OpenBtn {width:50px; margin-top:10px; margin-left: 5px;}
#milestoneChatBox.Ready {
position: fixed;
right: 15px;
margin: 0;
bottom: 20px;
z-index: 1001;
background: rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 1px 3px 9px rgba(0,0,0,.6)!important;
box-shadow: 1px 3px 9px rgba(0,0,0,.6)!important;
border-radius: 10px;
border: 0;
padding-bottom: 0px;
width:auto;
height:auto;
}
@media (min-width: 1200px) {
.grid-image { background: #000; }
.grid-title {
color: #fff !important; }
.default-data:focus .grid-title, .default-data:hover .grid-title {
color: var(--secondary-color) !important;
transition: .1s all ease-in-out;
}
}
#milestoneChatBox.Ready {border: solid 1px rgba(255, 255, 255, 0.4);}
/*--- Offline css--- */
.offlinebtn {
min-width: 170px;
}
/*--- Offline css--- */
/*---Pop Up css--- */
.allow-direction-box {
display: none;
}
.allow-direction-box.active-box {
background-color: rgba(238, 238, 238, 0.9);
display: block;
position: fixed;
width: 100%;
height: 100%;
z-index: 11;
}
.allow-direction-box.active-box>img {
display: block;
margin: 80px auto 0;
text-align: center;
}
.notification-popup {
border-bottom: 0;
opacity: 0;
position: fixed;
top: 190px;
visibility: hidden;
z-index: 20;
width: 0;
text-align: center;
}
.notification-popup.newuser-active-it {
opacity: 1;
visibility: visible;
right: 20px;
width: auto;
min-height: 200px;
background: #F8F8F4;
width: 320px;
padding: 0 25px 40px 25px;
border-radius: 4px;
box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.3);
}
.allow-disallow-btn {
padding: 0 10px;
}
.notification-popup a.btn-common.btn-primary {
min-width: inherit;
width: 100%;
}
.notification-inner {
width: 100%;
position: relative;
padding: 70px 0px 15px 0px;
box-sizing: border-box;
}
.alert-msg::before {
content: '';
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.619' height='12.971' viewBox='0 0 13.619 12.971'%3E%3Cpath fill='%230A1D3B' d='M3.632,13.788l-.908-.908A6.838,6.838,0,0,0,0,17.938H1.3A5.36,5.36,0,0,1,3.632,13.788Zm8.69,4.151h1.3A6.773,6.773,0,0,0,10.96,12.88l-.908.908A5.486,5.486,0,0,1,12.322,17.938Zm-1.3.324a4.173,4.173,0,0,0-3.243-4.086v-.454a.973.973,0,0,0-1.946,0v.454a4.173,4.173,0,0,0-3.243,4.086V21.83l-1.3,1.3v.649H12.322v-.649l-1.3-1.3ZM6.81,25.721h.259a1.128,1.128,0,0,0,.908-.778,1.222,1.222,0,0,0,.13-.519H5.513A1.3,1.3,0,0,0,6.81,25.721Z' transform='translate(0 -12.75)'/%3E%3C/svg%3E");
font-size: 40px;
cursor: default;
height: 45px;
left: 50%;
position: absolute;
top: 20px;
width: 44px;
background-repeat: no-repeat;
background-size: contain;
transform: translateX(-50%);
}
.alert-msg {
font-size: 20px;
font-weight: 900;
letter-spacing: 0.5px;
}
.alert-msg h2 {
font-size: 17px;
line-height: 26px;
font-weight: 700;
font-family: var(--title-fonts);
text-transform: uppercase;
margin-bottom: 10px;
}
.allow-disallow-btn .donotallowbtn {
display: none;
width: 49.85%;
float: left;
}
.allow-disallow-btn>div a.button:link,
.allow-disallow-btn>div a.button:visited {
border-radius: 0;
width: 100%;
/*font-family: 'FS Lola', sans-serif;*/
font-size: 16px;
font-weight: bold;
}
.allow-disallow-btn>div.donotallowbtn a.button:link,
.allow-disallow-btn>div.donotallowbtn a.button:visited {
border-radius: 0;
width: 100%;
}
.allow-disallow-btn::after {
clear: both;
content: " ";
position: relative;
}
.mim-icon-plus-button.prompt-close {
position: absolute;
left: -10px;
top: -14px;
cursor: pointer;
background: var(--primary-color);
border-radius: 50%;
color: #fff;
text-align: center;
font-weight: 800;
line-height: 30px;
z-index: 2;
transition: .5s all;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.prompt-close:after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.969' height='13.969' viewBox='0 0 13.969 13.969' fill='%23fff'%3E%3Cpath d='M18.984-15.562,13.406-9.984l5.578,5.578L17.578-3,12-8.578,6.422-3,5.016-4.406l5.578-5.578L5.016-15.562l1.406-1.406L12-11.391l5.578-5.578Z' transform='translate(-5.016 16.969)'/%3E%3C/svg%3E");
width: 10px;
height: 10px;
background-size: contain;
display: block;
background-repeat: no-repeat;
}
.prompt-close:before {
display: none;
}
.allow-disallow-btn .uk-button {
font-size: 14px !important;
}
.mim-icon-plus-button.prompt-close:hover,
.mim-icon-plus-button.prompt-close:focus {
color: var(--highlight-color);
}
.allowbtn .btn-primary.uk-button.btnWhite {
color: #fff;
border-color: var(--primary-color);
background: var(--primary-color);
font-weight: 700;
/*font-family: 'Montserrat', sans-serif;*/
transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
-ms-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
min-width: 140px;
}
.allowbtn .btn-primary.uk-button.btnWhite:hover,
.allowbtn .btn-primary.uk-button.btnWhite:focus {
color: var(--text-color);
background: var(--secondary-color);
transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
-ms-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
border-color: #FFF;
}
.notification-checkbox {
font-size: 16px;
margin: 0 0 5px 0;
}
.donotallowbtn {
padding-right: 10px;
}
/*---Pop Up css END--- */
/* Start: For notification popup Tablet*/
.pwa-tablet .notification-popup {
position: fixed;
right: 0;
top: 20%;
z-index: 11;
left: 0;
margin: 0 auto;
width: 425px;
}
/* End: For notification popup */
/*mobile-css*/
.pwa-mobile .notification-popup {
top: 120px;
width: 80%;
left: 0;
right: 0;
margin: 0 auto;
}
.pwa-mobile .notification-inner {
width: 100%;
}
.pwa-mobile .notification-popup.newuser-active-it {
/*min-height: 200px;
z-index: 11;*/
}
.pwa-mobile .allow-disallow-btn>div {
width: 220px;
margin: 0 auto;
}
.pwa-mobile .locator-checkbox {
margin-top: 8px;
}
.pwa-mobile .alert-msg {
font-size: 14px;
}
/*ends here*/
.footer-pwa-block {
display: block;
}
.active-it .footer-pwa-block {
display: none;
}
span.contentfocus.mim-icon-close.prompt-close.mim-icon-close {
background: #000;
color: #fff;
width: 30px;
height: 30px;
display: inline-block;
left: -10px;
position: absolute;
top: -10px;
text-align: center;
line-height: 30px;
border-radius: 100%;
cursor: pointer;
transition: .1s ease-in-out;
transition-property: color, background-color, border-color;
}
span.contentfocus.mim-icon-close.prompt-close.mim-icon-close::after {
left: 10px;
position: absolute;
top: 10px;
font-weight: bolder;
}
span.contentfocus.mim-icon-close.prompt-close.mim-icon-close:hover {background-color: var(--primary-color);}
.footer-pwa-block {
display: block;
margin: 10px 0 0 0;
}
.footer-pwa-block a {
text-transform: capitalize !important;
font-size: 15px;
}
.footer-pwa-block a.button-link:after {display:none}
.footer-pwa-block a:hover, .footer-pwa-block a:focus {color:#fff !important;}
@media only screen and (max-width: 767px) {
.pwa-mobile .allow-disallow-btn>div {
width: 100%;
margin: 0 auto;
}
}
@media only screen and (max-width: 600px){
.pwa-mobile .notification-popup{
top: 180px;
}
}