{"id":138,"date":"2023-12-04T22:05:15","date_gmt":"2023-12-04T22:05:15","guid":{"rendered":"https:\/\/davidandally.weddingessentials.pro\/?page_id=138"},"modified":"2023-12-06T21:14:02","modified_gmt":"2023-12-06T21:14:02","slug":"startpage","status":"publish","type":"page","link":"https:\/\/davidandally.weddingessentials.pro\/","title":{"rendered":"Startpage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"138\" class=\"elementor elementor-138\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c869139 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"7c869139\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-70090697\" data-id=\"70090697\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-19c74424 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"19c74424\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.17.0 - 08-11-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-6-1024x1024.png\" class=\"attachment-large size-large wp-image-24\" alt=\"\" srcset=\"https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-6-1024x1024.png 1024w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-6-300x300.png 300w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-6-150x150.png 150w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-6-768x768.png 768w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-6-1536x1536.png 1536w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-6.png 2000w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c260214 elementor-widget elementor-widget-text-editor\" data-id=\"c260214\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.17.0 - 08-11-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\"><span class=\"OYPEnA text-decoration-none text-strikethrough-none\">joyfully invite you and your <\/span><span class=\"OYPEnA text-decoration-none text-strikethrough-none\">families to our wedding<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dd5dd0a elementor-widget elementor-widget-image\" data-id=\"5dd5dd0a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-14-1024x576.png\" class=\"attachment-large size-large wp-image-28\" alt=\"\" srcset=\"https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-14-1024x576.png 1024w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-14-300x169.png 300w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-14-768x432.png 768w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-14-1536x864.png 1536w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-14.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11344be0 elementor-widget elementor-widget-text-editor\" data-id=\"11344be0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\">Sheraton Grand Mirage Resort<br \/>Gold Coast<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56b02a5f elementor-widget elementor-widget-text-editor\" data-id=\"56b02a5f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Countdown to Wedding Day<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57f0eff elementor-widget elementor-widget-wpr-countdown\" data-id=\"57f0eff\" data-element_type=\"widget\" data-widget_type=\"wpr-countdown.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"wpr-countdown-wrap elementor-clearfix\" data-type=\"due-date\" data-show-again=\"0\" data-actions=\"[]\" data-interval=\"1712419200\"><div class=\"wpr-countdown-item\"><span class=\"wpr-countdown-number wpr-countdown-days\" data-item=\"days\"><\/span><span class=\"wpr-countdown-label\" data-text=\"{&quot;singular&quot;:&quot;Day&quot;,&quot;plural&quot;:&quot;Days&quot;}\">Days<\/span><\/div><div class=\"wpr-countdown-item\"><span class=\"wpr-countdown-number wpr-countdown-hours\" data-item=\"hours\"><\/span><span class=\"wpr-countdown-label\" data-text=\"{&quot;singular&quot;:&quot;Hour&quot;,&quot;plural&quot;:&quot;Hours&quot;}\">Hours<\/span><\/div><div class=\"wpr-countdown-item\"><span class=\"wpr-countdown-number wpr-countdown-minutes\" data-item=\"minutes\"><\/span><span class=\"wpr-countdown-label\" data-text=\"{&quot;singular&quot;:&quot;Minute&quot;,&quot;plural&quot;:&quot;Minutes&quot;}\">Minutes<\/span><\/div><div class=\"wpr-countdown-item\"><span class=\"wpr-countdown-number wpr-countdown-seconds\" data-item=\"seconds\"><\/span><span class=\"wpr-countdown-label\">Seconds<\/span><\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-35ea91f6 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"35ea91f6\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2bdedabb\" data-id=\"2bdedabb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2a2d7f36 elementor-widget elementor-widget-image\" data-id=\"2a2d7f36\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-5-1024x1024.png\" class=\"attachment-large size-large wp-image-30\" alt=\"\" srcset=\"https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-5-1024x1024.png 1024w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-5-300x300.png 300w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-5-150x150.png 150w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-5-768x768.png 768w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-5-1536x1536.png 1536w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-1-5.png 2000w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23db3463 elementor-widget elementor-widget-text-editor\" data-id=\"23db3463\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span class=\"OYPEnA text-decoration-none text-strikethrough-none\">Schedule<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4243428c elementor-widget elementor-widget-image\" data-id=\"4243428c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"1024\" src=\"https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-15-512x1024.png\" class=\"attachment-large size-large wp-image-31\" alt=\"\" srcset=\"https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-15-512x1024.png 512w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-15-150x300.png 150w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-15-768x1536.png 768w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-15-1024x2048.png 1024w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-15.png 1500w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18fc48b9 elementor-widget elementor-widget-menu-anchor\" data-id=\"18fc48b9\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.17.0 - 08-11-2023 *\/\nbody.elementor-page .elementor-widget-menu-anchor{margin-bottom:0}<\/style>\t\t<div id=\"rsvp\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1328a44 elementor-widget elementor-widget-image\" data-id=\"1328a44\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-17-1024x576.png\" class=\"attachment-large size-large wp-image-73\" alt=\"\" srcset=\"https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-17-1024x576.png 1024w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-17-300x169.png 300w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-17-768x432.png 768w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-17-1536x864.png 1536w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-17.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a79362 elementor-widget elementor-widget-menu-anchor\" data-id=\"5a79362\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"rsvp\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-341c76a2 elementor-widget elementor-widget-text-editor\" data-id=\"341c76a2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>RSVP<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-172525ff elementor-widget elementor-widget-html\" data-id=\"172525ff\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"step-1\" class=\"step\">\r\n    <div class=\"acceptance-icons-container\">\r\n        <div class=\"acceptance-icons\" title=\"Accept\" onclick=\"toggleIcon('accept')\">\r\n            <div class=\"icon\" id='icon-accept'>\r\n                <img decoding=\"async\" src=\"https:\/\/wedtemplates.storch-agentur.de\/wp-content\/uploads\/2023\/08\/heart.png\">\r\n            <\/div>\r\n            <div class=\"acceptance-label\">JOYFULLY ACCEPT<\/div>\r\n        <\/div>\r\n        <div class=\"acceptance-icons\" title=\"Decline\" onclick=\"toggleIcon('deny')\">\r\n            <div class=\"icon\" id='icon-deny'>\r\n                <img decoding=\"async\" src=\"https:\/\/wedtemplates.storch-agentur.de\/wp-content\/uploads\/2023\/08\/broken-heart.png\">\r\n            <\/div>\r\n            <div class=\"acceptance-label\">REGRETFULLY DECLINE<\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <label for=\"guests\">Number of Adults:<\/label>\r\n    <input type=\"number\" id=\"adults\" min=\"1\" value=\"1\">\r\n    <label for=\"guests\">Number of Children:<\/label>\r\n    <input type=\"number\" id=\"children\" min=\"0\" value=\"0\">\r\n    <div class=\"button-container\">\r\n        <div id=\"error-message\" style=\"color: red;\"><\/div>\r\n        <button class=\"nextPrev-btn\" onclick=\"changeStep(2)\">NEXT<\/button>\r\n    <\/div>\r\n<\/div>\r\n<div id=\"step-2\" class=\"step\" style=\"display: none;\">\r\n    <div id=\"guestsInfo\"><\/div>\r\n    <div class=\"button-container\">\r\n        <div id=\"error-message\" style=\"color: red;\"><\/div>\r\n        <button class=\"nextPrev-btn\" onclick=\"changeStep(1)\">BACK<\/button>\r\n        <button class=\"nextPrev-btn\" onclick=\"changeStep(3)\">NEXT<\/button>\r\n    <\/div>\r\n\r\n<\/div>\r\n<div id=\"step-3\" class=\"step\" style=\"display: none;\">\r\n    <div id=\"review\"><\/div>\r\n    <div class=\"button-container\">\r\n        <div id=\"error-message\" style=\"color: red;\"><\/div>\r\n        <button class=\"nextPrev-btn\" onclick=\"changeStep(2)\">BACK<\/button>\r\n        <button id=\"submit-btn\" onclick=\"submitForm()\">SUBMIT<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n  <!-- Loading Step -->\r\n<div id=\"step-loading\" style=\"display: none;\">\r\n  <div class=\"loading\">\r\n    <div class=\"loader\"><\/div>\r\n  <\/div>\r\n  <p>Loading, please wait...<\/p>\r\n<\/div>\r\n\r\n\r\n <!-- Step Success: Display when the data has been sent successfully -->\r\n<div id=\"step-success\" style=\"display: none;\">\r\n  <h1>Thank you!<\/h1>\r\n  <p>Your information was successfully submitted.<\/p>\r\n<\/div>\r\n\r\n<!-- Step Failure: Display when there was an error sending the data -->\r\n<div id=\"step-failure\" style=\"display: none;\">\r\n  <h1>Oops!<\/h1>\r\n  <p>An error has occured. Please disable your AdBlockers and try again.<\/p>\r\n<\/div>\r\n\r\n\r\n<style>\r\n.button-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 10px; \/* Adds space between buttons *\/\r\n    margin: 15px auto; \/* Centers the container horizontally *\/\r\n}\r\n\r\n.nextPrev-btn {\r\n    width:50%;\r\n    background-color: #8C987D;\r\n    border: none;\r\n    color: white;\r\n    font-family: 'Playfair Display';\r\n    border-radius: 24px;\r\n}\r\n\r\n#submit-btn {\r\n    width: 80%;\r\n    background-color: #8C987D;\r\n    border: none;\r\n    color: white;\r\n    font-weight: bold;\r\n    font-family: 'Playfair Display';\r\n    border-radius: 24px;\r\n}\r\n\r\n\r\n.acceptance-icons-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.acceptance-icons {\r\n    display: flex;\r\n    width: 50%;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    margin-right: 20px;\r\n    cursor: pointer;\r\n}\r\n\r\n.icon {\r\n    width: 64px;\r\n}\r\n\r\n.icon img {\r\n    max-width: 100%;\r\n}\r\n\r\n.acceptance-label {\r\n    text-align: center;\r\n    font-family: 20px;\r\n    font-weight: bold;\r\n    margin-top: 10px;\r\n    font-family: 'Playfair Display';\r\n}\r\n\r\n.guest-collapsible {\r\n    cursor: pointer;\r\n    border: 1px solid #f1f1f1;\r\n    margin: 10px 0;\r\n}\r\n\r\n.guest-content {\r\n    display: block;\r\n    padding: 10px;\r\n}\r\n\r\n\/* Styles for all input fields *\/\r\n.guest-content input {\r\n    width: 100%;                  \/* Make input take the full width of the container *\/\r\n    padding: 10px 15px;           \/* Add padding for better appearance *\/\r\n    border: 1px solid #ccc;       \/* Define a border *\/\r\n    border-radius: 4px;           \/* Round the corners slightly *\/\r\n    font-size: 16px;              \/* Font size *\/\r\n    background-color: white;      \/* Background color *\/\r\n    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); \/* Add a subtle inner shadow for depth *\/\r\n    margin-bottom: 10px;          \/* Space between input fields *\/\r\n    appearance: none;             \/* Remove browser default styling *\/\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    transition: border-color 0.2s; \/* Transition for a smooth effect on focus *\/\r\n    height: 40px;\r\n}\r\n\r\n\/* Hover state *\/\r\n.guest-content input:hover {\r\n    border-color: #aaa;           \/* Slightly darken border on hover *\/\r\n}\r\n\r\n\/* Focus state *\/\r\n.guest-content input:focus {\r\n    border-color: #007BFF;        \/* Highlight border color when input is focused *\/\r\n    outline: none;                \/* Remove the default browser outline *\/\r\n    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 123, 255, 0.5); \/* Enhance shadow on focus *\/\r\n}\r\n\r\n\/* Remove the default clear 'x' in IE and Edge *\/\r\n.guest-content input::-ms-clear {\r\n    display: none;\r\n}\r\n\r\n\/* Remove default spin buttons on number inputs for Firefox *\/\r\n.guest-content input[type=\"number\"]::-webkit-inner-spin-button,\r\n.guest-content input[type=\"number\"]::-webkit-outer-spin-button {\r\n    appearance: none;\r\n    margin: 0;\r\n}\r\n\r\n\/* Remove default spin buttons on number inputs for Firefox *\/\r\n.guest-content input[type=\"number\"] {\r\n    -moz-appearance: textfield;\r\n}\r\n\r\n\/* Handle styles for date pickers in Webkit browsers *\/\r\n.guest-content input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n    background-color: rgba(0, 123, 255, 0.3);\r\n    border-radius: 4px;\r\n    padding: 5px;\r\n    color: transparent;         \/* Transparent color for the default icon *\/\r\n    cursor: pointer;            \/* Cursor style *\/\r\n}\r\n\r\n\r\n\/* CSS for reviewDiv *\/\r\n#review {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center; \/* Centers items horizontally *\/\r\n    width: 100%;\r\n    max-width: 600px; \/* Limiting the maximum width to ensure readability *\/\r\n    margin: 20px auto; \/* 20px vertical margin and auto horizontal margin to center the div *\/\r\n    padding: 20px;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 8px;\r\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); \/* Optional subtle shadow for some depth *\/\r\n    background-color: #ffffff;\r\n}\r\n\r\n#review p {\r\n    width: 100%;\r\n    text-align: left; \/* Content aligned to left within each paragraph *\/\r\n    margin-bottom: 15px;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n}\r\n\r\n#review h3 {\r\n    width: 100%;\r\n    margin-bottom: 10px; \/* Add some spacing below the headers *\/\r\n    font-size: 18px; \/* Adjust the font size as needed *\/\r\n    \/* Additional styling for headers as needed *\/\r\n}\r\n\r\n#step-loading, #step-success, #step-failure {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center; \/* Centers items horizontally *\/\r\n  justify-content: center; \/* Centers items vertically *\/\r\n  width: 50%; \/* Set the width to 50% *\/\r\n  margin: 0 auto; \/* Center the div on the page *\/\r\n  padding: 20px;\r\n  text-align: center; \/* Center-align the text *\/\r\n}\r\n\r\n#step-success, #step-failure {\r\n  text-align: center;\r\n  color: #333;\r\n  font-size: 18px;\r\n}\r\n\r\n#step-success h1,\r\n#step-failure h1 {\r\n  color: #aec5b3;\r\n  font-size: 24px;\r\n}\r\n\r\n.loading {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n#step-loading p {\r\n    text-align: center;\r\n    margin-top: 25px;\r\n}\r\n\r\n.loader {\r\n  border: 5px solid #f3f3f3;\r\n  border-radius: 50%;\r\n  border-top: 5px solid #3498db;\r\n  width: 50px;\r\n  height: 50px;\r\n  animation: spin 2s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% { transform: rotate(0deg); }\r\n  100% { transform: rotate(360deg); }\r\n}\r\n\r\n\r\n.error-message {\r\n  font-size: 16px; \r\n  color: red; \r\n  margin-top: 10px; \r\n  font-weight: bold; \r\n  display: none; \r\n}\r\n\r\nlabel {\r\n    text-transform: uppercase;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n    function toggleIcon(selectedIconType) {\r\n        \/\/ Elements for both icons\r\n        const acceptIcon = document.getElementById('icon-accept');\r\n        const denyIcon = document.getElementById('icon-deny');\r\n\r\n        \/\/ Determine which icon is clicked and which is the other icon\r\n        const clickedIcon = selectedIconType === 'accept' ? acceptIcon : denyIcon;\r\n        const otherIcon = selectedIconType === 'accept' ? denyIcon : acceptIcon;\r\n\r\n        \/\/ Toggle the 'selected' class and update the image for the clicked icon\r\n        if (clickedIcon.classList.contains('selected')) {\r\n            clickedIcon.classList.remove('selected');\r\n            clickedIcon.querySelector('img').src = clickedIcon.querySelector('img').src.replace('-selected.png', '.png');\r\n        } else {\r\n            clickedIcon.classList.add('selected');\r\n            clickedIcon.querySelector('img').src = clickedIcon.querySelector('img').src.replace('.png', '-selected.png');\r\n        }\r\n\r\n        \/\/ Ensure the other icon is not selected and its image is the default one\r\n        if (otherIcon.classList.contains('selected')) {\r\n            otherIcon.classList.remove('selected');\r\n            otherIcon.querySelector('img').src = otherIcon.querySelector('img').src.replace('-selected.png', '.png');\r\n        }\r\n    } \r\n\r\n\r\n    function hideAllSteps() {\r\n        const stepDivs = document.querySelectorAll('[id^=\"step-\"]');\r\n        stepDivs.forEach(div => div.style.display = 'none');\r\n    }\r\n\r\n    function changeStep(step) {\r\n        \r\n        if (step === 1) {}\r\n\r\n        if (step === 2) {\r\n            if (!verifyStep1()) {\r\n                return;\r\n            }\r\n\r\n            createGuestInfo();\r\n        }\r\n\r\n        if (step === 3) {\r\n            if (!verifyStep2()) {\r\n                return;\r\n            }\r\n\r\n            createReview();\r\n        }\r\n\r\n        hideAllSteps();\r\n        document.getElementById('step-' + step).style.display = 'block';\r\n    }\r\n\r\n\r\n    function createGuestInfo() {\r\n        const numberOfAdults = parseInt(document.getElementById('adults').value);\r\n        const numberOfChildren = parseInt(document.getElementById('children').value);\r\n        const guestsInfoDiv = document.getElementById('guestsInfo');\r\n        guestsInfoDiv.innerHTML = ''; \/\/ Clear previous content\r\n\r\n        \/\/ Create inputs for adults\r\n        for (let i = 1; i <= numberOfAdults; i++) {\r\n            guestsInfoDiv.innerHTML += `\r\n                <div class=\"guest adults\">\r\n                    <h3>Adult #${i}<\/h3>\r\n                    <label>Name:<\/label>\r\n                    <input type=\"text\" class=\"adult-name\" oninput=\"updateGuestTitle(this, 'Adult', ${i})\">\r\n                <\/div>\r\n            `;\r\n        }\r\n\r\n        \/\/ Create options for children\r\n        for (let j = 1; j <= numberOfChildren; j++) {\r\n            guestsInfoDiv.innerHTML += `\r\n                <div class=\"guest children\">\r\n                    <h3>Child #${j}<\/h3>\r\n                    <label>Name:<\/label>\r\n                    <input type=\"text\" class=\"child-name\" oninput=\"updateGuestTitle(this, 'Child', ${j})\">\r\n\r\n                    <!-- New line for checkboxes -->\r\n                    <div class=\"child-options\">\r\n                        <label>Kids Meal:<\/label>\r\n                        <input type=\"checkbox\" class=\"child-meal\">\r\n                        <label>High Chair:<\/label>\r\n                        <input type=\"checkbox\" class=\"child-chair\">\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n        }\r\n    }\r\n\r\n\r\n    function updateGuestTitle(inputElement, guestType, guestNumber) {\r\n        const guestName = inputElement.value;\r\n        const guestSection = inputElement.closest('.guest');\r\n        const titleElement = guestSection.querySelector('h3');\r\n\r\n        titleElement.textContent = guestName || `${guestType} #${guestNumber}`;\r\n    }\r\n\r\n\r\n    function verifyStep1() {\r\n        const isAccepted = document.getElementById('icon-accept').classList.contains('selected');\r\n        const isDenied = document.getElementById('icon-deny').classList.contains('selected');\r\n        const numberOfAdults = parseInt(document.getElementById('adults').value);\r\n        const step1Div = document.getElementById('step-1');\r\n        const errorMessageDiv = step1Div.querySelector('#error-message');\r\n        errorMessageDiv.textContent = '';\r\n\r\n        \/\/ Check if either accepted or denied is selected\r\n        if (!isAccepted && !isDenied) {\r\n            errorMessageDiv.style.display = 'block';\r\n            errorMessageDiv.textContent = 'Please either accept or decline';\r\n            return false; \/\/ Return false indicating verification failed\r\n        }\r\n\r\n        if(numberOfAdults < 1) {\r\n            errorMessageDiv.style.display = 'block';\r\n            errorMessageDiv.textContent = 'Number of Adults must be at least 1';\r\n            return false; \/\/ Return false indicating verification failed \r\n        }\r\n\r\n        errorMessageDiv.style.display = 'none';\r\n        errorMessageDiv.textContent = '';\r\n        return true; \/\/ Return true indicating successful verification\r\n    }\r\n\r\n\r\n    function verifyStep2() {\r\n        \/\/ Get all adult and children names\r\n        const adultNames = document.querySelectorAll('.adult-name');\r\n        const childNames = document.querySelectorAll('.child-name');\r\n\r\n        const step2Div = document.getElementById('step-2');\r\n        const errorMessageDiv = step2Div.querySelector('#error-message');\r\n        errorMessageDiv.textContent = '';\r\n\r\n        \/\/ Function to check if input is empty\r\n        const isInputEmpty = (input) => input.value.trim() === '';\r\n\r\n        \/\/ Check if any adult names are empty\r\n        for (const input of adultNames) {\r\n            if (isInputEmpty(input)) {\r\n                errorMessageDiv.style.display = 'block';\r\n                errorMessageDiv.textContent = 'Please fill out all adult names';\r\n                return false; \/\/ Return false indicating verification failed\r\n            }\r\n        }\r\n\r\n        \/\/ Check if any child names are empty\r\n        for (const input of childNames) {\r\n            if (isInputEmpty(input)) {\r\n                errorMessageDiv.style.display = 'block';\r\n                errorMessageDiv.textContent = 'Please fill out all child names';\r\n                return false; \/\/ Return false indicating verification failed\r\n            }\r\n        }\r\n\r\n        \/\/ If all inputs have values\r\n        errorMessageDiv.style.display = 'none';\r\n        errorMessageDiv.textContent = '';\r\n        return true; \/\/ Return true indicating successful verification\r\n    }\r\n\r\n\r\n    function createReview() {\r\n        const isAccepted = document.getElementById('icon-accept').classList.contains('selected');\r\n        const acceptanceStatus = isAccepted ? 'Joyfully accept' : 'Regretfully decline';\r\n        const numberOfAdults = document.getElementById('adults').value;\r\n        const numberOfChildren = document.getElementById('children').value;\r\n        \r\n        const adultNames = document.querySelectorAll('.adult-name');\r\n        const childNames = document.querySelectorAll('.child-name');\r\n        const childMeals = document.querySelectorAll('.child-meal');\r\n        const childChairs = document.querySelectorAll('.child-chair');\r\n    \r\n        const reviewDiv = document.getElementById('review');\r\n        reviewDiv.innerHTML = `<h2>Review Your Information<\/h2>`;\r\n        reviewDiv.innerHTML += `<p>Acceptance Status: ${acceptanceStatus}<\/p>`;\r\n        reviewDiv.innerHTML += `<p>Number of Adults: ${numberOfAdults}<\/p>`;\r\n        reviewDiv.innerHTML += `<p>Number of Children: ${numberOfChildren}<\/p>`;\r\n    \r\n        reviewDiv.innerHTML += `<h3>Adults:<\/h3>`;\r\n        adultNames.forEach((input, index) => {\r\n            reviewDiv.innerHTML += `<p>Adult #${index + 1}: ${input.value}<\/p>`;\r\n        });\r\n    \r\n        if(numberOfChildren > 0) {\r\n            reviewDiv.innerHTML += `<h3>Children:<\/h3>`;\r\n            childNames.forEach((input, index) => {\r\n                const kidsMealStatus = childMeals[index].checked ? 'Yes' : 'No';\r\n                const highChairStatus = childChairs[index].checked ? 'Yes' : 'No';\r\n                reviewDiv.innerHTML += `<p>Child #${index + 1}: ${input.value} - Kids Meal: ${kidsMealStatus}, High Chair: ${highChairStatus}<\/p>`;\r\n            });\r\n        }\r\n    }\r\n\r\n\r\n    function submitForm() {\r\n        changeStep('loading')\r\n        \r\n        const isAccepted = document.getElementById('icon-accept').classList.contains('selected');\r\n        const acceptanceStatus = isAccepted ? 'Accepted' : 'Declined';\r\n        const numberOfAdults = parseInt(document.getElementById('adults').value, 10);\r\n        const numberOfChildren = parseInt(document.getElementById('children').value, 10);\r\n    \r\n        \/\/ Gathering adult details\r\n        const adultElements = document.querySelectorAll('.adult-name');\r\n        const adults = Array.from(adultElements).map((input, index) => {\r\n            return {\r\n                id: index + 1,\r\n                name: input.value\r\n            };\r\n        });\r\n    \r\n        \/\/ Gathering children details\r\n        const childElements = document.querySelectorAll('.child-name');\r\n        const childMeals = document.querySelectorAll('.child-meal');\r\n        const childChairs = document.querySelectorAll('.child-chair');\r\n        const children = Array.from(childElements).map((input, index) => {\r\n            return {\r\n                id: index + 1,\r\n                name: input.value,\r\n                kidsMeal: childMeals[index].checked,\r\n                highChair: childChairs[index].checked\r\n            };\r\n        });\r\n\r\n        \r\n        const payload = {\r\n            acceptanceStatus,\r\n            numberOfAdults,\r\n            numberOfChildren,\r\n            adults,\r\n            children\r\n        };\r\n\r\n      const url = 'https:\/\/europe-west3-wedding-rsvp-385418.cloudfunctions.net\/rsvp-davidally';\r\n\r\n     fetch(url, {\r\n         method: 'POST',\r\n         headers: {\r\n             'Content-Type': 'application\/json',\r\n         },\r\n         body: JSON.stringify(payload)\r\n     })\r\n     .then(response => {\r\n         \/\/ Wait for at least 1 second before switching steps\r\n         setTimeout(() => {\r\n             if (response.ok) {\r\n                 \/\/ Received 200\r\n                 changeStep('success');\r\n             } else {\r\n                 console.log('Backend error');\r\n                 changeStep('failure');\r\n             }\r\n         }, 500);  \/\/ 1000 milliseconds = 1 second\r\n     })\r\n     .catch(error => {\r\n         \/\/ Wait for at least 1 second before switching steps\r\n         setTimeout(() => {\r\n             \/\/ Error sending data\r\n             changeStep('failure');\r\n         }, 500);  \/\/ 1000 milliseconds = 1 second\r\n     });\r\n     \r\n      \r\n      const rsvpElement = document.getElementById('rsvp');\r\n       if (rsvpElement) {\r\n            rsvpElement.scrollIntoView({ behavior: 'smooth' });\r\n        }\r\n    }\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e29319 elementor-widget elementor-widget-image\" data-id=\"e29319\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-16-1024x576.png\" class=\"attachment-large size-large wp-image-35\" alt=\"\" srcset=\"https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-16-1024x576.png 1024w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-16-300x169.png 300w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-16-768x432.png 768w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-16-1536x864.png 1536w, https:\/\/davidandally.weddingessentials.pro\/wp-content\/uploads\/2023\/12\/RSVP-Website-Elements-16.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c0526e5 elementor-widget elementor-widget-text-editor\" data-id=\"2c0526e5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span class=\"OYPEnA text-decoration-none text-strikethrough-none\">Details<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f38c4a8 elementor-widget elementor-widget-text-editor\" data-id=\"1f38c4a8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\"><span class=\"OYPEnA text-decoration-none text-strikethrough-none\">Event address<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-488ac1f1 elementor-widget elementor-widget-text-editor\" data-id=\"488ac1f1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\">Sheraton Grand Mirage Resort<br \/>Gold Coast, 71 SeaWorld Drive Main Beach QLD 4217<\/p><p class=\"cvGsUA direction-ltr align-center para-style-body\">\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2a49bc elementor-widget elementor-widget-text-editor\" data-id=\"a2a49bc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\"><span class=\"OYPEnA text-decoration-none text-strikethrough-none\">Accommodation<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca53fb2 elementor-widget elementor-widget-text-editor\" data-id=\"ca53fb2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\">10% discount rate applies to wedding guests.<br \/>Please contact Resort\u2019s direct phone line 07 5577 0000 for reservation.<\/p><p class=\"cvGsUA direction-ltr align-center para-style-body\">\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c667f5 elementor-widget elementor-widget-text-editor\" data-id=\"4c667f5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\"><span class=\"OYPEnA text-decoration-none text-strikethrough-none\">GIFTS<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65c1d5f2 elementor-widget elementor-widget-text-editor\" data-id=\"65c1d5f2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\">We can&#8217;t imagine our wedding day without having all our loved ones here to celebrate with us.We know some of you have come from far and wide, and we&#8217;re so grateful for the effort you&#8217;ve taken.If you&#8217;d like to give a little something extra to help start our journey on the right foot, we&#8217;ve got a wishing well set up where you can drop your cash and loving messages.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74fcb0a7 elementor-widget elementor-widget-text-editor\" data-id=\"74fcb0a7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-center para-style-body\">Thank you all for being a part of our day.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>joyfully invite you and your families to our wedding Sheraton Grand Mirage ResortGold Coast Countdown to Wedding Day DaysHoursMinutesSeconds Schedule RSVP JOYFULLY ACCEPT REGRETFULLY DECLINE Number of Adults: Number of Children: NEXT BACK NEXT BACK SUBMIT Loading, please wait&#8230; Thank you! Your information was successfully submitted. Oops! An error has occured. Please disable your AdBlockers [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/davidandally.weddingessentials.pro\/index.php\/wp-json\/wp\/v2\/pages\/138"}],"collection":[{"href":"https:\/\/davidandally.weddingessentials.pro\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/davidandally.weddingessentials.pro\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/davidandally.weddingessentials.pro\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davidandally.weddingessentials.pro\/index.php\/wp-json\/wp\/v2\/comments?post=138"}],"version-history":[{"count":103,"href":"https:\/\/davidandally.weddingessentials.pro\/index.php\/wp-json\/wp\/v2\/pages\/138\/revisions"}],"predecessor-version":[{"id":245,"href":"https:\/\/davidandally.weddingessentials.pro\/index.php\/wp-json\/wp\/v2\/pages\/138\/revisions\/245"}],"wp:attachment":[{"href":"https:\/\/davidandally.weddingessentials.pro\/index.php\/wp-json\/wp\/v2\/media?parent=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}