:root {
  --base: #111;
  --white: #ffffff;
  --primary: #cf0f0c;
}

/* ---------- typography ---------- */

em { color: inherit; }

.el-content ul {
  line-height: 2;
  margin-bottom: 2rem;
}

/* ---------- links, images & animations ---------- */

a, a img, .uk-link, .uk-button, #scroll-arrow a { transition: all 200ms ease-in-out; }
a:hover img, a.uk-logo:hover { filter: brightness(1.03); }
a.uk-position-absolute { transition: none; }

.fade-in, .fade-in-up, .delay { opacity: 0; }
.fade-in { animation: fadeIn 200ms linear forwards; }
.fade-in-up { animation: fadeInUp 500ms ease-in-out forwards; }
.delay { animation-delay: 1s; }

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ---------- global ---------- */

body {
  background-image: url(/wp-content/uploads/2024/10/fairway-icon-white.svg);
  background-color: #f7f7f7;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.uk-section-muted { background: none; }

/* ---------- responsive ---------- */

@media only screen and (max-width: 800px) {

  .btn-banner .uk-button {
    padding: 10px;
    line-height: 2;
  }

}