Text Directions Email Directions View Map × Text Me Directions Get directions to the event directly to your phone Phone Number: Send × Email Me Directions Get directions to the event directly to your inbox Email: Send .loc-map-controls { border-radius: 3px; padding: 5px; } .loc-map-controls:hover { background-color: #f2f2f2; }/* The Modal (background) */.modal { font-family: "Open Sans", sans-serif; display: none; position: fixed; z-index: 1000; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); z-index: 1001;}/* Modal Content */.modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #fff; width: 600px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s}/* Add Animation */@-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1}}@keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1}}/* The Close Button */.close { color: white; float: right; font-size: 28px; font-weight: bold;}.close:hover,.close:focus { color: #8a8a8a; text-decoration: none; cursor: pointer;}.close-email { color: white; float: right; font-size: 28px; font-weight: bold;}.close-email:hover,.close-email:focus { color: #8a8a8a; text-decoration: none; cursor: pointer;}.modal-header { padding: 2px 16px; color: #ffffff; text-align: center; background-color: #333;}.modal-body {padding: 2px 16px;}.modal-footer { padding: 2px 16px; background-color: #5cb85c; color: white;}.modal-content * { font-family: "Open Sans", sans-serif;}.modal-content .loc-map-controls { font-size: 13px; height: 35px; width: 150px; margin: 0 auto; margin-bottom: 20px; color: #fff; font-family: sans-serif; text-transform: uppercase; background: rgba(122,122,122,1); background: -moz-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(122,122,122,1)), color-stop(100%, rgba(54,54,54,1))); background: -webkit-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%); background: -o-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%); background: -ms-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%); background: linear-gradient(to bottom, rgba(122,122,122,1) 0%, rgba(54,54,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#363636', GradientType=0 ); border: 1px solid #363636; border-radius: 3px; display: block;}.textTitle { padding-top: 60px; padding-bottom: 20px; font-family: "Open Sans", sans-serif; font-size: 22px;}div#directionsText { margin: 20px 0px; font-family: "Open Sans", sans-serif; font-size: 18px; text-align: center;}.formSection { width: 240px; margin: 0 20px; margin-bottom: 20px; display: inline-block;}.formSection input, .formSection select { width: 100% !important; margin: 0px; padding: 12px 6px; color: #333; font-size: 14px; background: #f8f8f8; border: 1px solid #c3c3c3; border-radius: 1px; box-shadow: none;} .formSection select { height: 44px; }.formSection input { width: calc(100% - 12px) !important;}@media screen and (max-width: 665px){ .modal-content { width: 240px; } .formSection { width: 206px; margin: 0px; margin-bottom: 20px; display: inline-block; } div#directionsText{ font-size: 18px; }} // Get the modal var modal; var btn; var span = document.getElementsByClassName("close")[0]; var spanEmail = document.getElementsByClassName("close-email")[0]; function sendMeSMS(locationId){ console.log(locationId); modal = document.getElementById('smsModal-'+locationId); //btn = document.getElementById("smsBtn-"+locationId); modal.style.display = "block"; } function sendMeEMAIL(locationId){ modal = document.getElementById('emailModal-'+locationId); //btn = document.getElementById("emailBtn-"+locationId); modal.style.display = "block"; } span.onclick = function() { modal.style.display = "none"; }; spanEmail.onclick = function() { $('.err-email-sp').text(""); $('.email-input').val(""); modal.style.display = "none"; }; window.onclick = function(event) { if (event.target == modal) { $('.err-email-sp').text(""); $('.email-input').val(""); modal.style.display = "none"; } }; Interment Extra Info Interment of cremated remains to take place in Uxbridge Cemetery