.elementor-5314 .elementor-element.elementor-element-ea42905{--display:flex;--margin-top:-1px;--margin-bottom:54px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5314 .elementor-element.elementor-element-2a0f90d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5314 .elementor-element.elementor-element-2a0f90d.e-con{--align-self:center;}.elementor-5314 .elementor-element.elementor-element-6bf2016{text-align:center;}.elementor-5314 .elementor-element.elementor-element-6bf2016 .elementor-heading-title{font-size:19px;text-shadow:0px 4px 11px rgba(4, 4, 7, 0.9882352941176471);color:var( --e-global-color-secondary );}.elementor-5314 .elementor-element.elementor-element-a9cabe4{padding:0px 0px 0px 0px;border-radius:30px 30px 30px 30px;text-align:center;}.elementor-5314 .elementor-element.elementor-element-a9cabe4.elementor-element{--align-self:center;}.elementor-5314 .elementor-element.elementor-element-a9cabe4 .elementor-heading-title{text-shadow:0px 4px 11px rgba(4, 4, 7, 0.9882352941176471);}.elementor-5314 .elementor-element.elementor-element-2267b69{--display:flex;}.elementor-5314 .elementor-element.elementor-element-c9a0c19{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:99px;--margin-left:0px;--margin-right:0px;--padding-top:23px;--padding-bottom:23px;--padding-left:23px;--padding-right:23px;}.elementor-5314 .elementor-element.elementor-element-c9a0c19:not(.elementor-motion-effects-element-type-background), .elementor-5314 .elementor-element.elementor-element-c9a0c19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F2A32;}@media(max-width:1024px){.elementor-5314 .elementor-element.elementor-element-2a0f90d{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-5314 .elementor-element.elementor-element-ea42905{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5314 .elementor-element.elementor-element-2a0f90d{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5314 .elementor-element.elementor-element-a9cabe4 .elementor-heading-title{font-size:33px;}.elementor-5314 .elementor-element.elementor-element-c9a0c19{--padding-top:11px;--padding-bottom:11px;--padding-left:11px;--padding-right:11px;}}@media(min-width:768px){.elementor-5314 .elementor-element.elementor-element-2a0f90d{--width:80%;}}/* Start custom CSS for shortcode, class: .elementor-element-7fc532b *//* =========================================
   FORM 3 - BLACKBURN ROADSHOW
   Matches the Yoyotech theme used on form 2
   ========================================= */

/* ---------- Form title ---------- */
#gform_wrapper_3 .gform_heading h2.gform_title {
    display: none !important;
}

/* ---------- Field labels (headers) ----------
   Change 18px here to resize every header at once,
   including the two consent headers. */
#gform_wrapper_3 .gfield_label,
#gform_wrapper_3 .gform-field-label,
#gform_wrapper_3 legend.gfield_label {
    color: #ffffff !important;
    font-family: 'Orbitron', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
}

/* "(Required)" marker in red */
#gform_wrapper_3 .gfield_required {
    color: #ff6b6b !important;
    font-family: 'Orbitron', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    margin-left: 4px;
}

/* ---------- Field descriptions ---------- */
#gform_wrapper_3 .gfield_description {
    font-family: 'Jura', sans-serif !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    margin-top: 5px !important;
}

/* ---------- Text inputs ---------- */
#gform_wrapper_3 input[type="text"],
#gform_wrapper_3 input[type="email"],
#gform_wrapper_3 input[type="tel"] {
    font-family: 'Jura', sans-serif !important;
    font-size: 16px !important;
    padding: 12px 14px !important;
    border-radius: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
#gform_wrapper_3 input[type="text"]:focus,
#gform_wrapper_3 input[type="email"]:focus,
#gform_wrapper_3 input[type="tel"]:focus {
    outline: 2px solid #05DCD5 !important;
    outline-offset: 1px;
}

/* Placeholder text inside the boxes (e.g. "First name") */
#gform_wrapper_3 input::placeholder {
    font-family: 'Jura', sans-serif !important;
    font-size: 16px !important;
    color: #6b7280 !important;
    opacity: 1 !important;
}

/* ---------- Name field: First and Last line up with the fields below ---------- */
#gform_wrapper_3 #field_3_1 .ginput_complex {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}
#gform_wrapper_3 #field_3_1 .ginput_complex > span {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
@media (max-width: 640px) {
    #gform_wrapper_3 #field_3_1 .ginput_complex {
        flex-wrap: wrap !important;
    }
    #gform_wrapper_3 #field_3_1 .ginput_complex > span {
        flex: 1 1 100% !important;
    }
}

/* ---------- Consent blocks (fields 5 and 10) ----------
   The headers ("Your details", "Keep me updated") use the
   standard label style above. The sentences sit in the description. */
#gform_wrapper_3 #field_3_5 legend.gfield_label,
#gform_wrapper_3 #field_3_10 legend.gfield_label {
    display: flex !important;
}
#gform_wrapper_3 #field_3_5 .gfield_description,
#gform_wrapper_3 #field_3_10 .gfield_description,
#gform_wrapper_3 #gfield_description_3_5,
#gform_wrapper_3 #gfield_description_3_10 {
    font-size: 17px !important;
    line-height: 1.6 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    margin-top: 6px !important;
    margin-bottom: 12px !important;
}

