/* ========================================================================
   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 */
.uk-slidenav:hover {
  color: rgba(102, 102, 102, 0.9);
}
/* OnClick */
.uk-slidenav:active {
  color: rgba(102, 102, 102, 0.5);
}
}
/* Primary */
.uk-slidenav-primary polyline{
  stroke: var(--primary-color) !important;
  stroke-width: 2;
}
.uk-slidenav-primary polyline:hover{
  stroke: var(--accent-color)!important;
  stroke-width: 2;
}
/* Accent */
.uk-slidenav-accent polyline{
  stroke: var(--accent-color) !important;
  stroke-width: 2;
}
.uk-slidenav-accent polyline:hover{
  stroke: #fff !important;
  stroke-width: 2;
}
/* White */
.uk-slidenav-white polyline{
  stroke: #fff !important;
  stroke-width: 2;
}
.uk-slidenav-white polyline:hover{
  stroke: var(--accent-color)!important;
  stroke-width: 2;
}

/* Icon modifier
 ========================================================================== */
/*
 * Previous
 */
/*
 * Next
 */
/* Size modifier
 ========================================================================== */
.uk-slidenav-large {
  padding: 10px 10px;
}
/* Container
 ========================================================================== */
.uk-slidenav-container {
  display: flex;
}