/* NAME YOUR CLUB — Gravity form styling (targets the form directly) */

/* the card = the form wrapper itself */
#gform_wrapper_1{
  background:#111A2B !important;border:1px solid rgba(244,239,228,.10) !important;
  border-radius:18px !important;padding:2rem !important;max-width:560px !important;
  margin:0 auto !important;box-shadow:0 30px 60px -30px rgba(0,0,0,.7) !important;
}
#gform_wrapper_1 form{background:transparent !important}

/* card title from the HTML field */
#gform_wrapper_1 .nyc-cardtitle{font-family:'Anton',sans-serif;text-transform:uppercase;
  color:#F4EFE4;font-size:1.5rem;line-height:1;margin:0 0 .35rem}
#gform_wrapper_1 .nyc-cardfine{color:#98A4BA;font-size:.92rem;margin:0 0 1.3rem}

/* labels */
#gform_wrapper_1 .gfield_label{
  color:#98A4BA !important;font-family:'Archivo',sans-serif;font-size:.8rem !important;
  letter-spacing:.06em;text-transform:uppercase;font-weight:600 !important;margin-bottom:.35rem;
}
#gform_wrapper_1 .gfield_required{color:#FB8B24 !important}

/* inputs, textarea, select */
#gform_wrapper_1 input[type=text],
#gform_wrapper_1 input[type=email],
#gform_wrapper_1 textarea,
#gform_wrapper_1 select{
  width:100% !important;background:#0A1120 !important;border:1px solid rgba(244,239,228,.10) !important;
  border-radius:8px !important;color:#F4EFE4 !important;font-family:'Archivo',sans-serif !important;
  font-size:1rem !important;padding:.78rem .85rem !important;min-height:50px !important;
}
#gform_wrapper_1 textarea{min-height:auto !important;line-height:1.5;resize:vertical}
#gform_wrapper_1 ::placeholder{color:#5C6B82 !important;opacity:1}
#gform_wrapper_1 input:focus,
#gform_wrapper_1 textarea:focus,
#gform_wrapper_1 select:focus{outline:none;border-color:#FB8B24 !important;box-shadow:none !important}

/* select caret */
#gform_wrapper_1 select{
  appearance:none;-webkit-appearance:none;padding-right:2.4rem !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23FB8B24' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1rem center;
}

/* spacing */
#gform_wrapper_1 .gfield{margin-bottom:.9rem !important}

/* consent checkbox */
#gform_wrapper_1 input[type=checkbox]{accent-color:#FB8B24;width:1.05rem;height:1.05rem}
#gform_wrapper_1 .gfield--type-consent label,
#gform_wrapper_1 .gfield_consent_label{
  color:#B8C2D4 !important;text-transform:none !important;letter-spacing:0 !important;
  font-size:.9rem !important;font-weight:400 !important;
}

/* submit button */
#gform_wrapper_1 .gform_footer button,
#gform_wrapper_1 .gform_footer input[type=submit]{
  width:100% !important;background:#FB8B24 !important;color:#1A1206 !important;
  border:0 !important;border-radius:8px !important;padding:.95rem 1.4rem !important;
  font-family:'Archivo',sans-serif !important;font-weight:700 !important;font-size:1rem !important;
  cursor:pointer !important;
}
#gform_wrapper_1 .gform_footer button:hover,
#gform_wrapper_1 .gform_footer input[type=submit]:hover{background:#FFC46B !important}

