.elementor-933 .elementor-element.elementor-element-b884789{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-933 .elementor-element.elementor-element-b884789:not(.elementor-motion-effects-element-type-background), .elementor-933 .elementor-element.elementor-element-b884789 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-933 .elementor-element.elementor-element-37bd34c{--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;}.elementor-933 .elementor-element.elementor-element-d0831a9{font-family:"Arial", Sans-serif;font-size:51px;line-height:55px;}.elementor-933 .elementor-element.elementor-element-d0831a9 p{margin-block-end:3px;}.elementor-933 .elementor-element.elementor-element-6988650{font-family:"Arial", Sans-serif;}.elementor-933 .elementor-element.elementor-element-c966598{--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;}.elementor-933 .elementor-element.elementor-element-5052dcf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-933 .elementor-element.elementor-element-5052dcf:not(.elementor-motion-effects-element-type-background), .elementor-933 .elementor-element.elementor-element-5052dcf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E5E5EA 0%, #E5E5EA 100%);}.elementor-933 .elementor-element.elementor-element-ebadc83{--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;}.elementor-933 .elementor-element.elementor-element-331abe4{font-family:"Arial", Sans-serif;font-size:27px;}.elementor-933 .elementor-element.elementor-element-331abe4 p{margin-block-end:1px;}.elementor-933 .elementor-element.elementor-element-f6ba624 .elementor-button{background-color:transparent;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);transition-duration:0s;border-radius:10px 10px 10px 10px;}.elementor-933 .elementor-element.elementor-element-f6ba624 .elementor-button:hover, .elementor-933 .elementor-element.elementor-element-f6ba624 .elementor-button:focus{background-color:transparent;color:#000000;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-color:#000000;}.elementor-933 .elementor-element.elementor-element-f6ba624 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-933 .elementor-element.elementor-element-f6ba624.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-933 .elementor-element.elementor-element-f6ba624 .elementor-button:hover svg, .elementor-933 .elementor-element.elementor-element-f6ba624 .elementor-button:focus svg{fill:#000000;}.elementor-933 .elementor-element.elementor-element-089a744{--spacer-size:50px;}.elementor-933 .elementor-element.elementor-element-12fa36d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-933 .elementor-element.elementor-element-15e81c0{font-family:"Arial", Sans-serif;font-size:27px;color:#FFFFFF;}.elementor-933 .elementor-element.elementor-element-15e81c0 p{margin-block-end:1px;}.elementor-933 .elementor-element.elementor-element-37100a0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-933 .elementor-element.elementor-element-37100a0:not(.elementor-motion-effects-element-type-background), .elementor-933 .elementor-element.elementor-element-37100a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-933 .elementor-element.elementor-element-e427f17{--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;}.elementor-933 .elementor-element.elementor-element-64f9dcf{--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;}.elementor-933 .elementor-element.elementor-element-64f9dcf:not(.elementor-motion-effects-element-type-background), .elementor-933 .elementor-element.elementor-element-64f9dcf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D3D3D3 0%, #D3D3D3 100%);}.elementor-933 .elementor-element.elementor-element-2943996{--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;}.elementor-933 .elementor-element.elementor-element-2943996:not(.elementor-motion-effects-element-type-background), .elementor-933 .elementor-element.elementor-element-2943996 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D3D3D3 0%, #D3D3D3 100%);}.elementor-933 .elementor-element.elementor-element-378f522{--spacer-size:0px;}.elementor-933 .elementor-element.elementor-element-ca99c35{--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;}.elementor-933 .elementor-element.elementor-element-ca99c35:not(.elementor-motion-effects-element-type-background), .elementor-933 .elementor-element.elementor-element-ca99c35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E5E5EA 0%, #E5E5EA 100%);}.elementor-933 .elementor-element.elementor-element-84505fa{--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;}.elementor-933 .elementor-element.elementor-element-84505fa:not(.elementor-motion-effects-element-type-background), .elementor-933 .elementor-element.elementor-element-84505fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-933 .elementor-element.elementor-element-935f22a{--display:flex;--min-height:0px;--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;}.elementor-933 .elementor-element.elementor-element-935f22a:not(.elementor-motion-effects-element-type-background), .elementor-933 .elementor-element.elementor-element-935f22a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-933 .elementor-element.elementor-element-d22bddc{font-family:"Arial", Sans-serif;font-size:44px;line-height:70px;letter-spacing:-0.8px;}.elementor-933 .elementor-element.elementor-element-d22bddc p{margin-block-end:18px;}.elementor-933 .elementor-element.elementor-element-92d6e8f .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-933 .elementor-element.elementor-element-92d6e8f .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-933 .elementor-element.elementor-element-92d6e8f{--image-border-radius:25px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-933 .elementor-element.elementor-element-8d30cfe{--display:flex;--min-height:28px;--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;}.elementor-933 .elementor-element.elementor-element-8d30cfe:not(.elementor-motion-effects-element-type-background), .elementor-933 .elementor-element.elementor-element-8d30cfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-933 .elementor-element.elementor-element-0582f3a .elementor-button{background-color:#000000;font-family:"Arial", Sans-serif;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-933 .elementor-element.elementor-element-0582f3a .elementor-button:hover, .elementor-933 .elementor-element.elementor-element-0582f3a .elementor-button:focus{background-color:transparent;color:#000000;background-image:linear-gradient(180deg, #E5E5EA 0%, #E5E5EA 100%);}.elementor-933 .elementor-element.elementor-element-0582f3a .elementor-button:hover svg, .elementor-933 .elementor-element.elementor-element-0582f3a .elementor-button:focus svg{fill:#000000;}.elementor-933 .elementor-element.elementor-element-f11a1a4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-933 .elementor-element.elementor-element-f11a1a4:not(.elementor-motion-effects-element-type-background), .elementor-933 .elementor-element.elementor-element-f11a1a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}body.elementor-page-933:not(.elementor-motion-effects-element-type-background), body.elementor-page-933 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111013;}@media(min-width:768px){.elementor-933 .elementor-element.elementor-element-37bd34c{--width:50%;}.elementor-933 .elementor-element.elementor-element-c966598{--width:50%;}.elementor-933 .elementor-element.elementor-element-ebadc83{--width:50%;}.elementor-933 .elementor-element.elementor-element-e427f17{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-ca99c35 */<style>
.asca-form input,
.asca-form select,
.asca-form textarea {
width:100%;
padding:12px;
margin-top:8px;
margin-bottom:16px;
border-radius:10px;
border:1px solid #ccc;
font-size:14px;
}

.asca-form label{
font-weight:600;
}

.asca-submit{
background:#1f3b82;
color:white;
padding:14px 28px;
border:none;
border-radius:10px;
font-size:16px;
cursor:pointer;
}

.asca-submit:hover{
background:#162c63;
}

.success-message{
display:none;
padding:15px;
background:#e8f5e9;
border-radius:10px;
margin-top:20px;
color:#2e7d32;
font-weight:600;
}
</style>

<form class="asca-form" id="vendorForm">

<label>Vendor Name *</label>
<input type="text" name="name" required>

<label>Business / Organization Name *</label>
<input type="text" name="business" required>

<label>Email Address *</label>
<input type="email" name="email" required>

<label>Phone Number *</label>
<input type="tel" name="phone" required>

<label>What event are you applying for? *</label>
<select name="event" required>
<option value="">Select Event</option>
<option>ASCA Soccer Tournament</option>
<option>All African Fusion Fest</option>
<option>ASCA Youth Mentorship Program</option>
</select>

<label>Vendor Type *</label>
<select name="vendorType" required>
<option value="">Select Vendor Type</option>
<option>Product Vendor (Free)</option>
<option>Service Vendor (Free)</option>
<option>Food Vendor ($300 Per Day)</option>
</select>

<label>Describe what you will be selling or offering *</label>
<textarea name="description" rows="4" required></textarea>

<label>Link to Product Photos (Google Drive / Website / Instagram)</label>
<input type="url" name="photos" placeholder="Paste link here">

<label>Payment Method</label>
<select name="payment">
<option value="">Select Payment Method</option>
<option>E-transfer</option>
<option>Cash</option>
<option>Other</option>
</select>

<p style="font-size:13px;">
Food vendors must obtain approval from Fraser Health and submit the required application at least 30 days before the event.
</p>

<button class="asca-submit" type="submit">
Submit Application
</button>

<div class="success-message" id="successMessage">
✅ Thank you! Your vendor application has been submitted. Our team will review it and contact you soon.
</div>

</form>

<script>
const scriptURL = "https://script.google.com/macros/s/AKfycbyyCGEd1wiBqrz3Sacj5sYdL7g9TAzatPd2vOI_wsylBW6sLayD3wOEBBpKUCDwjsWV/exec";
const form = document.getElementById("vendorForm");
const successMessage = document.getElementById("successMessage");

form.addEventListener("submit", e => {
e.preventDefault();

fetch(scriptURL, { method: "POST", body: new FormData(form)})
.then(response => {
form.reset();
successMessage.style.display = "block";
})
.catch(error => console.error("Error!", error.message))
});
</script>/* End custom CSS */