.enquiry-slide-in-wrapper .close-enquiry-slide-in {
    opacity:0;
    visibility:hidden
}
.enquiry-slide-in-wrapper.active .close-enquiry-slide-in {
    opacity:1;
    visibility: visible;
}

#send_a_message {
    position: fixed;
    z-index: 100;
    top: 60%; /* Adjusts the vertical position */
    left: 0; /* Aligns the element to the left side */
    transform: translateY(-50%) rotate(-90deg); /* Centers the element vertically and rotates */
    padding: 1em 1.25em .825em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .75em;
    letter-spacing: .175em;
    background-color: var(--gold-color);
    color: white;
    border: none;
    cursor: pointer;
    min-width: 11em;
    opacity: .95;
    transform-origin: left top;
}


.enquiry-slide-in {
    display: block;
    position: fixed;
    z-index: 102;
    left: 0;
    top: 0;
    height: 100vh;
    max-width: 40em ;
    overflow:auto;
    background:var(--onyx-color);
    box-shadow:3px 0 10px hsla(0,0%,0%,.35);
    transform:translate3d(-100%, 0, 0);
    transition:transform .5s cubic-bezier(0,0,0.3,1)
}
.enquiry-slide-in-wrapper.active .enquiry-slide-in {
    transform:translate3d(0, 0, 0);
}

.enquiry-slide-in .container {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    padding:calc(1vw + 3.5em) calc(1vw + 1.5em);
}
.close-enquiry-slide-in {
    opacity: .75;
    position: fixed;
    z-index: 103;
    left:37em; top:1.5em;
    border:none;
    background:none;
    color:white;
    cursor: pointer;
    transition: opacity .5s .5s cubic-bezier(0,0,0.3,1);
}
.close-enquiry-slide-in:hover {opacity: 1;}
.close-enquiry-slide-in .ico-close {
    opacity: .75;
    font-size: 1.25em;
    vertical-align: middle;
}

.enquiry-slide-in h2 {
    opacity: 0;
    visibility: hidden;
    color:white;
    margin-top:0;
    font-size: 1.625em;
    margin-bottom:1em;
    transform:translate3d(0,1em,0);
    transition:opacity .75s .25s cubic-bezier(0,0,0.3,1), visibility .75s .25s cubic-bezier(0,0,0.3,1), transform 1s .25s cubic-bezier(0,0,0.3,1);
}
.enquiry-slide-in-wrapper.active .enquiry-slide-in h2 {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0)
}


.enquiry-slide-in p {
    opacity: 0;
    visibility: hidden;
    color:white;
    transform:translate3d(0,1em,0);
    transition:opacity .75s .35s cubic-bezier(0,0,0.3,1), visibility .75s .35s cubic-bezier(0,0,0.3,1), transform 1s .35s cubic-bezier(0,0,0.3,1);
}
.enquiry-slide-in-wrapper.active .enquiry-slide-in p {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0)
}

.enquiry-slide-in p:first-of-type {
    margin-top: 0;
    line-height: 2.25;
    margin-bottom:0}

.enquiry-slide-in p a {
    display: block;
    color:var(--gold-color);
    font-size: 1.25em;
    line-height: 1.4;
    margin-top: 1em;
}

.enquiry-slide-in input, .enquiry-slide-in textarea  {
    color: #d3dbd7;
    border: 1px solid #47544E;
    background: none;
    padding: .75em;
}
.enquiry-slide-in ::placeholder {
    color: #6A736F;
    opacity: 1; /* Firefox */
  }

.enquiry-slide-in textarea {height:10em;}
#slideForm {
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    transform:translate3d(0,1em,0);
    transition:opacity .75s .45s cubic-bezier(0,0,0.3,1), visibility .75s .45s cubic-bezier(0,0,0.3,1), transform 1s .45s cubic-bezier(0,0,0.3,1);
}

.enquiry-slide-in-wrapper.active .enquiry-slide-in #slideForm {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0)
}



#slideForm .input-wrap {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    margin-bottom:.5em
}
#slideForm .input-wrap:nth-child(2n) {
    margin-right: .5em;
}
#slideForm .input-wrap.textarea {
    display: flex;
    flex-basis: 100%;
    margin:0;}



#slideForm legend {
    font-size: 1.25em;
    margin-bottom:1em;
    color:white
}

/* ERROR HANDLING*/
input + span, textarea + span, span.warning{
	opacity:0;
	display:block;
	content:"";
	padding:0;
	font-size: .825em;
	font-weight: 400;
	line-height: 1;
	text-align: left;
	background: transparent;
	transition: opacity .3s ease, background-color .3s ease;
}
#slideForm .empty, #slideForm .invalid {border-color: hsl(0,55%,35%)!important;}
#slideForm .valid {border-color: hsl(85,90%,25%)!important;}

#slideForm .empty + span, #slideForm .invalid + span {
	display:block;
	opacity:1;
	width:100%;
	padding:.625em .125em;
	color: hsl(0,50%,45%);
}

.empty + span::before, .empty + span::before{content:attr(data-empty)!important;}
.invalid + span::before, .invalid + span::before {content:attr(data-invalid);}

/* BUTTON */
#submitBtn, #submitForm {
    border:none;
    background-color: var(--gold-color);
    padding:.75em;
    display: inline-block;
    position: relative;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .825em;
    background: var(--gold-color);
    padding: 1.425em 3em 1.325em;
    text-align: center;
    letter-spacing: .075em;
    margin-top: 3em;
    min-width: 14em;
    cursor: pointer;
    transition: background-color .5s cubic-bezier(0,0,0.3,1), width .5s cubic-bezier(0,0,0.3,1);
}
#submitBtn + .loader, #submitForm + .loader {
    opacity: 0;
    visibility: hidden;
    margin-left: 1em;
    position: relative;
    top:-1px;
    transition: opacity .5s cubic-bezier(0,0,0.3,1)
}
#submitBtn::before, #submitForm::before {content:attr(data-prompt);}

#submitBtn.success::before, #submitForm.success::before {content:attr(data-success);}
#submitBtn.success, #submitForm.success {
    background-color: rgb(23, 117, 23)
}
#submitForm.error  {background-color: rgb(125, 23, 23)}
#submitBtn.error {background-color: rgb(181, 59, 59);}
#submitBtn.error::before, #submitForm.error::before {content:attr(data-error);}

#submitBtn.sending::before,#submitForm.sending::before {content:attr(data-sending);}
#submitBtn.sending + .loader, #submitForm.sending + .loader {
    opacity: 1;
    visibility: visible;
} 

@media only screen and (max-width: 40rem) {
    .close-enquiry-slide-in {
        position: fixed;
        left:auto; right:1.5em; top:1.5em;
    }
}

@media only screen and (max-width: 32.5rem) {
    #slideForm .input-wrap {
        flex-basis: 100%!important;
    }
    #slideForm .input-wrap:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 31.5rem) {
#slideForm fieldset.contact-method {
    flex-direction: column;
}
.contact-method label:first-of-type {
    margin-bottom: .5em;
  }
}