/* auralesce : company / contact ui stylesheet */

#company-page {
	max-width:720px;
	margin:0 auto;
	padding:96px 4% 80px;
	text-align:left;
	color:#eef1f7;
	font-family:tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	-webkit-font-smoothing:antialiased;
}

#company-header { float:left; clear:both; margin-top:8px; width:100%; }
#company-header-text {
	float:left; display:block;
	font-size:clamp(28px, 3.4vw, 42px); font-weight:800; letter-spacing:-.015em;
	color:#ee8845; margin:10px 0 4px 0;
}
#company-header-brand {
	color:#feffa4; text-decoration:none;
	transition:color .1s ease;
}
#company-header-brand:hover {
	color:#fff; text-decoration:underline;
}

#company-inputs-container {
	float:left; clear:both; width:100%; box-sizing:border-box;
	margin:24px 0 0 0; padding:28px 30px;
	background:#0e131b;
	border:1px solid #1d2634;
	border-top:3px solid #ee8845;
}

#company-header-inputs-container { float:left; clear:both; width:100%; }
#company-header-email-container { float:left; margin:0 28px 0 0; }
#company-email-label { float:left; color:#ee8845; font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
#email {
	float:left; display:block; clear:both;
	margin:8px 0 0 0; padding:10px 12px;
	font-size:15px; color:#eef1f7;
	background:#141a24; border:1px solid #253044;
	outline:none;
}
#email:focus { border-color:#ee8845; }

#company-topic-container { float:left; margin:0; }
#company-topic-label { float:left; font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#feffa4; }
#topic {
	float:left; clear:both;
	margin:8px 0 0 0; padding:10px 12px;
	cursor:pointer; font-size:15px; color:#eef1f7;
	background:#141a24; border:1px solid #253044;
}
#topic:focus { border-color:#ee8845; outline:none; }

#form_contact_subject { float:left; clear:both; margin-top:10px; }

#company-message-container { float:left; clear:both; margin-top:18px; width:100%; }
#message {
	float:left; display:block; width:100%; box-sizing:border-box;
	margin:4px 0 0 0; padding:12px;
	font-family:tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:15px; line-height:1.5; color:#eef1f7;
	background:#141a24; border:1px solid #253044;
	min-height:180px; resize:vertical;
	outline:none;
}
#message:focus { border-color:#ee8845; }

#company-footer-inputs-container { float:left; clear:both; margin:18px 0 0 0; width:100%; }
#company-recaptcha-container { float:left; clear:both; margin:0 0 8px 0; }

#submit {
	float:left; clear:both;
	margin:14px 0 0 0; padding:13px 26px;
	width:auto; min-width:120px;
	background:#feffa4; color:#10131a;
	font-size:15px; font-weight:700; border:0; cursor:pointer;
	box-shadow:6px 6px 0 rgba(0,0,0,.45);
	transition:background .1s ease, box-shadow .1s ease;
}
#submit:hover {
	background:#fff;
	box-shadow:8px 8px 0 rgba(0,0,0,.45);
}

#company-errors-container {
	float:left; font-size:13px; font-weight:700; color:#ff6f61;
	margin:22px 0 0 16px;
}

#company-info-container { float:left; clear:both; margin:0 0 16px 0; width:100%; }
#company-mailto-link {
	float:left; clear:both;
	margin:28px 0 0 4px; font-size:14px; color:#ee8845; font-weight:600;
}
#company-mailto-link:hover { color:#feffa4; text-decoration:none; }

/* thank-you */
#form-submit-msg-container {
	float:left; margin:48px 0; padding:28px 30px;
	background:#0e131b; border:1px solid #1d2634; border-top:3px solid #7bd88f;
	width:100%; box-sizing:border-box;
}
#form-submit-msg-text {
	float:left; display:block;
	font-size:24px; font-weight:800; color:#7bd88f; margin:0 0 4px 0;
}
#form-submit-msg-subtext {
	float:left; clear:both;
	font-size:15px; margin-top:10px; color:#9aa7b8;
}

/* footer harmonize (shared with index) */
#template-foot { background:#05070b !important; border-top:1px solid #1d2634; }
#template-foot a { color:#ee8845; }

/* mobile */
@media only screen and (max-width: 900px) {

	#company-page { padding:70px 6% 60px; }
	#company-header-text { font-size:28px; }
	#company-inputs-container { padding:22px 18px; }
	#company-header-email-container { float:left; margin:0; width:100%; }
	#company-email-label { font-size:12px; }
	#email { width:100%; box-sizing:border-box; }
	#company-topic-container { clear:both; margin:16px 0 0 0; width:100%; }
	#topic { width:100%; box-sizing:border-box; }
	#message { min-height:160px; }
	#company-errors-container { clear:both; margin:16px 0 0 0; }
	#company-mailto-link { margin:24px 0 0 0; }
}