1<!doctype html> 2<html> 3 <head> 4 <style>html { visibility: hidden; opacity: 0; }</style> 5 <meta id="p7HMY" name="viewport" content="width=device-width"> 6 <meta charset="UTF-8"> 7 <title>Our Shows</title> 8 <link rel="icon" type="image/x-icon" href="/favicon.svg"> 9 <link rel="preload" href="/webfonts/Thorowgood_Grotesque/ThorowgoodGrotesque-Bold-Web.woff" as="font" crossorigin> 10 <link rel="preload" href="/webfonts/AntiqueNo6vf/AntiqueNo6-Upright-VF-Web.woff2" as="font" crossorigin> 11 <link rel="preload" href="/webfonts/AntiqueNo6vf/AntiqueNo6-Italic-VF-Web.woff2" as="font" crossorigin> 12 <link rel="stylesheet" type="text/css" href="/webfonts/AntiqueNo6vf/AntiqueN06vf-v2.css"> 13 <link rel="stylesheet" type="text/css" href="/webfonts/Thorowgood_Grotesque/ThorowgoodGrotesque.css"> 14 <link href="/p7hmy/p7HMY-01.css" rel="stylesheet" type="text/css" media="all"> 15
15<script type="text/javascript" src="/p7hmy/p7HMYscripts.js"></script>
15 16 <link href="/p7som/p7SOM-Core.css" rel="stylesheet" type="text/css" media="all"> 17 <link href="/p7som/p7SOM-01.css" rel="stylesheet" type="text/css" media="all"> 18
18<script type="text/javascript" src="/p7som/p7SOMscripts.js"></script>
18 19 <link href="/p7som/p7SOM_ant6.css" rel="stylesheet" type="text/css" media="all"> 20 <link href="Pages/p7sop/p7SOP-01.css" rel="stylesheet" type="text/css" media="all"> 21 <link href="/css/rb22.css" rel="stylesheet" type="text/css"/> 22 <link href="/rb22-ant-no6var-scss.css" rel="stylesheet" type="text/css"/> 23 <style type="text/css">.over-title { font-family: "Antique No 6 Web", 'Work Sans Regular Light', Georgia, "serif"; font-size: 6em; font-weight: 300; line-height: 4em; text-shadow: .01em .01em .02em #fcf2cc; color: rgb(165,57,35); padding-top: 8vmax; padding-bottom: 10vmax; } .phone_second_line { font-weight: 100; } @media only screen and (max-width: 768px) { .over-title { font-family: 'Antique No 6 Web'; font-weight: 500; font-size: 5.5vmax; line-height: 4vmax; } } 24 .season_sub { 25font-family: "Antique No 6 Web", "Work Sans Regular Regular", Georgia, "serif"; 26 font-weight: 800; 27 font-size: 2.3em; 28 line-height: 1.5em; 29 text-align: center; 30 margin-top: .5em; 31 margin-bottom: .5em; 32color: rgb(165,57,35); 33} 34 @media only screen and (max-width: 600px) { 35 .season_sub { 36font-family: "Antique No 6 Web", "Work Sans Regular Regular", Georgia, "serif"; 37 font-weight: 500; 38 font-size: 1.5em; 39 text-align: left; 40 line-height: 0.1rem; 41 margin-top: .5em; 42 } } 43 44 } 45 46 </style> 47 <link href="Pages/p7tlk/p7TKi-01.css" rel="stylesheet" type="text/css" media="all"> 48 <link href="Pages/p7bam/p7BAM-01.css" rel="stylesheet" type="text/css" media="all"> 49
49<script type="text/javascript" src="Pages/p7bam/p7BAMscripts.js"></script>
49 50
50<script type="text/javascript" src="Pages/p7sop/p7SOPscripts.js"></script>
50 51 <link href="Pages/p7pch/p7PCH-01.css" rel="stylesheet" type="text/css" media="all"> 52
52<script type="text/javascript" src="Pages/p7pch/p7PCHscripts.js"></script>
52 53 <link href="p7tlk/p7TKL-01.css" rel="stylesheet" type="text/css" media="all"> 54 </head> 55 <body> 56 <div id="p7HMY_1" class="p7HMY hmy-border-root-left-right hmy-color-root-beige hmy-noscript" data-hmy-max-width="1400,px"> 57 <div class="hmy-section" data-hmy-basis="100,%,1"> 58 <div class="hmy-content-wrapper hmy-color-content-orange"> 59 <div class="hmy-content hmy-no-pad hmy-center"> 60 <div class="Logo" id="logotype"> <a href="/index.html">Rag & Bone Puppet Theatre</a></div> 61 <div id="rb_phone_logotype"> <a href="/index.html">Rag & Bone </a> <br> 62 <span class="phone_second_line"></span></div> 63 </div> 64 </div> 65 </div> 66 <div class="hmy-section" data-hmy-basis="100,%,1"> 67 <div class="hmy-content-wrapper"> 68 <div class="hmy-content hmy-no-pad hmy-center"> 69 <div class="over-title bam-bg" data-bam="1,1,4,600,1,8,1,0,0,12,65"> 70 <div id="p7PCH_1" class="p7PCH pch-noscript pch-viewport" data-panache="1,15,1,6,1,5,0,2,0" data-pch-viewport="1"> 71 <p class="pch-item pch-anim-6">Shows & Workshops</p> 72 </div> 73 </div> 74 </div> 75 </div> 76 </div> 77 <div class="hmy-section" data-hmy-basis="100,%,1"> 78 <div class="hmy-content-wrapper hmy-color-content-orange"> 79 <div class="hmy-content hmy-left"><span class="placard"> Rag & Bone presents intimate & innovative theatre experiencesâto spark creativity, literacy, & laughter. Get in touch to see what we can do together.<br> 80 <a href="#" class="sop-trigger sop-trig-dark" id="p7SOPt_1" style="font-weight: 300; text-decoration: underline; text-decoration-style: dotted;">Start here</a> or send us an <a href="mailto:[email protected]" style="font-weight: 300; text-decoration: underline; text-decoration-style: dotted;">email</a>.</span></div> 81 </div> 82 </div> 83 <div class="hmy-section" data-hmy-basis="100,%,1"> 84 <div class="hmy-content-wrapper hmy-color-content-forest"> 85 <div class="hmy-content hmy-left"> 86 <h3>Shows for Schools & Groups</h3> 87 </div> 88 </div> 89 </div> 90 <div class="hmy-section" data-hmy-basis="50,%,1"> 91 <div class="hmy-content-wrapper hmy-color-content-green"> 92 <div class="hmy-content hmy-left"><span class="placard"> Shows for schools or groups </span> 93 <h6>We offer shows for schools or groups, live or online.</h6> 94 <h6>Online shows include a recorded version for preview or follow up.</h6> 95 <h6 style="font-weight: 500"><a href="/Pages/shows-overview.html">Details here.</a></h6> 96 </div> 97 </div> 98 </div> 99 <div class="hmy-section" data-hmy-basis="50,%,1"> 100 <div class="hmy-content-wrapper hmy-color-content-green"> 101 <div class="hmy-content hmy-left"> 102 <p><img src="/Images/Felicity_kids_bed600.jpg" width="600" height="338" class="TKi tki-scalable" alt="Kathy and puppets in puppet bed"></p> 103 <p> <br> 104 </p> 105 </div> 106 </div> 107 </div> 108 <div class="hmy-section" data-hmy-basis="100,%,1"> 109 <div class="hmy-content-wrapper hmy-color-content-gold"> 110 <div class="hmy-content hmy-left"> 111 <h3>Workshops</h3> 112 </div> 113 </div> 114 </div> 115 <div class="hmy-section" data-hmy-basis="50,%,1"> 116 <div class="hmy-content-wrapper hmy-color-content-orange"> 117 <div class="hmy-content hmy-left"><a href="/Pages/workshops.html"></a> <a href="/Pages/workshops.html"><img src="/Images/drama_workshop.jpg" width="600" height="338" class="TKi tki-scalable" alt="Child with bowler hat"></a></div> 118 </div> 119 </div> 120 <div class="hmy-section" data-hmy-basis="50,%,1"> 121 <div class="hmy-content-wrapper hmy-color-content-orange"> 122 <div class="hmy-content hmy-left"><span class="placard">Workshops, classes & Shakespeare Camp</span> 123 <h6>Drama and puppetry workshopsâboth in person and online. Our online tutorials you can be viewed at your convenience and combined with an online live Q & A session for your class.</h6> 124 <h6 style="font-weight: 500"><a href="/Pages/workshops.html">
124Details here.</a></h6> 125 <h6><a href="/Pages/shakespeare_camp.html">Summer Shakespeare Camp</a> for youth, at the Billings Estate Museum.</h6> 126 <h6>Special interest puppetry classes offered through the <a href="http://www.torontoschoolofpuppetry.com/classes-spring-2022/">Toronto School of Puppetry</a></h6> 127 </div> 128 </div> 129 </div> 130 <div class="hmy-section" data-hmy-basis="100,%,1"> 131 <div class="hmy-content-wrapper hmy-color-content-red"> 132 <div class="hmy-content hmy-left"> 133 <h3>Families</h3> 134 </div> 135 </div> 136 </div> 137 <div class="hmy-section" data-hmy-basis="50,%,1"> 138 <div class="hmy-content-wrapper hmy-color-content-lavender"> 139 <div class="hmy-content hmy-left"><span class="placard">Join our <a id="p7SOPt_2" href="#" class="sop-trigger sop-trig-dark" style="font-weight: 300; text-decoration: underline; text-decoration-style: dotted; ">mailing list</a> for family performances of shows like <a href="Pages/snippets.html" style="font-weight: 300; text-decoration: underline; text-decoration-style: dotted;"> Snippets</a>, or listen to our<br> 140 <a href="Pages/story_time.html" style="font-weight: 300; text-decoration: underline; text-decoration-style: dotted;">Story Time podcast.</a></span></div> 141 </div> 142 </div> 143 <div class="hmy-section" data-hmy-basis="50,%,1"> 144 <div class="hmy-content-wrapper hmy-color-content-lavender"> 145 <div class="hmy-content hmy-left"><a href="/Pages/snippets.html"><img src="/Images/two_mice600.jpg" width="600" height="338" class="TKi tki-scalable" alt="Two Mice"></a></div> 146 </div> 147 </div> 148 <div class="hmy-section" data-hmy-basis="100,%,1"> 149 <div class="hmy-content-wrapper hmy-color-content-skyblue"> 150 <div class="hmy-content hmy-left"> 151 <h3>Adults</h3> 152 </div> 153 </div> 154 </div> 155 <div class="hmy-section" data-hmy-basis="50,%,1"> 156 <div class="hmy-content-wrapper hmy-border-content-bottom hmy-color-content-orange"> 157 <div class="hmy-content hmy-left"><span class="placard">Miss Maple Mysteries Podcast<br> 158 <br> 159 </span> <span class="placard">Mysteries in suburban Orléans, Ontario<br> 160 <br> 161 <a href="Pages/miss-maple.html" style="font-weight: 300; text-decoration: underline; text-decoration-style: dotted;">Listen here,</a> or from your podcast source.</span> 162 <h1><a href="https://form.jotform.com/232633913328254" target="new">Join the Miss Maple mailing list</a></h1> 163 <p><em>(opens a new window)</em></p> 164 </div> 165 </div> 166 </div> 167 <div class="hmy-section" data-hmy-basis="50,%,1"> 168 <div class="hmy-content-wrapper hmy-border-content-bottom hmy-color-content-orange"> 169 <div class="hmy-content hmy-left"><img src="/Images/miss-maple-boardwalk.jpg" width="800" height="533" class="TKi tki-scalable" alt="Miss Maple on the boardwalk"></div> 170 </div> 171 </div> 172 <div class="hmy-section" data-hmy-basis="100,%,1"> 173 <div class="hmy-content-wrapper hmy-border-content-bottom hmy-color-content-blue"> 174 <div class="hmy-content hmy-left"> 175 <h1><em style="color: #fcf2cc; font-weight: 400;">Testimonials</em></h1> 176 </div> 177 </div> 178 </div> 179 <div class="hmy-section" data-hmy-basis="50,%,1"> 180 <div class="hmy-content-wrapper hmy-border-content-all hmy-color-content-orange"> 181 <div class="hmy-content hmy-left"> 182 <p>Fabulous puppets. Performers were perfect! Music was hauntingly beautifulâ¦Donât change a thing. It was perfect! The experience had an impact on my class.</p> 183 <p><em>âPalmerston P.S</em></p> 184 </div> 185 </div> 186 </div> 187 <div class="hmy-section" data-hmy-basis="50,%,1"> 188 <div class="hmy-content-wrapper hmy-border-content-all hmy-color-content-forest"> 189 <div class="hmy-content hmy-left"> 190 <p>Wow! What an amazing show. I love the use of language & careful attention to the character development - very much like the stories!! The musical accompaniment, use of puppets, beautiful props & set design are brilliant. This production was very accessible for children. Thanks for your efforts. You are a very talented team!</p> 191 <p><em>âGrade 2-3 teache</em>r</p> 192 </div> 193 </div> 194 </div> 195 <div class="hmy-section" data-hmy-basis="50,%,1"> 196 <div class="hmy-content-wrapper hmy-border-content-all hmy-color-content-gray"> 197 <div class="hmy-content hmy-left"> 198 <p>The staff and students were ecstatic about the play.</p> 199 <p><em>âBrother André School</em></p> 200 </div> 201 </div> 202 </div> 203 <div class="hmy-section" data-hmy-basis="50,%,1"> 204 <div class="hmy-content-wrapper hmy-border-content-all hmy-color-content-skyblue"> 205 <div class="hmy-content hmy-left"> 206 <p>To be able to present a performance that engages students from JK to Grade 6 all through the performance and yet with a content that uses more advanced literary contents is very impressive.</p> 207 <p><em>âWoodroffe Avenue Elementary School</em></p> 208 </div> 209 </div> 210 </div> 211 <div class="hmy-section" data-hmy-basis="100,%,1"> 212 <div class="hmy-content-wrapper hmy-color-content-beige"> 213 <div class="hmy-content hmy-no-pad hmy-center"> 214 <h3>â+â</h3> 215 </div> 216 </div> 217 </div> 218 <div class="hmy-section" data-hmy-basis="33,%,1"> 219 <div class="hmy-content-wrapper hmy-vertical-center hmy-color-content-beige"> 220 <div class="hmy-content hmy-no-pad hmy-center"><a href="https://ottawa.ca/en/residents/arts-heritage-and-culture/cultural-funding"><img src="/Images/ottawa_logo.png" width="300" height="127" class="TKi tki-scalable" style="max-width:30vw" alt="City of Ottawa"></a></div> 221 </div> 222 </div> 223 <div class="hmy-section" data-hmy-basis="33,%,1"> 224 <div class="hmy-content-wrapper hmy-vertical-center hmy-color-content-beige"> 225 <div class="hmy-content hmy-no-pad hmy-center"><a href="http://www.arts.on.ca/home"><img src="/Images/OAC_Logo_RGB.png" width="350" height="97" class="TKi tki-scalable" style="max-width:30vw" alt="Ontario Arts Council"></a></div> 226 </div> 227 </div> 228 <div class="hmy-section" data-hmy-basis="33,%,1"> 229 <div class="hmy-content-wrapper hmy-vertical-center hmy-color-content-beige"> 230 <div class="hmy-content hmy-no-pad hmy-center"><img src="/Images/ON_POS_LOGO_BLACK_RGB.png" width="3600" height="1440" class="TKi tki-scalable" alt="Government of Ontario"></div> 231 </div> 232 </div> 233 </div> 234 <!--Discard 3 lines after here--> 235 236<div id="p7SOM_1" class="p7SOM-04 p7SOM p7SOMnoscript som-from-right"> 237 <div id="p7SOMtb_1" class="p7SOM-04 som-toolbar p7SOMnoscript som-top-right"><a href="#p7SOM_1" title="Hide/Show Menu">≡</a><i>menu</i></div> 238 <ul> 239 <li class="som-header-bar"><span id="p7SOMhd_1" class="som-header">Rag & Bone</span></li> 240 <li><a href="/Pages/shows-overview.html">Shows</a></li> 241 <li><a href="/Pages/workshops.html">Workshops</a></li> 242 <li><a href="/Pages/shakespeare_camp.html">Shakespeare Summer Camp</a></li> 243 <li><a href="/Pages/freddy-detective.html" target="_self">For Families</a></li> 244 <li><a href="#" target="_self">List of Shows</a> 245 <ul> 246 <li><a href="/Pages/felicity.html" target="_self">Felicity Falls</a></li> 247 <li><a href="/Pages/hat_trick.html">
247Hat Trick</a></li> 248 <li><a href="/Pages/freddy.html">Freddy the Detective</a></li> 249 <li><a href="/Pages/willows.html" target="_self">The Wind in the Willows</a></li> 250 <li><a href="/Pages/snippets.html">Snippets</a></li> 251 <li><a href="/Pages/flying_canoe.html" target="_self">The Flying Canoe</a></li> 252 <li><a href="/Pages/elderly-lady.html">An Elderly Lady...</a></li> 253 <li><a href="#">Our back catalogue</a> 254 <ul> 255 <li><a href="/Pages/owl-together.html">Owl Together Now</a></li> 256 <li><a href="/Pages/tempest.html">The Tempest</a></li> 257 <li><a href="/Pages/last_polar_bears.html">The Last Polar Bears</a></li> 258 <li><a href="/Pages/dolls_house.html">The Dolls' House</a></li> 259 <li><a href="/Pages/cow_show.html">The Cow Show</a></li> 260 <li><a href="/Pages/nightingale.html">The Nightingale</a></li> 261 <li><a href="/Pages/promise.html">A Promise is a Promise</a></li> 262 <li><a href="/Pages/zoom.html">Zoom at Sea</a></li> 263 </ul> 264 </li> 265 </ul> 266 </li> 267 <li><a href="#" target="_self">Study Guides</a> 268 <ul> 269 <li><a href="/PDFs/felicity_guide.pdf" target="_self">Felicity Falls</a></li> 270 <li><a href="/PDFs/owl_at_home_guide.pdf">Owl Together Now</a></li> 271 <li><a href="/PDFs/willows_guide.pdf" target="_self">The Wind in the Willows</a></li> 272 <li><a href="/PDFs/flying_canoe_guide.pdf" target="_self">The Flying Canoe</a></li> 273 <li><a href="/PDFs/drama-games-activities.pdf">Drama activities</a></li> 274 <li><a href="/PDFs/mask_ideas.pdf">Mask workshops</a></li> 275 <li><a href="/PDFs/scrap_wood_puppets.pdf">Scrap wood puppets</a></li> 276 <li><a href="/PDFs/polar_bears_guide.pdf">The Last Polar Bears</a></li> 277 <li><a href="/PDFs/dolls_house_guide.pdf">The Dolls' House</a></li> 278 <li><a href="/PDFs/cow_show_guide.pdf">The Cow Show</a></li> 279 <li><a href="/PDFs/nightingale_guide.pdf" target="_self">The Nightingale</a></li> 280 <li><a href="/PDFs/zoom_study_guide.pdf" target="_self">Zoom at Sea</a></li> 281 <li><a href="/PDFs/promise_guide.pdf" target="_self">A Promise is a Promise</a></li> 282 <li><a href="/PDFs/tempest_guide.pdf" target="_self">The Tempest</a></li> 283 </ul> 284 </li> 285 <li><a href="https://wordpress.ragandbone.ca/index.php" target="_self">Blog</a></li> 286 <li><a href="/Pages/About_us.html" target="_self">About us</a></li> 287 <li><a href="/Pages/contact.html" target="_self">Contact us</a></li> 288 </ul> 289
289<script type="text/javascript">P7_SOMop('p7SOM_1',950,2,1,600,1,1,1,0,400,0,1,0)</script>
289 290</div> 291 <div id="p7BAM_1" class="bam-list bam-noscript bam-color-none"> 292 <ul id="p7BAMlist_1" class="p7bam-image-list"> 293 <li> 294 <a href="/Images/2022/come-in900.jpg" class="bam-type-cover bam-pos-center-center" title="come-in900">come-in900.jpg</a> 295 </li> 296 <li> 297 <a href="/Images/2022/hat-trick-kathy9.jpg" class="bam-type-cover bam-pos-center-center" title="hat-trick-kathy9">hat-trick-kathy9.jpg</a> 298 </li> 299 <li> 300 <a href="/Images/2022/owl-door9.jpg" class="bam-type-cover bam-pos-center-center" title="owl-door9">owl-door9.jpg</a> 301 </li> 302 <li> 303 <a href="/Images/2022/get-up900.jpg" class="bam-type-cover bam-pos-center-center" title="get-up900">get-up900.jpg</a> 304 </li> 305 <li> 306 <a href="/Images/two_mice800.jpg" class="bam-type-cover bam-pos-center-center" title="two_mice800">two_mice800.jpg</a> 307 </li> 308 </ul> 309 </div> 310 <div id="p7SOP_1" class="p7SOP sop-noscript sop-borders" data-sop="p7SOP_1,0,95%,1200px,320px,1,400,900,1,0,0,1,0,1,1,0"> 311 <div class="sop-scroll-arrow"> 312 <a id="p7SOPtp_1" href="#" class="sop-scroll-up"><i>Top</i><img src="Pages/p7sop/img/scroll-dark.png" width="23" height="27" alt=""/></a> 313 </div> 314 <div id="p7SOPw_1" class="sop-wrapper"> 315 <div class="sop-close-icon"> 316 <a id="p7SOPcl_1" href="#" class="sop-close sop-dark"><i>Close</i><img src="Pages/p7sop/img/close-dark.png" width="28" height="30" alt=""/></a> 317 </div> 318 <div class="sop-content"> 319
319<script src="https://cdn03.jotfor.ms/static/prototype.forms.js?3.3.35682" type="text/javascript"></script>
319 320
320<script src="https://cdn01.jotfor.ms/static/jotform.forms.js?3.3.35682" type="text/javascript"></script>
320 321
321<script defer src="https://cdnjs.cloudflare.com/ajax/libs/punycode/1.4.1/punycode.js"></script>
321 322
322<script src="https://cdn02.jotfor.ms/js/vendor/jquery-1.8.0.min.js?v=3.3.35682" type="text/javascript"></script>
322 323
323<script defer src="https://cdn03.jotfor.ms/js/vendor/maskedinput.min.js?v=3.3.35682" type="text/javascript"></script>
323 324
324<script defer src="https://cdn01.jotfor.ms/js/vendor/jquery.maskedinput.min.js?v=3.3.35682" type="text/javascript"></script>
324 325
325<script src="https://cdn02.jotfor.ms/js/vendor/autoFill.min.js?v=3.3.35682" type="text/javascript"></script>
325 326
326<script type="text/javascript"> JotForm.newDefaultTheme = false; 327 JotForm.extendsNewTheme = false; 328 JotForm.newPaymentUIForNewCreatedForms = false; 329 JotForm.clearFieldOnHide="disable"; 330 331 JotForm.init(function(){ 332 /*INIT-START*/ 333 $('input_22_confirm').hint('Confirm Email'); 334 $$('#input_22_confirm')[0].setAttribute('onPaste', 'return false;'); 335if (window.JotForm && JotForm.accessible) $('input_4').setAttribute('tabindex',0); 336if (window.JotForm && JotForm.accessible) $('input_13').setAttribute('tabindex',0); 337if (window.JotForm && JotForm.accessible) $('input_14').setAttribute('tabindex',0); 338 JotForm.setCustomHint( 'input_14', 'I\'d like to know...' ); 339if (window.JotForm && JotForm.accessible) $('input_15').setAttribute('tabindex',0); 340 JotForm.description('input_15', 'Primary, junior, 4 to 10 year olds, etc.'); 341if (window.JotForm && JotForm.accessible) $('input_16').setAttribute('tabindex',0); 342 JotForm.description('input_16', 'We only need a general idea'); 343if (window.JotForm && JotForm.accessible) $('input_18').setAttribute('tabindex',0); 344 JotForm.description('input_18', 'One date, or a range of dates'); 345if (window.JotForm && JotForm.accessible) $('input_19').setAttribute('tabindex',0); 346 JotForm.setPhoneMaskingValidator( 'input_11_full', '(###) ###-####' ); 347 JotForm.alterTexts({"ageVerificationError":"You must be older than {minAge} years old to submit this form.","alphabetic":"This field can only contain letters","alphanumeric":"This field can only contain letters and numbers.","appointmentSelected":"Youâve selected {time} on {date}","ccDonationMinLimitError":"Minimum amount is {minAmount} {currency}","ccInvalidCVC":"CVC number is invalid.","ccInvalidExpireDate":"Expire date is invalid.","ccInvalidExpireMonth":"Expiration month is invalid.","ccInvalidExpireYear":"Expiration year is invalid.","ccInvalidNumber":"Credit Card Number is invalid.","ccMissingDetails":"Please fill up the credit card details.","ccMissingDonation":"Please enter numeric values for donation amount.","ccMissingProduct":"Please select at least one product.","characterLimitError":"Too many Characters. The limit is","characterMinLimitError":"Too few characters. The minimum is","confirmClearForm":"Are you sure you want to clear the form","confirmEmail":"E-mail does not match","currency":"This field can only contain currency values.","cyrillic":"This field can only contain cyrillic characters","dateInvalid":"This date is not valid. The date format is {format}","dateInvalidSeparate":"This date is not valid. Enter a valid {element}.","dateLimited":"This date is unavailable.","disallowDecimals":"Please enter a whole number.","doneButton":"Done","doneMessage":"Well done! All errors are fixed.","dragAndDropFilesHere_infoMessage":"Drag and drop files here","email":"Enter a valid e-mail address","fillMask":"Field value must fill mask.","freeEmailError":"Free email accounts are not allowed","generalError":"There are errors on the form. Please fix them before continuing.","generalPageError":"There are errors on this page. Please fix them before continuing.","geoNotAvailableDesc":"Location provider not available. Please enter the address manually.","geoNotAvailableTitle":"Position Unavailable","geoPermissionDesc":"Check your browser's privacy settings.","geoPermissionTitle":"Permission Denied","geoTimeoutDesc":"Please check your internet connection and try again.","geoTimeoutTitle":"Timeout","gradingScoreError":"Score total should only be less than or equal to","incompleteFields":"There are incomplete required fields. Please complete them.","inputCarretErrorA":"Input should not be less than the minimum value:","inputCarretErrorB":"Input should not be greater than the maximum value:","justSoldOut":"Just Sold Out","lessThan":"Your score should be less than or equal to","maxDigitsError":"The maximum digits allowed is","maxFileSize_infoMessage":"Max. file size","maxSelectionsError":"The maximum number of selections allowed is ","minCharactersError":"The number of characters should not be less than the minimum value:","minSelectionsError":"The minimum required number of selections is ","multipleError":"There are {count} errors in this page. Please correct them before moving on.","multipleFileUploads_emptyError":"{file} is empty, please select files again without it.","multipleFileUploads_fileLimitError":"Only {fileLimit} file uploads allowed.","multipleFileUploads_minSizeError":"{file} is too small, minimum file size is {minSizeLimit}.","multipleFileUploads_onLeave":"The files are being uploaded, if you leave now the upload will be cancelled.","multipleFileUploads_sizeError":"{file} is too large, maximum file size is {sizeLimit}.","multipleFileUploads_typeError":"{file}
347 has invalid extension. Only {extensions} are allowed.","multipleFileUploads_uploadFailed":"File upload failed, please remove it and upload the file again.","noSlotsAvailable":"No slots available","notEnoughStock":"Not enough stock for the current selection","notEnoughStock_remainedItems":"Not enough stock for the current selection ({count} items left)","noUploadExtensions":"File has no extension file type (e.g. .txt, .png, .jpeg)","numeric":"This field can only contain numeric values","oneError":"There is {count} error in this page. Please correct it before moving on.","pastDatesDisallowed":"Date must not be in the past.","pleaseWait":"Please wait...","required":"This field is required.","requiredLegend":"All fields marked with * are required and must be filled.","requireEveryCell":"Every cell is required.","requireEveryRow":"Every row is required.","requireOne":"At least one field required.","restrictedDomain":"This domain is not allowed","seeErrorsButton":"See Errors","selectionSoldOut":"Selection Sold Out","slotUnavailable":"{time} on {date} has been selected is unavailable. Please select another slot.","soldOut":"Sold Out","subProductItemsLeft":"({count} items left)","uploadExtensions":"You can only upload following files:","uploadFilesize":"File size cannot be bigger than:","uploadFilesizemin":"File size cannot be smaller than:","url":"This field can only contain a valid URL","validateEmail":"You need to validate this e-mail","wordLimitError":"Too many words. The limit is","wordMinLimitError":"Too few words. The minimum is"}); 348 JotForm.alterTexts({"couponApply":"Apply","couponBlank":"Please enter a coupon.","couponChange":"","couponEnter":"Enter coupon","couponExpired":"Coupon is expired. Please try another one.","couponInvalid":"Coupon is invalid.","couponValid":"Coupon is valid.","shippingShipping":"Shipping:","taxTax":"Tax:","totalSubTotal":"Subtotal:","totalTotal":"Total:"}, true); 349 FormTranslation.init({"detectUserLanguage":"1","firstPageOnly":"0","options":"English (UK)","originalLanguage":"en-UK","primaryLanguage":"en-UK","saveUserLanguage":"1","showStatus":"flag-with-nation","theme":"light-theme","version":"2"}); 350 JotForm.isNewSaveAndContinueLaterActive = true; 351 /*INIT-END*/ 352 }); 353 354 JotForm.prepareCalculationsOnTheFly([null,null,{"name":"submit","qid":"2","text":"Submit","type":"control_button"},null,{"name":"organization","qid":"4","text":"Organization","type":"control_textarea"},null,null,null,null,{"name":"requestA","qid":"9","text":"Request a booking, or ask for more information...","type":"control_head"},null,{"description":"","name":"phone number","qid":"11","text":"If you'd like us to call you, you can leave a phone number","type":"control_phone"},{"description":"","name":"name","qid":"12","text":"Name","type":"control_fullname"},{"description":"","name":"cityOr","qid":"13","subLabel":"","text":"City or Town","type":"control_textbox"},{"description":"","name":"questionsOr","qid":"14","subLabel":"","text":"Questions, or more details?","type":"control_textarea"},{"description":"Primary, junior, 4 to 10 year olds, etc.","name":"age_or_grade","qid":"15","subLabel":"","text":"Age range or grade level","type":"control_textbox"},{"description":"We only need a general idea","name":"expectedGroup","qid":"16","subLabel":"Your best guess...no need to be exact.","text":"Expected group size","type":"control_textbox"},null,{"description":"One date, or a range of dates","name":"Date_request","qid":"18","subLabel":"A date, or range of dates","text":"The date I have in mind","type":"control_textbox"},{"description":"","name":"preferredTime19","qid":"19","subLabel":"","text":"Preferred time","type":"control_textbox"},null,null,{"description":"","name":"email","qid":"22","subLabel":"","text":"E-mail","type":"control_email"},{"description":"","name":"pleaseVerify","qid":"23","text":"Please verify that you are human","type":"control_captcha"},null,{"description":"","name":"imInterested","qid":"25","text":"I'm interested in:","type":"control_checkbox"}]); 355 setTimeout(function() { 356JotForm.paymentExtrasOnTheFly([null,null,{"name":"submit","qid":"2","text":"Submit","type":"control_button"},null,{"name":"organization","qid":"4","text":"Organization","type":"control_textarea"},null,null,null,null,{"name":"requestA","qid":"9","text":"Request a booking, or ask for more information...","type":"control_head"},null,{"description":"","name":"phone number","qid":"11","text":"If you'd like us to call you, you can leave a phone number","type":"control_phone"},{"description":"","name":"name","qid":"12","text":"Name","type":"control_fullname"},{"description":"","name":"cityOr","qid":"13","subLabel":"","text":"City or Town","type":"control_textbox"},{"description":"","name":"questionsOr","qid":"14","subLabel":"","text":"Questions, or more details?","type":"control_textarea"},{"description":"Primary, junior, 4 to 10 year olds, etc.","name":"age_or_grade","qid":"15","subLabel":"","text":"Age range or grade level","type":"control_textbox"},{"description":"We only need a general idea","name":"expectedGroup","qid":"16","subLabel":"Your best guess...no need to be exact.","text":"Expected group size","type":"control_textbox"},null,{"description":"One date, or a range of dates","name":"Date_request","qid":"18","subLabel":"A date, or range of dates","text":"The date I have in mind","type":"control_textbox"},{"description":"","name":"preferredTime19","qid":"19","subLabel":"","text":"Preferred time","type":"control_textbox"},null,null,{"description":"","name":"email","qid":"22","subLabel":"","text":"E-mail","type":"control_email"},{"description":"","name":"pleaseVerify","qid":"23","text":"Please verify that you are human","type":"control_captcha"},null,{"description":"","name":"imInterested","qid":"25","text":"I'm interested in:","type":"control_checkbox"}]);}, 20); 357</script>
357 358 <link href="https://cdn01.jotfor.ms/static/formCss.css?3.3.35682" rel="stylesheet" type="text/css"/> 359 <style type="text/css">@media print{ .form-section { display: inline!important; } .form-pagebreak { display: none!important; } .form-section-closed { height: auto!important; } .page-section { position: initial!important; } }</style> 360 <link type="text/css" rel="stylesheet" href="https://cdn02.jotfor.ms/css/styles/nova.css?3.3.35682"/> 361 <link type="text/css" rel="stylesheet" href="https://cdn03.jotfor.ms/themes/CSS/5d4036e94912716f6b4cd561.css?themeRevisionID=5d4036e94912716f6b4cd562"/> 362 <link type="text/css" rel="stylesheet" href="https://cdn01.jotfor.ms/css/styles/payment/payment_feature.css?3.3.35682"/> 363 <style type="text/css">.form-label-left { width: 600px; } .form-line { padding-top: 10px; padding-bottom: 10px; } .form-label-right { width: 600px; } .form-all { width: 800px; color: #000000 !important; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; font-size: 20px; } .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header { color: #2E2E2E; }</style> 364 <style type="text/css" id="form-designer-style">/* Injected CSS Code */.form-all:after { content: ""; display: table; clear: both; } .form-all { font-family: "Lucida Grande", sans-serif; } .form-all { width: 800px; } .form-label-left, .form-label-right { width: 600px; } .form-label { white-space: normal; } .form-label.form-label-auto { display: block; float: none; word-break: break-word; text-align: left; } .form-label-left { display: inline-block; white-space: normal; float: left; text-align: left; } .form-label-right { display: inline-block; white-space: normal; float: left; text-align: right; } .form-label-top { white-space: normal; display: block; float: none; text-align: left; } .form-radio-item label:before { top: 0; } .form-all { font-size: 20px; } .form-label { font-weight: normal; font-size: 0.95em; } .supernova { background-color: #fcf2cc; } .supernova body { background-color: transparent; } /* @width30: (unit(@formWidth, px) + 60px); 365@width60: (unit(@formWidth, px)+ 120px); 366@width90: (unit(@formWidth, px)+ 180px); *//* | */@media screen and (min-width: 480px) { .supernova .form-all { border: 1px solid #f9e69c; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1); } } /* | *//* | */@media screen and (max-width: 480px) { .jotform-form .form-all { margin: 0; width: 100%; } } /* | *//* | */@media screen and (min-width: 480px) and (max-width: 767px) { .jotform-form .form-all { margin: 0; width: 100%; } } /* | *//* | */@media screen and (min-width: 480px) and (max-width: 799px) { .jotform-form .form-all { margin: 0; width: 100%; } } /* | *//* | */@media screen and (min-width: 768px) { .jotform-form { padding: 60px 0; } } /* | *//* | */@media screen and (max-width: 799px) { .jotform-form .form-all { margin: 0; width: 100%; } } /* | */.supernova .form-all, .form-all { background-color: #fcf2cc; border: 1px solid transparent; } .form-header-group { border-color: #f9e69c; } .form-matrix-table tr { border-color: #f9e69c; } .form-matrix-table tr:nth-child(2n) { background-color: #fbecb4; } .form-all { color: #000000; } .form-header-group .form-header { color: #000000; } .form-header-group .form-subHeader { color: #1a1a1a; } .form-sub-label { color: #1a1a1a; } .form-label-top, .form-label-left, .form-label-right, .form-html { color: #1a1a1a; } .form-checkbox-item label, .form-radio-item label { color: #000000; } .form-line.form-line-active { -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; background-color: #ffffe0; } /* omer */.form-radio-item, .form-checkbox-item { padding-bottom: 0px !important; } .form-radio-item:last-child, .form-checkbox-item:last-child { padding-bottom: 0; } /* omer */.form-single-column .form-checkbox-item, .form-single-column .form-radio-item { width: 100%; } .form-checkbox-item .editor-container div, .form-radio-item .editor-container div { position: relative; } .form-checkbox-item .editor-container div:before, .form-radio-item .editor-container div:before { display: inline-block; vertical-align: middle; box-sizing: border-box; left: 0; width: 18px; height: 18px; } .form-checkbox-item, .form-radio-item { padding-left: 2px; } .form-checkbox-item input, .form-radio-item input { margin-top: 2px; } .supernova { height: 100%; background-repeat: no-repeat; background-attachment: scroll; background-position: center top; background-repeat: repeat; } .supernova { background-image: none; } #stage { background-image: none; } /* | */.form-all { background-repeat: no-repeat; background-attachment: scroll; background-position: center top; background-repeat: repeat; } .form-header-group { background-repeat: no-repeat; background-attachment: scroll; background-position: center top; } .form-line { margin-top: 10px; margin-bottom: 10px; } .form-line { padding: 12px 36px; } .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print { border-radius: 0px; } .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print { height: 40px; width: 120px; font-size: 1em; padding: 9px 15px; font-family: "Lucida Grande", sans-serif; font-size: 20px; font-weight: normal; } .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print { color: #000000 !important; background: #fecc67; box-shadow: none; text-shadow: none; } .form-all .form-pagebreak-back, .form-all .form-pagebreak-next { font-size: 1em; padding: 9px 15px; font-family: "Lucida Grande", sans-serif; font-size: 20px; font-weight: normal; } /* & when ( @buttonFontType = google ) { 367 @import (css) "@{buttonFontLink}"; 368} */h2.form-header { line-height: 1.618em; font-size: 1.714em; } h2 ~ .form-subHeader { line-height: 1.5em; font-size: 1.071em; } .form-header-group { text-align: left; } /* .form-dropdown, 369.form-radio-item, 370.form-checkbox-item, 371.form-radio-other-input, 372.form-checkbox-other-input, */.form-captcha input, .form-spinner input, .form-error-message { padding: 4px 3px 2px 3px; } .form-header-group { font-family: "Lucida Grande", sans-serif; } .form-section { padding: 0px 0px 0px 0px; } .form-header-group { margin: 2px 36px 2px 36px; } .form-header-group { padding: 2px 0px 2px 0px; } .form-header-group .form-header, .form-header-group .form-subHeader { c
372olor: #595774; } .form-textbox, .form-textarea { border-color: #fecc67; padding: 5px 3px 3px 3px; } .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input { background-color: rgba(253, 253, 253, 0.2); } .form-textbox { height: 25px; } .form-matrix-row-headers, .form-matrix-column-headers, .form-matrix-values { padding: 4px; } [data-type="control_dropdown"] .form-input, [data-type="control_dropdown"] .form-input-wide { width: 150px; } .form-buttons-wrapper { margin-left: 0 !important; text-align: center; } .form-label { font-family: "Lucida Grande", sans-serif; } li[data-type="control_image"] div { text-align: left; } li[data-type="control_image"] img { border: none; border-width: 0px !important; border-style: solid !important; border-color: false !important; } .form-line-column { width: auto; } .form-line-error { overflow: hidden; -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; background-color: #fff4f4; } .form-line-error .form-error-message { background-color: #ff3200; clear: both; float: none; } .form-line-error .form-error-message .form-error-arrow { border-bottom-color: #ff3200; } .form-line-error input:not(#coupon-input), .form-line-error textarea, .form-line-error .form-validation-error { border: 1px solid #ff3200; box-shadow: 0 0 3px #ff3200; } .ie-8 .form-all { margin-top: auto; margin-top: initial; } .ie-8 .form-all:before { display: none; } [data-type="control_clear"] { display: none; } /* | */@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) { .testOne { letter-spacing: 0; } .form-all { border: 0; max-width: initial; } .form-sub-label-container { width: 100%; margin: 0; margin-right: 0; float: left; box-sizing: border-box; } span.form-sub-label-container + span.form-sub-label-container { margin-right: 0; } .form-sub-label { white-space: normal; } .form-address-table td, .form-address-table th { padding: 0 1px 10px; } .form-submit-button, .form-submit-print, .form-submit-reset { width: 100%; margin-left: 0!important; } div[id*=at_] { font-size: 14px; font-weight: 700; height: 8px; margin-top: 6px; } .showAutoCalendar { width: 20px; } img.form-image { max-width: 100%; height: auto; } .form-matrix-row-headers { width: 100%; word-break: break-all; min-width: 80px; } .form-collapse-table, .form-header-group { margin: 0; } .form-collapse-table { height: 100%; display: inline-block; width: 100%; } .form-collapse-hidden { display: none !important; } .form-input { width: 100%; } .form-label { width: 100% !important; } .form-label-left, .form-label-right { display: block; float: none; text-align: left; width: auto!important; } .form-line, .form-line.form-line-column { padding: 2% 5%; box-sizing: border-box; } input[type=text], input[type=email], input[type=tel], textarea { width: 100%; box-sizing: border-box; max-width: initial !important; } .form-radio-other-input, .form-checkbox-other-input { max-width: 55% !important; } .form-dropdown, .form-textarea, .form-textbox { width: 100%!important; box-sizing: border-box; } .form-input, .form-input-wide, .form-textarea, .form-textbox, .form-dropdown { max-width: initial!important; } .form-checkbox-item:not(#foo), .form-radio-item:not(#foo) { width: 100%; } .form-address-city, .form-address-line, .form-address-postal, .form-address-state, .form-address-table, .form-address-table .form-sub-label-container, .form-address-table select, .form-input { width: 100%; } div.form-header-group { padding: 2px 0px !important; margin: 0 2px 2% !important; margin-left: 5%!important; margin-right: 5%!important; box-sizing: border-box; } div.form-header-group.hasImage img { max-width: 100%; } [data-type="control_button"] { margin-bottom: 0 !important; } [data-type=control_fullname] .form-sub-label-container { width: 48%; } [data-type=control_fullname] .form-sub-label-container:first-child { margin-right: 4%; } [data-type=control_phone] .form-sub-label-container { width: 65%; margin-right: 0; margin-left: 0; float: left; } [data-type=control_phone] .form-sub-label-container:first-child { width: 31%; margin-right: 4%; } [data-type=control_datetime] .allowTime-container { width: 100%; } [data-type=control_datetime] .allowTime-container .form-sub-label-container { width: 24%!important; margin-left: 6%; margin-right: 0; } [data-type=control_datetime] .allowTime-container .form-sub-label-container:first-child { margin-left: 0; } [data-type=control_datetime] span + span + span > span:first-child { display: block; width: 100% !important; } [data-type=control_birthdate] .form-sub-label-container, [data-type=control_time] .form-sub-label-container { width: 27.3%!important; margin-right: 6% !important; } [data-type=control_time] .form-sub-label-container:last-child { width: 33.3%!important; margin-right: 0 !important; } .form-pagebreak-back-container, .form-pagebreak-next-container { min-height: 1px; width: 50% !important; } .form-pagebreak-back, .form-pagebreak-next, .form-product-item.hover-product-item { width: 100%; } .form-pagebreak-back-container { padding: 0; text-align: right; } .form-pagebreak-next-container { padding: 0; text-align: left; } .form-pagebreak { margin: 0 auto; } .form-buttons-wrapper { margin: 0!important; margin-left: 0!important; } .form-buttons-wrapper button { width: 100%; } .form-buttons-wrapper .form-submit-print { margin: 0 !important; } table { width: 100%!important; max-width: initial!important; } table td + td { padding-left: 3%; } .form-checkbox-item, .form-radio-item { white-space: normal!important; } .form-checkbox-item input, .form-radio-item input { width: auto; } .form-collapse-table { margin: 0 5%; display: block; zoom: 1; width: auto; } .form-collapse-table:before, .form-collapse-table:after { display: table; content: ''; line-height: 0; } .form-collapse-table:after { clear: both; } .fb-like-box { width: 98% !important; } .form-error-message { clear: both; bottom: -10px; } .date-separate, .phone-separate { display: none; } .custom-field-frame, .direct-embed-widgets, .signature-pad-wrapper { width: 100% !important; } } /* | *//* __INSPECT_SEPERATOR__ */@font-face { font-family: 'Antique No 6 Web'; src: url(https://www.ragandbone.ca/webfonts/AntiqueNo6vf/AntiqueNo6-Upright-VF-Web.woff2) format('woff2-variations'), 373 url(https://www.ragandbone.ca/webfonts/AntiqueNo6vf/AntiqueNo6-Upright-VF-Web.woff) format('woff-variations'); font-weight: 100 900; } .AntiqueNo6-Upright-VF-Web { font-family: 'Antique No 6 Web'; } .form-label, form-sub-label, .form-sub-label, .form-textbox, .form-textbox.Email { font-family: 'Antique No 6 Web', serif!important; } .form-header { font-family: 'Antique No 6 Web', serif; font-variation-settings: 'wght' 600; } .form-textarea { font-family: 'Antique No 6 Web', serif; } #cid_9 div.form-header-group { font-family: 'Antique No 6 Web'; } .form-description-content { font-size: 14px !important; } #last_12 { } .form-input-wide jf-required div { } #input_scl_2 { font-family: 'Antique No 6 Web', serif; font-weight: normal; } #input_2 { font-family: 'Antique No 6 Web', serif; font-weight: normal; } #id_25 { font-family: 'Antique No 6 Web'; } #cid_25 span.form-checkbox-item { } /* Injected CSS Code */</style> 374 <link type="text/css" rel="stylesheet" href="https://cdn02.jotfor.ms/css/styles/buttons/form-submit-button-simple_white.css?3.3.35682"/> 375 <form class="jotform-form" action="https://submit.jotform.com/submit/222414266544251/" method="post" name="form_222414266544251" id="222414266544251" accept-charset="utf-8" autocomplete="on"> 376 <input type="hidden" name="formID" value="222414266544251"/> 377 <input type="hidden" id="JWTContainer" value=""/> 378 <input type="hidden" id="cardinalOrderNumber" value=""/> 379 <div role="main" class="form-all"> 380 <link type="text/css" rel="stylesheet" media="all" href="https://cdn.jotfor.ms/wizards/languageWizard/custom-dropdown/css/lang-dd.css?3.3.35682"/> 381 <div class="cont"> 382 <input type="text" id="input_language" name="input_language" style="display:none"/> 383 <div class="language-dd" id="langDd" style="display:none"> 384 <div class="dd-placeholder lang-emp">
384 Language </div> 385 <ul class="lang-list dn" id="langList"> 386 <li data-lang="en-UK" class="en-UK"> English (UK) </li> 387 </ul> 388 </div> 389 </div> 390
390<script type="text/javascript" src="https://cdn.jotfor.ms/js/formTranslation.v2.js?3.3.35682"></script>
390 391 <ul class="form-section page-section"> 392 <li id="cid_9" class="form-input-wide" data-type="control_head"> 393 <div class="form-header-group header-small"> 394 <div class="header-text httal htvam"> 395 <h3 id="header_9" class="form-header" data-component="header"> Request a booking, or ask for more information... </h3> 396 </div> 397 </div> 398 </li> 399 <li class="form-line jf-required" data-type="control_fullname" id="id_12"> 400 <label class="form-label form-label-top" id="label_12" for="first_12"> Name <span class="form-required"> * </span> 401 </label> 402 <div id="cid_12" class="form-input-wide jf-required"> 403 <div data-wrapper-react="true"> <span class="form-sub-label-container" style="vertical-align:top" data-input-type="first"> <input type="text" id="first_12" name="q12_name[first]" class="form-textbox validate[required]" data-defaultvalue="" autoComplete="section-input_12 given-name" size="10" value="" data-component="first" aria-labelledby="label_12 sublabel_12_first" required=""/> <label class="form-sub-label" for="first_12" id="sublabel_12_first" style="min-height:13px" aria-hidden="false"> First Name </label> </span> <span class="form-sub-label-container" style="vertical-align:top" data-input-type="last"> <input type="text" id="last_12" name="q12_name[last]" class="form-textbox validate[required]" data-defaultvalue="" autoComplete="section-input_12 family-name" size="15" value="" data-component="last" aria-labelledby="label_12 sublabel_12_last" required=""/> <label class="form-sub-label" for="last_12" id="sublabel_12_last" style="min-height:13px" aria-hidden="false"> Last Name </label> </span> 404 </div> 405 </div> 406 </li> 407 <li class="form-line jf-required" data-type="control_email" id="id_22"> 408 <label class="form-label form-label-top" id="label_22" for="input_22"> E-mail <span class="form-required"> * </span> 409 </label> 410 <div id="cid_22" class="form-input-wide jf-required"> 411 <div data-wrapper-react="true"> 412 <input type="email" id="input_22" name="q22_email" class="form-textbox validate[required, Email]" data-defaultvalue="" size="50" value="" data-component="email" aria-labelledby="label_22" required=""/><br/> 413 <label class="form-sub-label" style="border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap" for="input_22_confirm"> Confirmation Email </label> 414 <input type="email" id="input_22_confirm" name="q22_email" class="form-textbox validate[required, Email, Email_Confirm]" data-defaultvalue="" style="margin-top:8px" size="50" value="" placeholder="Confirm Email" data-component="emailConfirmation"/> 415 </div> 416 </div> 417 </li> 418 <li class="form-line jf-required" data-type="control_textarea" id="id_4"> 419 <label class="form-label form-label-top form-label-auto" id="label_4" for="input_4"> Organization <span class="form-required"> * </span> 420 </label> 421 <div id="cid_4" class="form-input-wide jf-required"> 422 <textarea id="input_4" class="form-textarea validate[required]" name="q4_organization" cols="50" rows="1" data-component="textarea" required="" aria-labelledby="label_4"></textarea> 423 </div> 424 </li> 425 <li class="form-line" data-type="control_textbox" id="id_13"> 426 <label class="form-label form-label-top form-label-auto" id="label_13" for="input_13"> City or Town </label> 427 <div id="cid_13" class="form-input-wide"> 428 <input type="text" id="input_13" name="q13_cityOr" data-type="input-textbox" class="form-textbox" data-defaultvalue="" size="50" value="" data-component="textbox" aria-labelledby="label_13"/> 429 </div> 430 </li> 431 <li class="form-line" data-type="control_checkbox" id="id_25"> 432 <label class="form-label form-label-top form-label-auto" id="label_25" for="input_25"> I'm interested in: </label> 433 <div id="cid_25" class="form-input-wide"> 434 <div class="form-single-column" role="group" aria-labelledby="label_25" data-component="checkbox"> <span class="form-checkbox-item" style="clear:left"> <span class="dragger-item"> </span> <input type="checkbox" aria-describedby="label_25" class="form-checkbox" id="input_25_0" name="q25_imInterested[]" value="A performance"/> <label id="label_input_25_0" for="input_25_0"> A performance </label> </span> <span class="form-checkbox-item" style="clear:left"> <span class="dragger-item"> </span> <input type="checkbox" aria-describedby="label_25" class="form-checkbox" id="input_25_1" name="q25_imInterested[]" value="A workshop"/> <label id="label_input_25_1" for="input_25_1"> A workshop </label> </span> <span class="form-checkbox-item" style="clear:left"> <span class="dragger-item"> </span> <input type="checkbox" aria-describedby="label_25" class="form-checkbox" id="input_25_2" name="q25_imInterested[]" value="Shakespeare Camp"/> <label id="label_input_25_2" for="input_25_2"> Shakespeare Camp </label> </span> <span class="form-checkbox-item" style="clear:left"> <span class="dragger-item"> </span> <input type="checkbox" aria-describedby="label_25" class="form-checkbox" id="input_25_3" name="q25_imInterested[]" value="Adult performance"/> <label id="label_input_25_3" for="input_25_3"> Adult performance </label> </span> <span class="form-checkbox-item" style="clear:left"> <input type="checkbox" class="form-checkbox-other form-checkbox" name="q25_imInterested[other]" id="other_25" value="other" tabindex="0" aria-label="Other"/> <label id="label_other_25" style="text-indent:0" for="other_25"> </label> <input type="text" class="form-checkbox-other-input form-textbox" name="q25_imInterested[other]" data-otherhint="Other" size="15" id="input_25" placeholder="Other"/> <br/>
434 </span> 435 </div> 436 </div> 437 </li> 438 <li class="form-line" data-type="control_textarea" id="id_14"> 439 <label class="form-label form-label-top form-label-auto" id="label_14" for="input_14"> Questions, or more details? </label> 440 <div id="cid_14" class="form-input-wide"> 441 <textarea id="input_14" class="form-textarea" name="q14_questionsOr" cols="50" rows="6" data-component="textarea" aria-labelledby="label_14"></textarea> 442 </div> 443 </li> 444 <li class="form-line" data-type="control_textbox" id="id_15"> 445 <label class="form-label form-label-top form-label-auto" id="label_15" for="input_15"> Age range or grade level </label> 446 <div id="cid_15" class="form-input-wide"> 447 <input type="text" id="input_15" name="q15_age_or_grade" data-type="input-textbox" class="form-textbox" data-defaultvalue="" size="50" value="" data-component="textbox" aria-labelledby="label_15"/> 448 </div> 449 </li> 450 <li class="form-line" data-type="control_textbox" id="id_16"> 451 <label class="form-label form-label-top form-label-auto" id="label_16" for="input_16"> Expected group size </label> 452 <div id="cid_16" class="form-input-wide"> <span class="form-sub-label-container" style="vertical-align:top"> <input type="text" id="input_16" name="q16_expectedGroup" data-type="input-textbox" class="form-textbox" data-defaultvalue="" size="50" value="" data-component="textbox" aria-labelledby="label_16 sublabel_input_16"/> <label class="form-sub-label" for="input_16" id="sublabel_input_16" style="min-height:13px" aria-hidden="false"> Your best guess...no need to be exact. </label> </span> 453 </div> 454 </li> 455 <li class="form-line" data-type="control_textbox" id="id_18"> 456 <label class="form-label form-label-top form-label-auto" id="label_18" for="input_18"> The date I have in mind </label> 457 <div id="cid_18" class="form-input-wide"> <span class="form-sub-label-container" style="vertical-align:top"> <input type="text" id="input_18" name="q18_Date_request" data-type="input-textbox" class="form-textbox" data-defaultvalue="" size="50" value="" data-component="textbox" aria-labelledby="label_18 sublabel_input_18"/> <label class="form-sub-label" for="input_18" id="sublabel_input_18" style="min-height:13px" aria-hidden="false"> A date, or range of dates </label> </span> 458 </div> 459 </li> 460 <li class="form-line" data-type="control_textbox" id="id_19"> 461 <label class="form-label form-label-top form-label-auto" id="label_19" for="input_19"> Preferred time </label> 462 <div id="cid_19" class="form-input-wide"> 463 <input type="text" id="input_19" name="q19_preferredTime19" data-type="input-textbox" class="form-textbox" data-defaultvalue="" size="50" value="" data-component="textbox" aria-labelledby="label_19"/> 464 </div> 465 </li> 466 <li class="form-line" data-type="control_phone" id="id_11"> 467 <label class="form-label form-label-top form-label-auto" id="label_11" for="input_11_full"> If you'd like us to call you, you can leave a phone number </label> 468 <div id="cid_11" class="form-input-wide"> <span class="form-sub-label-container" style="vertical-align:top"> <input type="tel" id="input_11_full" name="q11_phone number[full]" data-type="mask-number" class="mask-phone-number form-textbox validate[Fill Mask]" data-defaultvalue="" autoComplete="section-input_11 tel-national" data-masked="true" value="" data-component="phone" aria-labelledby="label_11"/> <label class="form-sub-label" for="input_11_full" id="sublabel_11_masked" style="min-height:13px" aria-hidden="false"> </label> </span> 469 </div> 470 </li> 471 <li class="form-line always-hidden jf-required" data-type="control_captcha" id="id_23"> 472 <label class="form-label form-label-top form-label-auto" id="label_23" for="input_23"> Please verify that you are human <span class="form-required"> * </span> 473 </label> 474 <div id="cid_23" class="form-input-wide always-hidden jf-required"> 475 <section data-wrapper-react="true" data-invisible-captcha="true"> 476 <div id="recaptcha_input_23" data-component="recaptcha" data-callback="recaptchaCallbackinput_23" data-size="invisible" data-badge="inl
476ine" data-expired-callback="recaptchaExpiredCallbackinput_23"></div> 477 <input type="hidden" id="input_23" class="hidden " name="recaptcha_invisible" required=""/>
vendor: 227 bytes, lines 477-479
477 478 <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=explicit&onload=recaptchaLoadedinput_23"></script> 479
479<script type="text/javascript"> 480 var recaptchaLoadedinput_23 = function() 481 { 482 window.grecaptcha.render($("recaptcha_input_23"), { 483 sitekey: '6LcG3CgUAAAAAGOEEqiYhmrAm6mt3BDRhTrxWCKb', 484 }); 485 var grecaptchaBadge = document.querySelector('.grecaptcha-badge'); 486 if (grecaptchaBadge) 487 { 488 grecaptchaBadge.style.boxShadow = 'gray 0px 0px 2px'; 489 } 490 }; 491 492 /** 493 * Called when the reCaptcha verifies the user is human 494 * For invisible reCaptcha; 495 * Submit event is stopped after validations and recaptcha is executed. 496 * If a challenge is not displayed, this will be called right after grecaptcha.execute() 497 * If a challenge is displayed, this will be called when the challenge is solved successfully 498 * Submit is triggered to actually submit the form since it is stopped before. 499 */ 500 var recaptchaCallbackinput_23 = function() 501 { 502 var isInvisibleReCaptcha = true; 503 var hiddenInput = $("input_23"); 504 hiddenInput.setValue(1); 505 if (!isInvisibleReCaptcha) 506 { 507 if (hiddenInput.validateInput) 508 { 509 hiddenInput.validateInput(); 510 } 511 } 512 else 513 { 514 triggerSubmit(hiddenInput.form) 515 } 516 517 function triggerSubmit(formElement) 518 { 519 var button = formElement.ownerDocument.createElement('input'); 520 button.style.display = 'none'; 521 button.type = 'submit'; 522 formElement.appendChild(button).click(); 523 formElement.removeChild(button); 524 } 525 } 526 527 // not really required for invisible recaptcha 528 var recaptchaExpiredCallbackinput_23 = function() 529 { 530 var hiddenInput = $("input_23"); 531 hiddenInput.writeAttribute("value", false); 532 if (hiddenInput.validateInput) 533 { 534 hiddenInput.validateInput(); 535 } 536 } 537 </script>
537 538 </section> 539 </div> 540 </li> 541 <li class="form-line" data-type="control_button" id="id_2"> 542 <div id="cid_2" class="form-input-wide"> 543 <div style="text-align:center" data-align="center" class="form-buttons-wrapper form-buttons-center jsTest-button-wrapperField"> 544 <button id="input_scl_2" type="button" class="form-submit-button form-sacl-button js-new-sacl-button form-submit-button-simple_white jf-form-buttons sacl-button" data-component="button"> Save </button> 545 <button id="input_2" type="submit" class="form-submit-button form-submit-button-simple_white submit-button jf-form-buttons jsTest-submitField" data-component="button" data-content=""> Submit </button> 546 </div> 547 </div> 548 </li> 549 <li style="display:none"> Should be Empty: 550 <input type="text" name="website" value=""/> 551 </li> 552 </ul> 553 </div> 554
554<script> 555 JotForm.showJotFormPowered = "0"; 556 </script>
556 557
557<script> 558 JotForm.poweredByText = "Powered by Jotform"; 559 </script>
559 560 <input type="hidden" class="simple_spc" id="simple_spc" name="simple_spc" value="222414266544251"/> 561
561<script type="text/javascript"> 562 var all_spc = document.querySelectorAll("form[id='222414266544251'] .si" + "mple" + "_spc"); 563for (var i = 0; i < all_spc.length; i++) 564{ 565 all_spc[i].value = "222414266544251-222414266544251"; 566} 567 </script>
567 568 </form> 569
569<script type="text/javascript">window.GOOGLE_SIGNON = "172124630376-qk1qmdfmur2ojaf39e070iqhpt2foaip.apps.googleusercontent.com"</script>
569 570
570<script type="text/javascript">window.FACEBOOK_SIGNON_APP_ID = "1140740696088074"</script>
570 571
571<script type="text/javascript">window.MICROSOFT_SIGNON_CLIENT_ID = "482577e8-f8d0-4a09-bbbb-15de3d05eebe"</script>
571 572
572<script>window.JotFormAPIEndpoint = "https://api.jotform.com"; </script>
572 573
573<script>window.___JFsclActive = true; </script>
573 574
574<script>window.JFForm = { id: '222414266544251', skippable: true, isHipaa: '' };</script>
574 575
575<script defer src="https://cdn.jotfor.ms/s/umd/173327bf80c/for-formuser.js"></script>
575 576 </div> 577 </div> 578 </div> 579 <div id="p7SOP_2" class="p7SOP sop-noscript sop-borders" data-sop="p7SOP_2,0,90%,1000px,200px,1,400,900,1,0,0,1,0,1,1,0"> 580 <div class="sop-scroll-arrow"> 581 <a id="p7SOPtp_2" href="#" class="sop-scroll-up"><i>Top</i><img src="Pages/p7sop/img/scroll-dark.png" width="23" height="27" alt=""/></a> 582 </div> 583 <div id="p7SOPw_2" class="sop-wrapper"> 584 <div class="sop-close-icon"> 585 <a id="p7SOPcl_2" href="#" class="sop-close sop-dark"><i>Close</i><img src="Pages/p7sop/img/close-dark.png" width="28" height="30" alt=""/></a> 586 </div> 587 <div class="sop-content"> 588
588<script src="https://cdn02.jotfor.ms/static/prototype.forms.js?3.3.35683" type="text/javascript"></script>
588 589
589<script src="https://cdn03.jotfor.ms/static/jotform.forms.js?3.3.35683" type="text/javascript"></script>
589 590
590<script defer src="https://cdnjs.cloudflare.com/ajax/libs/punycode/1.4.1/punycode.js"></script>
590 591
591<script type="text/javascript"> JotForm.newDefaultTheme = false; 592 JotForm.extendsNewTheme = false; 593 JotForm.newPaymentUIForNewCreatedForms = false; 594 JotForm.highlightInputs = false; 595 JotForm.clearFieldOnHide="disable"; 596 597 JotForm.init(function(){ 598 /*INIT-START*/ 599if (window.JotForm && JotForm.accessible) $('input_7').setAttribute('tabindex',0); 600 setTimeout(function() { 601 $('input_7').hint('Enter Full Name'); 602 }, 20); 603 setTimeout(function() { 604 $('input_4').hint('Enter Email Address'); 605 }, 20); 606 JotForm.description('input_10', 'Just checking, Hal!'); 607 JotForm.alterTexts({"generalError":"Error! All fields are required. Please fix them before continuing.","generalPageError":"Error! All fields are required. Please fix them before continuing."}); 608 /*INIT-END*/ 609 }); 610 611 JotForm.prepareCalculationsOnTheFly([null,{"name":"clickTo","qid":"1","text":"Join our list for occasional emails, with news of upcoming events","type":"control_text"},{"name":"doIt","qid":"2","text":"Do it!","type":"control_button"},null,{"name":"email4","qid":"4","text":"E-mail","type":"control_email"},null,null,{"name":"name","qid":"7","text":"Name","type":"control_textbox"},null,{"description":"","name":"input9","qid":"9","text":"","type":"control_checkbox"},{"description":"Just checking, Hal!","name":"input10","qid":"10","text":"","type":"control_captcha"},{"name":"ourMailing","qid":"11","text":"Our Mailing List","type":"control_head"}]); 612 setTimeout(function() { 613JotForm.paymentExtrasOnTheFly([null,{"name":"clickTo","qid":"1","text":"Join our list for occasional emails, with news of upcoming events","type":"control_text"},{"name":"doIt","qid":"2","text":"Do it!","type":"control_button"},null,{"name":"email4","qid":"4","text":"E-mail","type":"control_email"},null,null,{"name":"name","qid":"7","text":"Name","type":"control_textbox"},null,{"description":"","name":"input9","qid":"9","text":"","type":"control_checkbox"},{"description":"Just checking, Hal!","name":"input10","qid":"10","text":"","type":"control_captcha"},{"name":"ourMailing","qid":"11","text":"Our Mailing List","type":"control_head"}]);}, 20); 614</script>
614 615 <link href="https://cdn01.jotfor.ms/static/formCss.css?3.3.35683" rel="stylesheet" type="text/css"/> 616 <style type="text/css">@media print{ .form-section { display: inline!important; } .form-pagebreak { display: none!important; } .form-section-closed { height: auto!important; } .page-section { position: initial!important; } }</style> 617 <link type="text/css" rel="stylesheet" href="https://cdn02.jotfor.ms/css/styles/nova.css?3.3.35683"/> 618 <link type="text/css" rel="stylesheet" href="https://cdn03.jotfor.ms/themes/CSS/5d4036e94912716f6b4cd561.css?themeRevisionID=5d4036e94912716f6b4cd562"/> 619 <link type="text/css" rel="stylesheet" href="https://cdn01.jotfor.ms/css/styles/payment/payment_feature.css?3.3.35683"/> 620 <style type="text/css">.form-label-left { width: 600px; } .form-line { padding-top: 1px; padding-bottom: 1px; } .form-label-right { width: 600px; } .form-all { width: 800px; color: #000000 !important; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; font-size: 20px; } .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header { color: #555; }</style> 621 <style type="text/css" id="form-designer-style">/* Injected CSS Code */.form-all:after { content: ""; display: table; clear: both; } .form-all { font-family: "Lucida Grande", sans-serif; } .form-all { width: 800px; } .form-label-left, .form-label-right { width: 600px; } .form-label { white-space: normal; } .form-label.form-label-auto { display: block; float: none; word-break: break-word; text-align: left; } .form-label-left { display: inline-block; white-space: normal; float: left; text-align: left; } .form-label-right { display: inline-block; white-space: normal; float: left; text-align: right; } .form-label-top { white-space: normal; display: block; float: none; text-align: left; } .form-radio-item label:before { top: 0; } .form-all { font-size: 20px; } .form-label { font-weight: normal; font-size: 0.95em; } .supernova { background-color: #fcf2cc; } .supernova body { background-color: transparent; } /* @width30: (unit(@formWidth, px) + 60px); 622@width60: (unit(@formWidth, px)+ 120px); 623@width90: (unit(@formWidth, px)+ 180px); *//* | */@media screen and (min-width: 480px) { .supernova .form-all { border: 1px solid #f9e69c; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1); } } /* | *//* | */@media screen and (max-width: 480px) { .jotform-form .form-all { margin: 0; width: 100%; } } /* | *//* | */@media screen and (min-width: 480px) and (max-width: 767px) { .jotform-form .form-all { margin: 0; width: 100%; } } /* | *//* | */@media screen and (min-width: 480px) and (max-width: 799px) { .jotform-form .form-all { margin: 0; width: 100%; } } /* | *//* | */@media screen and (min-width: 768px) { .jotform-form { padding: 60px 0; } } /* | *//* | */@media screen and (max-width: 799px) { .jotform-form .form-all { margin: 0; width: 100%; } } /* | */.supernova .form-all, .form-all { background-color: #fcf2cc; border: 1px solid transparent; } .form-header-group { border-color: #f9e69c; } .form-matrix-table tr { border-color: #f9e69c; } .form-matrix-table tr:nth-child(2n) { background-color: #fbecb4; } .form-all { color: #000000; } .form-header-group .form-header { color: #000000; } .form-header-group .form-subHeader { color: #1a1a1a; } .form-sub-label { color: #1a1a1a; } .form-label-top, .form-label-left, .form-label-right, .form-html { color: #1a1a1a; } .form-checkbox-item label, .form-radio-item label { color: #000000; } .form-line.form-line-active { -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; background-color: #ffffe0; } /* omer */.form-radio-item, .form-checkbox-item { padding-bottom: 0px !important; } .form-radio-item:last-child, .form-checkbox-item:last-child { padding-bottom: 0; } /* omer */.form-single-column .form-checkbox-item, .form-single-column .form-radio-item { width: 100%; } .form-checkbox-item .editor-container div, .form-radio-item .editor-container div { position: relative; } .form-checkbox-item .editor-container div:before, .form-radio-item .editor-container div:before { display: inline-block; vertical-align: middle; box-sizing: border-box; left: 0; width: 18px; height: 18px; } .form-checkbox-item, .form-radio-item { padding-left: 2px; } .form-checkbox-item input, .form-radio-item input { margin-top: 2px; } .supernova { height: 100%; background-repeat: no-repeat; background-attachment: scroll; background-position: center top; background-repeat: repeat; } .supernova { background-image: none; } #stage { background-image: none; } /* | */.form-all { background-repeat: no-repeat; background-attachment: scroll; background-position: center top; background-repeat: repeat; } .form-header-group { background-repeat: no-repeat; background-attachment: scroll; background-position: center top; } .form-line { margin-top: 10px; margin-bottom: 10px; } .form-line { padding: 12px 36px; } .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print { border-radius: 0px; } .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print { height: 40px; width: 120px; font-size: 1em; padding: 9px 15px; font-family: "Lucida Grande", sans-serif; font-size: 20px; font-weight: normal; } .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print { color: #000000 !important; background: #fecc67; box-shadow: none; text-shadow: none; } .form-all .form-pagebreak-back, .form-all .form-pagebreak-next { font-size: 1em; padding: 9px 15px; font-family: "Lucida Grande", sans-serif; font-size: 20px; font-weight: normal; } /* & when ( @buttonFontType = google ) { 624 @import (css) "@{buttonFontLink}"; 625} */h2.form-header { line-height: 1.618em; font-size: 1.714em; } h2 ~ .form-subHeader { line-height: 1.5em; font-size: 1.071em; } .form-header-group { text-align: left; } /* .form-dropdown, 626.form-radio-item, 627.form-checkbox-item, 628.form-radio-other-input, 629.form-checkbox-other-input, */.form-captcha input, .form-spinner input, .form-error-message { padding: 4px 3px 2px 3px; } .form-header-group { font-family: "Lucida Grande", sans-serif; } .form-section { padding: 0px 0px 0px 0px; } .form-header-group { margin: 2px 36px 2px 36px; } .form-header-group { padding: 2px 0px 2px 0px; } .form-textbox, .form-textarea { border-color: #fecc67; padding: 5px 3px 3px 3px; } .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input { background-color: rgba(253, 253, 253, 0.2); } .form-textbox { height: 25px; } .form-matrix-row-headers, .form-matrix-column-headers, .form-matrix-values { padding: 4px; } [data-type="control_dropdown"] .form-input, [data-type="control_dropdown"] .form-input-wide { width: 150px; } .form-buttons-wrapper { margin-left: 0 !important; text-align: center; } .form-label { font-family: "Lucida Grande", sans-serif; } li[data-type="control_image"] div { text-align: left; } li[data-type="control_image"] img { border: none; border-width: 0px !important; border-style: solid !important; border-color: false !important; } .form-line-column { width: auto; } .form-line-error { overflow: hidden; -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; background-color: #fff4f4; } .form-line-error .form-error-message { background-color: #ff3200; clear: both; float: none; } .form-line-error .form-error-message .form-error-arrow { border-bottom-color: #ff3200; }
629 .form-line-error input:not(#coupon-input), .form-line-error textarea, .form-line-error .form-validation-error { border: 1px solid #ff3200; box-shadow: 0 0 3px #ff3200; } .ie-8 .form-all { margin-top: auto; margin-top: initial; } .ie-8 .form-all:before { display: none; } [data-type="control_clear"] { display: none; } /* | */@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) { .testOne { letter-spacing: 0; } .form-all { border: 0; max-width: initial; } .form-sub-label-container { width: 100%; margin: 0; margin-right: 0; float: left; box-sizing: border-box; } span.form-sub-label-container + span.form-sub-label-container { margin-right: 0; } .form-sub-label { white-space: normal; } .form-address-table td, .form-address-table th { padding: 0 1px 10px; } .form-submit-button, .form-submit-print, .form-submit-reset { width: 100%; margin-left: 0!important; } div[id*=at_] { font-size: 14px; font-weight: 700; height: 8px; margin-top: 6px; } .showAutoCalendar { width: 20px; } img.form-image { max-width: 100%; height: auto; } .form-matrix-row-headers { width: 100%; word-break: break-all; min-width: 80px; } .form-collapse-table, .form-header-group { margin: 0; } .form-collapse-table { height: 100%; display: inline-block; width: 100%; } .form-collapse-hidden { display: none !important; } .form-input { width: 100%; } .form-label { width: 100% !important; } .form-label-left, .form-label-right { display: block; float: none; text-align: left; width: auto!important; } .form-line, .form-line.form-line-column { padding: 2% 5%; box-sizing: border-box; } input[type=text], input[type=email], input[type=tel], textarea { width: 100%; box-sizing: border-box; max-width: initial !important; } .form-radio-other-input, .form-checkbox-other-input { max-width: 55% !important; } .form-dropdown, .form-textarea, .form-textbox { width: 100%!important; box-sizing: border-box; } .form-input, .form-input-wide, .form-textarea, .form-textbox, .form-dropdown { max-width: initial!important; } .form-checkbox-item:not(#foo), .form-radio-item:not(#foo) { width: 100%; } .form-address-city, .form-address-line, .form-address-postal, .form-address-state, .form-address-table, .form-address-table .form-sub-label-container, .form-address-table select, .form-input { width: 100%; } div.form-header-group { padding: 2px 0px !important; margin: 0 2px 2% !important; margin-left: 5%!important; margin-right: 5%!important; box-sizing: border-box; } div.form-header-group.hasImage img { max-width: 100%; } [data-type="control_button"] { margin-bottom: 0 !important; } [data-type=control_fullname] .form-sub-label-container { width: 48%; } [data-type=control_fullname] .form-sub-label-container:first-child { margin-right: 4%; } [data-type=control_phone] .form-sub-label-container { width: 65%; margin-right: 0; margin-left: 0; float: left; } [data-type=control_phone] .form-sub-label-container:first-child { width: 31%; margin-right: 4%; } [data-type=control_datetime] .allowTime-container { width: 100%; } [data-type=control_datetime] .allowTime-container .form-sub-label-container { width: 24%!important; margin-left: 6%; margin-right: 0; } [data-type=control_datetime] .allowTime-container .form-sub-label-container:first-child { margin-left: 0; } [data-type=control_datetime] span + span + span > span:first-child { display: block; width: 100% !important; } [data-type=control_birthdate] .form-sub-label-container, [data-type=control_time] .form-sub-label-container { width: 27.3%!important; margin-right: 6% !important; } [data-type=control_time] .form-sub-label-container:last-child { width: 33.3%!important; margin-right: 0 !important; } .form-pagebreak-back-container, .form-pagebreak-next-container { min-height: 1px; width: 50% !important; } .form-pagebreak-back, .form-pagebreak-next, .form-product-item.hover-product-item { width: 100%; } .form-pagebreak-back-container { padding: 0; text-align: right; } .form-pagebreak-next-container { padding: 0; text-align: left; } .form-pagebreak { margin: 0 auto; } .form-buttons-wrapper { margin: 0!important; margin-left: 0!important; } .form-buttons-wrapper button { width: 100%; } .form-buttons-wrapper .form-submit-print { margin: 0 !important; } table { width: 100%!important; max-width: initial!important; } table td + td { padding-left: 3%; } .form-checkbox-item, .form-radio-item { white-space: normal!important; } .form-checkbox-item input, .form-radio-item input { width: auto; } .form-collapse-table { margin: 0 5%; display: block; zoom: 1; width: auto; } .form-collapse-table:before, .form-collapse-table:after { display: table; content: ''; line-height: 0; } .form-collapse-table:after { clear: both; } .fb-like-box { width: 98% !important; } .form-error-message { clear: both; bottom: -10px; } .date-separate, .phone-separate { display: none; } .custom-field-frame, .direct-embed-widgets, .signature-pad-wrapper { width: 100% !important; } } /* | *//* __INSPECT_SEPERATOR__ */@font-face { font-family: 'Antique No 6 Web'; src: url(https://www.ragandbone.ca/webfonts/AntiqueNo6vf/AntiqueNo6-Upright-VF-Web.woff2) format('woff2-variations'), 630 url(https://www.ragandbone.ca/webfonts/AntiqueNo6vf/AntiqueNo6-Upright-VF-Web.woff) format('woff-variations'); font-weight: 100 900; } .AntiqueNo6-Upright-VF-Web { font-family: 'Antique No 6 Web'; } .form-label { font-family: 'Antique No 6 Web', serif !important; } .form-header { font-family: 'Antique No 6 Web', serif; font-weight: 200; color: #C95046; } .form-textarea { font-family: 'Antique No 6 Web', serif; } #cid_9 div.form-header-group { font-family: 'Antique No 6 Web', serif; } #header_9 { font-weight: normal; } .form-description-content { font-size: 14px !important; } .form-checkbox-item label { font-family: 'Antique No 6 Web', serif; } .form-line.jf-required { } .form-html { } #label_input_9_0 { font-family: 'Antique No 6 Web', serif; } #label_7 { font-family: 'Antique No 6 Web', serif; } #input_7 { font-family: 'Antique No 6 Web', serif; } #input_4 { font-family: 'Antique No 6 Web', serif; } #label_4 { font-family: 'Antique No 6 Web', serif; } #input_2 { font-family: 'Antique No 6 Web', serif; line-height: 1rem; font-weight: 500; } #text_1 { font-family: 'Antique No 6 Web', serif; } .form-checkbox-item hoverSticky label { } #text_1 p.hover { } #header_11 { font-family: 'Antique No 6 Web', serif; font-weight: 200; color: #C95046; } /* Injected CSS Code */</style> 631 <form class="jotform-form" action="https://submit.jotform.com/submit/222484102586253/" method="post" name="form_222484102586253" id="222484102586253" accept-charset="utf-8" autocomplete="on"> 632 <input type="hidden" name="formID" value="222484102586253"/> 633 <input type="hidden" id="JWTContainer" value=""/> 634 <input type="hidden" id="cardinalOrderNumber" value=""/> 635 <div role="main" class="form-all"> 636 <ul class="form-section page-section"> 637 <li id="cid_11" class="form-input-wide" data-type="control_head"> 638 <div class="form-header-group header-large"> 639 <div class="header-text httal htvam"> 640 <h1 id="header_11" class="form-header" data-component="header"> Our Mailing List </h1> 641 </div> 642 </div> 643 </li> 644 <li class="form-line" data-type="control_text" id="id_1"> 645 <div id="cid_1" class="form-input-wide"> 646 <div id="text_1" class="form-html" data-component="text"> 647 <p style="text-align: justify;">Join our list for occasional emails, with news of upcoming events</p> 648 </div> 649 </div> 650 </li> 651 <li class="form-line jf-required" data-type="control_textbox" id="id_7"> 652 <label class="form-label form-label-top form-label-auto" id="label_7" for="input_7"> Name <span class="form-required"> * </span> 653 </label> 654 <div id="cid_7" class="form-input-wide jf-required"> 655 <input type="text" id="input_7" name="q7_name" data-type="input-textbox" class="form-textbox validate[required]" data-defaultvalue="" size="38" value="" placeholder="Enter Full Name" data-component="textbox" aria-labelledby="label_7" required=""/> 656 </div> 657 </li> 658 <li class="form-line jf-required" data-type="control_email" id="id_4"> 659 <label class="form-label form-label-top form-label-auto" id="label_4" for="input_4"> E-mail <span class="form-required"> * </span> 660 </label> 661 <div id="cid_4" class="form-input-wide jf-required"> 662 <input type="email" id="input_4" name="q4_email4" class="form-textbox validate[required, Email]" data-defaultvalue="" size="38" value="" placeholder="Enter Email Address" data-component="email" aria-labelledby="label_4" required=""/> 663 </div> 664 </li> 665 <li class="form-line jf-required" data-type="control_checkbox" id="id_9"> 666 <label class="form-label form-label-top form-label-auto" id="label_9" for="input_9"> <span class="form-required"> * </span> 667 </label> 668 <div id="cid_9" class="form-input-wide jf-required"> 669 <div class="form-single-column" role="group" aria-labelledby="label_9" data-component="checkbox"> <span class="form-checkbox-item" style="clear:left"> <span class="dragger-item"> </span> <input type="checkbox" aria-describedby="label_9" class="form-checkbox validate[required]" id="input_9_0" name="q9_input9[]" value="Yes, sign me up!" required=""/> <label id="label_input_9_0" for="input_9_0"> Yes, sign me up! </label> </span> 670 </div> 671 </div> 672 </li> 673 <li class="form-line form-line-column form-col-1 always-hidden jf-required" data-type="control_captcha" id="id_10"> 674 <label class="form-label form-label-top" id="label_10" for="input_10"> <span class="form-required"> * </span> 675 </label> 676 <div id="cid_10" class="form-input-wide always-hidden jf-required"> 677 <section data-wrapper-react="true" data-invisible-captcha="true"> 678 <div id="recaptcha_input_10" data-component="recaptcha" data-callback="recaptchaCallbackinput_10" data-size="invisible" data-badge="inl
678ine" data-expired-callback="recaptchaExpiredCallbackinput_10"></div> 679 <input type="hidden" id="input_10" class="hidden " name="recaptcha_invisible" required=""/>
vendor: 227 bytes, lines 679-681
679 680 <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=explicit&onload=recaptchaLoadedinput_10"></script> 681
681<script type="text/javascript"> 682 var recaptchaLoadedinput_10 = function() 683 { 684 window.grecaptcha.render($("recaptcha_input_10"), { 685 sitekey: '6LcG3CgUAAAAAGOEEqiYhmrAm6mt3BDRhTrxWCKb', 686 }); 687 var grecaptchaBadge = document.querySelector('.grecaptcha-badge'); 688 if (grecaptchaBadge) 689 { 690 grecaptchaBadge.style.boxShadow = 'gray 0px 0px 2px'; 691 } 692 }; 693 694 /** 695 * Called when the reCaptcha verifies the user is human 696 * For invisible reCaptcha; 697 * Submit event is stopped after validations and recaptcha is executed. 698 * If a challenge is not displayed, this will be called right after grecaptcha.execute() 699 * If a challenge is displayed, this will be called when the challenge is solved successfully 700 * Submit is triggered to actually submit the form since it is stopped before. 701 */ 702 var recaptchaCallbackinput_10 = function() 703 { 704 var isInvisibleReCaptcha = true; 705 var hiddenInput = $("input_10"); 706 hiddenInput.setValue(1); 707 if (!isInvisibleReCaptcha) 708 { 709 if (hiddenInput.validateInput) 710 { 711 hiddenInput.validateInput(); 712 } 713 } 714 else 715 { 716 triggerSubmit(hiddenInput.form) 717 } 718 719 function triggerSubmit(formElement) 720 { 721 var button = formElement.ownerDocument.createElement('input'); 722 button.style.display = 'none'; 723 button.type = 'submit'; 724 formElement.appendChild(button).click(); 725 formElement.removeChild(button); 726 } 727 } 728 729 // not really required for invisible recaptcha 730 var recaptchaExpiredCallbackinput_10 = function() 731 { 732 var hiddenInput = $("input_10"); 733 hiddenInput.writeAttribute("value", false); 734 if (hiddenInput.validateInput) 735 { 736 hiddenInput.validateInput(); 737 } 738 } 739 </script>
739 740 </section> 741 </div> 742 </li> 743 <li class="form-line" data-type="control_button" id="id_2"> 744 <div id="cid_2" class="form-input-wide"> 745 <div style="text-align:center" data-align="center" class="form-buttons-wrapper form-buttons-center jsTest-button-wrapperField"> 746 <button id="input_2" type="submit" class="form-submit-button submit-button jf-form-buttons jsTest-submitField" data-component="button" data-content=""> Do it! </button> 747 </div> 748 </div> 749 </li> 750 <li style="display:none"> Should be Empty: 751 <input type="text" name="website" value=""/> 752 </li> 753 </ul> 754 </div> 755
755<script> 756 JotForm.showJotFormPowered = "0"; 757 </script>
757 758
758<script> 759 JotForm.poweredByText = "Powered by Jotform"; 760 </script>
760 761 <input type="hidden" class="simple_spc" id="simple_spc" name="simple_spc" value="222484102586253"/> 762
762<script type="text/javascript"> 763 var all_spc = document.querySelectorAll("form[id='222484102586253'] .si" + "mple" + "_spc"); 764for (var i = 0; i < all_spc.length; i++) 765{ 766 all_spc[i].value = "222484102586253-222484102586253"; 767} 768 </script>
768 769 </form> 770 </div> 771 </div> 772 </div> 773 </body> 774 <style>html { visibility: visible; opacity: 1; }</style> 775</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.