@font-face {
  font-family: 'UbuntuCondensed';
  src: url("/front/typo/UbuntuCondensed.woff");
}
@font-face {
  font-family: 'Marmelad';
  src: url("/front/typo/Marmelad.ttf");
}
@font-face {
  font-family: 'CyrillicHover';
  src: url("/front/typo/CyrillicHover.ttf");
}
.uk-form select:focus,
.uk-form textarea:focus,
.uk-form input:not([type]):focus,
.uk-form input[type="text"]:focus,
.uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus,
.uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus,
.uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus,
.uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus,
.uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus,
.uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
  background: white;
}

.uk-offcanvas {
  background: rgba(0, 0, 0, 0.4);
}

.uk-form-stacked .uk-form-label {
  font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Marmelad', sans-serif;
}

.uk-button-bordered {
  border: 1px solid silver;
}

.ui.form input[type="text"],
.ui.form input[type="password"],
.ui.form textarea,
.ui.form select {
  padding: 6px 10px;
}

/* Inline Label */
.ui.form .inline.fields > label,
.ui.form .inline.fields .field > label,
.ui.form .inline.fields .field > p,
.ui.form .inline.field > label,
.ui.form .inline.field > p {
  font-weight: normal;
}

.ui.form .field > label {
  font-weight: normal;
}

body {
  padding: 40px;
  font-family: 'Marmelad', sans-serif;
}

h2 {
  margin-top: 0;
}

.FancyboxCloseButton {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
}
.FancyboxCloseButton a {
  color: #444;
}
.FancyboxCloseButton a:hover {
  color: #777;
}
.FancyboxCloseButton i {
  padding: 5px;
}

.ScrollableBox {
  max-height: 400px;
  overflow: auto;
  margin-right: 20px;
}
@media screen and (max-width: 400px) {
  .ScrollableBox {
    margin-right: 0;
  }
}

.Button-Green {
  color: white;
  background-color: #4caf50;
  transition: background-color 0.2s ease-out;
}
.Button-Green:hover, .Button-Green:focus, .Button-Green:active {
  color: white;
  background-color: #5cb860;
}