/*
Contact CSS
*/

/* General
========================= */
body.contact-us { background-color: #f1f1f1; }
.contact-us .site-footer .wrap { justify-content: flex-start; }
.contact-us .site-footer-widget .site-footer-logo { display: none; }
.contact-us .site-footer:before { display: none; }
.contact-us .site-footer .widget:first-of-type { width: 100%; }
.contact-us .site-footer-widget { align-items: center; }
.contact-us .site-footer .widget:last-of-type { display: none; }

/* Contact
========================= */
.contact { display: flex; flex-direction: column; align-items: center; margin: 8em 2em 3em; }
.contact-inner { display: flex; flex-direction: column; max-width: 1000px; width: 100%; }

.contact-feat-img { padding: 1em; }
.contact-feat-img img { width: 100%; height: 100%; object-fit: cover; }

.contact-overview { padding: 2em 1em; }
.contact-overview-inner { display: flex; flex-direction: column; width: 100%; }
.contact-overview-title { display: flex; flex-direction: column; padding: 0 0 1.5em; position: relative; width: 100%; }
.contact-overview-title h1 { color: rgba(101, 54, 123, .1); font-family: 'Gloock'; font-size: calc(46px + (46 - 18)*((100vw - 420px) /(1920 - 420))); font-weight: 600; letter-spacing: .08em; line-height: 1.4; margin: 0; padding: 0; text-transform: uppercase; }
.contact-overview-title span { color: rgba(0, 0, 0, .8); font-family: 'Raleway'; font-size: calc(26px + (26 - 18)*((100vw - 420px) /(1920 - 420))); font-weight: 600; letter-spacing: -.02em; line-height: 1.4; margin: 0; padding: 0; text-transform: uppercase; position: absolute; bottom: 31px; left: 31%; }
.contact-overview-details { display: flex; flex-direction: column; }
.contact-overview-details p { color: #1a1a1a; font-family: 'Raleway'; font-size: 2rem; line-height: 1.4; margin: 0; padding: 0; }

/* Form
========================= */
.contact-form { padding: 2em 0 0; width: 100%; }
.contact-form .quform-label > label { font-family: 'Raleway'; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; }
.contact-form .quform-theme-underlined .quform-field-text { border-bottom: 1px solid #6f6f6f; font-family: 'Raleway'; font-weight: 400; }
.contact-form .quform-theme-underlined .quform-field-text:focus { border-bottom: 1px solid #000; }
.contact-form .quform-theme-underlined .quform-field-email { border-bottom: 1px solid #6f6f6f; font-family: 'Raleway'; font-weight: 400; }
.contact-form .quform-theme-underlined .quform-field-email:focus { border-bottom: 1px solid #000; }
.contact-form .quform-theme-underlined .quform-field-textarea { border-bottom: 1px solid #6f6f6f; font-family: 'Raleway'; font-weight: 400; font-size: 1.7rem; }
.contact-form .quform-theme-underlined .quform-field-textarea:focus { border-bottom: 1px solid #000; }

.contact-form .quform-input-textarea .quform-field-textarea { resize: none; }
.contact-form .quform-element-submit { vertical-align: bottom; margin: 10px 0; float: right; }


/* Responsive
--------------------------------------------- */
@media only screen and (min-width: 1980px) {}

@media only screen and (min-width: 2500px) {

}

@media only screen and (max-width: 1480px) {
.contact-overview-title span { left: 28%; }
}

@media only screen and (max-width: 1280px) {
.contact-overview { padding: 1.5em 1em 1em; }
.contact-overview-title span { left: 27%; }
}

@media only screen and (max-width: 1140px) {
.contact { margin: 7.5em 2em 2.5em; }
.contact-overview { padding: 1em; }
.contact-overview-title { padding: 0 0 1em; }
.contact-overview-title span { bottom: 18px; left: 26%; }
}

@media only screen and (max-width: 1024px) {
.contact { margin: 7em 2em 2.5em; }
.contact-feat-img { padding: .5em 0 1em; }
.contact-overview { padding: 1em 0 .5em; }
.contact-overview-details p { font-size: 1.9rem; }
}

@media only screen and (max-width: 880px) {
.contact { margin: 7em 2em 2em; }
}

@media only screen and (max-width: 768px) {
.contact { margin: 6.5em 1.5em 2em; }
.contact-feat-img { padding: .5em 0; }
.contact-form .quform-element-submit { float: none; }
.contact-overview-title { padding: 0 0 .5em; }
.contact-overview-title span { bottom: 8px; left: 25%; }
.contact-form { padding: 1.5em 0 0; }
}

@media only screen and (max-width: 640px) {
.contact { margin: 6em 1.5em 1.5em; }
.contact-overview { padding: .5em 0; }
.contact-overview-details p { font-size: 1.8rem; }
.contact-form { padding: 1.25em 0 0; }
.contact-form .quform-label > label { font-size: 1.4rem; }
.contact-form .quform-theme-underlined .quform-field-text { font-size: 1.6rem; }
.contact-form .quform-theme-underlined .quform-field-email { font-size: 1.6rem; }
.contact-form .quform-theme-underlined .quform-field-textarea { font-size: 1.6rem; }
.contact-us .site-footer-widget { align-items: flex-start; }
}

@media only screen and (max-width: 480px) {
.contact { margin: 6em 1em 1.5em; }
.contact-feat-img { padding: .25em 0 .5em; }
.contact-overview-details p { font-size: 1.7rem; }
.contact-form { padding: 1em 0 0; }
.contact-us .site-footer .widget:first-of-type { width: 65%; }
}