@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html, body {
	background-color: #fff;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif; 
	font-weight: 700; 
}

header {
	border-bottom: 1px solid #ddd;
}

	#headerLeftBox,
	#headerRightBox {
		font-size: 20px;
	}

		#headerLeftBox a,
		#headerLeftBox .link,
		#headerRightBox a,
		#headerRightBox .link {
			color: #222;
			font-family: 'Open Sans', serif; 
			font-weight: 700;
			text-transform: uppercase;
		}
		#headerLeftBox a:hover,
		#headerLeftBox .link:hover,
		#headerRightBox a:hover,
		#headerRightBox .link:hover {
			color: #222;
			text-decoration: underline;
		}

nav > ul > li {
	font-size: 16px;
	line-height: 1.25em;
}

#siteNav a,
#siteNav .link,
#mchn-accountNav a,
#mchn-accountNav .link {
		color: #fff;
		font-family: 'Open Sans', serif; 
		font-weight: 700;
	}

@media (min-width: 1024px) {
	#siteNav { bottom: 0; display: none; height: auto; left: 0; max-width: 280px; position: fixed; overflow-y: auto; right: auto; top: 0; width: 90%; z-index: -1; }

		nav .heading { display: inline-block; }
		nav > ul { display: block; text-align: center; }
			nav > ul > li { height: 100%; }			
				nav > ul > li > ul { left: 0; min-width: 100%; position: absolute; right: auto; top: 36px; z-index: 998; }
					nav > ul > li > ul > li > ul { left: 100%; min-width: 100%; position: absolute; right: auto; top: 0; z-index: 998; }
					nav.rightSide > ul > li > ul > li > ul { left: auto; min-width: 100%; position: absolute; right: 100%; top: 0; z-index: 998; }
			nav > ul > li.fullWidth { position: static; }
				nav > ul > li.fullWidth > ul { right: 0; padding: 5px; top: 36px; z-index: 998; }
					nav > ul > li.fullWidth > ul > li { white-space: normal; width: 25%; }
					nav > ul > li.fullWidth > ul > .content { display: block; float: right; text-transform: none; width: 75%; }
					nav > ul > li.fullWidth > ul > .content:only-child { float: none; width: 100%; }
		nav li { 
			display: inline-block; 
			padding-left: 15px; 
			padding-right: 15px; 
		}
		nav#siteNav li { 
			display: block; 
			padding-left: 10px; 
			padding-right: 10px; 
		}
			nav li > ul { background: #626262; }
				nav li > ul li { display: block; text-align: left; white-space: nowrap; }
				nav li > ul a:hover,
				nav li > ul .link:hover { text-decoration: underline; }
		.navSocial { display: none; }
}

#mchn-accountNav { }
@media (min-width: 1024px) {
	#mchn-accountNav { 
		height: 28px; 
		line-height: 18px; 
	}
		#mchn-accountNav li {
			padding-left: 10px;
			padding-right: 10px;
		}
		#mchn-accountNav > ul > li { 
			font-size: 14px; 
		}
			#mchn-accountNav > ul > li > ul { 
				top: 28px; 
			}
			#mchn-accountNav > ul > li.fullWidth > ul { 
				top: 28px; 
			}
}

nav.sectionNav {
	background: transparent;
	color: #000;
}
	nav.sectionNav > ul > li:hover {
		background: transparent;
		color: #000;
	}
		nav.sectionNav > ul > li:hover > a {
			color: #000;
		}

	nav.sectionNav a {
		color: #000;
	}

	nav.sectionNav li {
		color: #000;
	}

aside {
	padding-top: 8px;
}

.mainContent { 
	border: 0; 
}

.pageHeading {
	overflow-x: hidden;
}

	.pageHeadingTitle,
	.pageHeading > .pageHeadingTitle {
		background: none;
		font-style: italic;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		text-align: left;
		text-transform: uppercase;
	}

	.pageHeading > .pageHeadingTitle {
		display: inline-block;
		position: relative;
	}

	@media (min-width: 768px) {
		.pageHeading > .pageHeadingTitle:after {
			background-color: #222;
			content: "";
			height: 1px;
			margin-left: 15px;
			position: absolute;
			top: 9px;
			width: 6000px;
		}
	}

section > .pageHeadingTitle, 
.box100 > .boxContent > .pageHeading > .pageHeadingTitle {
	font-size: 1.8rem;
}


footer {
	background: #000;
	font-family: 'Open Sans', sans-serif; 
	font-size: 14px;
	font-weight: 400; 
}

	footer h1,
	footer h2,
	footer h3,
	footer h4,
	footer h5,
	footer h6 {
		font-family: 'Open Sans', sans-serif; 
		font-weight: 800; 
		text-transform: uppercase;
	}

	footer boxes > [class^='box'],
	footer boxes > [class|='box'] {
		font-size: 14px;
	}

#footerSmallPrint {
	font-family: 'arial', sans-serif; 
	font-weight: 400; 
}

hr {
	background-image: none;
}

/*------------------------------------------*/
/* Entity CSS
/*------------------------------------------*/

/* Article Enitity */

