{"id":21566,"date":"2024-09-24T05:55:22","date_gmt":"2024-09-24T05:55:22","guid":{"rendered":"https:\/\/stpaulsanglican.org.au\/?page_id=21566"},"modified":"2026-04-13T13:46:56","modified_gmt":"2026-04-13T03:46:56","slug":"giving","status":"publish","type":"page","link":"https:\/\/stpaulsanglican.org.au\/zh\/giving\/","title":{"rendered":"\u5949\u732e"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21566\" class=\"elementor elementor-21566\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44c893a e-flex e-con-boxed e-con e-parent\" data-id=\"44c893a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5404d0e e-con-full e-flex e-con e-child\" data-id=\"5404d0e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e79ee6d e-con-full e-flex e-con e-child\" data-id=\"e79ee6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3fc4c9 elementor-widget elementor-widget-heading\" data-id=\"e3fc4c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Giving<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-843cd0c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"843cd0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeIn&quot;,&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Support gospel growth<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b7d7f0 elementor-widget elementor-widget-button\" data-id=\"8b7d7f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.surveymonkey.com\/r\/2YB2BY8\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Giving Pledge<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec63377 e-flex e-con-boxed e-con e-parent\" data-id=\"ec63377\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-331047e e-con-full e-flex e-con e-child\" data-id=\"331047e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bbc78cb e-con-full e-flex e-con e-child\" data-id=\"bbc78cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-328a019 e-con-full e-flex e-con e-child\" data-id=\"328a019\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d741828 e-con-full e-flex e-con e-child\" data-id=\"d741828\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74f2727 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"74f2727\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Partner with us financially<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1386ccf elementor-widget elementor-widget-text-editor\" data-id=\"1386ccf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Your giving finances the work of St Paul&#8217;s to share the good news and see God&#8217;s kingdom grow.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c335083 e-con-full e-flex e-con e-child\" data-id=\"c335083\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-538cb45 elementor-align-justify elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"538cb45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/stpaulsministrytraining.org.au\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\"><path d=\"m503.91-480-189-189L384-738.09 642.09-480 384-221.91 314.91-291l189-189Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Give to MTS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d796031 elementor-align-justify elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-hidden-mobile elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-button\" data-id=\"d796031\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/stpaulsanglican.org.au\/scripture-fund\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\"><path d=\"m503.91-480-189-189L384-738.09 642.09-480 384-221.91 314.91-291l189-189Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Give to Scripture fund<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6855eb elementor-align-right elementor-widget__width-initial elementor-mobile-align-right elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-button\" data-id=\"f6855eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/stpaulsministrytraining.org.au\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\"><path d=\"m503.91-480-189-189L384-738.09 642.09-480 384-221.91 314.91-291l189-189Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Give to MTS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de1d920 elementor-align-right elementor-widget__width-initial elementor-mobile-align-right elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"de1d920\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/stpaulsanglican.org.au\/scripture-fund\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\"><path d=\"m503.91-480-189-189L384-738.09 642.09-480 384-221.91 314.91-291l189-189Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Give to Scripture fund<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b76e489 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b76e489\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53784ad e-con-full e-flex e-con e-child\" data-id=\"53784ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8bddcb elementor-widget elementor-widget-heading\" data-id=\"b8bddcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Direct Deposit<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd5880c e-con-full e-flex e-con e-child\" data-id=\"bd5880c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-28ae4bc e-con-full e-flex e-con e-child\" data-id=\"28ae4bc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89fa01a elementor-widget elementor-widget-text-editor\" data-id=\"89fa01a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>St Paul&#8217;s Anglican Parish Account<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8063206 elementor-widget elementor-widget-text-editor\" data-id=\"8063206\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>BSB: 062 300<\/p><p>Account no: 1005 4655<\/p><p>Reference:\u00a0The name of the congregation you belong to<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5babb2 e-con-full e-flex e-con e-child\" data-id=\"e5babb2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fa493d elementor-widget elementor-widget-text-editor\" data-id=\"3fa493d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>St Paul&#8217;s Anglican Building Fund<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87f9747 elementor-align-justify elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"87f9747\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/stpaulsanglican.org.au\/mcp-give\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\"><path d=\"m503.91-480-189-189L384-738.09 642.09-480 384-221.91 314.91-291l189-189Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">General Building Giving (non tax deductible) <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19dd332 elementor-align-justify elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"19dd332\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/stpaulsanglican.org.au\/mcp-tdgive\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\"><path d=\"m503.91-480-189-189L384-738.09 642.09-480 384-221.91 314.91-291l189-189Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Tax Deductible Building Giving <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76120d2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"76120d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-124e2b2 e-con-full e-flex e-con e-child\" data-id=\"124e2b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e945b4 elementor-widget elementor-widget-text-editor\" data-id=\"4e945b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>To learn more about leaving a gift in your will, please <a href=\"https:\/\/stpaulsanglican.org.au\/contact\/\">get in contact<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19960d1 e-con-full e-flex e-con e-child\" data-id=\"19960d1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-208dd59 e-con-full e-flex e-con e-child\" data-id=\"208dd59\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e608e11 elementor-widget elementor-widget-heading\" data-id=\"e608e11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Credit Card<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76a5a8a elementor-widget elementor-widget-html\" data-id=\"76a5a8a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"payment-form1\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/js.stripe.com\/v3\"><\/script>\r\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.4.1\/jquery.min.js\"><\/script>\r\n<link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.0.0\/css\/bootstrap.min.css\"\r\n  integrity=\"sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW\/dAiS6JXm\" crossorigin=\"anonymous\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.12.9\/umd\/popper.min.js\"\r\n  integrity=\"sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K\/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q\" crossorigin=\"anonymous\"><\/script>\r\n<script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.0.0\/js\/bootstrap.min.js\"\r\n  integrity=\"sha384-JZR6Spejh4U02d8jOt6vLEHfe\/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl\" crossorigin=\"anonymous\"><\/script>\r\n<style>\r\n  \/**\r\n   * stripebase.css\r\n   * Adapted from store.css - Stripe Payments Demo. Created by Romain Huet (@romainhuet).\r\n   *\/\r\n  *\r\n  \r\n  .payment-form1 {\r\n    margin: 0;\r\n    padding: 0;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    -webkit-text-size-adjust: none;\r\n    box-sizing: border-box;\r\n    font-size: 16px;\r\n    line-height: 1.5em;\r\n    font-family: DM Sans, sans-serif;\r\n\r\n  }\r\n\r\n  .powered-by-stripe {\r\n    margin-top: -44px;\r\n    margin-left: 120px;\r\n    text-align: right;\r\n  }\r\n\r\n  .payment-form-font {\r\n    font-family: DM Sans, sans-serif;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .payment-form-font.large {\r\n    font-size: 18px;\r\n  }\r\n\r\n  #alert-placeholder {\r\n    margin-top: 10px\r\n  }\r\n\r\n\r\n\r\n\r\n  .btn-group.btn-group-toggle.row {\r\n    margin-left: 0;\r\n    margin-right: 0;\r\n    display: flex;  \/* Make sure the buttons stay in a horizontal line *\/\r\n    flex-wrap: nowrap;  \/* Prevent wrapping on smaller screens *\/\r\n}\r\n    \r\n\r\n  .btn-group-toggle {\r\n    padding-top: 10px;\r\n    padding-bottom: 30px;\r\n\r\n  }\r\n  \r\n\/* Base button styles *\/\r\n.btn-group .btn {\r\n  background-color: #ffffff;\r\n  padding: 10px 1px;\r\n  border-radius: 10px;\r\n  border: 1px solid #d2d2d5;\r\n  text-align: center;\r\n  color: #1c1c1e;\r\n  font-weight: 500;\r\n  font-size: 15px;\r\n  transition: background-color 0.2s ease, border-color 0.2s ease; \/* Add border-color transition *\/\r\n}\r\n\r\n\/* Active\/focus state styles *\/\r\n.btn-group .btn:active,\r\n.btn-group .btn:focus {\r\n  background-color: #e6e6e9; \/* Darker background for active *\/\r\n  border-color: #d2d2d5 !important; \/* Force border to turn black *\/\r\n  box-shadow: none !important;           \/* Remove any box-shadow for consistency *\/\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .btn-group .btn {\r\n    padding: 10px 10px; \/* You can adjust padding for mobile to fit the screen better *\/\r\n  }\r\n}\r\n\r\n\r\n\r\n  #btnPayment {\r\n    margin-top: 20px;\r\n    padding: 11px 20px 11px 20px;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    background-color: #fe7235;\r\n    color:white;\r\n    font-family: DM Sans, sans-serif;\r\n\r\n  }\r\n\r\n  #row-item-value {\r\n    border: none;\r\n    background-color: transparent;\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    font-family: DM Sans, sans-serif;\r\n  }\r\n\r\n  #row-item {\r\n    margin: 0;\r\n    padding: 0;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    -webkit-text-size-adjust: none;\r\n    box-sizing: border-box;\r\n    font-size: 15px;\r\n    line-height: 1.6em;\r\n    background-color: transparent;\r\n    text-align: left;\r\n    color: #1c1c1e;\r\n    padding-left: 15px;\r\n    font-family: DM Sans, sans-serif;\r\n  }\r\n\/*\r\n  body {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }*\/\r\n\r\n\r\n  #payment-container section {\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    text-align: left;\r\n  }\r\n\r\n  #payment-container {\r\n    margin: 0px 0 -10px 0;\r\n    color: #1c1c1e;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  @media (min-width: 800px) {\r\n      #payment-form {\r\n        height: 100%;\r\n        padding: 10px 0px 8px;\r\n      }\r\n    }\r\n\r\n  @media (max-width: 800px) {\r\n    #payment-form {\r\n      height: 100%;\r\n      padding: 0px 0px 0px;\r\n    }\r\n\r\n    fieldset label input {\r\n      min-width:50px;\r\n    }    \r\n\r\n    fieldset label select{\r\n      min-width:50px;\r\n    }\r\n  }\r\n\r\n  fieldset {\r\n    margin-bottom: 30px;\r\n    margin-top: 0px;\r\n    background: #ffffff;\r\n    border: 1px solid #d2d2d5;\r\n    font-size: 15;\r\n    border-radius: 10px; \r\n\r\n  }\r\n\r\n  fieldset label {\r\n    margin: 0;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: row;\r\n    height: 45px;\r\n    padding: 20px 0;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #1c1c1e;\r\n    font-weight: 500;\r\n  }\r\n\r\n\/* lines between Billing Information input boxes *\/\r\n  fieldset label:nth-child(n+1):nth-last-child(n+3) {\r\n    border-bottom: 1px solid #f3f3f6;\r\n  }\r\n\r\n  fieldset label span {\r\n    min-width: 140px;\r\n    padding: 15px;\r\n    color: #1c1c1e;\r\n    text-align: right;\r\n  }\r\n\r\n  select {\r\n    font-size: 15px;\r\n    color: #1c1c1e;\r\n  }\r\n\r\n  .field {\r\n    flex: 1;\r\n    background: transparent;\r\n    font-weight: 400;\r\n    color: #1c1c1e;\r\n    outline: none;\r\n    cursor: text;\r\n  }\r\n\r\n\/**\/\r\n\r\n  .field.input {\r\n    padding-left: 12px;\r\n    padding-right: 13px;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .field::-webkit-input-placeholder {\r\n    color: #d2d2d5;\r\n  }\r\n\r\n  .field::-moz-placeholder {\r\n    color: #d2d2d5\r\n  }\r\n\r\n  .field:-ms-input-placeholder {\r\n    color: #d2d2d5;\r\n  }\r\n\r\n  fieldset .select::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 9px;\r\n    height: 5px;\r\n    right: 20px;\r\n    top: 50%;\r\n    margin-top: -2px;\r\n    background-image: url(\/images\/dropdown.svg);\r\n    pointer-events: none;\r\n  }\r\n\r\n  input {\r\n    flex: 10;\r\n    border-style: none;\r\n    outline: none;\r\n    color: #313b3f;\r\n  }\r\n\r\n  select {\r\n    flex: 1;\r\n    border-style: none;\r\n    outline: none;\r\n    outline: none;\r\n    color: #313b3f;\r\n    cursor: pointer;\r\n    background: transparent;\r\n  }\r\n\r\n  select {\r\n    background-image:\r\n      linear-gradient(45deg, transparent 50%, gray 50%),\r\n      linear-gradient(135deg, gray 50%, transparent 50%),\r\n      linear-gradient(to right, #f3f3f6, #ddd);\r\n    background-position:\r\n      calc(100% - 20px) calc(1em + 5px),\r\n      calc(100% - 15px) calc(1em + 5px),\r\n      calc(100% - 2.5em) .8em;\r\n    background-size:\r\n      5px 5px,\r\n      5px 5px,\r\n      1px 1.5em;\r\n    background-repeat: no-repeat;\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n  }\r\n\r\n  ::-webkit-input-placeholder {\r\n    color: #cfd7e0;\r\n  }\r\n\r\n  ::-moz-placeholder {\r\n    color: #cfd7e0;\r\n    opacity: 1;\r\n  }\r\n\r\n  :-ms-input-placeholder {\r\n    color: #cfd7e0;\r\n  }\r\n\r\n  input:-webkit-autofill,\r\n  select:-webkit-autofill {\r\n    transition: background-color 10000000s;\r\n    -webkit-animation: 1ms void-animation-out 1s;\r\n  }\r\n\r\n  #card-element {\r\n    margin-top: 1px;\r\n    margin-left: 15px;\r\n    margin-right: 6px;\r\n    color: #000000;\r\n  }\r\n  \r\n  \r\n  \r\n  input, select, textarea, button {\r\n  outline: none;\r\n  box-shadow: none;\r\n}\r\n\r\ninput:focus, select:focus, textarea:focus, button:focus {\r\n  border: 0px solid #ffffff; \/* Visible focus indicator *\/\r\n  border-radius: 10px;\r\n}\r\n  \r\n  \r\n  \r\n\/* Style the container holding the checkbox and its label *\/\r\n.checkbox-container {\r\n  display: flex;\r\n\r\n}\r\n\r\n\/* Style the checkbox itself *\/\r\ninput[type=\"checkbox\"] {\r\n  width: 15px; \/* Make the checkbox a bit larger *\/\r\n  height: 15px; \/* Adjust the height *\/\r\n  margin-right: 5px; \/* Add some space between the checkbox and the label *\/\r\n  accent-color: #fe7235; \/* Change the checkbox color (optional) *\/\r\n  cursor: pointer; \/* Make it obvious the checkbox is clickable *\/\r\n  transition: all 0.3s ease; \/* Smooth transition for hover\/focus states *\/\r\n}\r\n\r\nlabel[for=\"chkCoverFees\"] {\r\n  font-weight: 400;\r\n}\r\n\r\n}\r\n\r\n\r\n\r\n  \r\n  \r\n  \r\n  \r\n  \r\n\/* \"Give\" button *\/\r\n\r\n  .stripebutton {\r\n    display: block;\r\n    color: #fff;\r\n    border-radius: 4px;\r\n    border: 0;\r\n    font-weight: 700;\r\n    width: 118px;\r\n    height: 40px;\r\n    outline: none;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s ease;\r\n  }\r\n\r\n\r\n  .stripebutton:hover {\r\n    background-color: #ff6131;\r\n    transition: background-color 0.2s ease;\r\n  }\r\n\r\n  .stripebutton:active {\r\n    background: #ff6131;\r\n  }\r\n\r\n\r\n  .payment-info {\r\n    display: none;\r\n  }\r\n\r\n  .payment-info:not(.stripecard) {\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .payment-info.ideal {\r\n    margin-bottom: 15;\r\n  }\r\n\r\n  .visible,\r\n  .payment-info.visible {\r\n    display: block;\r\n  }\r\n\r\n  .payment-info p.notice {\r\n    font-size: 14px;\r\n    color: #8898aa;\r\n    text-align: left;\r\n  }\r\n\r\n  .element-errors.visible {\r\n    display: inline-flex;\r\n    opacity: 1;\r\n    color: #e25950;\r\n    transition-property: opacity, transform;\r\n    transition-duration: 0.35s;\r\n    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    background: url(\/images\/error.svg) center left no-repeat;\r\n    background-size: 15px 15px;\r\n  }\r\n\r\n  @keyframes spin {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n    to {\r\n      transform: rotate(1turn);\r\n    }\r\n  }\r\n\r\n  @keyframes void-animation-out {\r\n\r\n    0%,\r\n    to {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  .payment-form {\r\n    -ms-flex-align: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .payment-form.submitted form,\r\n  .payment-form.submitting form {\r\n    opacity: 0;\r\n    transform: scale(0.9);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .payment-form.submitted .success,\r\n  .payment-form.submitting .success {\r\n    pointer-events: all;\r\n  }\r\n\r\n  .payment-form.submitting .success .icon {\r\n    opacity: 1;\r\n  }\r\n\r\n  .payment-form.submitted .success>* {\r\n    opacity: 1;\r\n    transform: none !important;\r\n  }\r\n\r\n  .payment-form.submitted .success> :nth-child(2) {\r\n    transition-delay: 0.1s;\r\n  }\r\n\r\n  .payment-form.submitted .success> :nth-child(3) {\r\n    transition-delay: 0.2s;\r\n  }\r\n\r\n  .payment-form.submitted .success> :nth-child(4) {\r\n    transition-delay: 0.3s;\r\n  }\r\n\r\n  .payment-form.submitted .success .icon .border,\r\n  .payment-form.submitted .success .icon .checkmark {\r\n    opacity: 1;\r\n    stroke-dashoffset: 0 !important;\r\n  }\r\n\r\n  .payment-form .caption {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    position: absolute;\r\n    width: 100%;\r\n    top: 100%;\r\n    left: 0;\r\n    color: #aab7c4;\r\n    font-family: DM Sans, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .payment-form .caption * {\r\n    font-family: inherit;\r\n    font-size: inherit;\r\n    font-weight: inherit;\r\n  }\r\n\r\n  .payment-form .caption .no-charge {\r\n    color: #cfd7df;\r\n    margin-right: 10px;\r\n  }\r\n\r\n  .payment-form .caption a.source {\r\n    text-align: right;\r\n    color: inherit;\r\n    transition: color 0.1s ease-in-out;\r\n    margin-left: 10px;\r\n  }\r\n\r\n  .payment-form .caption a.source:hover {\r\n    color: #6772e5;\r\n  }\r\n\r\n  .payment-form .caption a.source:active {\r\n    color: #43458b;\r\n  }\r\n\r\n  .payment-form .caption a.source svg {\r\n    margin-right: 10px;\r\n  }\r\n\r\n  .payment-form .caption a.source svg path {\r\n    fill: currentColor;\r\n  }\r\n\r\n\/*Payment Form Width*\/\r\n\r\n  .payment-form form {\r\n    position: relative;\r\n    width: 100%;\r\n    transition-property: opacity, transform;\r\n    transition-duration: 0.35s;\r\n    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  }\r\n\r\n  .payment-form form input::-webkit-input-placeholder {\r\n    opacity: 1;\r\n  }\r\n\r\n  .payment-form form input::-moz-placeholder {\r\n    opacity: 1;\r\n  }\r\n\r\n  .payment-form form input:-ms-input-placeholder {\r\n    opacity: 1;\r\n  }\r\n\r\n  .payment-form .error {\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n    position: absolute;\r\n    width: 100%;\r\n    top: 100%;\r\n    margin-top: 20px;\r\n    left: 0;\r\n    padding: 0 15px;\r\n    font-size: 13px !important;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition-property: opacity, transform;\r\n    transition-duration: 0.35s;\r\n    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  }\r\n\r\n  .payment-form .error.visible {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  .payment-form .error .message {\r\n    font-size: inherit;\r\n  }\r\n\r\n  .payment-form .error svg {\r\n    -ms-flex-negative: 0;\r\n    flex-shrink: 0;\r\n    margin-top: -1px;\r\n    margin-right: 10px;\r\n  }\r\n\r\n  .payment-form .success {\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -ms-flex-direction: column;\r\n    flex-direction: column;\r\n    -ms-flex-align: center;\r\n    align-items: center;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    padding: 10px;\r\n    text-align: center;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n  }\r\n\r\n  @media (min-width: 670px) {\r\n    .payment-form .success {\r\n      padding: 40px;\r\n    }\r\n  }\r\n\r\n  .payment-form .success>* {\r\n    transition-property: opacity, transform;\r\n    transition-duration: 0.35s;\r\n    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    opacity: 0;\r\n    transform: translateY(50px);\r\n  }\r\n\r\n  .payment-form .success .icon {\r\n    margin: 15px 0 30px;\r\n    transform: translateY(70px) scale(0.75);\r\n  }\r\n\r\n  .payment-form .success .icon svg {\r\n    will-change: transform;\r\n  }\r\n\r\n  .payment-form .success .icon .border {\r\n    stroke-dasharray: 251;\r\n    stroke-dashoffset: 62.75;\r\n    transform-origin: 50% 50%;\r\n    transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    animation: spin 1s linear infinite;\r\n  }\r\n\r\n  .payment-form .success .icon .checkmark {\r\n    stroke-dasharray: 60;\r\n    stroke-dashoffset: 60;\r\n    transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;\r\n  }\r\n\r\n  .payment-form .success .title {\r\n    font-size: 16px;\r\n    font-family: Montserrat, sans-serif;\r\n    font-weight: 500;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .payment-form .success .message {\r\n    font-weight: 400;\r\n    margin-bottom: 25px;\r\n    line-height: 1.6em;\r\n  }\r\n\r\n  .payment-form .success .reset:active {\r\n    transition-duration: 0.15s;\r\n    transition-delay: 0s;\r\n    opacity: 0.65;\r\n  }\r\n\r\n  .payment-form .success .reset svg {\r\n    will-change: transform;\r\n  }\r\n<\/style>\r\n\r\n\r\n\r\n<div id=\"payment-container\" class=\"payment-form\">\r\n  <form id=\"payment-form\" method=\"POST\" action=\"\/orders\">\r\n    <section>\r\n      <fieldset class=\"with-state\">\r\n        <label>\r\n          <span id=\"row-item\">Amount<\/span>\r\n           <span style=\"position: absolute; left: 25px; color: #d2d2d5; font-weight: 400;\">$<\/span>\r\n          <input id=\"amount\" name=\"amount\" class=\"field input payment-form-font\" placeholder=\"0.00\" required\r\n            pattern=\"^\\$?([0-9]{1,3},([0-9]{3},)*[0-9]{3}|[0-9]+)(.[0-9][0-9])?$\">\r\n        <\/label>\r\n      <\/fieldset>\r\n      <div class=\"payment-form-font\">How often would you like to give this?<\/div>\r\n      <div class=\"btn-group btn-group-toggle row\" data-toggle=\"buttons\">\r\n        <label class=\"btn btn-light active col-md-3 payment-form-font\">\r\n          <input type=\"radio\" name=\"options\" id=\"oneoff\" checked onclick=\"handleClick(this);\"> One-off\r\n        <\/label>\r\n        <label class=\"btn btn-light col-md-3 payment-form-font\">\r\n          <input type=\"radio\" name=\"options\" id=\"week\" onclick=\"handleClick(this);\"> Weekly\r\n        <\/label>\r\n        <label class=\"btn btn-light col-md-3 payment-form-font\">\r\n          <input type=\"radio\" name=\"options\" id=\"fortnight\" autocomplete=\"off\" onclick=\"handleClick(this);\"> Fortnightly\r\n        <\/label>\r\n        <label class=\"btn btn-light col-md-3 payment-form-font\">\r\n          <input type=\"radio\" name=\"options\" id=\"month\" autocomplete=\"off\" onclick=\"handleRadioButtonClick('month')\">\r\n          Monthly\r\n        <\/label>\r\n      <\/div>\r\n      <h4>Billing Information<\/h4>\r\n      <fieldset class=\"with-state\">\r\n        <label>\r\n          <span id=\"row-item\">First Name<\/span>\r\n          <input id=\"row-item-value\" name=\"firstname\" class=\"field input\" placeholder=\"First Name\" required>\r\n        <\/label>\r\n        <label>\r\n          <span id=\"row-item\">Last Name<\/span>\r\n          <input id=\"row-item-value\" name=\"surname\" class=\"field input\" placeholder=\"Last Name\" required>\r\n        <\/label>\r\n        <label>\r\n          <span id=\"row-item\">Email<\/span>\r\n          <input id=\"row-item-value\" name=\"email\" type=\"email\" class=\"field input\" placeholder=\"Email\" required>\r\n        <\/label>\r\n        <label>\r\n          <span id=\"row-item\">Congregation<\/span>\r\n          <select id=\"congregation\" class=\"payment-form-font\">\r\n            <option class=\"payment-form-font\">\u2013<\/option>\r\n            <option class=\"payment-form-font\">Morning Church<\/option>\r\n            <option class=\"payment-form-font\">Afternoon Church<\/option>\r\n            <option class=\"payment-form-font\">Night Church<\/option>\r\n            <option class=\"payment-form-font\">Early Morning Church<\/option>\r\n            <option class=\"payment-form-font\">Mandarin Church<\/option>\r\n          <\/select>\r\n        <\/label>\r\n        <label>\r\n          <span id=\"row-item\">Fund<\/span>\r\n          <select id=\"fund\" class=\"payment-form-font\" onchange=\"givingFundChange(this.value)\">\r\n            <option class=\"payment-form-font\">Regular giving<\/option>\r\n            <option class=\"payment-form-font\">Building fund<\/option>\r\n            <option class=\"payment-form-font\">Thanksgiving projects<\/option>\r\n\t    <option class=\"payment-form-font\">Year 13 Fiji Mission<\/option>\r\n            <option class=\"payment-form-font\">Other (special event or cause)<\/option>\r\n          <\/select>\r\n        <\/label>\r\n        <label id=\"thanksgiving-projects\" hidden=\"true\">\r\n          <span id=\"row-item\">Project<\/span>\r\n          <select id=\"selected-project\" class=\"payment-form-font\">\r\n            <option class=\"payment-form-font\">Berkeley Life Centre<\/option>\r\n            <option class=\"payment-form-font\">Maturity Pastor: Sophie Witheridge<\/option>\r\n            <option class=\"payment-form-font\">Children's Playground<\/option>\r\n            <option class=\"payment-form-font\">You Decide<\/option>\r\n          <\/select>\r\n        <\/label>\r\n        <label id=\"other\" hidden=\"true\">\r\n          <span id=\"row-item\">Other<\/span>\r\n          <input id=\"row-item-value\" type=\"text\" name=\"other-fund\" class=\"field input\" placeholder=\"Other\"\/>\r\n        <\/label>\r\n\r\n      <\/fieldset>\r\n    <\/section>\r\n    <h4>Payment Information<\/h4>\r\n    <div class=\"payment-info stripecard visible\" style=\"width:100%\">\r\n      <fieldset>\r\n        <label style=\"width:100%\">\r\n          <div id=\"card-element\" class=\"field\" style=\"width:100%\"><\/div>\r\n        <\/label>\r\n      <\/fieldset>\r\n      <div id=\"card-errors\" class=\"element-errors\" role=\"alert\"><\/div>\r\n    <\/div>\r\n    <!-- Chk Cover Fees-->\r\n    <div style=\"margin-top:20px\"><label for=\"chkCoverFees\"><input type=\"checkbox\" id=\"chkCoverFees\" name=\"coverFees\" checked> I would like to cover the cost of processing this transaction. (1.75% + $0.30)<\/label><\/div>\r\n    <button id=\"btnPayment\" type=\"submit\" class=\"payment-button stripebutton payment-form-font\">Give<\/button>\r\n    <div id=\"alert-placeholder\" role=\"alert\"><\/div>\r\n    <div class=\"powered-by-stripe\">\r\n      <a href=\"https:\/\/stripe.com\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\r\n          width=\"119px\" height=\"26px\">\r\n          <path fill-rule=\"evenodd\" opacity=\"0.349\" fill=\"rgb(66, 71, 112)\"\r\n            d=\"M113.000,26.000 L6.000,26.000 C2.686,26.000 -0.000,23.314 -0.000,20.000 L-0.000,6.000 C-0.000,2.686 2.686,-0.000 6.000,-0.000 L113.000,-0.000 C116.314,-0.000 119.000,2.686 119.000,6.000 L119.000,20.000 C119.000,23.314 116.314,26.000 113.000,26.000 ZM118.000,6.000 C118.000,3.239 115.761,1.000 113.000,1.000 L6.000,1.000 C3.239,1.000 1.000,3.239 1.000,6.000 L1.000,20.000 C1.000,22.761 3.239,25.000 6.000,25.000 L113.000,25.000 C115.761,25.000 118.000,22.761 118.000,20.000 L118.000,6.000 Z\" \/>\r\n          <path fill-rule=\"evenodd\" opacity=\"0.502\" fill=\"rgb(66, 71, 112)\"\r\n            d=\"M60.700,18.437 L59.395,18.437 L60.405,15.943 L58.395,10.871 L59.774,10.871 L61.037,14.323 L62.310,10.871 L63.689,10.871 L60.700,18.437 ZM55.690,16.259 C55.238,16.259 54.774,16.091 54.354,15.764 L54.354,16.133 L53.007,16.133 L53.007,8.566 L54.354,8.566 L54.354,11.229 C54.774,10.913 55.238,10.745 55.690,10.745 C57.100,10.745 58.068,11.881 58.068,13.502 C58.068,15.122 57.100,16.259 55.690,16.259 ZM55.406,11.902 C55.038,11.902 54.669,12.060 54.354,12.376 L54.354,14.628 C54.669,14.943 55.038,15.101 55.406,15.101 C56.164,15.101 56.690,14.449 56.690,13.502 C56.690,12.555 56.164,11.902 55.406,11.902 ZM47.554,15.764 C47.144,16.091 46.681,16.259 46.218,16.259 C44.818,16.259 43.840,15.122 43.840,13.502 C43.840,11.881 44.818,10.745 46.218,10.745 C46.681,10.745 47.144,10.913 47.554,11.229 L47.554,8.566 L48.912,8.566 L48.912,16.133 L47.554,16.133 L47.554,15.764 ZM47.554,12.376 C47.249,12.060 46.881,11.902 46.513,11.902 C45.744,11.902 45.218,12.555 45.218,13.502 C45.218,14.449 45.744,15.101 46.513,15.101 C46.881,15.101 47.249,14.943 47.554,14.628 L47.554,12.376 ZM39.535,13.870 C39.619,14.670 40.251,15.217 41.134,15.217 C41.619,15.217 42.155,15.038 42.702,14.722 L42.702,15.849 C42.103,16.122 41.503,16.259 40.913,16.259 C39.324,16.259 38.209,15.101 38.209,13.460 C38.209,11.871 39.303,10.745 40.808,10.745 C42.187,10.745 43.123,11.829 43.123,13.375 C43.123,13.523 43.123,13.691 43.102,13.870 L39.535,13.870 ZM40.756,11.786 C40.103,11.786 39.598,12.271 39.535,12.997 L41.829,12.997 C41.787,12.281 41.356,11.786 40.756,11.786 ZM35.988,12.618 L35.988,16.133 L34.641,16.133 L34.641,10.871 L35.988,10.871 L35.988,11.397 C36.367,10.976 36.830,10.745 37.282,10.745 C37.430,10.745 37.577,10.755 37.724,10.797 L37.724,11.997 C37.577,11.955 37.409,11.934 37.251,11.934 C36.809,11.934 36.335,12.176 35.988,12.618 ZM29.979,13.870 C30.063,14.670 30.694,15.217 31.578,15.217 C32.062,15.217 32.599,15.038 33.146,14.722 L33.146,15.849 C32.546,16.122 31.946,16.259 31.357,16.259 C29.768,16.259 28.653,15.101 28.653,13.460 C28.653,11.871 29.747,10.745 31.252,10.745 C32.630,10.745 33.567,11.829 33.567,13.375 C33.567,13.523 33.567,13.691 33.546,13.870 L29.979,13.870 ZM31.199,11.786 C30.547,11.786 30.042,12.271 29.979,12.997 L32.273,12.997 C32.231,12.281 31.799,11.786 31.199,11.786 ZM25.274,16.133 L24.200,12.555 L23.137,16.133 L21.927,16.133 L20.117,10.871 L21.464,10.871 L22.527,14.449 L23.590,10.871 L24.810,10.871 L25.873,14.449 L26.936,10.871 L28.283,10.871 L26.484,16.133 L25.274,16.133 ZM17.043,16.259 C15.454,16.259 14.328,15.112 14.328,13.502 C14.328,11.881 15.454,10.745 17.043,10.745 C18.632,10.745 19.748,11.881 19.748,13.502 C19.748,15.112 18.632,16.259 17.043,16.259 ZM17.043,11.871 C16.254,11.871 15.707,12.534 15.707,13.502 C15.707,14.470 16.254,15.133 17.043,15.133 C17.822,15.133 18.369,14.470 18.369,13.502 C18.369,12.534 17.822,11.871 17.043,11.871 ZM11.128,13.533 L9.918,13.533 L9.918,16.133 L8.571,16.133 L8.571,8.892 L11.128,8.892 C12.602,8.892 13.654,9.850 13.654,11.218 C13.654,12.586 12.602,13.533 11.128,13.533 ZM10.939,9.987 L9.918,9.987 L9.918,12.439 L10.939,12.439 C11.718,12.439 12.265,11.944 12.265,11.218 C12.265,10.482 11.718,9.987 10.939,9.987 Z\" \/>\r\n          <path fill-rule=\"evenodd\" opacity=\"0.502\" fill=\"rgb(66, 71, 112)\"\r\n            d=\"M111.116,14.051 L105.557,14.051 C105.684,15.382 106.659,15.774 107.766,15.774 C108.893,15.774 109.781,15.536 110.555,15.146 L110.555,17.433 C109.784,17.861 108.765,18.169 107.408,18.169 C104.642,18.169 102.704,16.437 102.704,13.013 C102.704,10.121 104.348,7.825 107.049,7.825 C109.746,7.825 111.154,10.120 111.154,13.028 C111.154,13.303 111.129,13.898 111.116,14.051 ZM107.031,10.140 C106.321,10.140 105.532,10.676 105.532,11.955 L108.468,11.955 C108.468,10.677 107.728,10.140 107.031,10.140 ZM98.108,18.169 C97.114,18.169 96.507,17.750 96.099,17.451 L96.093,20.664 L93.254,21.268 L93.253,8.014 L95.753,8.014 L95.901,8.715 C96.293,8.349 97.012,7.825 98.125,7.825 C100.119,7.825 101.997,9.621 101.997,12.927 C101.997,16.535 100.139,18.169 98.108,18.169 ZM97.446,10.340 C96.795,10.340 96.386,10.578 96.090,10.903 L96.107,15.122 C96.383,15.421 96.780,15.661 97.446,15.661 C98.496,15.661 99.200,14.518 99.200,12.989 C99.200,11.504 98.485,10.340 97.446,10.340 ZM89.149,8.014 L91.999,8.014 L91.999,17.966 L89.149,17.966 L89.149,8.014 ZM89.149,4.836 L91.999,4.230 L91.999,6.543 L89.149,7.149 L89.149,4.836 ZM86.110,11.219 L86.110,17.966 L83.272,17.966 L83.272,8.014 L85.727,8.014 L85.905,8.853 C86.570,7.631 87.897,7.879 88.275,8.015 L88.275,10.625 C87.914,10.508 86.781,10.338 86.110,11.219 ZM80.024,14.475 C80.024,16.148 81.816,15.627 82.179,15.482 L82.179,17.793 C81.801,18.001 81.115,18.169 80.187,18.169 C78.502,18.169 77.237,16.928 77.237,15.247 L77.250,6.138 L80.022,5.548 L80.024,8.014 L82.180,8.014 L82.180,10.435 L80.024,10.435 L80.024,14.475 ZM76.485,14.959 C76.485,17.003 74.858,18.169 72.497,18.169 C71.518,18.169 70.448,17.979 69.392,17.525 L69.392,14.814 C70.345,15.332 71.559,15.721 72.500,15.721 C73.133,15.721 73.589,15.551 73.589,15.026 C73.589,13.671 69.273,14.181 69.273,11.038 C69.273,9.028 70.808,7.825 73.111,7.825 C74.052,7.825 74.992,7.969 75.933,8.344 L75.933,11.019 C75.069,10.552 73.972,10.288 73.109,10.288 C72.514,10.288 72.144,10.460 72.144,10.903 C72.144,12.181 76.485,11.573 76.485,14.959 Z\" \/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/form>\r\n\r\n  <div class=\"success\">\r\n    <div class=\"icon\">\r\n      <svg width=\"84px\" height=\"84px\" viewBox=\"0 0 84 84\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\r\n        <circle class=\"border\" cx=\"42\" cy=\"42\" r=\"40\" stroke-linecap=\"round\" stroke-width=\"4\" stroke=\"#ef6022\"\r\n          fill=\"none\">\r\n        <\/circle>\r\n        <path class=\"checkmark\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n          d=\"M23.375 42.5488281 36.8840688 56.0578969 64.891932 28.0500338\" stroke-width=\"4\" stroke=\"#ef6022\"\r\n          fill=\"none\">\r\n        <\/path>\r\n      <\/svg>\r\n    <\/div>\r\n    <h4 class=\"title\" data-tid=\"elements_examples.success.title\">Payment successful<\/h4>\r\n    <p class=\"message\"><span data-tid=\"elements_examples.success.message\"><span id=\"thankyou-message\"\r\n          class=\"payment-form-font large\"><\/span><\/p>\r\n    <p class=\"payment-form-font large\">A receipt has been emailed to <span id=\"email-confirmation\"><\/span>.<\/p>\r\n  <\/div>\r\n<\/div>\r\n<script>\r\n  \/\/function declarations\r\n  var thanksgivingProjectFundValue = \"Thanksgiving projects\";\r\n  var otherFundValue = \"Other (special event or cause)\";\r\n  var year13FundValue = \"Year 13 Fiji Mission\";\r\n  createAndMountCardElement = function (stripeElements) {\r\n    \/\/ Create an instance of the card Element.\r\n    var card = stripeElements.create('card', {\r\n      iconStyle: 'solid',\r\n      hidePostalCode: true,\r\n      style: {\r\n        base: {\r\n          color: '#32325d',\r\n          fontFamily: 'Montserrat, sans-serif',\r\n          fontSmoothing: 'antialiased',\r\n          fontSize: '16px',\r\n          '::placeholder': {\r\n            color: '#aab7c4'\r\n          }\r\n        },\r\n        invalid: {\r\n          color: '#fa755a',\r\n          iconColor: '#fa755a'\r\n        }\r\n      }\r\n    });\r\n\r\n    \/\/ Add an instance of the card Element into the `card-element` <div>.\r\n    \/\/card.mount('#card-element');\r\n\r\n    \/\/ Handle real-time validation errors from the card Element.\r\n    card.addEventListener('change', function (event) {\r\n      var displayError = $('#card-errors');\r\n      if (event.error) {\r\n        displayError.text(event.error.message);\r\n        displayError.addClass('element-errors visible');\r\n      } else {\r\n        displayError.text(\"\");\r\n        displayError.removeClass('element-errors visible');\r\n      }\r\n    });\r\n    return card;\r\n  }\r\n  function updateSubmitText(textToDisplay) {\r\n    var baseText = \"Give\"\r\n    var amount = getTotalAmount();\r\n    if (amount != \"NaN\") {\r\n      submitButton.textContent = baseText + \" $\" + amount;\r\n      if (currentSelectedRadioId != \"oneoff\") {\r\n        submitButton.textContent += \" every \" + textToDisplay;\r\n      }\r\n    }\r\n    else {\r\n      submitButton.textContent = baseText;\r\n    }\r\n  }\r\n  var regular = \"regular\";\r\n  var currentCardElement = \"regular\"\r\n  switchCardElements = function () {\r\n    var fundValue = form.querySelector('#fund').value\r\n    if (fundValue === \"Regular giving\" || fundValue === thanksgivingProjectFundValue || fundValue === otherFundValue || fundValue === year13FundValue) {\r\n      if (currentCardElement !== regular)\r\n      {\r\n        currentCardElement = regular;\r\n        regularGivingCard.unmount();\r\n        buildingFundCard.unmount();\r\n        regularGivingCard.mount('#card-element');\r\n      }\r\n    }\r\n    else {\r\n      if (currentCardElement === regular)\r\n      {\r\n        currentCardElement = \"building\";\r\n        buildingFundCard.unmount();\r\n        regularGivingCard.unmount();\r\n        buildingFundCard.mount('#card-element');\r\n      }\r\n    }\r\n  }\r\n  givingFundChange = function (currentSelection) {\r\n    switchCardElements();\r\n    thanksgivingProjects = document.getElementById(\"thanksgiving-projects\")\r\n    other = document.getElementById(\"other\");\r\n    otherInput = form.querySelector('input[name=other-fund]');\r\n    if (currentSelection === thanksgivingProjectFundValue){\r\n      thanksgivingProjects.hidden = false;\r\n    }\r\n    else {\r\n      thanksgivingProjects.hidden = true;\r\n    }\r\n    if (currentSelection === otherFundValue) {\r\n      other.hidden = false;\r\n      otherInput.required = true;\r\n    }\r\n    else {\r\n      other.hidden = true;\r\n      otherInput.required = false\r\n    }\r\n  }\r\n\r\n  function getAmount(){\r\n      var amount = parseFloat(form.querySelector('input[name=amount]').value.replace('$', '').replace(',', ''));\r\n      return amount.toFixed(2);\r\n    }\r\n\r\n    function getTotalAmount() {\r\n      return (parseFloat(getAmount()) + parseFloat(getCoverFeesAmount())).toFixed(2);\r\n    }\r\n\r\n    function getCoverFeesAmount() {\r\n      var chkCoverFees = form.querySelector(\"#chkCoverFees\");\r\n      if (chkCoverFees.checked){\r\n        var amount = parseFloat(form.querySelector('input[name=amount]').value.replace('$', '').replace(',', ''));\r\n        var fixed = 0.30;\r\n        var percent = 0.0175;\r\n        \/\/https:\/\/support.stripe.com\/questions\/passing-the-stripe-fee-on-to-customers\r\n        return ((amount + fixed) \/ (1-percent) - amount).toFixed(2);\r\n      }\r\n      return 0;\r\n    }\r\n\r\n  $('.btn-light').on('click', function () {\r\n    currentSelectedRadioId = $(this).find('input').attr('id');\r\n    updateSubmitText(currentSelectedRadioId);\r\n  });\r\n\r\n  $(\"#amount\").change(function () {\r\n    updateSubmitText(currentSelectedRadioId);\r\n  })\r\n  \r\n  $('#chkCoverFees').change(function() {\r\n    updateSubmitText(currentSelectedRadioId);\r\n  });\r\n<\/script>\r\n<script>\r\n  \/\/var regularGivingStripeKey = \"pk_test_Lv9LyVNfYqgK3gSmAqz1SIPq\";\r\n  var regularGivingStripeKey = \"pk_live_EiUrl5Sk2YzpMjFZ77Q7QFOY\";\r\n  var buildingFundStripeKey = \"pk_live_9Z50MuIJjAFAGjGIAVXIZ0oB00YulOnQ1b\";\r\n  \r\n  var regularGivingStripeApi = Stripe(regularGivingStripeKey);\r\n  var buildingFundStripeApi = Stripe(buildingFundStripeKey);\r\n  var regularGivingElements = regularGivingStripeApi.elements();\r\n  var buildingFundElements = buildingFundStripeApi.elements();\r\n  var regularGivingCard = createAndMountCardElement(regularGivingElements);\r\n  var buildingFundCard = createAndMountCardElement(buildingFundElements);\r\n  regularGivingCard.mount('#card-element');\r\n  getCurrentStripeObjects = function () {\r\n    var fundValue = form.querySelector('#fund').value\r\n    if (fundValue === \"Regular giving\" || fundValue === thanksgivingProjectFundValue || fundValue === otherFundValue || fundValue === year13FundValue) {\r\n      return {\r\n        stripeApi: regularGivingStripeApi,\r\n        currentCard: regularGivingCard\r\n      };\r\n    }\r\n    return {\r\n      stripeApi: buildingFundStripeApi,\r\n      currentCard: buildingFundCard\r\n    };\r\n  }\r\n\r\n  \/\/ Handle form submission.\r\n  var form = document.getElementById('payment-form');\r\n  var submitButton = form.querySelector('button[type=submit]');\r\n  var mainContainer = $(\"#payment-container\");\r\n  var currentSelectedRadioId = \"oneoff\";\r\n  var amount = 0.0;\r\n\r\n  form.addEventListener('submit', function (event) {\r\n    event.preventDefault();\r\n    mainContainer.addClass(\"submitting\");\r\n    submitButton.disabled = true;\r\n    var objects = getCurrentStripeObjects();\r\n    objects.stripeApi.createToken(objects.currentCard).then(function (result) {\r\n      if (result.error) {\r\n        var errorElement = document.getElementById('card-errors');\r\n        mainContainer.removeClass(\"submitting\");\r\n        submitButton.disabled = false;\r\n        $('#alert-placeholder').html('<div class=\"alert alert-danger\"><a class=\"close\" data-dismiss=\"alert\">\u00d7<\/a><span>' + result.error.message + '<\/span><\/div>')\r\n      } else {\r\n        sendToServer(result.token);\r\n      }\r\n    });\r\n  });\r\n\r\n  Post = function (apiUrl, dataToPost, successCallback) {\r\n    return $.ajax(apiUrl, {\r\n      type: \"POST\",\r\n      data: JSON.stringify(dataToPost),\r\n      contentType: \"application\/json;charset=utf-8\",\r\n      success: function (result) {\r\n        successCallback(result);\r\n      },\r\n      error: function (result, status, error) {\r\n        mainContainer.removeClass(\"submitting\");\r\n        submitButton.disabled = false;\r\n        var errorMessage = \"An error occured when processing transaction. Please contact us if problem persists.\";\r\n        $('#alert-placeholder').html('<div class=\"alert alert-danger\"><a class=\"close\" data-dismiss=\"alert\">\u00d7<\/a><span>' + errorMessage + '<\/span><\/div>')\r\n      }\r\n    });\r\n  };\r\n\r\n  function sendToServer(token) {\r\n    var form = document.getElementById('payment-form');\r\n    var paymentDetails = {\r\n      Name: form.querySelector('input[name=firstname]').value + ' ' + form.querySelector('input[name=surname]').value,\r\n      Email: form.querySelector('input[name=email]').value,\r\n      Amount: parseFloat(form.querySelector('input[name=amount]').value.replace('$', '').replace(',', '')),\r\n      TokenId: token.id,\r\n      Congregation: form.querySelector('#congregation').value,\r\n      Fund: form.querySelector('#fund').value,\r\n      Project: form.querySelector('#selected-project').value,\r\n      Frequency: currentSelectedRadioId,\r\n      Other: form.querySelector('input[name=other-fund]').value,\r\n      CoverFeesChecked: form.querySelector(\"#chkCoverFees\").checked,\r\n      CoverFeesAmount: parseFloat(getCoverFeesAmount())\r\n    };\r\n    Post(\"https:\/\/stpaulsgiving.solstone.com.au\/api\/checkout\", paymentDetails, function (result) {\r\n      mainContainer.removeClass(\"submitting\");\r\n      mainContainer.addClass(\"submitted\");\r\n      document.getElementById(\"email-confirmation\").textContent = paymentDetails.Email;\r\n      document.getElementById(\"thankyou-message\").textContent = \"Thank you for giving to St Paul's, \" + form.querySelector('input[name=firstname]').value + \".\"\r\n    });\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6eecb97 e-con-full e-flex e-con e-child\" data-id=\"6eecb97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-579c398 e-con-full e-flex e-con e-child\" data-id=\"579c398\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d59a5b1 elementor-widget elementor-widget-text-editor\" data-id=\"d59a5b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Manage your giving<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2f7813 elementor-widget elementor-widget-text-editor\" data-id=\"d2f7813\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We partner with Stripe to manage your online giving. If you set up your giving through our website, you can manage your plan directly in Stripe&#8217;s portal. <a href=\"https:\/\/billing.stripe.com\/p\/login\/bIY7uT6zW7Up6dieUU\">Click here<\/a> to update your credit card details or cancel your plan.<\/p><p>If you are unsure where you first set up your giving, please check your bank statements or <a href=\"https:\/\/stpaulsanglican.org.au\/contact\/\">contact<\/a> the church office.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e53124 e-con-full e-flex e-con e-child\" data-id=\"2e53124\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6397a80 elementor-widget elementor-widget-text-editor\" data-id=\"6397a80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Change giving amount or frequency<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f42ec3 elementor-widget elementor-widget-text-editor\" data-id=\"6f42ec3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>To change the amount or frequency of your giving plan, you will first need to cancel your current plan, then return to this page to set up a new giving plan with the updated amount\/frequency.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Giving Support gospel growth Giving Pledge Partner with us financially Your giving finances the work of St Paul&#8217;s to share the good news and see God&#8217;s kingdom grow. Give to MTS Give to Scripture fund Give to MTS Give to Scripture fund Direct Deposit St Paul&#8217;s Anglican Parish Account BSB: 062 300 Account no: 1005 [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-21566","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stpaulsanglican.org.au\/zh\/wp-json\/wp\/v2\/pages\/21566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stpaulsanglican.org.au\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stpaulsanglican.org.au\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stpaulsanglican.org.au\/zh\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/stpaulsanglican.org.au\/zh\/wp-json\/wp\/v2\/comments?post=21566"}],"version-history":[{"count":5,"href":"https:\/\/stpaulsanglican.org.au\/zh\/wp-json\/wp\/v2\/pages\/21566\/revisions"}],"predecessor-version":[{"id":38029,"href":"https:\/\/stpaulsanglican.org.au\/zh\/wp-json\/wp\/v2\/pages\/21566\/revisions\/38029"}],"wp:attachment":[{"href":"https:\/\/stpaulsanglican.org.au\/zh\/wp-json\/wp\/v2\/media?parent=21566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}