update
This commit is contained in:
rayelliott
parent
929a1dd43c
commit
dcb2eadbbf
|
|
@ -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__';
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue