@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');

/* Default Page Styles */

	section.main																{ padding: 0%; }

/* Button Styles */

	section.main div.content button,
	section.main div.content a.button											{ margin: 0%; padding: 6px 28px 8px 25px; min-width: 0px; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; text-transform: uppercase; display: inline-block; color: #FFFFFF; background-color: #8C1C1E; border-radius: 8px; }
	section.main div.content button:hover,
	section.main div.content a.button:hover										{ background-color: #BC6567; }

/* Heading & Paragraph Styles */

	section.main div.content h1													{ margin: 0% 0% 1.563rem 0%; font-family: 'Lato', sans-serif; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; text-transform: none; color: #8C1C1E; }
	section.main div.content h2													{ margin: 1.5rem 0% 1.375rem 0%; font-family: 'Lato', sans-serif; font-size: 1.375rem; line-height: 2rem; font-weight: 700; text-transform: none; color: #232021; }
	section.main div.content h3													{ margin: 1.563rem 0% 1.5rem 0%; font-family: 'Lato', sans-serif; font-size: 1.25rem; line-height: 2rem; font-weight: 700; text-transform: none; color: #002C2A; }
	section.main div.content h4													{ margin: 0% 0% 0% 0%; font-family: 'Lato', sans-serif; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; text-transform: uppercase; color: #1E2F23; }
	section.main div.content p													{ margin: 0% 0% 1.5rem 0%; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; text-transform: none; color: #002C2A; }
	section.main div.content a													{ color: #808f85; }
	section.main div.content li													{ margin: 0% 0% 0.75rem 0%; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; text-transform: none; color: #002C2A; }

/* Header Styles */

	header.main-et1a															{ background-color: #FFFFFF; }
	header.main-et1a div.header-top												{ background-image: linear-gradient(to top,#F4F4F4,#FFFFFF); }
	header.main-et1a div.header-top div.offset									{ padding: 0% 24px; max-width: 1450px; text-align: right; }
	header.main-et1a div.header-logo											{ padding: 6px 0% 0% 16px; width: 50%; text-align: left; position: relative; vertical-align: middle; }
	header.main-et1a div.header-logo a											{ padding: 0%; }
	header.main-et1a div.header-logo img										{ margin: 0%; max-width:500px; }
	header.main-et1a div.header-details											{ width: 50%; display: inline-block; vertical-align: middle; }
	header.main-et1a div.header-contact											{ padding: 11px 6px 8px 0%; }
	header.main-et1a p.header-caption											{ margin: 0%; font-family: 'Lato', sans-serif; text-transform: none; color: #1E2F23; }
	header.main-et1a div.header-contact span.telephone							{ margin: 1px 25px 0% 0%; font-size: 1.25rem; line-height: 1.5rem; font-weight: 700; display: inline-block; vertical-align: middle; }
	header.main-et1a div.header-contact a.button.contact						{ padding: 5px 19px 3px 17px; min-width: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; display: inline-block; vertical-align: middle; color: #1E2F23; background-color: transparent; border: 1px solid #8C1C1E; border-radius: 8px; }
	header.main-et1a div.header-contact div.header-account						{ margin: 7px 0% 0% 16px; padding: 0%; font-family: 'Lato', sans-serif; font-size: 0.875em; line-height: 1em; display: inline-block; vertical-align: middle; color: #002C2A; }
	header.main-et1a div.header-contact a.store-basket							{ margin: 32px 0% 0% 0%; padding: 7px 0%; font-family: 'Lato', sans-serif; color: #FFFFFF; background-color: #8C1C1E; }
	header.main-et1a div.header-contact a.store-basket div.basket-count			{ padding: 5px 14px 4px 18px; top: 0px; right: 0px; font-size: 0.938em; line-height: 15px; position: relative; float: right; color: #FFFFFF; background-color: #8C1C1E; border: 0px; border-left: 2px solid #FFFFFF; border-radius: 0px; }
	header.main-et1a div.header-contact a.store-basket div.basket-count:after	{ content: 'items'; margin: 0% 0% 0% 4px; }
	header.main-et1a div.header-contact a.store-basket div.basket-total			{ padding: 4px 11px 5px 14px; font-size: 0.938em; float: right; color: #FFFFFF; background-color: #8C1C1E; background-image: none; }
	header.main-et1a div.header-contact a.store-basket div.basket-total:before	{ content: '\f07a'; margin: 0% 24px 0% 0%; font-family: 'Font Awesome 5 Pro'; font-size: 18px; font-weight: 300; }
	header.main-et1a div.header-details form.search								{ margin: 31px 10px 0% 0%; background-color: #FFFFFF; border: 0px; box-shadow: 0px 0px 3px rgba(141,78,28,0.1); }
	header.main-et1a div.header-details form.search input						{ padding: 7px 12px 8px 12px; }
	header.main-et1a div.header-details form.search button						{ padding: 0% 11px 0% 12px; font-size: 1.5rem; line-height: 1.5rem; color: #8C1C1E; }

/* Navigation Styles */

	nav.main-et1a																{ background-color: #FFFFFF; border-bottom: 1px solid #E0E6E5; }
	nav.main-et1a ul															{ padding: 0; text-align: center; }
	nav.main-et1a ul li															{ border-left: 0px; }
	nav.main-et1a ul li a														{ padding: 15px 8px 11px 8px; line-height: 1em; font-weight: 600; text-transform: uppercase; color: #808f85; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
	nav.main-et1a ul li a.current												{ color: #FFFFFF; background-color: #808f85; }
	nav.main-et1a ul li:hover a													{ color: #FFFFFF; background-color: #808f85; }
	nav.main-et1a ul li:hover a.current											{ color: #FFFFFF; background-color: #808f85; }

/* Footer Styles */

	footer.main-et1a															{ margin: 0% 0% 3px 0%; background-color: #808f85; }
	footer.main-et1a div.footer-container										{ padding: 31px 0% 33px 0%; }
	footer.main-et1a div.footer-top												{ background-color: #808f85; }
	footer.main-et1a div.footer-top p,
	footer.main-et1a div.footer-top li											{ margin: 0%; font-family: 'Lato', sans-serif; font-size: 0.875rem; line-height: 1.5rem; font-weight: 400; text-transform: none; color: #EBEBEB; }
	footer.main-et1a div.footer-top .footer-heading								{ margin: 0% 0% 8px 0%; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; }
	footer.main-et1a div.footer-left											{ padding: 2px 0% 0% 24px; }
	footer.main-et1a div.footer-left ul											{ padding: 0%; }
	footer.main-et1a div.footer-left ul li										{ font-size: 0.813rem; }
	footer.main-et1a div.footer-left ul:first-of-type							{ max-width: 260px; }
	footer.main-et1a div.footer-right											{ padding: 0% 3px 0% 0%; }
	footer.main-et1a div.footer-right div.content								{ width: 100%; text-align: right; display: block; }
	footer.main-et1a div.footer-right div.content:first-of-type					{ display: none !important; }
	footer.main-et1a div.footer-copyright										{ padding: 14px 0% 16px 0%; background-color: #F4F4F4; }
	footer.main-et1a div.footer-copyright p										{ margin: 0%; font-family: 'Source Sans Pro', sans-serif; font-size: 0.75rem; line-height: 1.25rem; display: inline-block; vertical-align: middle; color: #808f85; }
	footer.main-et1a div.footer-copyright strong								{ font-weight: 400; }
	footer.main-et1a div.footer-copyright strong:after							{ margin: 0% 2px 0% 6px; content: '|'; }
	footer.main-et1a div.footer-copyright img									{ display: none !important; }

/* Default Template Styles */

	section.main div.grey														{ background-color: #F4F4F4; }
	section.main div.blue														{ background-color: #eaeaea; }
	section.main div.content													{ padding: 48px 0%; }
	section.main div.slideshow													{ padding: 0%; }
	section.main div.catalogue													{ padding: 7px 0% 24px 0%; }

/* Home Template Styles */

	section.home div.wg-slider div.content										{ padding: 16px 24px 14px 36px; max-width: 544px !important; text-align: left; background-color: rgba(0,44,42,0.85) !important; }
	section.home div.wg-slider div.content h2,
	section.home div.wg-slider div.content h3,
	section.home div.wg-slider div.content h4,
	section.home div.wg-slider div.content h5,
	section.home div.wg-slider div.content h6									{ margin: 0%; font-family: 'Lato', sans-serif; font-size: 2.25rem; line-height: 2.75rem; font-weight: 400; text-transform: none; color: #FFFFFF; }
	section.home div.wg-slider div.content p									{ margin: 0%; font-family: 'Lato', sans-serif; font-size: 1.375rem; line-height: 2.5rem; font-weight: 400; text-transform: none; color: #C5DBCD; }
	section.home div.wg-slider div.slide-caption.caption-float-box				{ padding: 0% 18.4%; bottom: 12.4%; }
	section.home div.content.blue												{ padding: 78px 0% 45px 0%; }
	section.home div.content.blue div.offset									{ padding: 0% 54px 0% 34px; }

/* Contact Template Styles */

	section.contact div.column													{ width: 50%; display: inline-block; vertical-align: top; }
	section.contact div.column.left												{ padding: 0% 24px 0% 0%; }
	section.contact div.column.right											{ padding: 0% 0% 0% 24px; }

/* Form Builder Styles */

	form.formBuilder div.field-block .form-control,
	form.formBuilder div.field-block input[type=text],
	form.formBuilder div.field-block input[type=password],
	form.formBuilder div.field-block input[type=date],
	form.formBuilder div.field-block input[type=time],
	form.formBuilder div.field-block select,
	form.formBuilder div.field-block textarea									{ padding: 0.375rem 0.5rem; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: #002C2A; background-color: #FFFFFF; border: 1px solid #C3CCCC; border-radius: 1px; }
	form.formBuilder div.field-block select										{ padding: 0.438rem 0.5rem 0.5rem 0.5rem; }
	section.main form.formBuilder div.form-buttons								{ text-align: left; }
	section.main form.formBuilder div.form-buttons button						{ margin: 0.5rem 0.5rem 0% 0%; }
	div.form_container.form_2													{ max-width: 860px; }

/* Popup Panel Styles */

	div.popup-panel																{ padding: 48px 32px 32px 32px; width: 100%; max-width: 580px; color: #333333; border-radius: 0px; box-shadow: none; }
	div.popup-panel h2,
	div.popup-panel h3,
	div.popup-panel h4,
	div.popup-panel h5,
	div.popup-panel h6															{ margin-top: 0%; }
	div.popup-panel p															{ margin: 0% 0% 1.5em 0%; font-family: 'Lato', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; text-transform: none; color: #333333; }
	div.popup-panel span.close													{ top: 18px; right: 18px; font-size: 0px; opacity: 0.1; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; }
	div.popup-panel span.close:before											{ width: 24px; height: 24px; content: '\f00d'; font-family: 'Font Awesome 5 Pro'; font-size: 22px; line-height: 26px; text-align: center; display: block; }
	div.popup-panel span.close:hover											{ opacity: 1; }
	div.popup-panel input,
	div.popup-panel select,
	div.popup-panel textarea													{ padding: 0.375rem 0.5rem; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: #002C2A; background-color: #FFFFFF; border: 1px solid #C3CCCC; border-radius: 1px; }
	div.popup-panel select														{ padding: 0.438rem 0.5rem 0.5rem 0.5rem; }
	/* div.popup-panel span.red-star												{ width: 7%; display: inline-block; vertical-align: middle; text-align: center; } */
	div.popup-panel label														{ margin: 1rem 0%; }
	div.popup-panel button														{ margin: 36px 0% 0% 0%; padding: 6px 28px 8px 25px; min-width: 0px; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; text-transform: uppercase; display: inline-block; color: #FFFFFF; background-color: #8C1C1E; border-radius: 8px; }
	div.popup-panel button.close												{ margin: 36px 10% 0% 0%; }
	div.popup-panel.alert														{ text-align: center; }
	div.popup-panel.alert p														{ margin: 0% 0% 32px 0%; }
	div.popup-panel.alert ul 													{ margin: 0; padding: 0; }
	div.popup-panel.alert li 													{ text-align: center; }
	div.popup-panel.alert span.message 											{ display: block; text-align: center; margin-bottom: 1em; }
	div.popup-panel.alert button.close											{ margin: 36px 0% 0% 0%; }
	div.popup-panel.form.checkout_address										{ max-height: 90%; }

/* 1200px Resolution Specific Behaviour */

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

	/* Home Template Styles */

		section.home div.wg-slider div.slide-caption.caption-float-box			{ padding: 0% 24px; bottom: 12.4%; }
		
		nav.main-et1a ul li a { padding: 15px 6px 11px 6px; font-size: 0.75em;  }
		

/* 1000px Resolution Specific Behaviour */

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

	/* Header Styles */

		header.main-et1a div.header-logo										{ padding: 6px 0% 0% 0%; width: 40%; }
		header.main-et1a div.header-details										{ width: 60%; }
		header.main-et1a div.header-contact										{ padding: 11px 0% 8px 0%; }
		header.main-et1a div.header-contact a.store-basket div.basket-count		{ padding: 5px 14px 4px 12px; }
		header.main-et1a div.header-contact a.store-basket div.basket-total		{ padding: 4px 11px 5px 10px; }
		header.main-et1a div.header-contact a.store-basket div.basket-total:before { margin: 0% 16px 0% 0%; }
		header.main-et1a div.header-details form.search							{ max-width: 210px; }
		header.main-et1a div.header-details form.search div.search-container	{ max-width: 162px; }

/* 800px Resolution Specific Behaviour */

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

	/* Default Page Styles */

		div.offset																{ padding: 0% 16px; }

	/* Header Mobile Styles */

		header.main-et1a														{ position: fixed; }
		header.main-et1a div.header-top div.offset								{ padding: 0%; }
		header.main-et1a div.header-logo										{ padding: 0%; width: 100%; text-align: center; display: block; background-image: linear-gradient(to top,#F4F4F4,#FFFFFF); }
		header.main-et1a div.header-logo a										{ padding: 26px 0%; height: 100%; max-width: 340px; }
		header.main-et1a div.header-logo img									{ max-height: 100%; }
		header.main-et1a div.header-details										{ width: 100%; display: block; background-color: #FFFFFF; border-bottom: 1px solid #E0E6E5; }
		header.main-et1a div.mobile-commerce .commerce-button					{ font-size: 0.938rem; color: #808f85; border-left: 0px; }
		header.main-et1a div.mobile-commerce .commerce-button .icon				{ margin: 0.125rem 0% 0.188rem 0%; }

	/* Navigation Mobile Styles */

		#menu-container ul														{ background-color: #808f85; border: 0px; }
		#menu-container ul > li													{ border: 0px; }
		#menu-container ul > li:first-child										{ padding-top: 18px; }
		#menu-container ul > li:last-child										{ padding-bottom: 18px; }
		#menu-container ul > li a												{ padding: 10px 24px; font-family: 'Lato', sans-serif; font-size: 1.125rem !important; line-height: 1.5rem; color: #FFFFFF; }

	/* Header Search Mobile Styles */

		#mobile-search-container												{ background-color: #FFFFFF; }
		#mobile-search-container > form											{ border-bottom: 1px solid #E0E6E5; }
		#mobile-search-container button.mobile-search-button					{ padding: 0.375rem 0.875rem; color: #FFFFFF; background-color: #8C1C1E; }

	/* Footer Mobile Styles */

		footer.main-et1a li.footer-heading:after								{ position: absolute; }
		footer.main-et1a div.footer-top											{ padding: 0%; }
		footer.main-et1a div.footer-left										{ padding: 0%; }
		footer.main-et1a div.footer-left ul										{ text-align: center; }
		footer.main-et1a div.footer-left ul:first-of-type						{ max-width: 100%; }
		footer.main-et1a div.footer-left ul.footer-collapse						{ padding: 0%; }
		footer.main-et1a div.footer-left ul.footer-collapse li:last-of-type		{ padding: 0% 0% 1.5rem 0%; }
		footer.main-et1a div.footer-right										{ margin: 2rem 0% 0% 0%; padding: 0%; }
		footer.main-et1a div.footer-right div.content							{ text-align: center; }

	/* Default Template Mobile Styles */

		section.main div.catalogue												{ padding: 12px 0% 24px 0%; }

	/* Home Template Mobile Styles */

		section.home div.wg-slider div.content									{ padding: 16px 16px 14px 16px; }
		section.home div.wg-slider div.content h2,
		section.home div.wg-slider div.content h3,
		section.home div.wg-slider div.content h4,
		section.home div.wg-slider div.content h5,
		section.home div.wg-slider div.content h6								{ font-size: 1.875rem; line-height: 2.5rem; }
		section.home div.wg-slider div.content p								{ font-size: 1.125rem; line-height: 2rem; }
		section.home div.wg-slider div.slide-caption.caption-float-box			{ padding: 0% 16px; bottom: 24px; }
		section.home div.content.blue div.offset								{ padding: 0% 16px; }

	/* Contact Template Mobile Styles */

		section.contact div.column												{ width: 100%; display: block; }
		section.contact div.column.left											{ padding: 0%; }
		section.contact div.column.right										{ padding: 32px 0% 0% 0%; }

	}