body {
   background-color: #13161A;
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
   height: initial;
}

a {
	cursor: pointer;
}

#login-header {
    position:relative;
	height:400px;
	max-width:1200px;
	min-width:300px;
	background:url("/fss/assets/images/honda/clouds-cropped.jpg") no-repeat;
}

#login-header > div {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.masthead {
    background: rgba(255,255,255,0.6);
}

.centered h6 {
	margin: 10px 0;
}

.centered p {
	color: #333;
}

#login-header > div .brand {
	color: #b39e87;
	min-height: 0px;
	min-width:220px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: -20px;
	padding: 8px 20px 0px;
}
.voice-brand {
	font-weight: normal;
}

.centered {
	text-align: center;
}

.header {
	padding: 0px 50px 0px 0px;
	float: right;
	max-width: 500px;
	text-align: right;
}

.ghae-logo {
	background: transparent url("/fss/assets/images/honda/HondaLockup.svg") no-repeat;
	background-size: contain;
	border: 0;
	color: transparent;
	float:left;
	font: NaN a;
	height: 38px;
	width: 120px;
}

.ghae-logo.ghae-logo-large {
    background: transparent url("/fss/assets/images/honda/HondaLockup.svg") no-repeat;
    background-size: 240px 110px;
    width: 240px;
    height: 110px;
    float: right;
}

.login-container {
	position: relative;
	float: left;
	clear: none;
	max-width: 550px;
	min-width: 200px;
	padding: 0 10px 0 50px;
}

.login-container input,
.login-container button {
    vertical-align: middle;
}

.login-container .controls {
	margin-top: 10px;
}
.login-container .help a {
	color: #999C9F;
}
.login-container .help a:hover {
	color: #5C5F63;
}

.btn-honda,
.btn-honda:hover,
.btn-honda:active {
	color: #ffffff;
	background-color: #598293 !important;
    padding: 2px 10px;
}

.input-large {
	margin: 10px 0;
    padding: 2px 4px;
	min-height: 30px;
}

#content {
	background-color:#e1e1e1;
	padding-top:20px;
	padding-bottom:20px;
	padding-left: 50px;
	padding-right: 50px;
}

#content img {
    width: 100%;
}

.footer {
	margin-top: 20px;
}

.footer li,
.footer a,
.footer h6 {
	color: #bfc2c5;
}

.modal-header {
	background-color: #edeeef;
}

ul li:before {
	position: unset;
	content: none;
}

/* Special handling for small screens */
@media (max-width: 979px) {
	h2.voice-brand {
		font-size: 14pt;
		line-height: 1.5;
	}
	h3.voice-brand {
		font-size: 12pt;
		line-height: 1.2;
	}
	h3.contact {
		font-size: 12pt;
		line-height: 1.2;
	}
	.title, .header {
		float: left;
	}
	.login-container, .header {
		padding-left:50px;
	}
}
@media (max-width: 590px) {
	.ghae-logo.ghae-logo-large {
		float: left;
	}
	.input-large {
		width: 85%;
	}
	.title {
		font-size: 14pt;
	}
	h3.voice-brand, h2.voice-brand {
		font-size: 10pt;
	}
}

/* Bootstrap 4.6 patch from 4.1 */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: inherit;
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}