From dcb2eadbbfaed28f7b06e8bfe87c33e3840f9dc3 Mon Sep 17 00:00:00 2001
From: rayelliott <rayelliott@git.rayelliott.dev>
Date: Fri, 29 May 2020 20:51:54 +0000
Subject: [PATCH] update

---
 src/js/index.js        |  3 +-
 src/scss/_contact.scss | 72 ++++++++++++++++++++++++++++++++++++++++
 src/scss/_faq.scss     | 52 +++++++++++++++++++++++++++++
 src/scss/style.scss    | 74 ++----------------------------------------
 4 files changed, 128 insertions(+), 73 deletions(-)
 create mode 100644 src/scss/_contact.scss
 create mode 100644 src/scss/_faq.scss

diff --git a/src/js/index.js b/src/js/index.js
index 9ecd4ae..0c92635 100644
--- a/src/js/index.js
+++ b/src/js/index.js
@@ -6,6 +6,7 @@
 	let observedTotal = !!observeSelector ? observedNodes.length : 0;
 
 	window.addEventListener('DOMContentLoaded', event => {
+		// TODO this selector needs to be robuts
 		const enquiryForm = document.querySelector('#wpcf7-f1041-o1 > form');
 		const intersectionSupport = !!window.IntersectionObserver;
 
@@ -27,8 +28,6 @@
 		}
 
 		if (enquiryForm) {
-			const replyto = enquiryForm.querySelector('input[name=replyto]');
-			replyto.name = '_replyto';
 			enquiryForm.action = '__URL__';
 		}
 
diff --git a/src/scss/_contact.scss b/src/scss/_contact.scss
new file mode 100644
index 0000000..5df9f3a
--- /dev/null
+++ b/src/scss/_contact.scss
@@ -0,0 +1,72 @@
+body.rwavw-custom {
+	.contact-us-body {
+
+		p.lead {
+			margin: 48px 0;
+			font-size: 18px;
+			line-height: 1.5;
+			letter-spacing: initial;
+			opacity: 0.7;
+		}
+
+		div.wpcf7 {
+			max-width: 90ch;
+			margin-right: auto;
+			margin-left: auto;
+		}
+
+		.wpcf7 {
+			padding: 64px 48px 92px;
+			color: #4a5568;
+			background-color: rgba(#fff, 1);
+			border-radius: 3px;
+			margin-top: 64px;
+
+			p {
+				margin-bottom: 24px;
+			}
+
+			label {
+				font-size: 14px;
+				font-weight: 600;
+				letter-spacing: initial;
+				cursor: pointer;
+			}
+
+			input,
+			textarea {
+				border-radius: 3px;
+				border-color: #cbd5e0;
+				background-color: #f7fafc;
+				cursor: pointer;
+
+				&:focus {
+					border-color: rgba(#000, 0.8);
+				}
+			}
+
+			input.booking-date {
+				width: 21ch;
+			}
+
+			input.days {
+				width: 21ch;
+			}
+
+			.wpcf7-form-control-wrap {
+				margin-left: 0;
+			}
+
+			.wpcf7-submit {
+				height: auto;
+				border: 3px solid currentColor;
+				border-radius: 3px;
+				color: inherit;
+				font-size: 16px;
+				font-weight: 600;
+				padding: 10px 24px;
+				letter-spacing: 1px;
+			}
+		}
+	}
+}
diff --git a/src/scss/_faq.scss b/src/scss/_faq.scss
new file mode 100644
index 0000000..fa6cafe
--- /dev/null
+++ b/src/scss/_faq.scss
@@ -0,0 +1,52 @@
+body.rwavw-custom {
+	@media (min-width: 766.98px) {
+		#faq > .layout-boxed {
+			position: relative;
+			bottom: 18rem;
+		}
+	}
+
+	.wrapper-content > .layers-pro-accordion {
+		margin-left: 0;
+		margin-right: 0;
+
+		.accordion-row {
+			position: relative;
+			z-index: 150;
+			max-width: 90ch;
+
+			padding: 32px 8px;
+
+			border-radius: 3px;
+			background-color: #fff;
+			box-shadow: 2px 3px 4px 0 rgba(#000, 0.03);
+		}
+
+		.accordion-button {
+			font-size: 16px;
+			font-weight: 600;
+			color: #4a5568;
+			opacity: 0.8;
+
+			&:hover,
+			&:active {
+				opacity: 1;
+			}
+		}
+
+		.accordion-content p {
+			font-size: 16px;
+			color: #4a5568;
+		}
+
+		@media (min-width: 766.98px) {
+			margin-left: 15px;
+			margin-right: 15px;
+
+			.accordion-row {
+				padding: 64px 48px;
+				margin-top: -46rem;
+			}
+		}
+	}
+}
diff --git a/src/scss/style.scss b/src/scss/style.scss
index 0d94ed6..fbc7d97 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -1,3 +1,6 @@
+@import "contact";
+@import "faq";
+
 body.rwavw-custom {
 	#top-nav .logo {
 		margin-top: 16px;
@@ -38,75 +41,4 @@ body.rwavw-custom {
 
 		background-color: rgba(#000, 0.9);
 	}
-
-	.contact-us-body {
-
-		p.lead {
-			margin: 48px 0;
-			font-size: 18px;
-			line-height: 1.5;
-			letter-spacing: initial;
-			opacity: 0.7;
-		}
-
-		div.wpcf7 {
-			max-width: 90ch;
-			margin-right: auto;
-			margin-left: auto;
-		}
-
-		.wpcf7 {
-			padding: 64px 48px 92px;
-			color: #4a5568;
-			background-color: rgba(#fff, 1);
-			border-radius: 3px;
-			margin-top: 64px;
-
-			p {
-				margin-bottom: 24px;
-			}
-
-			label {
-				font-size: 14px;
-				font-weight: 600;
-				letter-spacing: initial;
-				cursor: pointer;
-			}
-
-			input,
-			textarea {
-				border-radius: 3px;
-				border-color: #cbd5e0;
-				background-color: #f7fafc;
-				cursor: pointer;
-
-				&:focus {
-					border-color: rgba(#000, 0.8);
-				}
-			}
-
-			input.booking-date {
-				width: 21ch;
-			}
-
-			input.days {
-				width: 21ch;
-			}
-
-			.wpcf7-form-control-wrap {
-				margin-left: 0;
-			}
-
-			.wpcf7-submit {
-				height: auto;
-				border: 3px solid currentColor;
-				border-radius: 3px;
-				color: inherit;
-				font-size: 16px;
-				font-weight: 600;
-				padding: 10px 24px;
-				letter-spacing: 1px;
-			}
-		}
-	}
 }