@charset "utf-8";
/* 	
	
	CUSTOM STYLES AND OVERRIDES

	ARI PARTSTREAM Connector to Miva Shopping Cart - By Glendale Designs, for AOMC.mx
	Copyright Glendale Designs - Our optimizations are not freeware.
	Do not use, copy or distribute without written permission. 
	Ask us, we're nice! support@glendaledesigns.com 

*/

/* Having the PartStream JS APP on the page is messing some parts of the framework up. Here are some overrides to try and fix that! Need to be inline because of all the loading/cls/async features/issues */
body#js-PARTSTREAM_JS {
	line-height: unset;
}
#gd-ari-partstream {
	min-height: 620px;
	margin-top:1rem;
	position:relative;
	z-index:1;
}

/* Styles for the pages in General that can be loaded in this file. Critical things and CLS fixes need to be inline style head tag */
#gd-ari-partstream {}

body #gd-ari-partstream #ariPartStream {
	z-index: 5;
}
.gd-ari-partstream-discount-message {
	font-size: 1rem;
}
#gd-ari-partstream #ariPartStream .ari-brandsBox .brandLogoBox	{
	width: 80%;
	min-width: 175px;
}


/* Partsream List of Brands */
#gd-ari-partstream #ariPartStream .ari-product-line.ari-assembly-select .item p, 
#gd-ari-partstream #ariPartStream .ari-brandsBox .brandLogoBox p {
	display: flex;
	margin: 0;
	padding: 0.5em;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1rem;
	height: 5em;
	background: #222222 url('/mm5/themes/00000001/shadows/images/global-header-bg.jpg') no-repeat top center;
	color: #fff;
}
#gd-ari-partstream #ariPartStream .ari-product-line.ari-assembly-select .item, 
#gd-ari-partstream #ariPartStream .ari-brandsBox .brandLogoBox {
	height: 360px;
}
.x-hover--allowed #gd-ari-partstream #ariPartStream #ari_assemblies .ari-product-line.ari-assembly-select .item:hover, 
.x-hover--allowed #gd-ari-partstream #ariPartStream .ari-brandsBox .brandLogoBox:hover {
	border: 1px solid #d86d16;
	-webkit-box-shadow: 	0px 3px 8px -1px rgba(0,0,0,0.73);
	-moz-box-shadow: 		0px 3px 8px -1px rgba(0,0,0,0.73);
	box-shadow: 			0px 3px 8px -1px rgba(0,0,0,0.73); 
}
.x-hover--allowed #gd-ari-partstream #ariPartStream #ari_assemblies .ari-product-line.ari-assembly-select .item:hover p, 
.x-hover--allowed #gd-ari-partstream #ariPartStream .ari-brandsBox .brandLogoBox:hover p {
	background: #d86d16;
	background-image: none;
}


/* Partsream NavHeader with Logo and Buttons */
#gd-ari-partstream #ariPartStream .ari-navigation {
	justify-content: center;
	align-items: center;
}
#gd-ari-partstream #ariPartStream #brandLogoHeader {
	flex-grow: 1;
	padding-bottom: 0.75rem;
}
#gd-ari-partstream #ariPartStream #navHeader a.ari-change-btn:active,
.x-hover--allowed #gd-ari-partstream #ariPartStream #navHeader a.ari-change-btn:hover,
#gd-ari-partstream #ariPartStream #navHeader a.ari-change-btn:link,
#gd-ari-partstream #ariPartStream #navHeader a.ari-change-btn:visited,
#gd-ari-partstream #ariPartStream #navHeader a.ari-change-btn {
	border-radius: 0;
	font-size: 14px;
	background: #fff;
	color: #C85014;
	border:1px solid currentColor;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
	line-height: 3;
	padding: 0 1rem;
	height: 3em;
	display: inline-block;
	text-align: center;
}

