.elementor-9271 .elementor-element.elementor-element-780687db > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-9271 .elementor-element.elementor-element-780687db:not(.elementor-motion-effects-element-type-background), .elementor-9271 .elementor-element.elementor-element-780687db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0a2740;background-image:url("https://star-coaches.com/wp-content/uploads/2026/05/About-Star-Coaches-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9271 .elementor-element.elementor-element-780687db > .elementor-background-overlay{background-color:rgba(8,30,46,0.76);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9271 .elementor-element.elementor-element-780687db > .elementor-container{min-height:420px;}.elementor-9271 .elementor-element.elementor-element-780687db{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:55px 20px 60px 20px;}.elementor-bc-flex-widget .elementor-9271 .elementor-element.elementor-element-1686b982.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9271 .elementor-element.elementor-element-1686b982.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9271 .elementor-element.elementor-element-718a97c6{text-align:center;}.elementor-9271 .elementor-element.elementor-element-718a97c6 img{width:838px;max-width:88%;height:444px;object-fit:contain;object-position:center center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9271 .elementor-element.elementor-element-73a6d262{text-align:center;}.elementor-9271 .elementor-element.elementor-element-73a6d262 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;font-weight:800;line-height:1.12em;color:#ffffff;}.elementor-9271 .elementor-element.elementor-element-23388fc{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9271 .elementor-element.elementor-element-6561ac8{text-align:center;font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-9271 .elementor-element.elementor-element-4260ca69:not(.elementor-motion-effects-element-type-background), .elementor-9271 .elementor-element.elementor-element-4260ca69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-9271 .elementor-element.elementor-element-4260ca69 > .elementor-container{max-width:800px;}.elementor-9271 .elementor-element.elementor-element-4260ca69, .elementor-9271 .elementor-element.elementor-element-4260ca69 > .elementor-background-overlay{border-radius:16px 16px 16px 16px;}.elementor-9271 .elementor-element.elementor-element-4260ca69{box-shadow:0px 18px 50px 0px rgba(0,124,188,0.14);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-36px;margin-bottom:40px;padding:40px 30px 40px 30px;}.elementor-9271 .elementor-element.elementor-element-4260ca69 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9271 .elementor-element.elementor-element-e3e6c5f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:700;color:#007cbc;}@media(max-width:767px){.elementor-9271 .elementor-element.elementor-element-718a97c6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9271 .elementor-element.elementor-element-73a6d262 .elementor-heading-title{font-size:28px;}}/* Start custom CSS for image, class: .elementor-element-718a97c6 *//* Batley logo bigger — works without knowing the exact ID */
.elementor-widget-image img[src*="batley-girl-high-school"] {
  width: 130px !important;
  height: 130px !important;
  max-width: 130px !important;
  background: #fff !important;
  border-radius: 50% !important;
  padding: 16px !important;
  object-fit: contain !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.28) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4260ca69 *//* ============================================================
   BATLEY GIRLS' HIGH SCHOOL — Gravity Forms styling (Form ID 5)
   Paste into: Appearance > Customise > Additional CSS
   (or WPCode / Custom CSS). Styles ONLY form #5.
   ============================================================ */

/* Load Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/* ---- Wrapper ---- */
#gform_wrapper_5,
#gform_wrapper_5 * {
  font-family: 'Poppins', -apple-system, sans-serif !important;
  box-sizing: border-box;
}
#gform_wrapper_5 {
  --bghs-blue:#007cbc;
  --bghs-red:#d20910;
  --bghs-red-dark:#a8070d;
  --bghs-line:#dde3ea;
  --bghs-ink:#16334a;
  max-width: 760px;
  margin: 0 auto;
}

/* ---- Fields list: spacing ---- */
#gform_wrapper_5 .gform_fields {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 22px 18px;
}
/* full-width fields (name, school year, postcode, submit) */
#gform_wrapper_5 .gfield {
  grid-column: 1 / -1;
  margin: 0 !important;
  padding: 0 !important;
}
/* email + mobile sit side by side — adjust the IDs if needed */
#gform_wrapper_5 #field_5_3,   /* Email  */
#gform_wrapper_5 #field_5_4 {  /* Mobile */
  grid-column: span 1;
}
@media (max-width: 560px){
  #gform_wrapper_5 .gform_fields { grid-template-columns: 1fr; }
  #gform_wrapper_5 #field_5_3,
  #gform_wrapper_5 #field_5_4 { grid-column: 1 / -1; }
}

