/* app/home/about-us/about-us.component.{scss,html <style>}, contact-us form look (ngx-formly), error page. */

/* About us */
.og-about .partner-container { display: block; text-align: center; }
.og-about .partner { display: inline-block; margin: 10px 30px; }
.og-about .box-title { background: orange; padding: 5px; font-weight: bold; }
.og-about .box-content { border: 1px solid black; padding: 10px; }
.og-about .border-our-team { border: 2px solid #ff9933; }
.og-about .text-title { font-weight: 500; }
.og-about .partner-name { font-weight: bold; color: blue; }
.og-about .img-avt { height: 150px; }
.og-about .img-border-3 { width: 150px; transform: scale(1); border: 3px solid #ff9933 !important; }
.og-about .avt-missing { height: 150px; background: #f8f9fa; color: #ced4da; font-size: 64px; }
.og-about .partner-missing { display: block; width: 60px; height: 60px; margin: 0 auto; }
@media (min-width: 768px) { .og-about .img-border-3 { transform: scale(1.3); } }
@media (min-width: 992px) { .og-about .img-border-3 { transform: scale(1.5); } }

/* Contact us: CF7 fields look like Bootstrap .form-control; required ones carry formly's red edge */
.og-contact .wpcf7 input[type="text"],
.og-contact .wpcf7 input[type="email"],
.og-contact .wpcf7 textarea {
	display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057;
	background: #fff; border: 1px solid #ced4da; border-radius: .15rem;
}
.og-contact .wpcf7 input.wpcf7-validates-as-required { border-left: 5px solid red; }
.og-contact .wpcf7 textarea { height: 200px; margin-top: .5rem; }
.og-contact .wpcf7 label { display: block; }
.og-contact .wpcf7 input[type="submit"] {
	color: #212529; background: #f93; border: 1px solid #f93; border-radius: .15rem; padding: .375rem .75rem;
}

/* 404 */
.og-error { padding-bottom: 1rem; }