:root {
  --fka-primary-yellow: #FFE500;
  --fka-primary-green: #00803E;
  --fka-secondary-green: #00a04e;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

a {
  color: var(--fka-primary-green);
}
a:hover {
  color: var(--fka-secondary-green);
}

.fka-header {
  color: var(--fka-primary-green);
}

.fka-search-bar {
  max-width: 350px;
  height: 100%;
}

.fka-separator {
  border: none;
  border-top: 2px solid var(--fka-primary-green);
  width: 100%;
  margin-top: 10px;
}

.fka-button {
  border: 2px solid var(--fka-primary-green);
  background-color: white;
  color: var(--fka-primary-green);
  font-weight: bold;
  height: 100%;
}

.fka-span {
  margin-top: 1px;
  color: red;
  font-size: small;
  display: none;
}

.fka-btn:hover {
  background-color: var(--fka-primary-green);
  color: white;
}

.brand-logo {
  max-height: 50px;
  height: auto;
  width: auto;
}

.brand-text {
  font-weight: bold;
  color: var(--fka-primary-green);
  font-size: 2rem;
}

.url-column {
  max-width:  200px;
  word-wrap: break-word;
  word-break: break-all;
}
.mobile-url {
  display: none;
}

@media (max-width: 992px) {
  .full-url {
    display: none;
  }

  .mobile-url {
    display: inline;
  }
}

.fk-tractor {
  height: 200px
}

.fk-title {
  color: green;
}

.fk-section {
  margin-bottom: 1rem
}
ul {
  margin-bottom: 0;
}