/**
 * @file
 * Purely visual styling (“look-and-feel”) for a component.
 */
.uk-button-warning {
  background-color: #faa732;
  color: #fff;
  background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
  background-image: linear-gradient(to bottom,#fbb450,#f89406);
  border-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.4);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.uk-button-warning:focus,
.uk-button-warning:hover {
  background-color: #fbb24b;
  color: #fff;
  background-image: none;
}
.uk-button-warning.uk-active,
.uk-button-warning:active {
  background-color: #f99c19;
  color: #fff;
  background-image: none;
  border-color: rgba(0,0,0,.2);
  border-top-color: rgba(0,0,0,.4);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.2);
}
.uk-button-link-reset {
  background: #fff;
  border: 0;
  border-radius: 0;
  line-height: 20px;
  margin: 0 !important;
  padding: 5px 15px;
}
.uk-nav-dropdown>li>.uk-button-link-reset:hover {
  background: #009dd8;
  color: #fff;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

/**
 * Comments.
 */
.uk-comment-avatar img {
  height: 50px;
  width: auto;
}
.uk-comment-title i {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.uk-comment-title:focus i,
.uk-comment-title:hover i {
  opacity: 0.8;
}

/**
 * Special icons.
 */
sup > i.form-required {
  font-size: 65%;
}