﻿/* Sticky footer styles */
@media screen {
	html {
		position: relative;
		min-height: 100%;
	}

	body {
		margin-bottom: 561px;
	}

	footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 561px;
	}
}

.nhtsa-footer-top {
	background-color: #828282;
	color: white;
	padding-top: 15px;
	padding-bottom: 15px;
	/*margin-bottom: 15px;*/
}

	.nhtsa-footer-top a {
		color: white
	}

	.nhtsa-footer-top div a:hover {
		color: lightgray;
	}




.container-fluid, .row {
	background-color: inherit;
}

.caret, .custom-select:before {
	border-top-style: solid;
}

.footer-site {
	background-color: #010101;
	color: #fff;
}

	.footer-site a:hover {
		color: #777777;
	}

	.footer-site > .container-fluid {
		max-width: 1004px;
	}

@media (max-width: 767px) {
	.footer-site .footer-site--nhtsa-info:before {
		content: '';
		display: block;
		height: 1px;
		background: #777777;
		margin: 20px 0;
	}
}

@media (min-width: 768px) {
	.footer-site > .container-fluid > .row {
		display: -ms-flexbox;
		display: flex;
	}

	.footer-site .footer-site--nhtsa-info {
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative;
	}

	/*.footer-site .footer-site--nhtsa-info p:last-child {
			position: absolute;
			bottom: 5px;
		}*/
}

.footer-site--nhtsa-logo {
	max-width: 170px;
	margin-bottom: 18px;
}

.footer-site--social-link-container {
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (max-width: 767px) {
	.footer-site--social-link-container {
		display: block;
	}
}

.footer-site--social-link {
	color: #fff;
	font-size: 22px;
	display: inline-block;
	margin-right: 30px;
}

	.footer-site--social-link:last-child {
		margin-right: 0;
	}

	.footer-site--social-link:hover {
		color: #777777;
		text-decoration: none;
	}

@media (max-width: 767px) {
	.footer-site--social-link {
		padding-right: 20px;
	}
}

@media (max-width: 320px) {
	.footer-site--social-link {
		padding-right: 15px;
	}
}

.footer-site--links-title {
	color: #777777;
	line-height: 1.75;
}

	.footer-site--links-title:first-child {
		margin-top: 10px;
	}

	.footer-site--links-title:not(:first-child) {
		margin-top: 10px;
		line-height: 1.75;
	}

	.footer-site--links-title.active .caret, .footer-site--links-title.active .custom-select:before {
		transform: rotate(180deg);
	}

@media (max-width: 767px) {
	.footer-site--links-title {
		font-weight: 700;
	}
}

@media (min-width: 768px) {
	.footer-site--links-title .caret, .footer-site--links-title .custom-select:before, .footer-site--links-title.active .caret, .footer-site--links-title.active .custom-select:before {
		display: none;
	}
}

.footer-site--links-container {
	-webkit-font-smoothing: antialiased;
	padding-left: 0;
	list-style: none;
}

	.footer-site--links-container li a {
		color: #fff;
		line-height: 1.75;
	}

	.footer-site--links-container .label.label-primary {
		background-color: #13386e;
	}

@media (max-width: 767px) {
	.footer-site--links-container {
		height: auto;
		max-height: 0;
		overflow: hidden;
		transition: all 0.5s;
	}
}

.footer-site--links-title.active + .footer-site--links-container {
	height: auto;
	max-height: 500px;
}


@font-face {
	font-family: icomoon, sans-serif;
	src: url("theme_base/../../../scss/icons/fonts/icomoon.eot?3itucd");
	src: url("theme_base/../../../scss/icons/fonts/icomoon.eot?3itucd#iefix") format("embedded-opentype"), url("theme_base/../../../scss/icons/fonts/icomoon.ttf?3itucd") format("truetype"), url("theme_base/../../../scss/icons/fonts/icomoon.woff?3itucd") format("woff"), url("theme_base/../../../scss/icons/fonts/icomoon.svg?3itucd#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */
	font-family: icomoon, sans-serif !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.soc-media-icon {
	padding: 10px 20px 30px 0px
}
