* { box-sizing: border-box; }
H1, H2, H3 { font-weight: bold; }
H1 { font-size: 34px; margin-top: -16px; }
HEADER H2 { font-size: 24px; margin-top: -16px; }
H3 { font-size: 19px; margin-top: -16px; }
ARTICLE { box-shadow: 0px 0px 4px 0px #000 inset; }

.row::after {
	content: "";
	clear: both;
	display: table;
}
.Shadow, .w3-button { text-shadow: 2px 2px 2px rgba(0,0,0,0.33); }
CAPTION, .Outline { font-weight: bold; 
	text-shadow:
		-1px -1px 0 #fff,
		1px -1px 0  #fff,
		-1px 1px 0  #fff,
		1px 1px 0   #fff,
		-1px 0px 0 #fff,
		1px 0px 0  #fff,
		0px -1px 0  #fff,
		0px 1px 0   #fff,
		2px 2px 3px #000; }
.Vehicle { float: left; margin: 6px; max-width: calc(100vw - 48px); }
.Vehicle, .VehicleMain { width: 92vw; height: 60vw; }
.Vehicle, .VehicleMain { background-color: #fff; display: block; background-size: cover; background-position: center; position: relative; } /* padding: 8px; margin: 4px 0px; */
.VehicleRow { background-color: #fff; background-size: cover; background-position: center; } /* padding: 8px; margin: 4px 0px; */
.BidSale { height: 100px; position: relative; display: block; max-width: 740px; min-width: 320px; }
.Run { margin-left: 8px; margin-top: -16px; padding-top: 0px; }
.MakeModel { max-width: 230px; }
.NoBreak { white-space: nowrap; }
.w3-button { font-weight: bold; }
.BidForm { width: 100%; }
.Copyright { font-size: 0.8em; }
.w3-blue { background-color: #0099FF; }
.w3-text-blue { color: #0099FF; }
.w3-border-blue { border-color: #0099FF; }
.OnlyPrint { display: none; }
.Success, .Login, .Profile { max-width: 360px; }
.Note { font-size: 12px; font-style: italic; color: #888; }
.NavBlock { width: 100%; margin-bottom: 4px; max-width: 740px; display: block; }
.w3-striped tbody tr:nth-child(even){ background-color:#e5ecf5; }
.w3-striped tbody tr:nth-child(odd){ background-color:#fff; }
#Details { max-width: 800px; }
#MainDetails { max-width: 800px; }
#MyBids { max-width: 1000px; }
CAPTION { text-align: left; font-size: 18px; padding-bottom: 8px; }


.Underlay
{
	background-color: rgba(0,0,0, 0.2);
	padding: 0px 8px!important;
	backdrop-filter: blur(2px);
	margin: 0;
	border-radius: 0;
}

.w3-display-topright.Underlay,
.w3-display-bottomleft.Underlay {
	border-radius: 0 8px 0 8px!important;
}
.w3-display-topleft.Underlay,
.w3-display-bottomright.Underlay {
	border-radius: 8px 0 8px 0!important;
}
.Run { padding: -8px 0px!important; }
.Vehicle { overflow: hidden; }
.MyBid { margin-left: 0px!important; }
.MyBid .Label { margin: 0px 0px -8px; }

.CurrentBidSale  { background-color: #BBDDEE; }
.UpcomingBidSale { background-color: #FFEEBB; }
.RecentBidSale { background-color: #eee; }



@media all and (min-width: 600px) {
	.Vehicle { margin-right: 8px!important; }
}

@media all and (min-width: 380px) {
	.Vehicle { width: 360px; height: 240px; }
	.VehicleMain { width: 100%; height: 60vw; max-width: 800px; max-height: 500px; }
	.BidForm { width: 360px; }
}
@media only screen and (max-width: 800px) {
	.MediumHide { display: none!important; }
}
@media only screen and (max-width: 600px) {
	.SmallHide { display: none!important; }
}
@media only screen and (max-width: 900px) {
	.Nav { width: 100%; margin-bottom: 4px; }
}
@media only screen and (max-width: 360px) {
	HEADER .w3-button { width: 100%; margin-bottom: 4px; }
}
@media only screen and (max-width: 380px) {
	#Wholesale { font-size: 0.3em!important; }
}
@media print
{    
	BODY, TD, TD * { background-color: #fff; }
	INPUT[type='text'], INPUT[type='number'], INPUT[type='password'] { padding: 0px!important; margin: 0px!important; }
	A { text-decoration: none; }
	TABLE { width: 100%; margin-left:auto; margin-right:auto; page-break-inside: avoid; border-collapse: collapse; box-shadow: none!important; border: 1px solid #888; }
	TD, TH { border: 1px solid #888; }
	HEADER, FOOTER { text-align: center!important; }

	HEADER H1, HEADER H2, HEADER H3 { font-size: 15px; margin-bottom: 0px; }
	HEADER H1 { float: left!important; }
	HEADER H2 { margin-top: 16px; display: inline; text-align: center; }
	HEADER H3 { margin-top: 0px; float: right!important; }

	ARTICLE { box-shadow: none; }
	HEADER H1 { margin-top: 0px; }
	FOOTER P { margin: 0px; padding: 0px; }
	HEADER H3 { margin-bottom: 0px; }
	.Vehicle { page-break-inside: avoid; }
	.NoPrint { display: none!important; }
	.OnlyPrint { display: block; }
	.Shadow { text-shadow: none; }
	SPAN.OnlyPrint { display: inline; }
	#MyBids TD { padding: 6px 8px!important; font-size: 0.8em; }
	#Wholesale { page-break-inside: auto; font-size: 0.6em!important; }
	#MyBids INPUT { border: none; background-color: inherit; }
	#Results { page-break-inside: auto; }
	#Results TD, #Results TH { font-size: 0.55em!important; }
	.Vehicle { width: 132px; height: 88px; margin-right: 8px; }
	.Vehicle * { font-size: 7px!important; font-weight: normal!important; }
	.VehicleMain { margin-top: 16px!important; }
	.Label { margin: 0px!important; }
	#Details { page-break-inside: auto; }
}


/* Patched - Thumbnail images for Vehicle page when more than one picture is available */
.ImageThumb { width: 128px; height: 96px; background-size: cover; background-position: center center; float: left; margin-right: 2px;}
@media only screen and (max-width: 380px) {
	.ImageThumb { width: 62px; height: 48px; }
}

.Winner TD { color: #080; font-weight: bold; background-color: #efe; }
.VinDisclaimer { font-style: italic!important; font-size: 10px; }
#Details, #MainDetails { margin-bottom: 32px!important; }