:root {
	--cassiopeia-color-primary: #fff5ee;
}
html {
	font-size: 16px;	/* sets REM size */
}
body {
	background-image: url('/images/asphalt-bg.jpg');
	background-color: #b5b5b5;
	background-attachment: fixed;
}
.container-header,
.site-grid,
.footer {
	margin: 0 auto;
	background-color: #fff5ee;
}
.container-header {
	margin-top: 1rem;
	background-image: none;
}
.site-grid {
	margin-top: 0;
}
.footer {
	margin-bottom: 1rem;
	background-image: none;
	background-color: black;
}
.footer .grid-child {
	display: block;
	padding: 1rem 0;
}
.container-header .container-nav {
	background-color: #7ba1ec;
	border-radius: 0 0 5px 5px;
	padding: 0.5rem;
  	width: 96%;
}
.container-header .grid-child.container-below-top {
 padding: 1.25rem;
}
.container-banner {
  margin: 0;
}
.main-top.card {
	background-color: inherit;
	border: inherit;
}
/* 
* Menu settings (not mobile).
*/
div#mm-top-menu ul.maximenuck {
	background: #7ba1ec !important;
  	padding-left: 1rem;
}
div#mm-top-menu div.maxidrop-main {
    width: auto !important;
}
/* Displayed gradient on menu items not active. */
li.maximenuck {
	background: rgb(91,91,91);
	background: linear-gradient(to bottom,  rgb(91,91,91) 0%,rgb(137,137,137) 27%,rgb(175,175,175) 45%,rgb(224,224,224) 58%,rgb(198,198,198) 63%,rgb(51,51,51) 100%);
	border-radius: 15px;
	padding: 4px 10px;
	color: black;
	margin: 0 3px;
}
li.maximenuck > a {
	padding: 0 10px !important;
	font-size: 1rem;
	font-weight: bold;
	color: black !important;
}
/* the down arrow on drop menu items */
div#mm-top-menu ul.maximenuck li.level1.parent > a:after {
	content: "";
	border-color: #000000 transparent transparent transparent !important;
	top: 9px !important;
	right: -4px !important;
}
/* Displayed gradient on menu items mouseover */
li.maximenuck:hover {
	background: linear-gradient(0deg, rgba(102,102,102,1) 0%, rgba(102,102,102,1) 20%, rgba(187,187,187,1) 50%, rgba(102,102,102,1) 80%, rgba(102,102,102,1) 100%) !important;
	color: #dbdad9;
}
.maximenuck li.active {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 17%, rgba(0,0,0,1) 100%) !important;
	background: linear-gradient(0deg, rgb(143 139 139) 0%, rgba(255,255,255,1) 60%, rgb(149 146 146) 100%) !important;
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(215,213,213,1) 40%, rgba(240,240,240,1) 50%, rgba(200,200,200,1) 70%, rgba(8,8,8,1) 100%) !important;
}
/* Displayed gradient on menu items mouseclick */
li.maximenuck > a:active  {
	background: radial-gradient(darkgrey, white, darkgrey, red);
	color: black;
}
.floatck {
	border: none !important;
	background-color: transparent !important;
}
div.maximenufixed ul.maximenuck {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 900px;
	border-radius: 0 0 10px 10px;
}
/*
** End Menu settings.
*/
/* reset some breadcrumb and footer settings. */
.breadcrumb {
	margin: 0 0 1rem 0;
	background-color: bisque;
}
.breadcrumb > li {
	text-shadow: none;
}
.footer .container {
	d-background-color: #313131;
	d-color: white;
	d-padding: 0 20px;
}

.footer a {
	color: lightblue;
}