/* ---- Labels ---- */
#gform_wrapper_5 .gfield_label {
  font-weight: 600 !important;
  font-size: 15px !important;
  color: var(--bghs-ink) !important;
  margin-bottom: 8px !important;
  display: block;
}
/* required asterisk in red */
#gform_wrapper_5 .gfield_required { color: var(--bghs-red) !important; margin-left:3px; }

/* ---- Numbered blue circles before each label ---- */
#gform_wrapper_5 #field_5_1 .gfield_label::before { content:"1"; }
#gform_wrapper_5 #field_5_2 .gfield_label::before { content:"2"; }
#gform_wrapper_5 #field_5_3 .gfield_label::before { content:"3"; }
#gform_wrapper_5 #field_5_4 .gfield_label::before { content:"4"; }
#gform_wrapper_5 #field_5_5 .gfield_label::before { content:"5"; }
#gform_wrapper_5 .gfield .gfield_label::before {
  display:inline-flex; align-items:center; justify-content:center;
  width:24px; height:24px; border-radius:50%;
  background: var(--bghs-blue); color:#fff;
  font-size:12px; font-weight:700; margin-right:9px;
  vertical-align:middle; line-height:1;
}

/* ---- Inputs & selects ---- */
#gform_wrapper_5 input[type="text"],
#gform_wrapper_5 input[type="email"],
#gform_wrapper_5 input[type="tel"],
#gform_wrapper_5 input[type="number"],
#gform_wrapper_5 select,
#gform_wrapper_5 textarea {
  width: 100% !important;
  padding: 13px 14px !important;
  border: 1.5px solid var(--bghs-line) !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  color: #1c2733 !important;
  background: #fff !important;
  transition: border-color .15s, box-shadow .15s;
}
#gform_wrapper_5 input:focus,
#gform_wrapper_5 select:focus,
#gform_wrapper_5 textarea:focus {
  outline: none !important;
  border-color: var(--bghs-blue) !important;
  box-shadow: 0 0 0 3px rgba(0,124,188,.16) !important;
}

/* custom dropdown arrow */
#gform_wrapper_5 select {
  appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23007cbc' stroke-width='2.5'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 40px !important;
}

/* field description (small grey hint) */
#gform_wrapper_5 .gfield_description {
  font-size: 13px !important;
  color: #5f6b78 !important;
  padding-top: 6px !important;
}

/* ---- Submit button ---- */
#gform_wrapper_5 .gform_footer { grid-column: 1 / -1; padding: 8px 0 0 !important; margin:0 !important; }
#gform_wrapper_5 .gform_footer input[type="submit"],
#gform_wrapper_5 .gform_button {
  width: 100% !important;
  padding: 16px !important;
  background: linear-gradient(180deg, var(--bghs-red), var(--bghs-red-dark)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 11px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .6px !important;
  cursor: pointer !important;
  box-shadow: 0 8px 22px rgba(210,9,16,.32) !important;
  transition: transform .12s, box-shadow .12s !important;
}
#gform_wrapper_5 .gform_footer input[type="submit"]:hover,
#gform_wrapper_5 .gform_button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(210,9,16,.42) !important;
}

/* ---- Validation errors ---- */
#gform_wrapper_5 .gfield_error input,
#gform_wrapper_5 .gfield_error select {
  border-color: var(--bghs-red) !important;
}
#gform_wrapper_5 .validation_message {
  color: var(--bghs-red) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-top: 6px !important;
}
#gform_wrapper_5 .gform_validation_errors {
  border-radius: 10px !important;
  border-left: 4px solid var(--bghs-red) !important;
}

/* ---- Confirmation (thank-you) message ---- */
.gform_confirmation_message {
  font-family:'Poppins',sans-serif !important;
  background:#e7f7ee; border:1px solid #b8e6cb;
  color:#16334a; padding:24px 26px; border-radius:12px;
  font-size:16px; line-height:1.6; max-width:760px; margin:0 auto;
}/* End custom CSS */