@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 {  }

	#headerContent {  }
	@media (min-width: 1024px) { #headerContent {  
		text-align: left;
	} }

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

		#headerLeftBox a,
		#headerLeftBox .link,
		#headerRightBox a,
		#headerRightBox .link {
			color: #222;
			font-family: 'Open Sans', sans-serif; 
			font-weight: 700;
		}
		#headerLeftBox a:hover,
		#headerLeftBox .link:hover,
		#headerRightBox a:hover,
		#headerRightBox .link:hover, {
			color: #222;
		}

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

#siteNav a,
#siteNav .link {
	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 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 { 
	margin-top: 16px; 
	margin-bottom: 16px; 
}
@media (min-width: 1280px) { section { 
	margin: 16px auto; 
} }

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; 
}

/*------------------------------------------*/
/* Display */
/*------------------------------------------*/

.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 h2 {
		font-size: 1.3125em;
	}

	.articleBody h2 {
		font-size: 1.1875em;
	}

.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;
	}

/*------------------------------------------*/
/* Listings */
/*------------------------------------------*/

/* .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', sans-serif; 
	font-weight: 700; 
}

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

/* Item Listings */
.audienceView .listings.itemListings > .listing, 
[class^="box"] > .boxContent > .boxContentBody > .audienceView .listings.itemListings > .listing, 
[class*=" box"] > .boxContent > .boxContentBody > .audienceView .listings.itemListings > .listing, 
.audienceView > .listings.itemListings > .listing[class^="box"] > .boxContent > .boxContentBody, 
.audienceView > .listings.itemListings > .listing[class*=" box"] > .boxContent > .boxContentBody, 
.audienceView > .listings.itemListings > .listing[class^="box"], 
.audienceView > .listings.itemListings > .listing[class*=" box"] {
	border-top: #ddd 1px solid;	
	border-bottom: none;
	padding: 16px;
}

	.audienceView > .listings.itemListings > .listing.sideBySide.sideBySide33-67 > .listingImage { 
		display: inline-block; 
		padding-right: 20px; 
		text-align: left; 
		vertical-align: top; 
		width: 33%; 
	}

	.audienceView > .listings.itemListings > .listing.sideBySide.sideBySide33-67 > .listingText { 
		display: inline-block; 
		padding-right: 20px; 
		padding-top: 0;
		text-align: left; 
		vertical-align: top; 
		width: 67%; 
	}

	.audienceView > .listings.itemListings > .listing.sideBySide.sideBySide33-67 > .listingImage ~ .listingText { 
		padding-left: 20px; 
		padding-right: 0; 
	}

		.audienceView > .listings.itemListings > .listing.sideBySide.sideBySide33-67 > .listingText > *:first-child { 
			margin-top: 0;
			padding-top: 0;
		}

	.audienceView .listings.itemListings .listingTitle, 
	[class^="box"] > .boxContent > .boxContentBody > .audienceView .listings.itemListings .listingTitle, 
	[class*=" box"] > .boxContent > .boxContentBody > .audienceView .listings.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', sans-serif; 
		font-weight: 400; 
		text-transform: uppercase;
	}

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

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