.articleBody {
	padding-left: 0;
	padding-right: 0;
}

	.articleBody h1, 
	.articleBody h2, 
	.articleBody h3, 
	.articleBody h4, 
	.articleBody h5, 
	.articleBody h6, 
	.articleBody ol, 
	.articleBody > div, 
	.articleBody p, 
	.articleBody ul {
		max-width: 100%;
	}

	.articleBody h1, 
	.articleBody h2, 
	.articleBody h3, 
	.articleBody h4, 
	.articleBody h5, 
	.articleBody h6 {
		font-weight: 700;
		max-width: 100%;
	}

	.articleBody h2,
	.articleBody .boxContentBody h2 {
		font-size: 1.3125em;
	}

.articleHeader {  }

	.articleHeaderByline { 
		display: block; 
		text-align: left; 
	}
		.articleHeaderBylineAuthorBox {  }
			.articleHeaderBylineAuthor {
				font-weight: normal;
			}

	@media (min-width: 1440px) { .articleHeaderImage {
		padding-top: 56.75%;
	} }

	.articleHeaderShare {
		border-radius: 50%;
	}

	.articleHeaderText {
		padding: 32px 0 2px 0;
	}

/* Item Enitity */

.itemHeader h1 { 
	font-size: 1.5rem; 
	line-height: 1.3em;
}

@media (min-width: 768px) {
	.itemHeader h1 { 
		font-size: 1.8rem; 
	}
}

/*------------------------------------------*/
/* Listing CSS
/*------------------------------------------*/

/* .listingSummary element anywhere in an audienceView listing */
.audienceView .listingSummary { 
	font-family: 'Open Sans', sans-serif; 
	font-weight: 200; 
}

/* .listingTitle element anywhere in an audienceView listing */
.audienceView .listingTitle { 
	font-family: 'Open Sans', serif; 
	font-weight: 700; 
}

.audienceView .listingPrice {
	font-family: 'Open Sans', sans-serif; 
	font-weight: 200; 
}

/* Item Listings */
.audienceView > .listings.itemListings > .listing {
	border-bottom: 0;
	border-top: #eee 1px solid;
}

.audienceView > .listings.itemListings > .listing.box50:nth-child(1),
.audienceView > .listings.itemListings > .listing.box50:nth-child(2) {
	border-top: 0;
}

	.audienceView > .listings.itemListings > .listing .listingTitle, 
	[class^="box"] > .boxContent > .boxContentBody > .audienceView .itemListings .listingTitle, 
	[class*=" box"] > .boxContent > .boxContentBody > .audienceView .itemListings .listingTitle, 
	.audienceView > .listings.itemListings > [class^="box"] > .boxContent > .boxContentBody .listingTitle, 
	.audienceView > .listings.itemListings > [class*=" box"] > .boxContent > .boxContentBody .listingTitle, 
	.audienceView > .listings.itemListings > [class^="box"] .listingTitle, 
	.audienceView > .listings.itemListings > [class*=" box"] .listingTitle { 
		font-family: 'Open Sans', serif; 
		font-weight: 400; 
		text-transform: uppercase;
}

/*------------------------------------------*/
/* Buttons */
/*------------------------------------------*/

input[type="submit"], 
input[type="button"], 
input[type="reset"], 
button, 
.button {
	background-color: #000;
	border: 0;
	border-radius: 0;
	color: #fff;
	font-family: 'Open Sans', sans-serif; 
	font-size: 1.2rem;
	font-weight: 700; 
	letter-spacing: 2px;
	padding: 8px 16px;
	text-transform: uppercase;
}
input[type="submit"]:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
button:hover, 
.button:hover {
	background-color: #222;
	color: #fff;
}

.buttonBob { 
	background-color: #5ccdf2;
}
.buttonBob:hover { 
	background-color: #7ADEFF;;
}

.buttonBuyNow { 
	background-color: #5ccdf2;
}
.buttonBuyNow:hover { 
	background-color: #7ADEFF;;
}


/*------------------------------------------*/
/* Shopping Cart */
/*------------------------------------------*/

.mchn-shoppingCart input[type="submit"], 
.mchn-shoppingCart input[type="button"], 
.mchn-shoppingCart input[type="reset"], 
.mchn-shoppingCart button, 
.mchn-shoppingCart .button { 
	font-size: 0.80rem;
	letter-spacing: 1px;
}

@media (min-width: 768px) {
	.mchn-shoppingCart input[type="submit"], 
	.mchn-shoppingCart input[type="button"], 
	.mchn-shoppingCart input[type="reset"], 
	.mchn-shoppingCart button, 
	.mchn-shoppingCart .button { 
		font-size: 1.1rem;
	}
}

/*------------------------------------------*/
/* Checkout v2 */
/*------------------------------------------*/

.mchn-checkout-cardButton-default {
	border-radius: unset;
	transform: scale(.85);
	font-size: 14px !important;
}

.mchn-checkout-buttonM{
	font-size: 14px !important;
	border-radius: unset;
        padding: unset !important;
}

.mchn-checkout-buttonMain {

	border-radius: unset;
}