/* confirmation */
#gform_wrapper_1 .gform_confirmation_message{
  color:#F4EFE4;font-size:1.05rem;line-height:1.5;text-align:center;padding:1rem 0;
}/* paint the whole page and its sections navy */
body, .elementor, .e-con, .e-con-inner{background-color:#0B1120 !important}
/* ---- touch-ups ---- */

/* FAQ: kill the default triangle, clean amber chevron, no plus */
.nyc .faq summary{list-style:none !important;justify-content:flex-start !important;position:relative;padding-right:2rem}
.nyc .faq summary::-webkit-details-marker{display:none}
.nyc .faq summary::marker{content:""}
.nyc .faq summary::after{content:"";position:absolute;right:.35rem;top:50%;width:.5rem;height:.5rem;
  border-right:2px solid #FB8B24;border-bottom:2px solid #FB8B24;
  transform:translateY(-65%) rotate(45deg);transition:transform .2s ease}
.nyc .faq details[open] summary::after{transform:translateY(-35%) rotate(225deg)}

/* Final CTA: bigger and centered */
.nyc .final{text-align:center !important}
.nyc .final .wrap{max-width:820px !important;margin-left:auto !important;margin-right:auto !important}
.nyc .final .big{font-size:clamp(2.6rem,7vw,4.6rem) !important}

/* Footer: smaller and tighter */
.nyc .foot{padding:2rem 0 !important}
.nyc .foot .mark{font-size:1rem !important}
.nyc .foot p{font-size:.85rem !important;margin-bottom:.3rem !important}
.nyc .foot .copy{font-size:.78rem !important}
/* sticky button: phones only */
.nyc .stickycta{display:none}
@media(max-width:860px){ .nyc .stickycta{display:flex} }
/* phone field: match the dark inputs */
#gform_wrapper_1 .gfield--type-phone input,
#gform_wrapper_1 input[type=tel]{
  width:100% !important;background:#0A1120 !important;
  border:1px solid rgba(244,239,228,.10) !important;border-radius:8px !important;
  color:#F4EFE4 !important;font-family:'Archivo',sans-serif !important;
  font-size:1rem !important;padding:.78rem .85rem !important;min-height:50px !important;
}
#gform_wrapper_1 input[type=tel]:focus{border-color:#FB8B24 !important;outline:none;box-shadow:none !important}
#gform_wrapper_1 input[type=tel]::placeholder{color:#5C6B82 !important}
/* mobile: drop the header button, keep the USL mark (sticky button covers the CTA) */
@media(max-width:860px){
  .nyc .bar__in > a.btn--amber{display:none}
}/* trophy image as a subtle background behind the USL section */
.nyc #usl::before{
  content:"";position:absolute;inset:0;z-index:0;
  background-image:linear-gradient(rgba(11,17,32,.72),rgba(11,17,32,.90)),url("https://celerycityfc.com/wp-content/uploads/2026/09/trophy_arch.jpg");
  background-size:cover;background-position:center;
}
.nyc #usl .wrap{position:relative;z-index:1}
/* form image: match the form height, rounded corners */
.nyc h3 a{ color:inherit; text-decoration:none; }
.nyc h3 a:hover{ text-decoration:underline; }
.nyc .bar__in .usl-mark{gap:.6rem}
/* Line the form up with the header */
.ccfc-form {
  max-width: 1140px;
  margin: 0 auto;
}

/* Labels visible on the dark background */
.ccfc-form .gfield_label,
.ccfc-form .gfield_consent_label,
.ccfc-form .gchoice label {
  color: #F3EBDD !important;
  font-weight: 600;
}

/* Required tag */
.ccfc-form .gfield_required {
  color: #F26B21 !important;
}

/* Inputs */
.ccfc-form input[type="text"],
.ccfc-form input[type="email"],
.ccfc-form input[type="tel"],
.ccfc-form select {
  border-radius: 6px;
  border: none;
  padding: 14px 16px;
}

/* SMS checkbox text: smaller, readable */
.ccfc-form .gfield_consent_label {
  font-size: 13px;
  line-height: 1.5;
  opacity: 0.85;
}
.ccfc-form .gform_footer input[type="submit"],
.ccfc-form .gform_footer button {
  background: #F26B21 !important;
  color: #0F131C !important;
  border: none !important;
  border-radius: 6px;
  padding: 16px 36px !important;
  font-size: 16px !important;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.ccfc-form .gform_footer input[type="submit"]:hover,
.ccfc-form .gform_footer button:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}
/* SMS opt-in: dark text on the Tickets page cream card only */
#priority-form .ccfc-form .gfield--type-consent .gfield_label,
#priority-form .ccfc-form .gfield--type-consent legend,
#priority-form .ccfc-form .gfield_consent_label {
  color: #0F131C !important;
  opacity: 1 !important;
}