/* Additions for the static FLX Trivia site */
input[data-ux="InputFloatLabel"][data-has-value="true"] + label { font-size: 12px; top: 8px; }

/* "Book a Private Game" button, same look as the site's filled buttons */
.flx-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 8px 32px;
  background-color: rgb(179, 160, 196); color: rgb(0, 0, 0); font-family: Roboto, arial, sans-serif; font-size: 14px;
  font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; text-align: center;
  border: 0; border-radius: 0; box-sizing: border-box; cursor: pointer; }
.flx-cta:hover, .flx-cta:focus { background-color: rgb(202, 190, 214); color: rgb(0, 0, 0); }
@media (max-width: 767px) { .flx-cta { width: 100%; } }
/* Check Cherry contact form on /contact */
#book { scroll-margin-top: 24px; }
.flx-checkcherry { width: 100%; text-align: left; }
/* Check Cherry ships dark labels for light pages; this section is dark */
.flx-checkcherry .form-label { color: rgb(226, 226, 226); }
.flx-checkcherry .form-label span { color: rgb(255, 128, 128) !important; }
.flx-checkcherry .btn-primary { background-color: rgb(179, 160, 196) !important; border-color: rgb(179, 160, 196) !important; color: rgb(0, 0, 0) !important;
  font-family: Roboto, arial, sans-serif !important; font-size: 14px !important; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  border-radius: 0 !important; min-height: 56px; padding: 8px 32px !important; }
.flx-checkcherry .btn-primary:hover, .flx-checkcherry .btn-primary:focus { background-color: rgb(202, 190, 214) !important; border-color: rgb(202, 190, 214) !important; color: rgb(0, 0, 0) !important; }