/* edit */

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

/* main */

:root {

 --blue-color: #00c4b3;
 --blue-color-dark: #008f83;

}

body {
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,
.uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge,
h1, h2, h3, h4, h5, h6 {
    font-family: "Fira Sans", sans-serif;
    font-weight: 300;
}

.uk-text-bold {
    font-weight: 700;
}

.uk-text-primary {
  color:  var(--blue-color) !important;
}

.uk-button-primary {
  background-color: var(--blue-color);
  font-weight: 500;
  font-family: "Fira Sans", sans-serif;
}

.uk-button-primary:hover {
  background-color: var(--blue-color-dark);
}

.uk-overlay-primary {
  background: rgba(34, 34, 34, .25);
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
  border-color: var(--blue-color);
}

.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
  background-color: var(--blue-color);
}

.uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus {
  background-color: var(--blue-color-dark);
}

.uk-checkbox:focus, .uk-radio:focus {
  border-color: var(--blue-color);
}

.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default {
  font-weight: 500;
}

.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a {
  color: white;
}

.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a {
  color: var(--blue-color);
}

.uk-section-secondary:not(.uk-preserve-color) {
  color: white;
}

.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary {
  color: white;
  background-color: var(--blue-color);
}