/* Stoke Helper for AF: home page farmer bar. Moved unchanged from the home page
   HTML widget (element b3e85a0). */
.af-farmer-bar {
  background: #F47721;
  width: 100%;
  padding: 34px 40px;
}

.af-farmer-inner {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  flex-wrap: wrap;
}

.af-farmer-text {
  font-family: "proxima-nova", sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.5px;
  color: #ffffff;
}

.af-farmer-select {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 1.5px solid #ffffff;
  border-radius: 0;
  padding: 0 36px 0px 0;
  font-family: "proxima-nova", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.5px;
  color: #ffffff;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L8 8.5L15 1.5' stroke='%23FFFFFF' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 2px center;
  background-size: 16px 10px;
}

.af-farmer-select option {
  background: #ffffff;
  color: #1a1a1a;
}

.af-farmer-select:focus {
  outline: none;
}

.af-farmer-btn {
  padding: 10px 34px;
  background: #000;
  border: 0;
  border-radius: 100px;
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.2px;
  cursor: pointer;
  transition: background 0.25s ease, color 0.25s ease;
}

.af-farmer-btn:hover {
  background: #fff;
  color: #282525;
}

@media (max-width: 1024px) {
  .af-farmer-text,
  .af-farmer-select { font-size: 26px; }
}

@media (max-width: 767px) {
  .af-farmer-bar { padding: 24px 20px; }
  .af-farmer-inner { flex-direction: column; gap: 14px; text-align: center; }
  .af-farmer-text, .af-farmer-select { font-size: 20px; }
  .af-farmer-btn { width: 100%; }
}