/* Privacy policy link */
#gform_wrapper_3 #field_3_5 .gfield_description a,
#gform_wrapper_3 #gfield_description_3_5 a {
    color: #05DCD5 !important;
    opacity: 1 !important;
    text-decoration: underline !important;
}

/* Tick boxes and their labels */
#gform_wrapper_3 .gfield_checkbox .gchoice label {
    font-family: 'Jura', sans-serif !important;
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    margin-bottom: 0 !important;
}
#gform_wrapper_3 .gfield_checkbox input[type="checkbox"] {
    accent-color: #05DCD5;
    width: 18px;
    height: 18px;
}

/* ---------- Submit button ---------- */
#gform_submit_button_3 {
    background-color: #05DCD5 !important;
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    font-family: 'Orbitron', sans-serif !important;
    border-radius: 35px !important;
    border: none !important;
    padding: 15px 40px !important;
    cursor: pointer !important;
    transition: opacity 0.2s ease;
}
#gform_submit_button_3:hover,
#gform_submit_button_3:focus {
    opacity: 0.85;
}
@media (max-width: 767px) {
    #gform_wrapper_3 .gform_footer {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
}

/* ---------- Error messages ---------- */
#gform_wrapper_3 .gfield_validation_message,
#gform_wrapper_3 .validation_message {
    font-family: 'Jura', sans-serif !important;
    font-size: 14px !important;
    color: #ff8a8a !important;
    background: transparent !important;
    border: none !important;
    padding: 4px 0 0 0 !important;
}
#gform_wrapper_3 .gform_validation_errors {
    background: rgba(255, 138, 138, 0.1) !important;
    border: 1px solid #ff8a8a !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}
#gform_wrapper_3 .gform_validation_errors h2,
#gform_wrapper_3 .gform_validation_errors a,
#gform_wrapper_3 .gform_validation_errors li {
    font-family: 'Jura', sans-serif !important;
    color: #ff8a8a !important;
}

/* ---------- Confirmation panel after submitting ---------- */
#gform_confirmation_wrapper_3,
#gform_confirmation_message_3 {
    display: block !important;
    width: 100% !important;
}
#gform_confirmation_message_3 {
    background: transparent !important;
    padding: 0 !important;
    font-family: 'Jura', sans-serif !important;
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
}
#gform_confirmation_message_3 .yt-confirm {
    max-width: 640px;
    margin: 0 auto !important;
    padding: 40px 32px;
    text-align: center;
    background: rgba(5, 220, 213, 0.06);
    border: 1px solid rgba(5, 220, 213, 0.4);
    border-radius: 16px;
}

/* Sharp CSS-drawn tick in an outline ring */
#gform_confirmation_message_3 .yt-confirm-tick {
    position: relative;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px auto;
    background: transparent !important;
    border: 3px solid #05DCD5;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 0 !important;
    line-height: 0 !important;
}
#gform_confirmation_message_3 .yt-confirm-tick::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 45%;
    width: 13px;
    height: 26px;
    border: solid #05DCD5;
    border-width: 0 4px 4px 0;
    transform: translate(-50%, -50%) rotate(45deg);
}

#gform_confirmation_message_3 .yt-confirm h2 {
    font-family: 'Orbitron', sans-serif !important;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 28px !important;
    color: #ffffff !important;
    margin: 0 0 12px 0 !important;
}
#gform_confirmation_message_3 .yt-confirm p {
    font-family: 'Jura', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    color: #ffffff !important;
    margin: 0 0 8px 0 !important;
}
#gform_confirmation_message_3 .yt-confirm .yt-confirm-details {
    color: #05DCD5 !important;
    font-weight: 700 !important;
}
#gform_confirmation_message_3 .yt-confirm-button {
    display: inline-block;
    margin-top: 18px;
    padding: 14px 36px;
    background: #05DCD5;
    color: #000000 !important;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: 35px;
}
#gform_confirmation_message_3 .yt-confirm-button:hover {
    opacity: 0.85;
}
@media (max-width: 767px) {
    #gform_confirmation_message_3 .yt-confirm {
        padding: 28px 20px;
    }
    #gform_confirmation_message_3 .yt-confirm h2 {
        font-size: 22px !important;
    }
}

/* Placeholder text inside the boxes: match the description text */
#gform_wrapper_3 .gfield input::placeholder,
#gform_wrapper_3 #field_3_1 .ginput_complex input::placeholder {
    font-family: 'Jura', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #6b7280 !important;
    opacity: 1 !important;
}
#gform_wrapper_3 .gfield input::-webkit-input-placeholder,
#gform_wrapper_3 #field_3_1 .ginput_complex input::-webkit-input-placeholder {
    font-family: 'Jura', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #6b7280 !important;
    opacity: 1 !important;
}/* End custom CSS */