/*
 * Copyright inpleworks, Co.
 * contact.css
*/

#contact-form {
	max-width: 768px;
	margin: 0 auto;
}
#contact-form .input-group + .input-group {
	margin-top: 10px;
	text-align: left;
}
#contact-form input::-webkit-input-placeholder, 
#contact-form textarea::-webkit-input-placeholder {
	color: #a0a0a0;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea {
	width: 100%;
	padding: 12px 20px;
    font-size: 14px;
    height: auto;
    resize: none;    
    border-radius: 20px;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
	background: #fff;
	border: 1px solid #c1c1c1;
    color: #000;
}
#contact-form input[type="text"] {
	height: 40px;
}
#contact-form input[type="text"]:focus,
#contact-form textarea:focus {
	border-color: #000; 
	background: #fff;
	color: #000;
}
#contact-form a {
	color: #000;
}
/* Contact remains visible if the optional waypoint animation does not start. */
.xet-contact .xet-wp-f, .xet-contact .xet-wp-fd, .xet-contact .xet-wp-fu,
#contact-form .xet-wp-f { visibility: visible; }
#contact-form .input-group { width: 100%; box-sizing: border-box; }
#contact-form input, #contact-form textarea { box-sizing: border-box; max-width: 100%; }
#contact-form .contact-category { min-width: 0; margin: 0; padding: 0; border: 0; text-align: left; }
#contact-form .contact-category legend { width: auto; margin: 0 0 8px; padding: 0; border: 0; font-size: 14px; }
#contact-form .contact-choices { display: flex; flex-wrap: wrap; gap: 8px 20px; }
#contact-form .contact-choices label { display: inline-flex; align-items: center; gap: 6px; margin: 0; cursor: pointer; font-weight: normal; }
#contact-form .contact-choices input { margin: 0; }
#contact-form .contact-agreement { overflow-wrap: anywhere; }
#contact-form .contact-privacy-label { margin-bottom: 8px; }
#contact-form button:disabled { opacity: .55; cursor: not-allowed; }
.xet-contact-status { max-width: 768px; margin: 12px auto 0; overflow-wrap: anywhere; }
.xet-contact-diagnostics { margin-top: 12px; text-align: left; }
/* Outside the viewport and excluded from keyboard/assistive-technology navigation. */
#contact-form .xet-contact-trap {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    pointer-events: none;
}