/* GENERAL */
h1, h2, h3, h4, h5 {
	font-family: Georgia,Times,Times New Roman,serif;
	font-weight: bold;
}

body {
	background: #f2f2f2;
	color: #333333;
	font-family: 'Noto Sans', sans-serif;
}

p {
	font-size: 16px;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 20px;
}


/* BUTTONS */
.btn-cta {
	display: inline-block;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	box-sizing: border-box;
	padding: 12.5px 20px;
	text-align: center;
	border-radius: 2px;
	border: 0;
	outline: 0!important;
}

.btn-cta:hover {
	text-decoration: underline;
}

.btn-cta-blue {
	background: #007ABC;
	color: #FFFFFF!important;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
}

.btn-cta-blue:hover {
	background: #0090DA;
	box-shadow: none;
}

.btn-cta-green {
	background: #A4CE4E;
	color: #333333!important;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
}

.btn-cta-green:hover {
	background: #B7DD58;
	box-shadow: none;
}

.btn-cta-ghost, .btn-cta-ghost-alt {
	background: #FFFFFF;
	color: #007ABC;
	border: 2px solid #007ABC;
	padding: 8.5px 16px;
}

.btn-cta-ghost:hover {
	color: #0090DA;
	border: 2px solid #0090DA;
}

.btn-cta-ghost-alt:hover {
	background: #007ABC;
	color: #FFFFFF;
}

.btn-cta[disabled],
.btn-cta[disabled]:hover {
	opacity: 0.5;
}

/* HEADER */
#container-header {
	background: #FFFFFF;
	height: 70px
}

.nav-bar {
	height: 60px;
	background: #0061A0;
}


/* LANDING PAGE */
#home-content {
	background-color: #0090DA;
}

.home-content-col {
	display: inline-block;
	float: left;
	min-height: 343px;
}

#home-content-copy {
	width: calc(100% - 420px);
	padding-bottom: 20px;
}

#home-content-copy h1 {
	color: #FFFFFF;
	font-size: 48px;
	line-height: 52px;
}

#home-content-copy p {
	color: #FFFFFF;
	font-size: 20px;
	line-height: 24px;
}

#home-content-copy input#employee_id {
	max-width: 400px;
}

#home-content-image {
	width: 420px;
	background-image: url('img/hero.png');
	background-repeat: no-repeat;
	background-size: auto 110%;
	background-position: top right;
}


/* THANK YOU PAGE */
#thanks-content h1, #thanks-content p {
	text-align: center;
}

/* SIGNUP PAGE */

#signup-content {
	background-color:#ffffff;
}

#signup-content h1, #signup-content p {
	text-align: left;
}

/*#signup-content input:not(.btn-cta) {
	width: 100%;
}*/

#faq-content {
	background: #FFFFFF;
}

.error:not(.form-control) {
	color: #F00;
}

select.placeholder {
	color: #999;
}


/* FAQ PAGE */
#faq-content h1, #signup-content p {
	text-align: left;
}

.faq-title {
	font-weight: bold;
	padding: 15px;
}

.faq-block {
	border-top: 1px solid #999999;
	padding: 15px;
}

.faq-subtitle {
	color: #0061A0;
	margin-bottom: 5px;
}

.faq-block ul {
	margin: 0;
	padding-left: 20px;
}


/* FOOTER */
.disclaimer, .legal {
	padding-top: 30px;
	padding-bottom: 30px;
}

.disclaimer {
	border-bottom: 1px solid #CCCCCC;
}

#container-footer p {
	font-size: 12px;
	line-height: 18px;
	color: #999999;
}

.footer-mobile-logo {
	text-align: center;
	font-size: 14px;
	line-height: 16px;
}


/* DESKTOP */
@media (min-width: 768px) {
	.tel-link, .tel-link:active, .tel-link:hover, .tel-link:focus, .tel-link:visited {
		color: inherit;
		text-decoration: inherit;
		cursor: default;
		pointer-events: none;
	}
}


/* TABLET */
@media (max-width: 1000px) {
	#home-content-copy {
		width: 100%;
	}

	#home-content-image {
		display: none;
	}
}


/* MOBILE */
@media (max-width: 767px) {


	/* HEADER */
	#container-header {
		height: 67px
	}

	
	/* LANDING PAGE */
	.home-content-col {
		height: auto;
	}

	#home-content-copy {
		width: 100%;
	}

	#home-content-copy h1 {
		color: #FFFFFF;
		font-size: 20px;
		line-height: 22px;
	}

	#home-content-copy p {
		display: none;
	}

	#home-content-copy input#employee_id {
		max-width: 100%;
	}

	#home-content-image {
		display: none;
	}



	/* FOOTER */
	#container-footer {
		padding: 0px 20px;
	}

	#container-footer p {
		font-size: 11px;
		line-height: 15px;
	}

	.disclaimer, .legal {
		padding: 20px 0px 20px 0px;
	}
}