﻿/***** 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 {}

h1{font-family: 'Playfair Display', serif; font-size: 50px; letter-spacing: 2px;}
h2{font-family: 'Playfair Display', serif; font-size: 30px; letter-spacing: 2px;}
h3{font-family: 'Playfair Display', serif; font-size: 20px; letter-spacing: 2px;}
p{font-family: 'Playfair Display', serif; letter-spacing: 1.5px;}
a{font-family: 'Playfair Display', serif; letter-spacing: 1.5px;}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {}


/*---BODY--------------------------------*/

html {scroll-behavior: smooth;}

/*--------FORM STYLES--------------------*/


/*-------- FOOTER STYLES ----------------*/
footer{}
.footer-wrap{padding: 60px 40px; padding-bottom:40px; background: #2d5c88;}

.column-wrap{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
    width: 100%;
	color: white;
}

.three-column {width: 80%; text-align:center; }
.three-column a{ color: white;}
.three-column img {width: 100%; }

.eight-img{text-align: center;}
.eight-img img {width: 21%; padding-left: 6px;}



/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link {background:#9f1d24!important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #9f1d24 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.list-content .list-title .list-listings-count{color:#9f1d24!important; }
.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price{color:#9f1d24!important; }
.detail-content .search-results{color:#9f1d24!important; }
.detail-content .dealer-info .phone-and-email .send-email-btn{ color:#9f1d24!important; border: 1px solid #9f1d24!important; }
.body-wrapper {padding: 5%;}
.list-content .list-title .list-title-text {font-family: 'Work Sans', sans-serif!important; text-transform: uppercase;}
#parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count{ color:#9f1d24!important; }

@media only screen and (max-width: 874px){ }
@media only screen and (max-width: 500px){ }
@media only screen and (max-width: 425px){ 
	.list-content .list-title{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: baseline!important;
		align-content: stretch;
	}
	.list-content .list-title .list-listings-count{margin-left: 0px!important;}
	#parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title{align-items: baseline!important; flex-direction: column;}
	#parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count{margin-left: 0px!important; color:#9f1d24!important; }
}
@media only screen and (max-width: 320px){  }

/*---------- RESPONSIVE STYLES ----------*/



@media only screen and (max-width: 990px){
	
	/*	footer styles   */
	.footer-wrap { padding: 7%; padding-bottom: 0;}
	.column-wrap{flex-direction: column; align-items: center;}
	.three-column {
		width: 50%;
		text-align: center;
		padding-bottom: 7%;
	}
	
	/*	end of footer styles   */
}
	

@media only screen and (max-width: 650px){

}

@media only screen and (max-width: 500px){
	
	/*	footer styles   */
	.footer-wrap { padding: 14%; padding-bottom: 7%;}
	.three-column {width: 90%;}
	.eight-img img {width: 31%;}
	.column-wrap{ font-size: 14px; text-align: center; }
	/*	end of footer styles   */

}

@media only screen and (max-width: 425px){
	
}

@media only screen and (max-width: 375px){
	
}

@media only screen and (max-width: 320px){
	
}