/* the horizontal dividing row. */
hr.hr-mustang {
	height: 10px;
	border: 1;
	color: #ffe4c4;
	background-color: bisque;
	box-shadow: inset 0 9px 9px -3px rgba(180, 99, 11, 0.2);
	border-radius: 5px;
	opacity: 1;
}
.parts4sale {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
}
/* css for International previous site layout */
.tbl-international {
	background-color: antiquewhite;
	width: 195px;
	margin: 15px;
	float: left;
}
.tbl-international td {
	padding: 6px 0;
	text-align: center;
}
.tbl-international tr {
	border-bottom: 1px solid black;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #efdabc;
}
/* Class tbl-hdr is used in both Newsletters and Imm tables */
.tbl-hdr {
	background-color: black !important;
	color: white !important;
	font-weight: bold;
	font-size: 0.9rem;
	text-align: center;
}
/* css for the newletters table(s). */
.tbl-newsletters {
	background-color: antiquewhite;
	width: 195px;
	margin: 15px;
	float: left;
}
.tbl-newsletters td {
  padding: 6px 0;
  text-align: center;
}
.pge-header {
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	color: #999999;
}
.classifieds {
	font-size: 1.2em;
	line-height: 1.4em;
}
.events {
	font-size: 1.2em;
	width: 90%;
	margin: 0 auto 30px;
	line-height: 1.4em;
    padding: 20px;
}
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.notice-box {
	background-color: #045de9;
	background-image: linear-gradient(#b9dafd 0%, #7ba1ec 75%);
	min-height: 120px;
	font-size: 1.1rem;
	line-height: 1.4;
  	border-radius: 10px;
	font-family: verdana, geneva;
}
.event-box {
  position: relative;
  width: 75px;
  height: 80px;
  border: 1px solid grey;
  border-radius: 5px 5px 5px 5px;
  background-color: beige;
  float: left;
  box-sizing: border-box;
  text-align: center;
  margin: 0 20px;
}
.event-month {
	width: 100%;
	padding-top: 2px;
	background-color: red;
	border-radius: 5px 5px 0 0;
	font-size: .7rem;
	font-weight: bold;
	color: beige;
}
.event-day {
	width: 100%;
	background-color: beige;
	padding: 10px 0 2px 0;
	font-size: 1.3rem;
}
.event-year {
	width: 100%;
	background-color: beige;
	font-size: 0.7rem;
    border-radius: 0 0 5px 5px;
}
.event-desc {
  padding-top: 10px;
}
.contact-card {
	width: 300px; /*40%; 3.5in; */
	min-height: 100px;
	border: 1px solid black;
	box-shadow: 5px 10px 5px 5px #666;
	display: inline-block;
	margin: 15px;
	vertical-align: top;
	background: linear-gradient(to bottom, #ff0000 0%,#ff0000 25px,#b8d9fc 26px,#7ba1ec 100%);
	text-align: left;
  	border-radius: 5px;
}
.contact-title {
	background-color: red;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 10px;
	border-bottom: 3px solid black;
	border-radius: 5px 5px 0 0;
  	margin: 0;
}
.contact-body {
	color: black;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	text-align: left;
}
.contact-name {
	font-size: 16px;
	font-weight: bold;
	d-text-align: left;
	padding-left: 10px;
  	clear: both;
}
.contact-details {
	font-size: 11px;
	font-weight: 500;
	display: inline-block;
	padding-left: 25px;
}
.contact-phone {
	float:right;
	padding-right: 15px;
}

.contact-details a,
.tbl-newsletters a {
	color: black;
}
.contact-body.notice-box {
	min-height: 0;
}
.alert-text-box {
	padding: 20px;
	background-color: red;
	background: rgb(170,0,0);
	d-background: linear-gradient(0deg, rgb(170, 0, 0) 1%, rgb(255, 177, 0) 25%, rgb(255, 177, 0) 75%, rgb(170, 0, 0) 100%);
    background: linear-gradient(0deg, rgb(3, 139, 65) 1%, rgb(227, 226, 106) 30%, rgb(228, 232, 113) 70%, rgb(3, 139, 65) 100%);
	font-size: 1.2rem;
	font-weight: bold;
	margin: 20px;
	d-color: white;
	box-shadow: 0px 20px 12px #555555;
	line-height: 1.6em;
}
.sponsor-image {
	width: 100%;
    max-height:150px;
	padding: 15px;
    box-sizing: border-box;
}
.my-border {
  box-sizing:border-box;
  margin: 18px 20px;
  float:left;
  background-color: #fff;
  box-shadow: 0 0 10px 4px #a0a0ac;
}
@media (min-width: 1200px) {
	.container-header,
	.site-grid,
	.footer {
		width: 980px;
	}
	div.maximenufixed ul.maximenuck {
		width:940px;
	}
}
@media (min-width: 980px) and (max-width: 1199px) {
	.container-header,
	.site-grid,
	.footer {
		width:870px;
	}
	div.maximenufixed ul.maximenuck {
		width:830px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.container-header,
	.site-grid,
	.footer {
		width: 764px;
	}
	div.maximenufixed ul.maximenuck {
		width:720px;
	}
}
@media (max-width: 767px) {
	.container-header,
	.site-grid,
	.footer {
		width: 95%;
	}
	div.maximenufixed ul.maximenuck {
		width:700px;
	}
    .parts4sale {
        grid-template-columns: 1fr;
    }

}
@media (max-width: 600px) {
	.classifieds {
		d-max-width: 90%;
	}
    .sponsor-image {
       margin: 0 9px;
    }
}
@media (max-width: 360px) {
  .contact-card {
	  width: 90%;
  }
  .contact-name {
	  width: 100%;
  }
    .sponsor-image {
       margin: 0 5px;
    }
}
/* The following CSS had to be placed in the MaxiMenuCK Styles > Style (MobileSettings) > Custom CSS tab
   this is necessary in order to make the overrides work properly because the user.css file is imported before
   the maximenu css file therefore the MaxiMenu CSS file takes precedence.
   
@media screen and (max-width: 640px) {
	div#maximenuck131 .maximenumobiletogglericonck:after {
		border: inherit !important;
	}
	div#maximenuck131.maximenuckh {
		width: 100%;
	}
	div#maximenuck131.maximenuckh.maximenufixed {
		width: 90%;
	}
	#maximenuck131 .maximenumobiletogglericonck {
		background-color: #7ba1ec !important;
		padding: 4px 15px 30px 0 !important;
		border-radius: 0 0 5px 5px;
	}
	div#maximenuck131.maximenuckh ul:not(.noresponsive) {
		width: 100%;
	}
	div#maximenuck131.maximenuckh ul:not(.noresponsive) li {
		width: 95% !important;
	}
	div#maximenuck131 ul.maximenuck li.level1.parent > a::after {
		right: 15px !important;
	}
}
*/