/* Home Hero */

.home-hero {
  text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5);
  background: transparent;
  background-image: url(/images/octagon-diamonds/home-hero-4.jpg);
  background-size: cover;
}
@media (max-width: 960px) {
  .home-hero {
    background-position: 60% 100%;
  }
}

@media (min-width: 960px) {
  .home-hero {
    background-position: 30% 100%;
  }
}

/* MODAL */

.uk-modal-dialog {
  background-color: #222;
}
.uk-modal-body {
  padding: 30px 40px;
}

/* FORMS */

.uk-input,
.uk-select:not([multiple]):not([size]),
input[type="text"]:not([class*="uk-"]),
input[type="password"]:not([class*="uk-"]),
input[type="datetime"]:not([class*="uk-"]),
input[type="datetime-local"]:not([class*="uk-"]),
input[type="date"]:not([class*="uk-"]),
input[type="month"]:not([class*="uk-"]),
input[type="time"]:not([class*="uk-"]),
input[type="week"]:not([class*="uk-"]),
input[type="number"]:not([class*="uk-"]),
input[type="email"]:not([class*="uk-"]),
input[type="url"]:not([class*="uk-"]),
input[type="search"]:not([class*="uk-"]),
input[type="tel"]:not([class*="uk-"]),
input[type="color"]:not([class*="uk-"]),
.uneditable-input:not([class*="uk-"]),
select:not([class*="uk-"]):not([multiple]):not([size]) {
  height: 45px;
  vertical-align: middle;
  display: inline-block;
  line-height: 45px;
  border-bottom: none;
  background: #fff;
  border: 1px solid #e5e5e5;
  margin-bottom: 10px;
  color: #111;
}
textarea:not([class*="uk-"]) {
  border: 1px solid #e5e5e5;
  color: #111;
}
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus,
input[type="text"]:not([class*="uk-"]):focus,
input[type="password"]:not([class*="uk-"]):focus,
input[type="datetime"]:not([class*="uk-"]):focus,
input[type="datetime-local"]:not([class*="uk-"]):focus,
input[type="date"]:not([class*="uk-"]):focus,
input[type="month"]:not([class*="uk-"]):focus,
input[type="time"]:not([class*="uk-"]):focus,
input[type="week"]:not([class*="uk-"]):focus,
input[type="number"]:not([class*="uk-"]):focus,
input[type="email"]:not([class*="uk-"]):focus,
input[type="url"]:not([class*="uk-"]):focus,
input[type="search"]:not([class*="uk-"]):focus,
input[type="tel"]:not([class*="uk-"]):focus,
input[type="color"]:not([class*="uk-"]):focus,
.uneditable-input:not([class*="uk-"]):focus,
select:not([class*="uk-"]):focus,
textarea:not([class*="uk-"]):focus {
  outline: 0;
  background-color: #fff;
  color: #524f4f;
  border-color: #5378ba !important;
}
.uk-input,
.uk-select,
.uk-textarea,
.uneditable-input:not([class*="uk-"]),
input[type="color"]:not([class*="uk-"]),
input[type="date"]:not([class*="uk-"]),
input[type="datetime-local"]:not([class*="uk-"]),
input[type="datetime"]:not([class*="uk-"]),
input[type="email"]:not([class*="uk-"]),
input[type="month"]:not([class*="uk-"]),
input[type="number"]:not([class*="uk-"]),
input[type="password"]:not([class*="uk-"]),
input[type="search"]:not([class*="uk-"]),
input[type="tel"]:not([class*="uk-"]),
input[type="text"]:not([class*="uk-"]),
input[type="time"]:not([class*="uk-"]),
input[type="url"]:not([class*="uk-"]),
input[type="week"]:not([class*="uk-"]),
select:not([class*="uk-"]),
textarea:not([class*="uk-"]) {
  background: #fff;
}
.form-actions {
  padding: 20px 0px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: none;
}
.form-btn {
  background-color: #c00d0d;
  color: #ffffff;
  border: none;
}
[class*="uk-modal-close-"] {
  top: 30px;
  right: 30px;
  padding: 0px;
}
.uk-close:before {
  content: "schliessen";
  padding-right: 10px;
}
label.error {
  font-size: 12px;
  color: #fff;
  padding: 3px 8px;
  background-color: #c00d0d;
  border-radius: 0px;
  display: inline-block !important;
  max-width: auto;
  margin: auto;
}
p.errorcontainer:after {
  border-top: 0px;
}
.visforms .uk-margin-medium-top {
  margin-top: 0px !important;
}

@media (max-width: 639px) {
  html {
    font-size: 13px;
  }
  .uk-button {
    font-size: 14px;
  }
  .h1,
  .uk-h1,
  h1,
  .uk-heading-medium {
    font-size: 34px;
  }
  .h2,
  .uk-h2,
  h2,
  .uk-heading-small {
    font-size: 28px;
  }
  .h3,
  .uk-h3,
  h3 {
    font-size: 20px;
  }
  .h4,
  .uk-h4,
  h4 {
    font-size: 18px;
  }
  .uk-heading-large {
    font-size: 42px;
  }

  .uk-text-large {
    font-size: 18px;
  }
  .uk-text-meta {
    font-size: 11px;
  }
  .uk-text-lead {
    font-size: 16px;
  }
  .h6,
  .uk-h6,
  h6 {
    font-size: 9px;
  }
}
#system-message-container {
  position: fixed;
  width: 80%;
  max-width: 1200px;
  min-width: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999;
}
#system-message-container joomla-alert {
  border-radius: 0;
  border: none;
  background: #b8874c;
  color: white !important;
  padding: 35px 25px;
}
#system-message-container joomla-alert * {
  color: white !important;
}
#system-message-container joomla-alert .joomla-alert--close {
  color: white !important;
  opacity: 1;
  font-weight: 300;
  font-size: 30px;
  line-height: 10px;
}