/* ======================================================================== Component: Grid ========================================================================== */
/* 1. Makes grid more robust so that it can be used with other block elements like lists */
.uk-grid { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin: 0; padding: 0; list-style: none; }

/* DEPRECATED Micro clearfix Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit */
.uk-grid:before, .uk-grid:after { content: ""; display: block; overflow: hidden; }

.uk-grid:after { clear: both; }

/* Grid cell 1. Space is allocated solely based on content dimensions 2. Makes grid more robust so that it can be used with other block elements 3. DEPRECATED Using `float` to support IE9 */
.uk-grid > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; /* 2 */ margin: 0; /* 3 */ float: left; }

/* Remove margin from the last-child */
.uk-grid > * > :last-child { margin-bottom: 0; }

/* Grid gutter ========================================================================== */
/* Default gutter */
/* Horizontal */
.uk-grid { margin-left: -25px; }

.uk-grid > * { padding-left: 25px; }

/* Vertical */
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 25px; }

/* Large screen and bigger */
@media (min-width: 1220px) { /* Horizontal */
  .uk-grid { margin-left: -35px; }
  .uk-grid > * { padding-left: 35px; }
  /* Vertical */
  .uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 35px; } }

/* Collapse gutter */
/* Horizontal */
.uk-grid-collapse { margin-left: 0; }

.uk-grid-collapse > * { padding-left: 0; }

/* Vertical */
.uk-grid-collapse + .uk-grid-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-collapse > * > .uk-panel + .uk-panel { margin-top: 0; }

/* Small gutter */
/* Horizontal */
.uk-grid-small { margin-left: -10px; }

.uk-grid-small > * { padding-left: 10px; }

/* Vertical */
.uk-grid-small + .uk-grid-small, .uk-grid-small > .uk-grid-margin, .uk-grid-small > * > .uk-panel + .uk-panel { margin-top: 10px; }

/* Medium gutter */
/* Horizontal */
.uk-grid-medium { margin-left: -25px; }

.uk-grid-medium > * { padding-left: 25px; }

/* Vertical */
.uk-grid-medium + .uk-grid-medium, .uk-grid-medium > .uk-grid-margin, .uk-grid-medium > * > .uk-panel + .uk-panel { margin-top: 25px; }

/* Large gutter */
/* Large screen and bigger */
@media (min-width: 960px) { /* Horizontal */
  .uk-grid-large { margin-left: -35px; }
  .uk-grid-large > * { padding-left: 35px; }
  /* Vertical */
  .uk-grid-large + .uk-grid-large, .uk-grid-large-margin, .uk-grid-large > * > .uk-panel + .uk-panel { margin-top: 35px; } }

/* Extra Large screens */
@media (min-width: 1220px) { /* Horizontal */
  .uk-grid-large { margin-left: -50px; }
  .uk-grid-large > * { padding-left: 50px; }
  /* Vertical */
  .uk-grid-large + .uk-grid-large, .uk-grid-large-margin, .uk-grid-large > * > .uk-panel + .uk-panel { margin-top: 50px; } }

/* Modifier: `uk-grid-divider` ========================================================================== */
/* Horizontal divider Only works with the default gutter. Does not work with gutter collapse, small or large. Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row. */
.uk-grid-divider:not(:empty) { margin-left: -25px; margin-right: -25px; }

.uk-grid-divider > * { padding-left: 25px; padding-right: 25px; }