/* Add to Cart Layout */
#gd-ari-partstream #ariPartStream .ariPartListAddToCart {
	border: none;
	border-radius: 0;
	background: #d86d16;
	text-transform: uppercase;
	padding:18px 1.5rem;
	font-size: 14px;
	color: #fff;
	font-family: "Roboto Condensed", sans-serif;
}
#gd-ari-partstream #ariPartStream button#ariChangeAssemblyBtn, 
#gd-ari-partstream #ariPartStream #ariInfoZoom button, 
#gd-ari-partstream #ariPartStream button#ari-ShowPartList-Btn, 
#gd-ari-partstream #ariPartStream .ariPartListWhereUsed {
	border: 1px solid #d86d16;
	background-color: #d86d16;
	color: #fff;
	font-family: "Roboto Condensed", sans-serif;
	text-transform: uppercase;
}
.x-hover--allowed #gd-ari-partstream #ariPartStream .ariPartListAddToCart:hover,
.x-hover--allowed #gd-ari-partstream #ariPartStream button#ariChangeAssemblyBtn:hover, 
.x-hover--allowed #gd-ari-partstream #ariPartStream #ariInfoZoom button:hover, 
.x-hover--allowed #gd-ari-partstream #ariPartStream button#ari-ShowPartList-Btn:hover, 
.x-hover--allowed #gd-ari-partstream #ariPartStream .ariPartListWhereUsed:hover{
	background: #bf4d14;
}
#gd-ari-partstream #ariPartStream #ariPartList .ari_row_odd {
	background:#d5d7e0;
}
.x-hover--allowed #gd-ari-partstream #ariPartStream #ariPartList .ari_row_even:hover,
.x-hover--allowed #gd-ari-partstream #ariPartStream #ariPartList .ari_row_odd:hover {
	background:#eee;
}
#gd-ari-partstream #ariPartStream .ariPLDesc {
	font-style: normal;
	text-transform: uppercase;
	color: #4a4a4a;
	margin: 0;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
}
#gd-ari-partstream #ariPartStream .ariPartNumber {
	color: #666;
	font-weight: normal;
	font-size: 14px;
	font-family: "Roboto Condensed", sans-serif;
}
#gd-ari-partstream #ariPartStream .ariPLTag {
	color: #4a4a4a;;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
}
#gd-ari-partstream #ariPartStream input[id^="ariparts_qty"] {
	width: 80px !important;
}
#gd-ari-partstream #ariPartStream .ariPLTag,
#gd-ari-partstream #ariPartStream .ariPLSku {
	padding-bottom: 0;
}
/* GD 30641405 Asked to remove this line, Oct 19, 2023 */
/*
#gd-ari-partstream #ariPartStream .ariPriceColumn:after {
	content: "Available in 3-5 days";
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding: 0.333em;
	clear: both;
	float: none;
	text-align: right;
}
*/
/* GDCP: I don't like max-width but I have to match their code to override their code b/c it uses that */
@media screen and (max-width: 450px) {
	#ariPartStream .ariPriceColumn {
		margin: 0;
		width: 99%;
	}
}



/* Catch Cart */
#js-body_message_area {
	width:100%;
	min-height:3rem;
	margin:0;
	padding:1rem;
	line-height:1;
	text-align:center;
	font-size: 1rem;
	font-weight: bold;
	border:1px solid white;
	z-index: 100;
	position: fixed;
    	top: 0;
    	left: 0;
	background: white;
}
.x-fasten-header--is-active #js-body_message_area {
	position: fixed;
	bottom:auto;
	top:68px;
	left:0;
	z-index: 10;
}
#js-body_message_area.__success {
	border:1px solid #0d8670;
	color:#075F4F;
	background-color:#E4FCF9;
}
#js-body_message_area.__error {
	border:1px solid #ee0020;
	background-color:#ee0020;
	color: #fff;
	line-height: 1.3;
}
#js-body_message_area.__error a {
	color: #fff;
	text-decoration: underline;
}



/* Hot Spots / Schematic Image */
#ariPartStream .ariHotSpot {
	border: 1px solid rgba(216,109,22,0.3);
	border-radius: 50%;
	box-shadow: 0 0 8px 4px rgba(216,109,22,0.3);
}	
#ariPartStream .ariHotSpot.ari_hotspot_highlight {
	background-color: rgba(216,109,22,0);
	box-shadow: 0 0 8px 4px rgba(216,109,22,1);
}
@media screen and (min-width: 1330px) {
	#ariPartStream .ariHotSpot {
		border: 1px solid rgba(216,109,22,0.3);
		box-shadow: 0 0 8px 4px rgba(216,109,22,0.3);
		background-color: rgba(216,109,22,0.3);
		min-width: 2rem !important;
		max-width: 2rem !important;
		width: 2rem !important;
		min-height: 2rem !important;
		max-height: 2rem !important;
		height: 2rem !important;
		/*transform: translate(-1rem, -1rem);*/
	}
}


/* Top banner addition above prices */
#ariPartSelectPanel,
#ariAssembly .ari-assembly-detail {
	position: relative;
	z-index: 1;
}
#ariPartSelectPanel:before,
#ariAssembly .ari-assembly-detail:before {
	content: "";
	display: block;
	width: 100%;
	padding: 10% 0 0 0;
	margin: 0 0 1rem 0;
}

/* Search bar overwrite */
#ariPartStream #ari-assemblySrch-wrapper input{
	line-height: unset;
	height: auto;
}

/* GD Ticket 38314548 make KTM first */
#ariPartSelectPanel #ari_brands {
	flex-direction: column-reverse;
}	
@media screen and (min-width: 30em) {	
	#gd-ari-partstream #ariPartStream .ari-product-line.ari-assembly-select .item, 
	#gd-ari-partstream #ariPartStream .ari-brandsBox .brandLogoBox {
		height: 485px;
	}	
}
@media screen and (min-width: 40em) {
	#ariPartSelectPanel #ari_brands {
		flex-direction: row-reverse;
		justify-content: center;
	}
	.gd-ari-partstream-discount-message {
		font-size: 1.125rem;
	}	
	#gd-ari-partstream #ariPartStream .ari-brandsBox .brandLogoBox	{
		width: 175px;
	}
	#gd-ari-partstream #ariPartStream .ari-product-line.ari-assembly-select .item, 
	#gd-ari-partstream #ariPartStream .ari-brandsBox .brandLogoBox {
		height: 285px;
	}	
}

.gd-ari-partstream-styles-end {}