/* Defend the Fork Theme – Ruby & Cream */
.headlines {
  color: #FFC24A; /* warm amber headlines */
  font-family: 'defend-the-fork', 'Headline', sans-serif;
}
a:link,
a:visited {
  color: #FFE9C4; /* cream for body links */
}
a:hover {
  color: #FFF6E0; /* lighter cream on hover */
}
/* Game theme selected state — add new .selected selectors here as needed */
.wizardChoice.selected,
.hostVoteBtn.selected {
    background: linear-gradient(135deg, #3a0f1a, #7a1f35, #E5484D) !important;
    border-top: 0.25vw solid #FFC24A !important;
    border-left: 0.25vw solid #FFC24A !important;
    border-right: 0.25vw solid #E5484D !important;
    border-bottom: 0.25vw solid #E5484D !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, select:active, div.checkboxGroup label:focus, div.checkboxGroup label:active, textarea:focus, input[type="number"], input[type="datetime-local"]:focus {
    border-top: 0.25vw solid #FFC24A !important;
    border-left: 0.25vw solid #FFC24A !important;
    border-right: 0.25vw solid #E5484D !important;
    border-bottom: 0.25vw solid #E5484D !important;
}
@keyframes drift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
/* Tablet and desktop: fixed px borders, same breakpoints as the site */
@media (min-width: 768px) {
  .wizardChoice.selected,
  .hostVoteBtn.selected {
      border-top: 3px solid #FFC24A !important;
      border-left: 3px solid #FFC24A !important;
      border-right: 3px solid #E5484D !important;
      border-bottom: 3px solid #E5484D !important;
  }
  input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, select:active, textarea:focus, input[type="number"], input[type="datetime-local"]:focus {
      border-top: 3px solid #FFC24A !important;
      border-left: 3px solid #FFC24A !important;
      border-right: 3px solid #E5484D !important;
      border-bottom: 3px solid #E5484D !important;
  }
}
p.chooseForkPrompt { text-align: center; margin: 0vw 0vw 3vw 0vw; }
@media (min-width: 768px) {
  p.chooseForkPrompt { margin-bottom: 16px; }
}