/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
font-family: "open-sans", sans-serif;
font-weight: 400;
font-style: normal;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}

.logo-text {font-family: Oswald;font-weight: 400; font-size: 16pt; margin-left: 5px;}

hr{border:#000 1px solid;}

.background h1 {width: 40%; margin: 0 auto; color:#fff; font-size: 80px; text-transform: uppercase; text-align: center; padding-top: 70px; font-family: Oswald !important;font-weight: 300; border-bottom: 10px rgba(22,72,148,1) solid; z-index: 1 !important; position: relative;}

.pattern-parts p {padding-bottom: 20px;}

/*--- HEADER STYLES ---------------------*/
header {}

.wrapper {box-sizing: border-box; display: flex; flex-direction: row-reverse; padding: 6px 0; justify-content: space-around; box-sizing: border-box;}

.logo a {display: flex; justify-content: center;}

.logo a p {font-size: 18px; margin-left: 10px; color:#fff; font-weight: 600; margin-top: 7px;}

.search {color:#fff; margin-left:5px;}


/*---BODY--------------------------------*/

#hs-header {background: #000;}

i.primary.fa-solid.fa-chevron-down {
	font-size: 13px;
    margin-left: 10px;
}

.background {
	background-image:url("../siteart/background.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 284px;
	object-fit:cover;
	background-size: cover;
	margin: 0 auto;
	background-position:50% 12%;
}

.first-moved,.second-moved, .third-moved, .fourth-moved, .fifth-moved, .sixth-moved, .seventh-moved {display: none !important;}

.return-button {padding: 5px 20px; background: #fff;border-radius: 3%;max-width: 115px;width: 100%;}

.return-button a {color:rgba(22,72,148,1);}

i.fa-regular.fa-square-caret-down {margin-right: 10px;}

/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
footer{background: rgba(22,72,148,1);}
.footer-parts img {width: 100%; max-width: 210px;}

.footer-flex {display: flex; flex-direction: row; width: 80%; margin: 0 auto;justify-content: space-around;padding: 130px 0;}

.footer-parts p {color: #fff; text-align: center; font-size: 13pt;}

.footer-parts.tractor-house img {max-width: 500px !important;}

.pattern-background {background: url("../siteart/footer-background.jpg");
	background-repeat: no-repeat;
	width: 100%;
	height: 280px;
	object-fit:cover;
	background-size: cover;
	margin: 0 auto;
	object-position:top top !important;}

.pattern-background .pattern-parts.shipping img {width: 100%; max-width: 64px;}

.pattern-background .wrap{display: flex; flex-direction: row; width: 70%; margin: 0 auto; padding: 30px 0 20px; align-items: center; gap: 50px;}
.pattern-parts p {color: #fff; font-size: 13pt;}

.pattern-parts.comic-sans p {font-family: 'Comic sans MS', Arial !important; font-size: 13pt;}
span.Merriweather {font-family: 'Merriweather', Arial;}
.information {display: flex; gap: 30px; z-index: 1;}
.shipping {z-index: 1;}

.site-header .overlay {background-color: rgba(33,33,33,1) !important; padding:142px 0; width: 100%; margin: 0 auto; opacity: 0.5; position: absolute;}

.footer .overlay {background-color: rgba(33,33,33,1) !important; padding:140px 0; width: 100%; margin: 0 auto; opacity: 0.5; position: absolute;}

.pattern-parts.shipping p {
	width: 40%;
    text-align: left;
	margin-left: 74px;
    font-size: 40px;
	font-family: Oswald;
    font-size: 29pt;
    line-height: 1.42;
    font-weight: 400;
    margin-top: 20px;
    text-transform: uppercase;
}

.pattern-parts.shipping {
	display: flex;
    flex-direction: row-reverse;
}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/







/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1868px) {
	.first-hidden {display: none !important;}
	.first-moved {display: contents !important;}
	.more a.first-child{padding-top:10px !important;}
	.more a.first-child1{padding-top: 30px !important;}
}

@media only screen and (max-width: 1636px) {
	.second-hidden {display: none !important;}
	.second-moved {display: contents !important;}
	.more a.first-child1{padding-top:10px !important;}
	.more a.first-child2{padding-top: 30px !important;}
}

@media only screen and (max-width: 1442px) {
	.third-hidden {display: none !important;}
	.third-moved {display: contents !important;}
	.more a.first-child2{padding-top:10px !important;}
	.more a.first-child3{padding-top: 30px !important;}
}

@media only screen and (max-width: 1304px) {
	.fourth-hidden {display: none !important;}
	.fourth-moved {display: contents !important;}
	.more a.first-child3{padding-top:10px !important;}
	.more a.first-child4{padding-top: 30px !important;}
}

@media only screen and (max-width: 1184px) {
	.fifth-hidden {display: none !important;}
	.fifth-moved {display: contents !important;}
	.more a.first-child4{padding-top:10px !important;}
	.more a.first-child5{padding-top: 30px !important;}
}


@media only screen and (max-width: 973px) {
	.sixth-hidden {display: none !important;}
	.sixth-moved {display: contents !important;}
	.more a.first-child5{padding-top:10px !important;}
	.more a.first-child6{padding-top: 30px !important;}
}


@media only screen and (max-width: 901px) {
	.seventh-hidden {display: none !important;}
	.seventh-moved {display: contents !important;}
	.more a.first-child6{padding-top:10px !important;}
	.more a.first-child7{padding-top: 30px !important;}
}

@media only screen and (max-width: 811px) {
	.background {background-position: left center !important}
}

@media only screen and (max-width: 807px) {
	.seventh-hidden {display: none !important;}
	.seventh-moved {display: contents !important;}
	.pattern-background {height: 320px;}
	.footer .overlay {padding: 160px 0;}
}


@media only screen and (max-width: 767px) {
	footer .wrap {flex-direction: column !important;}
	.information {display: flex; flex-direction: column !important; width: 100%;}
	.pattern-background {height: 580px;}
	.footer .overlay {padding: 290px 0;}
	.pattern-background .wrap {margin: 0 49px !important;}

}

@media only screen and (max-width: 334px) {
	.footer .overlay {padding: 290px 0;}
	.pattern-background .wrap {margin: 0 55px !important;}

}