﻿body {
	font-family: "Ford F-1", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.5;
	color: #000;
	background-color: #fff;
}

main > .container {
	padding: 100px 15px 0;
}
	main > .container .ph {
		margin-bottom: 20px;
	}

.fgx-brand-sr-text {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -10px;
	color: transparent
}

.fgx-brand-css .globalFooter {
	border-color: #293338;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 1px;
	border-top: 1px solid #9c9c9c;
	font-size: .875rem;
	color: #000;
}

	.fgx-brand-css .globalFooter a,
	.fgx-brand-css .globalFooter .text {
		font-size: .875rem;
		color: #000;
		text-decoration: none;
	}

.ft_nav {
	max-width: 95%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0;
	/*float: left;*/
	list-style: none;
	box-sizing: border-box;
}

	.ft_nav .skinny {
		letter-spacing: 1px;
		font-size: 1.6rem;
		-webkit-font-smoothing: antialiased;
		--brand-fo-size: 1px;
		--brand-fo-style: solid;
		--brand-fo-color: #324047;
		--brand-fo-offset: 5px;
		line-height: 1.42857143;
		position: relative;
		float: left;
		overflow: hidden;
		margin-left: 5px;
	}

		.ft_nav .skinny .footer-pipe {
			display: inline-block;
			font-size: .875rem;
			color: #000;
		}

/*#cds-feedback*/
.mh-22 {
	min-height: 22px;
}

#menu, #help > div, #faq > div {
	margin-bottom: 40px;
}

	#menu ul li, #helpSection ol li {
		margin-bottom: 20px;
	}

	#menu h4, #helpSection h4, h4.text-primary {
		margin-bottom: 1rem;
		margin-top: 8rem; /* breathe */
	}

	#menu h4 {
		margin-bottom: 20px;
		margin-top: 16px;
	}

#help h4 > a, #faq h4 > a {
	text-decoration: none;
}

	#help h4 > a:hover, #faq h4 > a:hover {
		text-decoration: underline;
	}

#shortURL {
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
}

#imgQR {
	width: 370px;
	height: 370px;
}

.ib {
	display: inline-block;
}

.betapill {
	transform: translate(6%, -28%) !important;
	font-size: 1rem;
}

.owbw {
	overflow-wrap: break-word;
}

.help {
	cursor: help;
}

.topten th {
	padding-top: 7px;
	padding-bottom: 0;
}

.topten td {
	padding-top: 2px;
	padding-bottom: 2px;
}

	.topten th:first-of-type, .topten td:first-of-type {
		padding-right: 6px;
	}

	.topten th:last-of-type, .topten td:last-of-type {
		padding-left: 6px;
		text-align: right;
	}

#about-ford-go-modal {
	--bs-modal-width: 700px;
}

.star {
	vertical-align: unset;
}

#tblMySearchResults tbody td:last-of-type {
	font-size: .8rem;
}

.bg-white {
	background-color: #fff !important;
}

.ph .d-sm-block,
/*.page-heading .d-sm-block,*/
#showMeMine .d-sm-block {
	display: inline-flex !important;
}

#about-ford-go-modal .card-body {
	max-height: 300px;
	overflow: auto
}

.date-info {
	color: #6c757d;
	border-top: 1px solid rgba(156, 156, 156, .3);
	text-align: right;
	font-size: 0.8rem;
	margin-top: 0;
	margin-bottom: 1.5rem !important;
	padding-top: 1rem;
}

@media (min-width: 768px) {
	.navbar-expand-md .navbar-collapse form {
		padding-bottom: 0 !important;
	}

	#myCarousel {
		width: 400px;
		height: 310px;
	}
}

@media (max-width: 575px) {
	#mediaqueryvisualhelp {
		background-color: #FF0000;
	}

	#topTenDisplay {
		margin: 0 !important;
		padding: 0 !important;
	}

		#topTenDisplay nav ul,
		#topTenDisplay hr {
			display: none !important;
		}

		#topTenDisplay.align-items-center {
			align-items: normal !important;
		}

		#topTenDisplay .shadow-lg {
			box-shadow: none !important;
		}

	#about-ford-go-modal .card, #extras {
		display: none !important;
	}

	#about-ford-go-modal .text-end {
		text-align: left !important;
	}

	#tblMySearchResults_wrapper .row:first-of-type .col-sm-12:last-of-type,
	#tblMySearchResults_wrapper .row:first-of-type .col-md-6:last-of-type {
		margin: 0;
		padding: 0;
		padding-right: 4px !important;
	}

	#tblMySearchResults_filter input {
		margin: 0;
		margin-left: 0.5em;
		padding: 0
	}

	.ph .d-sm-block,
	/*.page-heading .d-sm-block,*/
	#showMeMine .d-sm-block {
		display: none !important;
	}

	#divSearchResults .col {
		--bs-gutter-x: 0;
	}

	#divSearchMessage {
		text-align: center;
	}

	.ft_nav {
		max-width: 100%;
		width: 100%;
	}

		.ft_nav .skinny {
			text-align: center;
			position: unset;
			float: unset;
			overflow: unset;
			margin-left: unset;
		}
}

/* Make the numbers in the "Top Ten" tables monospaced for better readability */
#topTenDisplay table > tbody > tr > td:last-of-type {
	font-weight: bold;
	font-family: "Courier New"
}

.small_icon {
	font-size: 0.70em;
}

	.small_icon svg {
		margin-top: -6px; /* vertical-align was not cutting it */
	}