/* main */
* {
 outline: 0;
}

body, td, input[type=text], textarea {
  -font-family: "Lato", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  -font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 300;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6 {
  -font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 300;
}

a, a *, button {
  transition-timing-function: ease;
  transition-duration: 0.3s;
  transition-property: color, background, height;
}

/* editpage */
#editpage {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 3000;
  padding: 5px 15px;
  background: red;
  color: white;
}

/* font */
.ns-text-light {
  font-weight: lighter;
}

.ns-text-normal {
  font-weight: normal;
}

.ns-text-bold {
  font-weight: bold;
}

.ns-text-italic {
  font-style: italic;
}

/* colors */

.uk-link, a {
  color: #999;
}

.uk-link:hover, a:hover {
  color: #9a73b2;
}

.uk-subnav>*>a:focus, .uk-subnav>*>a:hover {
  color: #9a73b2;
}

.uk-text-primary {
  color: #9a73b2!important;
}

.uk-background-secondary {
  background-color: #fceced;
}

.uk-button-primary {
  background-color: #9a73b2;
}

.uk-button-primary:focus, .uk-button-primary:hover {
  background-color: #999;
}

.uk-button-default:focus, .uk-button-default:hover {
  border-color: #d0b7e8;
}

.uk-button-secondary:hover {
  background-color: #d0b7e8;
}

.uk-button-secondary:active {
  background-color: #222;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
  border-color: #9a73b2;
}

.uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus {
  background-color: #9a73b2;
}

.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
  background-color: #9a73b2;
}

.uk-label {
  background: #9a73b2;
}

a:hover .uk-label {
  background: #333;
}

/* addon */

.uk-height-min-medium {
  min-height: 300px;
}

.uk-height-max-xlarge {
  max-height: 600px;
}

/* filter */

div[uk-filter] .uk-active a {
  color: #333;
}

div[uk-filter] .uk-badge {
  border: 3px solid #f8f8f8;
}

div[uk-filter] .uk-active .uk-badge {
  border: 3px solid transparent;
}

/* aspect-ratio */

.aspect-ratio-1-1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.aspect-ratio-4-3:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}

.aspect-ratio-3-4:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133%;
}

.aspect-ratio-3-2:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.66%;
}

.aspect-ratio-2-3:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 150%;
}

/* favorites */

.add-to-favorites.uk-icon {
  transition: all 0.1s ease !important;
}

.add-to-favorites.uk-icon svg path {
  stroke: currentcolor;
}

.add-to-favorites.uk-icon.uk-active svg path {
  stroke: #9a73b2;
  fill: #9a73b2;
}

/* Scrollbar */

#slider {
  height: 40vh;
}

@media (min-width: 1200px) {
  #slider {
    height: 60vh;
  }
}

#slider .item:last-child {
  margin-right: 0 !important;
}

.scrollbar {
	height: 2px;
	background: #ccc;
	line-height: 0;
  margin-top: 30px;
}

.scrollbar .handle {
	width: 50px;
	height: 100%;
	background: #333;
	cursor: pointer;
}

.scrollbar .handle .mousearea {
	position: absolute;
	top: -15px;
	left: 0;
	width: 100%;
	height: 30px;
}