@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap');

/* Page Setup Styles */

	html																		{ background-color: #FFFFFF; }
	div.page																	{ font-family: 'Open Sans', sans-serif; background-color: #F5F5F5; }
	div.offset																	{ padding: 0% 24px; max-width: 1308px; }

/* Heading & Paragraph Styles */

	section.main div.content h1													{ margin: 0%; padding: 0%; font-family: 'Open Sans', sans-serif; font-size: 1.875rem; line-height: 1.5em; font-weight: 900; text-transform: uppercase; color: #676858; background-color: transparent; letter-spacing: 0px; z-index: 10; }

/* Footer Styles */

	footer.main-et3a div.footer-content											{ padding: 0%; background-color: #FFC914; }
	footer.main-et3a div.footer-content img										{ height: auto !important; min-height: 72px; display: block; object-fit: cover; object-position: left; }

/* Default Template Styles */

	section.main																{ padding: 0%; background-color: transparent; }

	section.main .flex															{ display: flex; flex-wrap: wrap; align-items: center; }
	section.main .flex > *														{ align-self: stretch; }
	section.main .col-2 > *														{ margin: 0% 0% 4.7% 4.7%; width: 47.65%; }
	section.main .col-2 > :nth-child(2n+1)										{ margin-left: 0%; }
	section.main .col-2 > :nth-child(2n+2)										{ margin-left: 4.7%; }
	section.main .col-3 > *														{ margin: 0% 0% 3.5% 3.5%; width: 31%; }
	section.main .col-3 > :nth-child(3n+1)										{ margin-left: 0%; }
	section.main .col-3 > :nth-child(3n+2)										{ margin-left: 3.5%; }
	section.main .col-3 > :nth-child(3n+3)										{ margin-left: 3.5%; }

	section.main div.wg-slider													{  }
	section.main div.wg-slider .slide-caption									{ padding: 0%; max-width: 938px; bottom: 28%; background-color: transparent; }
	section.main div.wg-slider .slide-caption .content							{ padding: 0%; max-width: 300px; text-align: left; background-color: transparent; }
	section.main div.wg-slider .slide-caption .content h1,
	section.main div.wg-slider .slide-caption .content h2,
	section.main div.wg-slider .slide-caption .content h3,
	section.main div.wg-slider .slide-caption .content h4,
	section.main div.wg-slider .slide-caption .content h5,
	section.main div.wg-slider .slide-caption .content h6						{ margin: 0%; font-family: 'Anton', sans-serif; font-size: 2.5rem; line-height: 1.5em; font-weight: 400; text-transform: none; color: #FFFFFF; }

/* Home Template Styles */

	section.home .flex > .panel													{ padding: 2.813rem 3.75rem 5.438rem 3.125rem; position: relative; overflow: hidden; }
	section.home .flex > .panel .details										{ position: relative; z-index: 10; }
	section.home .flex > .panel .image											{ width: 100%; height: 100%; top: 0px; bottom: 0px; position: absolute; z-index: 0; }
	section.home .flex > .panel .image > img									{ width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; position: absolute; object-fit: none; }
	section.home .flex > .panel h3												{ margin: 0% 0% 0.75em 0%; font-family: 'Anton', sans-serif; font-size: 2.5rem; text-transform: none; color: #FFFFFF; }
	section.home .flex > .panel p												{ margin: 0% 0% 0% 0%; font-family: 'Open Sans', sans-serif; font-size: 1rem; line-height: 1.5em; font-weight: 600; text-transform: none; color: #FFFFFF; }
	section.home .flex > .panel .button											{ margin: 1.688rem 0% 0% 0%; padding: 0.5rem 1.313rem 0.438rem 1.438rem; min-width: 0px; font-family: 'Open Sans', sans-serif; font-size: 0.875rem; line-height: 1em; font-weight: 400; text-transform: none; color: #FFFFFF; background-color: transparent; border: 1px solid #FFFFFF; transition: color 0.2s ease, background-color 0.2s ease; }
	
	section.home .promo-panels-1												{ padding: 84px 0% 0% 0%; }
	section.home .promo-panels-1 .cms_1 > div									{ display: flex; flex-wrap: wrap; align-items: center; }
	
	section.home .promo-panels-1 .cms_1 > div a,
	section.home .promo-panels-1 .cms_1 > div img								{ margin: 0% 0% 4.7% 4.7%; width: 47.65%; align-self: stretch; display: block; position: relative; }
	section.home .promo-panels-1 .cms_1 > div a img,
	section.home .promo-panels-1 .cms_1 > div a picture							{ margin-left: 0px; width: 100%; max-width: 100%; height: auto !important; }
	section.home .promo-panels-1 .cms_1 > div > :nth-child(2n+1)				{ margin-left: 0%; }
	section.home .promo-panels-1 .cms_1 > div > :nth-child(2n+2)				{ margin-left: 4.7%; }

	section.home .promo-panels-2 .cms_2 > div									{ display: flex; flex-wrap: wrap; align-items: center; }

	section.home .promo-panels-2 .cms_2 > div a,
	section.home .promo-panels-2 .cms_2 > div img								{ margin: 0% 0% 4.7% 4.7%; width: 47.65%; align-self: stretch; display: block; position: relative; }
	section.home .promo-panels-2 .cms_2 > div a img,
	section.home .promo-panels-2 .cms_2 > div a picture							{ margin-left: 0px; width: 100%; max-width: 100%; height: auto !important; }
	section.home .promo-panels-2 .cms_2 > div > :nth-child(2n+1)				{ margin-left: 0%; }
	section.home .promo-panels-2 .cms_2 > div > :nth-child(2n+2)				{ margin-left: 4.7%; }

	section.home .promo-panels-3 .cms_3 > div									{ margin: 0% auto; padding: 50px 23px 80px 23px; }
	section.home .promo-panels-3 .cms_3 > div a,
	section.home .promo-panels-3 .cms_3 > div img,
	section.home .promo-panels-3 .cms_3 > div picture							{ margin-left: 1.625%; width: 32.25%; max-width: 390px; display: inline-block; vertical-align: middle; position: relative; }
	section.home .promo-panels-3 .cms_3 > div a img,
	section.home .promo-panels-3 .cms_3 > div a picture							{ margin-left: 0px; width: 100%; max-width: 100%; height: auto !important; }
	section.home .promo-panels-3 .cms_3 > div > :nth-child(3n+1)				{ margin-left: 0%; }
	section.home .promo-panels-3 .cms_3 > div > :nth-child(3n+2)				{ margin-left: 1.625%; }
	section.home .promo-panels-3 .cms_3 > div > :nth-child(3n+3)				{ margin-left: 1.625%; }

/* Shop Template Styles */

	section.shop div.offset														{ max-width: 1209px; }

/* Standard Template Styles */

	section.standard div.offset													{ max-width: 1209px; }
	section.standard div.content												{ padding: 47px 0%; }

	div.popup-panel h2															{ margin: 0% 0% 1em 0%; font-family: 'Open Sans', sans-serif; font-size: 1.5em; font-weight: 400; color: #676858; }
	div.popup-panel .field-block .form-control,
	div.popup-panel .field-block input,
	div.popup-panel .field-block textarea,
	div.popup-panel .field-block select											{ width: 100%; }
	div.popup-panel .g-recaptcha > div											{ margin: 1em auto 0% auto; }
	div.popup-panel .form-buttons												{ margin-top: 1.5em; text-align: center; }
	div.popup-panel .form-buttons > button										{ padding: 0.375em 0.688em; font-size: 1em; line-height: 1.667em; font-weight: 400; text-transform: none; display: inline-block; color: #FFFFFF; background-color: #262729; border: 0px; border-radius: 4px; }

	div.popup-panel.mailing-list-signup											{ padding: 0%; max-width: 920px; background-color: transparent; overflow: hidden; }
	div.popup-panel.mailing-list-signup span.close								{ display: none; }
	div.popup-panel.mailing-list-signup div.table-wrapper						{ display: table; }
	div.popup-panel.mailing-list-signup div.table-wrapper > div					{ display: table-cell; vertical-align: middle; }
	div.popup-panel.mailing-list-signup div.vinyl-record						{ width: 40%; }
	div.popup-panel.mailing-list-signup div.vinyl-record a.image				{ margin-right: -70px; display: block; position: relative; z-index: 100; }
	div.popup-panel.mailing-list-signup div.vinyl-record a.image img			{ display: block; }
	div.popup-panel.mailing-list-signup div.details								{ width: 60%; }
	div.popup-panel.mailing-list-signup div.details h3							{ font-size: 2.25rem; font-weight: 900; }
	div.popup-panel.mailing-list-signup div.details > div.container				{ padding: 24px 28px 24px 96px; position: relative; background-color: #F6AE2D; border: 10px solid #FFFFFF; border-radius: 20px; }
	div.popup-panel.mailing-list-signup div.details a.button					{ padding: 0.375rem 1.5rem 0.313rem 1.5rem; min-width: 0px; font-size: 1.875rem; line-height: 2rem; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #FFFFFF; background-color: transparent; border: 4px solid #000000; border-radius: 14px; }
	div.popup-panel.mailing-list-signup div.details span.close					{ top: auto; right: 32px; bottom: 32px; display: block; color: #000000; opacity: 1; }
	div.popup-panel.mailing-list-signup div.details span.close:after			{ margin-left: 0.5rem; content: '\f00d'; font-family: 'Font Awesome 5 Pro'; font-size: 1.5rem; display: inline-block; vertical-align: -2px; }
	div.popup-panel.mailing-list-signup button.close							{ display: none; }

/* Latest Products Feature Styles */

	#latest-products															{ display: none; }

/* 1080px Resolution Specific Behaviour */

	@media only screen and (max-width: 1080px) and (min-width: 0px) {

	/* Default Template Styles */

		section.main .col-2 > *													{ margin: 0% 0% 5% 0%; width: 100%; }
		section.main .col-2 > :nth-child(2n+1)									{ margin-left: 0%; }
		section.main .col-2 > :nth-child(2n+2)									{ margin-left: 0%; }
	

/* 900px Resolution Specific Behaviour */

	} @media only screen and (max-width: 900px) and (min-width: 0px) {

	/* Header Styles */

		header.main-et1a div.header-details										{ padding: 29px 0% 0% 0%; }

	/* Navigation Styles */

		nav.main-et1a form.search button										{ margin: 0% 8px 0% 0%; }

/* 800px Resolution Specific Behaviour */

	} @media only screen and (max-width: 800px) and (min-width: 0px) {

	/* Page Setup Mobile Styles */

		div.page																{ background-size: 100% auto; }
		div.offset																{ padding: 0% 1.125rem; }

	/* Header Mobile Styles */

		header.main-et3a														{ position: fixed; }
		header.main-et3a .header-main .header-logo								{ padding: 0%; }
		header.main-et3a div.header-details										{ padding: 0%; background-color: #F5F5F5; }
		header.main-et3a div.mobile-commerce .commerce-button					{ color: #444444; border-left: 0px; }

	/* Navigation Mobile Styles */

		#menu-container ul.slicknav_nav											{ padding: 1em 0%; background-color: #48443B; border-top: 0px; }
		#menu-container ul.slicknav_nav li										{ border-bottom: 0px; }
		#menu-container ul.slicknav_nav li a									{ padding: 0.675em 2em 0.675em 1em; font-family: 'Open Sans', sans-serif !important; font-size: 1.25rem !important; color: #FFFFFF; }

		#mobile-search-container .mobile-search-button							{ padding: 0.375rem 0.875rem; color: #FFFFFF; background-color: #262729; }
		#mobile-search-container .mobile-search-button:hover					{ background-color: #676858; }

		#account-sidemenu														{ left: -75%; }

	/* Footer Mobile Styles */

		footer.main-et3a div.footer-content div.offset							{ padding: 0%; }

	/* Home Template Styles */

		section.home .promo-panels-1 .cms_1 > div								{ display: block; text-align: center; }
		section.home .promo-panels-1 .cms_1 > div a								{ margin: 0% 0% 1rem 0%; width: 100%; max-width: 600px; display: inline-block; }
		section.home .promo-panels-1 .cms_1 > div a img							{ margin: 0% !important; }
		section.home .promo-panels-1 .cms_1 > div a:nth-of-type(1n+1)			{ margin-left: 0%; }
		section.home .promo-panels-2											{ padding-top: 0px; }
		section.home .promo-panels-2 .cms_2 > div								{ display: block; text-align: center; }
		section.home .promo-panels-2 .cms_2 > div a								{ margin: 0% 0% 1rem 0%; width: 100%; max-width: 600px; display: inline-block; }
		section.home .promo-panels-2 .cms_2 > div a img							{ margin: 0% !important; }
		section.home .promo-panels-2 .cms_2 > div a:nth-of-type(1n+1)			{ margin-left: 0%; }
		section.home .promo-panels-3 .cms_3 > div								{ padding: 0%; display: block; text-align: center; }
		section.home .promo-panels-3 .cms_3 > div a								{ margin: 0% 0% 1rem 0%; width: 100%; max-width: 600px; display: inline-block; }
		section.home .promo-panels-3 .cms_3 > div a img							{ margin: 0% !important; }
		section.home .promo-panels-3 .cms_3 > div a:nth-of-type(1n+1)			{ margin-left: 0%; }

	/* Latest Products Feature Mobile Styles */

		#latest-products														{ display: block; background-color: #C8C8C8; }
		#latest-products div.heading											{ padding: 1em 0% 0% 0%; font-family: 'Open Sans', sans-serif; font-size: 2em; font-weight: 700; text-align: center; color: #676858; }
		#latest-products ul.products											{ margin: 0%; padding: 38px 16px 16px 16px; background-color: #C8C8C8; }
		#latest-products ul.products li											{ margin: 0% 0% 4% 4%; padding: 0%; width: 48%; display: inline-block; list-style: none; overflow: visible; border: 0px; }
		#latest-products ul.products li div.productlisting_thumbcontainer		{ padding: 5px; width: 100%; background-color: #FFFFFF; box-shadow: 0px 0px 5px #000000; transition: background-color ease 0.4s; }
		#latest-products ul.products li div.productlisting_imgthumb				{ margin: 0% 0% 4px 0%; width: 100%; text-align: center; }
		#latest-products ul.products li div.productlisting_imgthumb div.image_container a.image_dimensions:before { position: absolute; }
		#latest-products ul.products li a.productlisting_details				{ padding: 8px 8px 1px 8px; display: block; background-color: transparent; border-top: 1px solid #797979; }
		#latest-products ul.products li a.productlisting_details div.productlisting_title { margin: 0% 0% 2px 0%; padding: 0%; font-size: 0.938em; line-height: 1.333em; font-weight: 400; text-align: center; text-transform: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1F1B0F; }
		#latest-products ul.products li a.productlisting_details div.productlisting_summary { margin: 0% 0% 2px 0%; font-size: 0.813em; font-weight: 400; display: block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1F1B0F; }
		#latest-products ul.products li a.productlisting_details div.productlisting_summary p { margin: 0%; font-size: 1em; text-transform: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1F1B0F; }
		#latest-products ul.products li a.productlisting_details div.productlisting_price { margin: 2px 0% 0% 0%; font-size: 0.875em; font-weight: 400; text-align: center; color: #1F1B0F; }
		#latest-products ul.products li a.productlisting_details div.productlisting_price div.price_segment { font-size: 1em; line-height: 1.429em; }
		#latest-products ul.products li a.productlisting_details div.productlisting_price span.price_value { font-size: 1em; font-weight: 400; color: #1F1B0F; }
		#latest-products ul.products li a.productlisting_details div.productlisting_stock { margin: 5px 0% 0% 0%; font-weight: bold; font-size: 14px; text-align: center; float: right; color: #25BC0F; }
		#latest-products ul.products li:hover div.productlisting_thumbcontainer	{ background-color: #ECECEC; }
		#latest-products ul.products li:nth-of-type(2n+1)						{ margin: 0% 0% 4% 0%; }

		div.popup-panel.mailing-list-signup										{ overflow-y: auto; }
		div.popup-panel.mailing-list-signup div.table-wrapper					{ display: block; }
		div.popup-panel.mailing-list-signup div.table-wrapper > div				{ display: block; }
		div.popup-panel.mailing-list-signup div.vinyl-record					{ width: 100%; }
		div.popup-panel.mailing-list-signup div.vinyl-record a.image			{ margin: 0% auto; margin-right: auto; display: block; }
		div.popup-panel.mailing-list-signup div.vinyl-record a.image img		{ margin: 0% auto; }
		div.popup-panel.mailing-list-signup button.close						{ margin-top: 24px; font-size: 0px; display: block !important; background-color: #F6AE2D; }
		div.popup-panel.mailing-list-signup button.close:before					{ padding: 0.75rem 1rem; content: 'Close'; font-size: 1.25rem; line-height: 1.5rem; display: block; }
	
	} @media only screen and (max-width: 600px) and (min-width: 0px) {
	
	/* Navigation Mobile Styles */

		#account-sidemenu														{ left: -100%; }

	/* Popup Panel Styles */

		div.page.hide-for-popup													{ height: 100%; display: block; }
		div.popup-background.full												{ text-align: center; position: fixed; }
		div.popup-background.full .popup-panel									{ margin: 4% 0%; padding: 32px 24px; width: 90%; max-width: 580px; max-height: 92%; min-height: 0px; position: relative; }
	}