.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) { border-left: 1px solid #ddd; }

/* Tablet and bigger */
@media (min-width: 768px) { .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: 1px solid #ddd; } }

/* Desktop and bigger */
@media (min-width: 960px) { .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { border-left: 1px solid #ddd; } }

/* Large screen and bigger */
@media (min-width: 1220px) { /* Large gutter */
  .uk-grid-divider:not(:empty) { margin-left: -35px; margin-right: -35px; }
  .uk-grid-divider > * { padding-left: 35px; padding-right: 35px; }
  .uk-grid-divider:empty { margin-top: 35px; margin-bottom: 35px; } }

/* Vertical divider */
.uk-grid-divider:empty { margin-top: 25px; margin-bottom: 25px; border-top: 1px solid #ddd; }

/* Match panels in grids ========================================================================== */
/* 1. Behave like a block element */
.uk-grid-match > * { display: -ms-flexbox; display: -webkit-flex; display: flex; /* 1 */ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.uk-grid-match > * > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; box-sizing: border-box; width: 100%; }

/* Even grid cell widths ========================================================================== */
[class*='uk-grid-width'] > * { box-sizing: border-box; width: 100%; }

.uk-grid-width-1-2 > * { width: 50%; }

.uk-grid-width-1-3 > * { width: 33.333%; }

.uk-grid-width-1-4 > * { width: 25%; }

.uk-grid-width-1-5 > * { width: 20%; }

.uk-grid-width-1-6 > * { width: 16.666%; }

.uk-grid-width-1-10 > * { width: 10%; }

.uk-grid-width-auto > * { width: auto; }

/* Phone landscape and bigger */
@media (min-width: 480px) { .uk-grid-width-small-1-1 > * { width: 100%; }
  .uk-grid-width-small-1-2 > * { width: 50%; }
  .uk-grid-width-small-1-3 > * { width: 33.333%; }
  .uk-grid-width-small-1-4 > * { width: 25%; }
  .uk-grid-width-small-1-5 > * { width: 20%; }
  .uk-grid-width-small-1-6 > * { width: 16.666%; }
  .uk-grid-width-small-1-10 > * { width: 10%; } }

/* Tablet and bigger */
@media (min-width: 768px) { .uk-grid-width-medium-1-1 > * { width: 100%; }
  .uk-grid-width-medium-1-2 > * { width: 50%; }
  .uk-grid-width-medium-1-3 > * { width: 33.333%; }
  .uk-grid-width-medium-1-4 > * { width: 25%; }
  .uk-grid-width-medium-1-5 > * { width: 20%; }
  .uk-grid-width-medium-1-6 > * { width: 16.666%; }
  .uk-grid-width-medium-1-10 > * { width: 10%; } }

/* Desktop and bigger */
@media (min-width: 960px) { .uk-grid-width-large-1-1 > * { width: 100%; }
  .uk-grid-width-large-1-2 > * { width: 50%; }
  .uk-grid-width-large-1-3 > * { width: 33.333%; }
  .uk-grid-width-large-1-4 > * { width: 25%; }
  .uk-grid-width-large-1-5 > * { width: 20%; }
  .uk-grid-width-large-1-6 > * { width: 16.666%; }
  .uk-grid-width-large-1-10 > * { width: 10%; } }

/* Large screen and bigger */
@media (min-width: 1220px) { .uk-grid-width-xlarge-1-1 > * { width: 100%; }
  .uk-grid-width-xlarge-1-2 > * { width: 50%; }
  .uk-grid-width-xlarge-1-3 > * { width: 33.333%; }
  .uk-grid-width-xlarge-1-4 > * { width: 25%; }
  .uk-grid-width-xlarge-1-5 > * { width: 20%; }
  .uk-grid-width-xlarge-1-6 > * { width: 16.666%; }
  .uk-grid-width-xlarge-1-10 > * { width: 10%; } }

/* Sub-objects: `uk-width-*` ========================================================================== */
[class*='uk-width'] { box-sizing: border-box; width: 100%; }

/* Widths */
/* Whole */
.uk-width-1-1 { width: 100%; }

/* Halves */
.uk-width-1-2, .uk-width-2-4, .uk-width-3-6, .uk-width-5-10 { width: 50%; }

/* Thirds */
.uk-width-1-3, .uk-width-2-6 { width: 33.333%; }

.uk-width-2-3, .uk-width-4-6 { width: 66.666%; }

/* Quarters */
.uk-width-1-4 { width: 25%; }

.uk-width-3-4 { width: 75%; }

/* Fifths */
.uk-width-1-5, .uk-width-2-10 { width: 20%; }

.uk-width-2-5, .uk-width-4-10 { width: 40%; }

.uk-width-3-5, .uk-width-6-10 { width: 60%; }

.uk-width-4-5, .uk-width-8-10 { width: 80%; }

/* Sixths */
.uk-width-1-6 { width: 16.666%; }

.uk-width-5-6 { width: 83.333%; }

/* Tenths */
.uk-width-1-10 { width: 10%; }

.uk-width-3-10 { width: 30%; }

.uk-width-7-10 { width: 70%; }

.uk-width-9-10 { width: 90%; }

/* Phone landscape and bigger */
@media (min-width: 480px) { /* Whole */
  .uk-width-small-1-1 { width: 100%; }
  /* Halves */
  .uk-width-small-1-2, .uk-width-small-2-4, .uk-width-small-3-6, .uk-width-small-5-10 { width: 50%; }
  /* Thirds */
  .uk-width-small-1-3, .uk-width-small-2-6 { width: 33.333%; }
  .uk-width-small-2-3, .uk-width-small-4-6 { width: 66.666%; }
  /* Quarters */
  .uk-width-small-1-4 { width: 25%; }
  .uk-width-small-3-4 { width: 75%; }
  /* Fifths */
  .uk-width-small-1-5, .uk-width-small-2-10 { width: 20%; }
  .uk-width-small-2-5, .uk-width-small-4-10 { width: 40%; }
  .uk-width-small-3-5, .uk-width-small-6-10 { width: 60%; }
  .uk-width-small-4-5, .uk-width-small-8-10 { width: 80%; }
  /* Sixths */
  .uk-width-small-1-6 { width: 16.666%; }
  .uk-width-small-5-6 { width: 83.333%; }
  /* Tenths */
  .uk-width-small-1-10 { width: 10%; }
  .uk-width-small-3-10 { width: 30%; }
  .uk-width-small-7-10 { width: 70%; }
  .uk-width-small-9-10 { width: 90%; } }

/* Tablet and bigger */
@media (min-width: 768px) { /* Whole */
  .uk-width-medium-1-1 { width: 100%; }
  /* Halves */
  .uk-width-medium-1-2, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10 { width: 50%; }
  /* Thirds */
  .uk-width-medium-1-3, .uk-width-medium-2-6 { width: 33.333%; }
  .uk-width-medium-2-3, .uk-width-medium-4-6 { width: 66.666%; }
  /* Quarters */
  .uk-width-medium-1-4 { width: 25%; }
  .uk-width-medium-3-4 { width: 75%; }
  /* Fifths */
  .uk-width-medium-1-5, .uk-width-medium-2-10 { width: 20%; }
  .uk-width-medium-2-5, .uk-width-medium-4-10 { width: 40%; }
  .uk-width-medium-3-5, .uk-width-medium-6-10 { width: 60%; }
  .uk-width-medium-4-5, .uk-width-medium-8-10 { width: 80%; }
  /* Sixths */
  .uk-width-medium-1-6 { width: 16.666%; }
  .uk-width-medium-5-6 { width: 83.333%; }
  /* Tenths */
  .uk-width-medium-1-10 { width: 10%; }
  .uk-width-medium-3-10 { width: 30%; }
  .uk-width-medium-7-10 { width: 70%; }
  .uk-width-medium-9-10 { width: 90%; } }

/* Desktop and bigger */
@media (min-width: 960px) { /* Whole */
  .uk-width-large-1-1 { width: 100%; }
  /* Halves */
  .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 { width: 50%; }
  /* Thirds */
  .uk-width-large-1-3, .uk-width-large-2-6 { width: 33.333%; }
  .uk-width-large-2-3, .uk-width-large-4-6 { width: 66.666%; }
  /* Quarters */
  .uk-width-large-1-4 { width: 25%; }
  .uk-width-large-3-4 { width: 75%; }
  /* Fifths */
  .uk-width-large-1-5, .uk-width-large-2-10 { width: 20%; }
  .uk-width-large-2-5, .uk-width-large-4-10 { width: 40%; }
  .uk-width-large-3-5, .uk-width-large-6-10 { width: 60%; }
  .uk-width-large-4-5, .uk-width-large-8-10 { width: 80%; }
  /* Sixths */
  .uk-width-large-1-6 { width: 16.666%; }
  .uk-width-large-5-6 { width: 83.333%; }
  /* Tenths */
  .uk-width-large-1-10 { width: 10%; }
  .uk-width-large-3-10 { width: 30%; }
  .uk-width-large-7-10 { width: 70%; }
  .uk-width-large-9-10 { width: 90%; } }

/* Large screen and bigger */
@media (min-width: 1220px) { /* Whole */
  .uk-width-xlarge-1-1 { width: 100%; }
  /* Halves */
  .uk-width-xlarge-1-2, .uk-width-xlarge-2-4, .uk-width-xlarge-3-6, .uk-width-xlarge-5-10 { width: 50%; }
  /* Thirds */
  .uk-width-xlarge-1-3, .uk-width-xlarge-2-6 { width: 33.333%; }
  .uk-width-xlarge-2-3, .uk-width-xlarge-4-6 { width: 66.666%; }
  /* Quarters */
  .uk-width-xlarge-1-4 { width: 25%; }
  .uk-width-xlarge-3-4 { width: 75%; }
  /* Fifths */
  .uk-width-xlarge-1-5, .uk-width-xlarge-2-10 { width: 20%; }
  .uk-width-xlarge-2-5, .uk-width-xlarge-4-10 { width: 40%; }
  .uk-width-xlarge-3-5, .uk-width-xlarge-6-10 { width: 60%; }
  .uk-width-xlarge-4-5, .uk-width-xlarge-8-10 { width: 80%; }
  /* Sixths */
  .uk-width-xlarge-1-6 { width: 16.666%; }
  .uk-width-xlarge-5-6 { width: 83.333%; }
  /* Tenths */
  .uk-width-xlarge-1-10 { width: 10%; }
  .uk-width-xlarge-3-10 { width: 30%; }
  .uk-width-xlarge-7-10 { width: 70%; }
  .uk-width-xlarge-9-10 { width: 90%; } }

/* Sub-object: `uk-push-*` and `uk-pull-*` ========================================================================== */
/* Source ordering Works only with `uk-width-medium-*` */
/* Tablet and bigger */
@media (min-width: 768px) { [class*='uk-push-'], [class*='uk-pull-'] { position: relative; }
  /* Push */
  /* Halves */
  .uk-push-1-2, .uk-push-2-4, .uk-push-3-6, .uk-push-5-10 { left: 50%; }
  /* Thirds */
  .uk-push-1-3, .uk-push-2-6 { left: 33.333%; }
  .uk-push-2-3, .uk-push-4-6 { left: 66.666%; }
  /* Quarters */
  .uk-push-1-4 { left: 25%; }
  .uk-push-3-4 { left: 75%; }
  /* Fifths */
  .uk-push-1-5, .uk-push-2-10 { left: 20%; }
  .uk-push-2-5, .uk-push-4-10 { left: 40%; }
  .uk-push-3-5, .uk-push-6-10 { left: 60%; }
  .uk-push-4-5, .uk-push-8-10 { left: 80%; }
  /* Sixths */
  .uk-push-1-6 { left: 16.666%; }
  .uk-push-5-6 { left: 83.333%; }
  /* Tenths */
  .uk-push-1-10 { left: 10%; }
  .uk-push-3-10 { left: 30%; }
  .uk-push-7-10 { left: 70%; }
  .uk-push-9-10 { left: 90%; }
  /* Pull */
  /* Halves */
  .uk-pull-1-2, .uk-pull-2-4, .uk-pull-3-6, .uk-pull-5-10 { left: -50%; }
  /* Thirds */
  .uk-pull-1-3, .uk-pull-2-6 { left: -33.333%; }
  .uk-pull-2-3, .uk-pull-4-6 { left: -66.666%; }
  /* Quarters */
  .uk-pull-1-4 { left: -25%; }
  .uk-pull-3-4 { left: -75%; }
  /* Fifths */
  .uk-pull-1-5, .uk-pull-2-10 { left: -20%; }
  .uk-pull-2-5, .uk-pull-4-10 { left: -40%; }
  .uk-pull-3-5, .uk-pull-6-10 { left: -60%; }
  .uk-pull-4-5, .uk-pull-8-10 { left: -80%; }
  /* Sixths */
  .uk-pull-1-6 { left: -16.666%; }
  .uk-pull-5-6 { left: -83.333%; }
  /* Tenths */
  .uk-pull-1-10 { left: -10%; }
  .uk-pull-3-10 { left: -30%; }
  .uk-pull-7-10 { left: -70%; }
  .uk-pull-9-10 { left: -90%; } }

.z-depth-0 { box-shadow: none !important; }

.ok-simple-border { border: 1px solid rgba(0, 0, 0, 0.3); }

.z-depth-05 { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.z-depth-05 { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.z-depth-1 { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.z-depth-1-half { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.z-depth-2 { -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.z-depth-3 { -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.z-depth-4 { -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }

.z-depth-5 { -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }

.ok-clearfix { clear: both; }

.okm-card-panel { transition: box-shadow .25s; padding: 24px; margin: 0.5rem 0 1rem 0; border-radius: 2px; background-color: #fff; }

.okm-image-match .okm-card { opacity: 0; }

.okm-card { position: relative; background-color: #fff; transition: box-shadow .25s; border-radius: 2px; font-size: 1rem; }

.okm-card .okm-card-title { font-size: 1.2rem; }

.okm-card .okm-card-title.okm-activator { cursor: pointer; }

.okm-card.okm-small, .okm-card.okm-medium, .okm-card.okm-large { position: relative; }

.okm-card.okm-small .okm-card-image, .okm-card.okm-medium .okm-card-image, .okm-card.okm-large .okm-card-image { background-color: #eeeeee; max-height: 60%; overflow: hidden; }

.okm-card.okm-small .okm-card-image .okm-card-title, .okm-card.okm-medium .okm-card-image .okm-card-title, .okm-card.okm-large .okm-card-image .okm-card-title { z-index: 2; }

.okm-card.okm-small .okm-card-image + .card-content, .okm-card.okm-medium .okm-card-image + .card-content, .okm-card.okm-large .okm-card-image + .card-content { max-height: 40%; }

.okm-card.okm-small .okm-card-content, .okm-card.okm-medium .okm-card-content, .okm-card.okm-large .okm-card-content { max-height: 100%; overflow: hidden; }

.okm-card.okm-small .okm-card-action, .okm-card.okm-medium .okm-card-action, .okm-card.okm-large .okm-card-action { position: absolute; bottom: 0; left: 0; right: 0; }

.okm-card.okm-small { height: 300px; }

.okm-card.okm-medium { height: 400px; }

.okm-card.okm-large { height: 500px; }

.okm-card .okm-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 1; }

.okm-card.okm-horizontal { display: flex; }

.okm-card.okm-horizontal.okm-small .okm-card-image, .okm-card.okm-horizontal.okm-medium .okm-card-image, .okm-card.okm-horizontal.okm-large .okm-card-image { height: 100%; max-height: none; overflow: visible; }

.okm-card.okm-horizontal.okm-small .okm-card-image img, .okm-card.okm-horizontal.okm-medium .okm-card-image img, .okm-card.okm-horizontal.okm-large .okm-card-image img { height: 100%; }

.okm-card.okm-horizontal .okm-card-image { max-width: 50%; }

.okm-card.okm-horizontal .okm-card-image img { border-radius: 2px 0 0 2px; max-width: 100%; width: auto; }

.okm-card.okm-horizontal .okm-card-stacked { display: flex; flex-direction: column; flex: 1; position: relative; }

.okm-card.okm-horizontal .okm-card-stacked .okm-card-content { flex-grow: 1; }

.okm-card.okm-sticky-action .okm-card-action { z-index: 2; }

.okm-card.okm-sticky-action .okm-card-reveal { z-index: 1; padding-bottom: 64px; }

.okm-card .okm-card-image { position: relative; background-color: #eeeeee; overflow: hidden; }

.okm-card .okm-card-image img { display: block; border-radius: 2px 2px 0 0; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; }

.okm-card .okm-card-image .okm-card-title { color: #fff; position: absolute; bottom: 0; left: 0; max-width: 100%; padding: 10px; }

.okm-card .okm-card-title { line-height: 110%; margin-bottom: 8px; }

.okm-card .okm-card-title i { line-height: 110%; }

.okm-card .okm-card-content .okm-card-title { padding: 10px 0 5px; margin: 0 10px; border-bottom: 1px solid rgba(160, 160, 160, 0.2); }

.okm-card .okm-card-content p { padding: 10px; font-weight: 300; margin: 0; }

.okm-card .okm-card-content .ok-details { padding: 10px 10px 0; }

.okm-card .okm-card-action { background-color: inherit; border-top: 1px solid rgba(160, 160, 160, 0.2); position: relative; padding: 10px; }

.okm-card .okm-card-action:last-child { border-radius: 0 0 2px 2px; }

.okm-card .okm-card-action a:not(.btn):not(.btn-large):not(.btn-floating) { color: #ffd8a6; margin-right: 24px; transition: color .3s ease; text-transform: uppercase; }

.okm-card .okm-card-action a:not(.btn):not(.btn-large):not(.btn-floating):hover { color: white; }

.okm-card .okm-card-reveal { padding: 10px; position: absolute; background-color: #fff; overflow-y: auto; top: 0; bottom: 0; left: 0; right: 0; z-index: 3; display: none; }

.okm-card .okm-card-reveal .okm-card-title { cursor: pointer; display: block; }

.okm-btn-floating { position: absolute !important; right: 24px; bottom: -20px; display: inline-block; color: #fff !important; overflow: hidden; z-index: 2; width: 40px; height: 40px; line-height: 40px; padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color .3s; transition: background-color .3s; cursor: pointer; vertical-align: middle; background-color: #F44336 !important; font-size: 14px; outline: 0; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.okm-btn-floating i { width: inherit; display: inline-block; text-align: center; color: #fff !important; font-size: 1.6rem; line-height: 40px; }

.okm-right { float: right; }

.okm-right-close { position: absolute !important; top: 0px; right: 0px; }

.okm-card-content .mod-articles-category-hits, .okm-card-content .mod-articles-category-writtenby, .okm-card-content .mod-articles-category-category, .okm-card-content .mod-articles-category-date { color: #555; font-size: 0.8rem; font-weight: 500; }

.okm-card-image .okm-card-title { z-index: 2; }