/*!
Theme Name: AML2
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: A minty fresh update to the Applied Measurements theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aml2
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

AML2 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
    - Colours
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
	- Grids
	- FAQ
# Custom Shortcodes
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

.bordered {
	border: 1px solid #00b760;
	padding: 0.5em 1.5em;
	margin: 1em 0;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Root
--------------------------------------------- */

@font-face {
	font-family: 'AvantGarde';
	src: url('https://appmeas.co.uk/wp-content/themes/aml2/fonts/avgardm-webfont.woff') format('woff');
	src: url('https://appmeas.co.uk/wp-content/themes/aml2/fonts/avgardm-webfont.eot') format('embedded-opentype');
    src: url('https://appmeas.co.uk/wp-content/themes/aml2/fonts/avgardm-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://appmeas.co.uk/wp-content/themes/aml2/fonts/avgardm-webfont.ttf') format('truetype'),
         url('https://appmeas.co.uk/wp-content/themes/aml2/fonts/avgardm-webfont.svg#avantgarde_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
	}

:root {
	--aml-colour: #00B760;
	--aml-colour-dark: #00914C;
	--aml-colour-light: #e5f8ef;
	--aml-colour-10: rgba(0, 183, 96, 0.1);
	--alert-colour: #FF4100;
	--dark-grey-colour: #757575;
	--very-dark-grey: #333;
	--aml-font: 'AvantGarde', Arial, sans-serif;
	--aml-width: 1200px;
	--aml-article-width: 800px;
}

/* Colours
--------------------------------------------- */

/* Blocks editor colour palette */
.has-border-grey-background-color {
    background-color: #ccc !important;
}
 
.has-border-grey-color {
    color: #ccc !important;
}

.has-dark-grey-background-color {
    background-color: #757575 !important;
}
 
.has-dark-grey-color {
    color: #757575 !important;
}

.has-very-dark-grey-background-color {
    background-color: #333 !important;
}
 
.has-very-dark-grey-color {
    color: #333 !important;
}

.has-appmeas-logo-green-background-color {
    background-color: #00B760 !important;
}
 
.has-appmeas-logo-green-color {
    color: #00B760 !important;
}

.has-appmeas-dark-green-background-color {
    background-color: #00914C !important;
}
 
.has-appmeas-dark-green-color {
    color: #00914C !important;
}

.has-appmeas-light-green-background-color {
    background-color: #E5F8EF !important;
}
 
.has-appmeas-light-green-color {
    color: #E5F8EF !important;
}

.has-alert-background-color {
    background-color: #FF4100 !important;
}
 
.has-alert-color {
    color: #FF4100 !important;
}

.grey-border {
	border: 1px solid #ccc;
}

/* Typography
--------------------------------------------- */

body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	scroll-margin-top: 2.5em;
	text-align: center;
}

h1 {
	line-height: 36px;
}

.single-post h1 {
	text-align: center;
}

h2,
.bawmrp h3 {
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-weight: normal;
	color: #757575;
	margin-top: 2em;
}

.bawmrp h3 {
	font-size: 24px;
	line-height: 36px;
}

h2,
h3,
.bawmrp h3,
h4 {
	text-align: center;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.widget h2 {
	margin-top: 5px;
}

.blog h2.entry-title,
.archive h2.entry-title,
.search-results h2.entry-title {
	text-align: left;
	transform: scaleX(1);
	text-transform: capitalize;
	letter-spacing: 0;
}

h3 {
	color: #00914C;
	font-weight: normal;
}

@media all and (min-width: 480px) {
	h1 {
		font-size: 48px;
		line-height: 48px
	}

	h2,
	.bawmrp h3 {		
		font-size: 36px;
		line-height: 36px;
		margin-top: 2em;
	}
	.entry-content h2:first-child {
		margin-top: 2em;
	}
	.blog h2.entry-title,
	.archive h2.entry-title,
	.search-results h2.entry-title {
		margin-top: 1em;
		font-size: 18px;
		line-height: 24px;
	}
	h3 {
		margin-top: 2em;
		font-size: 1.5em;
	}
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote,
blockquote.wp-block-quote {
    padding: 0 1em;
    margin: 3em auto;
    border-left: 5px solid #00B760;
    max-width: 600px;
	font-style: normal;
	font-size: 1.1em;
	position: relative;
}

blockquote::before {
    content: "\f10d";
    font: var(--fa-font-solid);
	font-weight: 900;
    color: #00b760;
    font-size: 52px;
	line-height: 0;
	padding-right: 0.2em;
}

blockquote p,
blockquote.wp-block-quote p {
    display: inline;
}

@media all and (min-width: 480px) {
	blockquote,
	blockquote.wp-block-quote {
		font-size: 1.4em;
	}
}

blockquote cite,
blockquote.wp-block-quote cite {
    font-style: italic;
    display: block;
    margin-top: 1.5em;
}

blockquote cite {
	font-size: 0.6em;
}

blockquote cite::before,
blockquote.wp-block-quote cite::before {
	content: "- ";
}

.wp-block-pullquote {
    /*margin: 3em calc(50% - 50vw) !important;
    padding: 3em calc(50vw - 50%);*/
	margin: 3em auto;
}

.wp-block-pullquote blockquote {
	background: none;
	border: none;
	color: currentcolor;
	padding: 0;
	margin: 0 auto;
}

.wp-block-pullquote blockquote:before {
	content: none;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
	overflow-x: hidden;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 1.5em;
	padding-left: 2em;
}

.entry-summary ul,
.entry-summary ol {
	margin-left: 0;
	padding-left: 1em;
}

.entry-content ul,
.entry-content ol {
	font-size: 1.2em;
	font-weight: 100;
}

.entry-content li > ul,
.entry-content li > ol {
	font-size: 1em;
}

.entry-content li a {
	font-weight: 400;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

ul li::marker,
ol li::marker {
	color: #00914C;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

li > ul {
	list-style: disc;
}

ul.fa-ul {
	padding-left: 2em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
	display: block;
	margin: auto;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em auto;
}

figure img {
	display: block;
	margin: auto;
}

figure.is-type-video {
	max-width: 800px;
	margin: auto;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 0.9em;
}

body:not(.woocommerce-page) table, 
body:not(.woocommerce-page) th, 
body:not(.woocommerce-page) td {
	border: 1px solid #ddd;
}

.wp-block-table {
	font-size: 1.2em;
	font-weight: 100;
}

.wp-block-table thead {
  border-bottom: 1px;
}

th,
td {
	padding: 0.8em 0.4em;
}

th {
	background-color: rgba(0, 183, 96, 0.1);
}

.wp-block-table strong {
	font-weight: 600;
}

.stripehover tr:nth-child(2n) td {
	background-color: #f9f9f9;
}

.stripehover tr:hover td {
	background-color: #f3f3f3;
}

div.bgblock {
    background: rgba(0, 183, 96, 0.1);
	background-image: linear-gradient(to top, #fafafa, #e5f8ef);
    margin: 5em calc( 50% - 50vw );
    padding: 4em calc( 50vw - 50% );
}

div.bgblock:not(h2) {
	font-size: 110%;
}

div.wp-block-column.bgblock {
	margin: 0;
	padding: 4em;
}

#prodtags + div.bgblock {
	margin-top: -7em;
}

div.bgblock + div.bgblock {
	margin-top: -5em;
}

/*p + div.bgblock,
ul + div.bgblock,
.wp-block-jetpack-layout-grid + div.bgblock {
	margin-top: 5em;
}*/

.notice {
  border-left: 5px solid #0004FF;
  padding: 1em;
  background: #0004FF0D;
  font-size: 1.1em;
}

.notice::before {
  content: "\f05a";
  font: var(--fa-font-solid);
	font-weight: 900;
  color: #0004FF;
  margin-right: 5px;
}

.wp-block-media-text {
  margin: 5em 0;
}

/* Links
--------------------------------------------- */
a {
	color: #00B760;
	text-decoration: none;
		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

a:visited {
	/*color: #00B760;*/
}

a:hover,
a:focus,
a:active {
	text-decoration: underline;
		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a.prettylink,
p.prettylink a,
a.prettylinkb,
p.prettylinkb a {
	max-width: 270px;
	border: 2px solid #00B760;
	margin: 1em auto;
	padding: 0.5em;
	display: block;
	text-align: center;
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 18px;
	text-decoration: none;
	cursor: pointer;
}

a.prettylink:hover,
p.prettylink a:hover,
a.prettylinkb,
p.prettylinkb a {
	color: #fff;
	background-color: #00B760;
}

a.prettylinkb:hover,
p.prettylinkb a:hover {
	color: #00B760;
	background-color: #fff;
}

a:not(.wp-block-button__link).linkbutton,
p.linkbutton a,
a.hidebutton {
	width: 100%;
	max-width: 270px;
	margin: 0.1em auto;
	padding: 0.8em;
	line-height: 1;
	display: inline-block;
	text-align: center;
	/*font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
	text-decoration: none;
  	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
  	color: #fff;
	background-color: #00B760;
	text-shadow: 1px 1px 2px #00914C;
	font-weight: 400;
	font-size: initial;
}

a:not(.wp-block-button__link).linkbutton:hover,
p.linkbutton a:hover,
a.hidebutton:hover {
	background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
	cursor: pointer;
}

.disabled .linkbutton,
.disabled a,
a.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.wp-block-buttons {
	margin: 1.5em 0;
}

a.wp-block-button__link.has-appmeas-logo-green-background-color {
	text-shadow: 1px 1px 2px #00914C;
}

a.wp-block-button__link:hover {
  text-decoration: none;
  background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
}

a[tabindex="0"] {
	cursor: pointer;
}

a h2,
a h3 {
	color: #00B760;
}

.needblock a {
	display: block;
}

/* Forms
--------------------------------------------- */
fieldset {
	border: 0;
	padding: 0;
}
button:not(.cb__b),
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #00B760;
	border: 1px #00B760 solid;
	color: #fff;
	text-shadow: 1px 1px 2px #00914C;
	padding: 0.5em 1em;
	margin-right: 0.2em;
	cursor: pointer;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	padding: 0.5em 1em;
	margin-right: 0.2em;
	margin-bottom: 0.5em;
}

input[type="number"] {
	padding-right: 0.3em;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {	
	width: 100%;
}

input[readonly], 
select[readonly], 
textarea[readonly] {
    background-color: #eee;
    color: #777;
    border-color: #ccc;
}

@media all and (min-width: 480px) {
	input:not([type="range"]) {
		max-width: 250px;
	}
}

input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 2px solid #00B760;
  height: 28px;
  width: 28px;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  margin-top: -10px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  border: 2px solid #00B760;
  height: 28px;
  width: 28px;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  border: 1px solid #00B760;
  height: 28px;
  width: 28px;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: #00B760;
	border-radius: 6px;
	border: 1px solid #00B760;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #00B760;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: #00B760;
	border-radius: 6px;
	border: 1px solid #00B760;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #00B760;
	border-radius: 6px;
	border: 1px solid #00B760;
}
input[type=range]:focus::-ms-fill-lower {
  background: #00B760;
}
input[type=range]::-ms-fill-upper {
  background: #00B760;
	border-radius: 6px;
	border: 1px solid #00B760;
}
input[type=range]:focus::-ms-fill-upper {
  background: #00B760;
}

/* Customize the label (the container) */
.checkcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
	border: 1px solid #ccc;
}

/* When the checkbox is checked, add a background */
.checkcontainer input:checked ~ .checkmark {
  background-color: #00B760;
	border: 0;
}

.checkcontainer input:disabled ~ .checkmark {
  background-color: #eee;
	cursor: not-allowed;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
  left: 10px;
  top: 3px;
  width: 7px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

select {
	border: 1px solid #ccc;
	padding: 0.5em 1em;
	max-width: 100%;
}

textarea {
	width: 100%;
}

.gdpr {
	font-size: 0.8em;
}

.wpcf7 span {
    margin: 0;
}

#quickenq {
	position: fixed;
	left: -980px;
	top: 0;
	z-index:99999;
	height: 100vh;
	max-width: 100%;
	padding: 2em;
	background: white;
	border: solid 1px #00B760;
	transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
}

#quickenq.popped {
	left: 0;
	max-width: 100%;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
	transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
}

#quickenq.popped .exit {
	font: var(--fa-font-solid);
	font-weight: 900;
	cursor: pointer;
	color: #00b760;
	position: absolute;
	top: 15px;
	left: 15px;
	background: #fff;
	height: 30px;
	width: 30px;
	border-radius: 30px;
	line-height: 25px;
	text-align: center;
	border: 3px solid #00b760;
	font-size: 15px;
}

#quickenq.popped .exit:hover {
	color: #fff;
	background: #00b760;
}

#quickenq #thanks {
	display: none;
	margin-top: 1em;
}

#quickenq.thanks #thanks {
	display: block;
}

#quickenq.thanks .wpcf7 {
	display: none;
}

#qeback {	
	transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
}

#quickenq.popped + #qeback {
  	width: 100vw;
	height: 100vw;
	background: rgba(0,0,0,0.5);
	position: fixed;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 99998;
	transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
}

@media screen and (min-width:960px) {
	#quickenq {
		width: 400px;
		left: -3000px;
		top: 50%;
		transform: translate(0%, -50%);
		height: 500px;
		transition: none;
	}
	
	#quickenq.popped {
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		transition: none;
	}
	
	#quickenq h2 {
		font-size: 28px;
	}
	
	#quickenq input:not([type="range"]) {
		max-width: 100%;
	}
}

.fancybox-enabled #quickenq {
	display: none;
}

#thanks table, #thanks td {
	border: 0;
}


.pure-form-aligned .pure-control-group {
	padding: 0.5em 0;
}

.pure-form-aligned .pure-control-group input {
	margin: 0;
}

.pure-form-aligned .pure-control-group input[type=file] {
	padding-top: 0.5em;
}

.pure-form-aligned .pure-control-group select {
	display: block;
}

@media screen and (min-width:480px) {
	.pure-form-aligned .pure-control-group label {
		text-align: right;
		display: inline-block;
		vertical-align: top;
		width: 10em;
		margin: 0 1em 0 0;
		padding-top: 0.5em;
	}

	.pure-form-aligned .pure-control-group textarea {
		width: calc( 100% - 12em );
		display: inline-block;
	}
	
	.pure-form-aligned .pure-control-group select {
		display: inline-block;
	}
}

.wpcf7-list-item {
    display: list-item;
    list-style: none;
    padding-left: 1.5em;
}

.wpcf7-list-item img {
    vertical-align: middle;
}

.wpcf7-acceptance .wpcf7-list-item {
	padding: 0;
}

.wpcf7-form span ~ br {
	margin-bottom: 0.5em;
}

fieldset.loadpin .pure-control-group p {
	margin: auto;
}

input.wp-block-search__input {
	max-width: 100%;
	margin: 0;
}

button.wp-block-search__button {
	margin: 0 0 0 5px;
	border-color: #00b760
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/* Print
--------------------------------------------- */

@page {
	/*margin: 0.5cm;*/
	margin: 0;
	size: A3 portrait;
}

body.printview {
	width: 1024px;
	font-size: 10pt;
}

.printview #page {
	padding: 0;
}

table#printds, 
#printds .printcell {
    border: none;
}

.printview h1.entry-title.product {
	text-decoration: underline;
	text-align: left;
	font-size: 36px;
}

.shopqr {
    margin: 10px 0;
}

.printview .entry-content h2:first-child,
.printview .entry-content h2,
.printview .bawmrp h3 {
	font-size: 30px;
    margin-top: 30px;
}

.printview .site-header, 
.printview .header-space {
	height: 140px;
	margin: 0 0 20px 0;
}

.printview .site-footer, 
.printview .footer-space {
	height: 40px;
	margin: 20px 0 0 0;
	font-size: 70%;
	background-color: #fff;
	color: #404040;
	padding: 0 10px;
}

.printview .site-header,
.printview .site-footer {
	position: fixed;	
	width: 1024px;
	border-top: 2px #00B760;
	border-bottom: 2px dashed #00B760;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
}

.printview .site-header {
	top: 0;	
}

.printview .site-footer {
	bottom: 0;
}

.printview a,
.printview a:visited {
	text-decoration: none;
	color: #404040;
	word-wrap: break-word;
}

.printview a[href$=".exe"].linkbutton,
.printview a[href$=".zip"].linkbutton,
.printview a[href$=".pdf"].linkbutton,
.printview .wp-block-buttons {
	display: none;
}

.printview .shc {
	display: none;
}

.printview #headername {
	display: flex;
	align-items: center;
}

.printview header.entry-header {
	display: flex;
}

.printview header.entry-header div {
	flex-basis: 50%;
}

.printview #ptn {
	position: relative;
}

.printview #ptn img {
	max-width: 300px;
	margin: auto;
	display: block;
}

.printview #primary p a:after,
.printview .bawmrp_manual a:after {
	content: " (" attr(href) ")";
	font-size: 80%;
}

.printview #primary p .su-qrcode a:after {
	content: none;
}

.printview .bawmrp_manual a:after {
	display: block;
}

.printview .appmeas {
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 24pt;
	line-height: 1;
	padding-left: 15px;
}

.printview .smaller {
	font-size: 80%
}

.printview .wp-block-columns.ataglance {
	flex-wrap: nowrap !important;
}

.printview .hu-wrapper,
.printview img.hu-revoke-icon {
	display: none !important;
}

.printview #printds .tablepress {
	font-size: 10px;
}

.printview #printds .wp-block-image {
	page-break-inside: avoid;
	margin: 2em;
}

.printview #printds .wp-block-image img {
	page-break-after: auto;
	page-break-before: auto;
	page-break-inside: avoid;
	display: block;
	max-width: 500px;
	margin: auto;
}

.printview #printds form,
.printview #printds .mrpbadge,
.printview .video-wrap,
.printview .is-type-video,
.printview .hidefullscreen,
.printview .hideprint {
	display: none !important;
}

 #printds .bawmrp ul {
	display: flex;
	padding: 0;
	flex-flow: row wrap;
	justify-content: center;
	page-break-inside: avoid;
}

 #printds li.bawmrp_manual {
	float: none !important;
	max-width: 250px !important;
	padding: 10px !important;
	page-break-inside: avoid;
}

#qrplink {
	text-align: center;
}

#printds .woocommerce form.woocommerce-cart-form {
    display: block !important;
}

.printview .product-remove,
.printview .woocommerce-placeholder,
.printview .actions,
.printview .cart_totals h2,
.printview .cart_totals .woocommerce-shipping-calculator, 
.printview .wc-proceed-to-checkout,
.printview .printquotebutton,
.printview .cross-sells,
.printview ul[role="alert"] {
	display: none;
}


/* Chrome, Safari, Edge, Opera */
.printview input::-webkit-outer-spin-button,
.printview input::-webkit-inner-spin-button {
  	-webkit-appearance: none;
  	margin: 0;
	font-size: inherit;
}

/* Firefox */
.printview input[type=number] {
  	-moz-appearance: textfield;
	border: 0;
	font-size: inherit;
}


/* Landing Page
--------------------------------------------- */

body.landingpage {
	background: #fff;
}

.landingpage #page {
    max-width: 100%;
	padding: 0;
}

.perfect-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

#lp-entry-header {
	margin: 50px 0;
}

#lp-entry-header-text, #lp-entry-header-img, #lp-blurb, #lp-link {
	position:relative;
}

#lp-entry-header-text header, #lp-entry-header-img #lp-main-image {
	padding: 10px;
}

#lp-entry-header-text h1 {
	text-align:center;
	color: #404040;
	font-size: 50px;
	font-style:italic;
	font-weight:bold;
	line-height: 48px;
}

#lp-entry-header-text h1 .lp-emph {
	font-size:120%;
	display:block;
	background: linear-gradient(to right, #f9f9f9, #fff);
	background: -webkit-linear-gradient(to right, #f9f9f9, #fff);
	background: -moz-linear-gradient(to right, #f9f9f9, #fff);
}

#lp-blurb {
	color:#fff;
	font-size:36px;
	line-height:38px;
	text-align:center;
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

#distimg {
	position:absolute;
	top:0;
	right:0;
	z-index:40;
}

#lp-link {
	text-align:center;
	color: #fff;
	margin: 40px 0 0;
	font-size: 18px;
	line-height:20px;
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

#lp-link a {
	display:block;
	margin:10px auto;
	padding:10px;
	color:#fff;
	border: 2px solid #fff;
	text-decoration:none;
	max-width: 270px;
	font-size:26px;
	line-height:28px;
}

.landingpage #content {
	margin: 0;
	padding:0;
	max-width:100%;
	border: none;
	background: none;
	box-shadow: none;
	text-align:center;
}

.landingpage #content h2 {	
	font-size:36px;
	line-height:38px;
	text-align:center;
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	padding:0;
	background: none;
	color:#404040;
}

.landingpage #content h3 {
	font-size:24px;
	line-height:26px;
	color: #404040;
	font-style:italic;
}

.landingpage .entry-content {
	max-width: 1200px;
	margin: auto;
}

.landingpage .entry-content ul {
	max-width: fit-content;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.landingpage .entry-content ul li {
	max-width: max-content
}

.lp-textblock {
	max-width:600px;
	margin:auto;
	padding:10px;
}

.lp-textblock p {
	text-align: left;
	padding: 20px 0 0 0;
}

.lp-ulblock img, .lp-textblock img {
	border: solid 3px transparent;
	border-image: linear-gradient(to bottom right, #00B75F 0%, #5194BF 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #00B75F 0%, #5194BF 100%);
	-moz-border-image: -moz-linear-gradient(top left, #00B75F 0%, #5194BF 100%);
	border-image-slice: 1;
}

.lp-ulblock ul {
	margin: 10px auto;
	text-align: left;
	max-width: 300px;
}

.lp-ulblock ul li {
	padding:5px 0;
}

#lp-contact fieldset {
	display:block;
	margin:auto;
	max-width:300px;
	padding:10px;
}

#lp-contact .pure-form-aligned fieldset {
	max-width: 500px;
}

#lp-contact fieldset div {
	text-align:left;
}

#lp-contact fieldset input, 
#lp-contact fieldset button[type="submit"],
#lp-contact fieldset input[type="submit"]{
	margin:0 0 5px 0;
	display:inline-block;
	border-radius:0;
	max-width: 100%;
}

#lp-contact fieldset button[type="submit"],
#lp-contact fieldset input[type="submit"] {
	width: 100%;
}

@media screen and (min-width:30.125em) {
	#lp-contact .pure-form-aligned fieldset input:not(.gdpr) {
		width:280px;
	}
}

#lp-contact .pure-form-aligned fieldset button[type="submit"],
#lp-contact .pure-form-aligned fieldset input[type="submit"] {
	width: -webkit-min-content;
  	width: -moz-min-content;
  	width: min-content;
}

#lp-contact fieldset input[type="number"] {
	color: #000;
	width: 60px;
}

#lp-contact fieldset button[type="submit"],
#lp-contact fieldset input[type="submit"] {
	color:#fff;
	border: 2px solid #fff;
	background:none;
	text-transform:capitalize;
	font-size:18px;
	line-height:20px;
	text-align:center;
	text-shadow: none;
}

#lp-contact fieldset button[type="submit"]:hover,
#lp-contact fieldset input[type="submit"]:hover {
	background:none;
}

.grad1 {
	background: linear-gradient(to bottom right, #00B75F, #5194BF);
	background: -webkit-linear-gradient(to bottom right, #00B75F, #5194BF);
	background: -moz-linear-gradient(to bottom right, #00B75F, #5194BF);
	padding:50px 5px;
	color: #fff;
	margin:40px 0;
}

.landingpage #content .grad1 h2 {
	color:#fff;
}

.grad1 a {
	color: #fff;
}

.grad2 {
	padding:10px;
	color: #00b65f;
	font-size:34px;
	line-height:34px;
	text-align:center;
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	margin: 40px auto 20px auto;
}

.landingpage #content .grad2 h2 {
	margin: 0 auto;
	padding: 0;
	color: #00b65f;
}

.landingpage a.prettylink {
	display:block;
	margin:10px auto;
	padding:10px;
	color:#00b65f;
	border: 2px solid transparent;
	border-image: linear-gradient(to bottom right, #00B75F 0%, #5194BF 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #00B75F 0%, #5194BF 100%);
	-moz-border-image: -moz-linear-gradient(top left, #00B75F 0%, #5194BF 100%);
	border-image-slice: 1;
	text-decoration:none;
	max-width: 270px;
	font-size:26px;
	line-height:28px;
}

.landingpage a.prettylink:hover {
	background: #fff;
	color: #00b65f;
}

.landingpage .site-footer {
	background: none;
	min-height: 0px;
	padding: 0 1em;
	justify-content: center;
}

.landingpage .site-info {
	display: none;
}

.landingpage p.copyright {
	color: #404040;
}

.landingpage #masthead {
	margin: 0;
	padding: 10px;
	border-bottom: solid 3px transparent;
	border-image: linear-gradient(to right, #00B75F 0%, #5194BF 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #00B75F 0%, #5194BF 100%);
	-moz-border-image: -moz-linear-gradient(left, #00B75F 0%, #5194BF 100%);
	border-image-slice: 1;
}

#lp-header-logo {
	display:flex;
	flex-flow:row wrap;
	justify-content: flex-start;
}

#lp-header-logo-img {
	margin-right: 5px;
}

a #lp-header-logo-img img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#lp-header-logo-name a {
	color: #404040;
	text-decoration:none;
}

#lp-header-logo-name, #lp-header-phone {
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 50px;
}

#lp-header-phone {
	text-align:right;
	font-size: 18px;
}

@media screen and (max-width: 768px) {
	#lp-header-logo {
		justify-content: center;
	}
	#lp-header-logo-name, #lp-header-phone {
		text-align: center;
	}
	#distimg {
		width:80px;
		height:80px;
	}
}

@media screen and (max-width: 24em) {
	#lp-header-phone {
		line-height:28px;
	}
	#lp-header-logo-name {
		display:none;
	}
	#lp-entry-header-text h1 {
		font-size:40px;
		line-height:42px;
	}
	.landingpage #content h2, #lp-blurb {
		font-size:30px;
		line-height:32px
	}
	.landingpage #content h3 {
		font-size:20px;
		line-height:22px;
	}
	#distimg {
		width:60px;
		height:60px;
	}
}

.sysprods {
	display: flex; /*IE fallback*/
	-ms-flex-flow: row wrap; /*IE fallback*/
	justify-content: space-between; /*IE fallback*/
	display: grid;
	gap: 4em;
	margin: 2em 0;
	font-size: 80%;
}



/* Widths
--------------------------------------------- */

#page {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding: 0 1em;
}

.entry-content .alignwide {
	margin: 32px calc( 25% - 25vw );
	max-width: 100vw;
}

.entry-content .alignfull {
	margin: 32px calc( 50% - 50vw );
	width: 100vw !important;
	max-width: 100vw;
}

/*.entry-content .alignfull > :not(img):not(figure):not(.mapp-wrapper):not(.mapp-iframe-wrapper):not(.wp-block-webfactory-map):not(.wpmapblockrender),
.entry-content .alignwide > :not(img):not(figure):not(.mapp-wrapper):not(.mapp-iframe-wrapper):not(.wp-block-webfactory-map):not(.wpmapblockrender) {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}*/

.alignfull img {
	max-width: 100vw;
}

.entry-content .alignfull .wpmapblockrender {
	margin: 0 calc( 50% - 50vw );
	width: 100vw !important;
	max-width: 100vw;
}

.entry-content .alignpara,
.site-main .alignpara {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.single-post .entry-content {
	width: 700px;
	max-width: 100%;
	margin: auto;
}

p,
form,
.entry-content >  ul,
.entry-content >  ol,
.prodpagecontent >  ul,
.prodpagecontent >  ol {	
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}

.entry-content .alignfull p,
.entry-content .alignwide p {
	max-width: 100%;
}

.innerwide {
  max-width: 1200px;
  margin: auto;
}


/* Header
--------------------------------------------- */

.site-branding {
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	margin: 0.5em 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	gap: 0 0.5em;
}

.headercentre {
	order: 3;
	width: 100%;
}

img#headerlogo {
	height: 36px;
	width: auto;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

#specialists {
	font-size: 16px;
	font-style: italic;
	color: #757575;
}

#head_search input#search{
	display: none;
}

#head_search button {
	display: none;
	margin-right: 0;
}

#searchform1 {
	display: flex;
	flex-flow: row;
	gap: 0.2em;
	justify-content: space-between;
}

#phone {
	margin: 0.5em 0;
}

#phone i {
	color: #00b760;
}

#built {
	font-size: 18px;
	display: none;
	margin-top: 0;
}

.sensorslabel {
	color: #00914C;
}

#shoplinksdiv {
	display: none;
}

#shoplinks {
	display:flex;
	padding:0;
	margin:0;
	list-style:none;
	gap:1em;
	height: 35px;
}

#shoplinks i {
	font-size: 2em;
	position: relative;
}

#shoplinks a:hover {
	text-decoration: none;
}

#shoplinks a:hover .slt {
	text-decoration: underline;
}

.cartcount {
	position: absolute;
	top: 6px;
	left: 20px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	color: #00B760;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.slt {
	display: none;
}

@media screen and (min-width:960px) {
	.site-branding {
		gap: 0.5em;
	}
	
	.headercentre {
		order: 0;
		width: auto;
	}
	img#headerlogo {
		height: 80px;
		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
	}
	
	#specialists {
		font-size: 26px;
	}
	
	#head_search {
		position: relative;
	}
	
	#head_search input#search,
	#head_search.showsearch input#search {
		display: block;
		width: 200px;
		margin: 0 0 auto;
		background-color: transparent;
		border: 1px solid #ccc;
	}
	
	#head_search input#search {
		max-width: 200px;
	}
	
	#head_search button {
		display: block;
	}
	
	#head_search .fa-spinner {
		position: absolute;
		top: 14px;
		left: 168px;
	}
	
	#phone {
		flex: 50%;
	}
	
	#built {
		display: flex;
		flex-flow: column;
		justify-content: space-around;
		align-items: center;
	}
	
	#shoplinksdiv {
		display: block;
	}
	
	.cartcount {
		background-color: #FF4100;
		top: -4px;
		right: -11px;
		color: #fff;
		line-height: 20px;
		width: 20px;
		height: 20px;
		border-radius: 10px;
	}
	
	.slt {
		display: inline;
	}
}

@media print {
	#site-navigation * {
		display: none;
	}
}

#mobsearch {
	height: 0;
	margin: 0 calc( 50% - 50vw );
	padding: 0 calc( 50vw - 50% );
	/*background-color: #00B760;*/
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

#mobsearch.showsearch {
	height: auto;
	margin: 0.5em calc( 50% - 50vw );
	padding: 0.5em calc( 50vw - 50% );
	/*background-color: #e5f8ef;*/
	background-color: white;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

#mobsearch input {
	margin: 0;
	padding: 0 0.5em;
	border: 0;
	max-width: 100vw;
	height: 0;
	opacity: 0%;
	background-color: transparent;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

#mobsearch.showsearch input {
	padding: 0.5em;
	height: auto;
	opacity: 100%;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

#mobsearch.showsearch input:focus {
	outline: none;
}

@media screen and (min-width:960px) {
	#mobsearch {
		display: none;
	}
}

#site-navigation {
	margin-left: calc( -100vw / 2 + 100% / 2 );
	margin-right: calc( -100vw / 2 + 100% / 2 );
	padding-left: calc( 50vw - 50% );
	padding-right: calc( 50vw - 50% );
	width: 100vw;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	/*background-color: #00B760;*/
	background-color: #333;
	border-bottom: 1px solid #fff;
	position: relative;
	position: sticky;
	top: 0;
	z-index: 999;
}

@media screen and (min-width:960px) {
	#site-navigation {
		display: flex;
		justify-content: space-between;
	}
}


@keyframes bannermove {
		from { width: calc(100vw - 287px); }
		to { width: 287px; }
	}

#eisbanner {
	& {
		width 100vw;
		margin: 0 calc(50% - 50vw);
		display: grid;
		grid-template-columns: auto max-content;
	}
	
	& .bannerside {
		background: #00b760;	
	}
	
	/*& .bannerimg {
		animation: bannermove 3s ease-in 0s 1;
		width: 287px;
	}*/
	
	& img {
		display: block;
	}
	
}

/* Footer
--------------------------------------------- */
#accreditations {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 5em 5em;
	margin: 5em 0;
}

.site-footer {
	margin-left  : calc( -100vw / 2 + 100% / 2 );
	margin-right : calc( -100vw / 2 + 100% / 2 );
	padding: 5em calc( 50vw - 50% );
	width    : 100vw;
	background-color: #333;
	color: #fff;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: stretch;
	gap: 1em 4em;
	text-align: center;
}

.site-footer a {
	color: #fff;
}

.site-footer h3 {
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	color: #FFFFFF;
}

@media screen and (min-width:480px) {
	.site-footer h3 {
		text-align: left;
	}
}

#footerleft {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

#footerright {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

#footerbottom {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	flex: 100%;
}

#newsletter fieldset {
	display: flex;
	gap: 0.2em;
	margin: 0;
}

#newsletter fieldset input {
	margin: 0;
	width: calc( 100% - 137px );
}

#newsletter fieldset button {
	width: 137px;
	margin: 0;
}

.menu-footer-links-container {
}

#footer-menu.menu {
    display: flex;
    flex-flow: column;
    padding: 3em 0;
    margin: 1em 0;
    list-style: none;
    gap: 1.5em;
	font-size: 12px;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

#footer-menu.menu li {
	margin: 0;
	padding: 0;
}

#footer-menu.menu a {
	margin: 0;
	padding: 0;
}

#socicons-foot {
	display: flex;
	gap: 1.5em;
	margin: 2em 0;
	justify-content: space-between;
	padding: 2em 0;
}

#cc {
	margin: 1em 0;
}

.copyright {
	font-size: 14px;
	margin-bottom: 1em;
}

@media all and (min-width: 480px) {
	.site-footer {
		flex-flow:row wrap;
		text-align: left;
	}
	#socicons-foot {
		justify-content: flex-start;
	}
}

/* IE Gap */
@media all and (min-width: 480px) {
	.ie #socicons-foot span {
		border: 0 solid transparent;
		border-width: 0 1.5em 0 0;
	}
}

@media all and (min-width: 960px) {
	#footer-menu.menu {
    	flex-flow: row wrap;
		justify-content: flex-start;
		border: 0;
		padding: 0;
	}
}

/* IE Gap */
.ie #footer-menu.menu li {
	border: 0 solid transparent;
	border-width: 0 0 1.5em 0;
}

@media all and (min-width: 940px) {
	.ie #footer-menu.menu li {
		border-width: 0 1.5em 0 0;
	}
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	
}

.main-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.main-navigation ul li {
	padding: 0.5em;
}

.main-navigation a {
	color: #fff;
	text-decoration: none;
	padding: 0.4em 0.5em;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;	
}

.main-navigation a:hover,
.main-navigation a:focus {
	/*background: #757575;	*/
	background-color: #00B760;
	cursor: pointer;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

#primary-menu.menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#primary-menu.menu li a {
    display: block;
    padding: 15px 10px;
}
#primary-menu.menu li.submenu a {
    padding: 15px;
}

#primary-menu.menu li {
    width: 100%;
    text-align: center;
    display: none;
}

#primary-menu.menu.active {
	max-height: calc( 100vh - 40px );
	margin-top: 0.5em;
	overflow-y: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
#primary-menu.menu.active::-webkit-scrollbar {
	display: none;
}

#primary-menu.menu.active li {
    display: block;
}
.has-submenu i {
    font-size: 12px;
}
#primary-menu .menu-item-has-children > a::after, 
#primary-menu .page_item_has_children > a::after {
    font: var(--fa-font-solid);
	font-weight: 900;
    font-size: 12px;
    line-height: 16px;
    font-weight: 900; 
    content: "\f107";
    color: white;
    padding-left: 5px;
}
#primary-menu .menu-item-has-children.submenu-active > a::after, 
#primary-menu .page_item_has_children.submenu-active > a::after,
#primary-menu .menu-item-has-children:hover > a::after, 
#primary-menu .page_item_has_children:hover > a::after {
    font: var(--fa-font-solid);
	font-weight: 900;
    font-size: 12px;
    line-height: 16px;
    font-weight: 900;
    content: "\f106";
    color: white;
    padding-left: 5px;
}
.sub-menu {
    display: none;
}
.submenu-active .sub-menu {
   display: block;
}

@media all and (min-width: 960px) {
	.sub-menu li {
		margin-left: 1em;
		break-inside: avoid;
	}
}


.sub-menu li a {
    padding: 10px 15px;
}
.submenu-active {
    /*background-color: #757575;*/
	background-color: #444;
    border-radius: 3px;
}

/*.scrolled #primary-menu.menu li.menu-item-home,*/
.scrolled #primary-menu.menu.active li.menu-item-home {
	display: none;
}

#mobnav {
	display: flex; /*Fallback for IE*/
	justify-content: space-between; /*Fallback for IE*/
	display: grid;
	grid-template-columns: auto 1fr auto auto auto;
	gap: 0.2em;
	font-size: 1.5em;
}

#mobnav li {
	padding: 0;
	position: relative;
}

#mobnav li a:hover,
#mobnav li a:active,
#mobnav li a:focus {
	background: none;
}

.barlogo {
	text-align: center;
	opacity: 0%;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

.scrolled .barlogo {
	opacity: 100%;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

.barlogo img {
	margin-bottom: -3px;
}

.barlogo .barlogotext {
	display: none;
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.barlogo a:hover {
	background: none;
}

div.barlogo {
	display: none;
}

.toggle::hover,
.searchtoggle::hover {
	cursor: pointer;
}

@media all and (min-width: 480px) {
	.barlogo .barlogotext {
		display: inline;
	}
}

#menuenq {
	display: none;
}

#menuenq.active {
	display: block;
	padding: 1em 0.5em 0;
}

#menuenqlink {
	display: block;
	padding: 15px 10px;
	text-align: center;
	/*background: #FF2A2A;*/
	background: #FF4100;
	border: 3px solid white;
	text-shadow: none;
	margin: auto;
}

/* Desktop menu */
@media all and (min-width: 960px) {
	.main-navigation ul li {
		padding: 0;
	}
	
	.main-navigation ul.menu {
		margin-left: -1em;
	}
    #primary-menu.menu {
        align-items: flex-start; 
		justify-content: flex-start;
        flex-wrap: nowrap;
        background: none;
    }
    #primary-menu.menu li {
        /*position: relative;*/
        display: block; 
        width: auto;
		text-align: left;
    }
	#primary-menu.menu > li > a {
		padding: 0 0.9em;
		margin-top: -0.5em;
		margin-bottom: -0.5em;
		line-height: 41px;
	}	
	#primary-menu.menu.active {
		margin-top: 0;
	}
	.main-navigation li:hover .sub-menu,
	.submenu-active .sub-menu {
        display: block;
        position: absolute;
        left: 0;
        top: calc(49px - 0.5em);
		/*background-color: #00B760;*/
		background-color: #333;
		width: 100%;
		z-index: 500;
		columns: 3;
		padding: 1em calc( 50vw - 580px );
    }
	.main-navigation li:hover .sub-menu::-webkit-scrollbar,
	.submenu-active .sub-menu::-webkit-scrollbar {
		display: none;
	}
	.sub-menu {
		border: 1px solid #fff;
		/*border-top: none;*/
	}
	#primary-menu.menu .sub-menu li a {
		padding: 0.5em;
		font-size: 0.95em;
	}
    #mobnav {
        display: none;
    }
    .submenu-active {
		background-color: transparent;
        border-radius: 0;
    }
	#primary-menu.menu li.menu-item-home a{
		opacity: 100%;
	}
	.scrolled #primary-menu.menu li.menu-item-home a{
		opacity: 0%;
	}
	#primary-menu.menu li.menu-item-home {
		background: url("assets/images/favicon.ico") no-repeat center;
		background-size: 0px 0px;
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
	}
	.scrolled #primary-menu.menu li.menu-item-home {
		background-size: 24px 24px;
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
	}

	
	#menuenq {
		padding: 0.5em 0em;
		margin-top: -0.5em;
		margin-bottom: -0.5em;
		display: block;
		order: 5;
	}
	
	@keyframes quotelink {
		0%   {transform: rotate(0deg);}
		4%  {transform: rotate(5deg);}
		8%  {transform: rotate(-5deg);}
		12%  {transform: rotate(5deg);}
		16%  {transform: rotate(-5deg);}
		20%  {transform: rotate(5deg);}
		24%  {transform: rotate(-5deg);}
		28% {transform: rotate(0deg);}
		100% {transform: rotate(0deg);}
	}
	
	#menuenqlink {
		border-top: 0px;
		border-bottom: 0px;
		padding: 0 1em;
		display: inline-block;
		margin: -0.5em 0;
		line-height: 41px;
		animation: quotelink 3s linear 2s 2;
	}
	
	#menuenqlink:hover {
		/*background: #757575;*/
		background-color: #00B760;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 1.5em 0;
}

.site-main nav.posts-navigation,
.site-main nav.post-navigation {
    /*background-color: #00B760;
    color: #fff;
    margin: 60px calc( 50% - 50vw );
    padding: 60px calc( 50vw - 50% );*/
	color: #00b760;
}

.blog nav.posts-navigation,
.blog nav.post-navigation,
.archive nav.posts-navigation,
.archive nav.post-navigation,
.search-results nav.posts-navigation,
.search-results nav.post-navigation {
    /*padding: 60px calc( 25vw - 25% );*/
}

.site-main nav.posts-navigation a,
.site-main nav.post-navigation a {
	/*color: #fff;*/
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.nav-previous::before {
	font: var(--fa-font-solid);
	font-weight: 900;
    content: "\f100";
	margin-right: 0.3em;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

.nav-next::after {
	font: var(--fa-font-solid);
	font-weight: 900;
	content: "\f101";
	margin-left: 0.3em;
}

#manbreadcrumbs {
	display: flex;
	flex-flow: row wrap;
	list-style: none;
	gap: 0.2em 0.5em;
	padding: 0;
	margin: 1em 0;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	position: relative;
	z-index: 2;
}

#manbreadcrumbs li.separator {
  text-shadow: 1px 0px white;
}

#manbreadcrumbs li.separator:nth-last-child(2),
#manbreadcrumbs li.separator:nth-last-child(2) + li {
	display: none;
}

.stepfilemenu {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 0.2em 2.5em;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.single-post .entry-meta,
.page .entry-meta {
	margin: 1em 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

@media all and (min-width: 480px) {
	.single-post .entry-meta
	.page .entry-meta {
		padding-bottom: 2em;
	}
}

.entry-footer {
	display: flex;
	flex-flow: column;
	gap: 0.3em;
}

.post-thumbnail img {
}

.blog .articles,
.archive .articles,
.search-results .articles {
	display: flex; /*IE fallback*/
	-ms-flex-flow: row wrap; /*IE fallback*/
	justify-content: space-between; /*IE fallback*/
	display: grid;
	gap: 4em;
	margin: 5em 0;
	font-size: 80%;
}

.articles-1,
.articles-2 {
	grid-auto-columns: minmax(calc(1200px / 3), auto);
  	grid-template-columns: repeat(auto-fill, minmax(calc(1200px / 3), 1fr))
}

.articles-3 {
	grid-auto-columns: minmax(calc(1200px / 4), auto);
  	grid-template-columns: repeat(auto-fill, minmax(calc(1200px / 4), 1fr))
}

.articles-4 {
	grid-auto-columns: minmax(calc(1200px / 5), auto);
  	grid-template-columns: repeat(auto-fill, minmax(calc(1200px / 5), 1fr))
}

.blog article .post-thumbnail,
.archive article .post-thumbnail,
.search-results article .post-thumbnail {
	border: 1px solid #00B760;
}

.blog article p,
.archive article p,
.search-results article p {
	margin-top: 0;
}

@media all and (min-width: 480px) {
	.blog .articles,
	.archive .articles,
	.search-results .articles {
		gap: 2em 1em;
	}
	
	.blog article,
	.archive article,
	.search-results article {
		/*border: 1px solid #00B760;*/
		padding: 1em;
		box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
	}
	
	.blog article .post-thumbnail,
	.archive article .post-thumbnail,
	.search-results article .post-thumbnail {
		margin: -1em -1em 0;
		border-width: 0 0 3px 0;
	}	
}

.blog article,
.archive article,
.search-results article {
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	overflow: hidden;
}

.search-results article {
	position: relative;
}

/*IE fallback*/
.blog.ie article,
.archive.ie article,
.search-results.ie article {
	flex: 240px;
	display: flex;
	-ms-flex-flow: column;
	margin-bottom: 2em;
	width: 100%;
}

.blog article header,
.archive article header {
}

.blog article .post-thumbnail,
.archive article .post-thumbnail,
.search-results article .post-thumbnail {
	order: -1;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	position: relative;
}

/*fallback*/
@supports not (aspect-ratio: auto) {
	.blog article .post-thumbnail,
	.archive article .post-thumbnail,
	.search-results article .post-thumbnail {
		height: 0;
		padding-bottom: calc( 9 / 16 * 100%);
	}
}
.blog.ie article .post-thumbnail,
.archive.ie article .post-thumbnail,
.search-results.ie article .post-thumbnail {
	height: 0;
	padding-bottom: calc( 9 / 16 * 100%);
}

.blog article .post-thumbnail img,
.archive article .post-thumbnail img,
.search-results article .post-thumbnail img  {
	/*display: block;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*IE fallback*/
.blog.ie article .post-thumbnail img,
.archive.ie article .post-thumbnail img,
.search-results.ie article .post-thumbnail img  {
	/*position: static;
	transform: none;*/
}

.socshare {
	margin: 1em 0;
}

.socshare a {
	padding: 0.5em;
	font-size: 11px;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	}

.socshare i {
	font-size: 14px;
	}	

a.tweetthis {
	/*background-color: #1DA1F2;*/
	background-color: #000;
	color: #fff;
	}

a.tweetthis:hover {
	background-color: #198bd1;
	}

a.fbshare {
	background-color: #3B5998;
	color: #fff;
	}

a.fbshare:hover {
	background-color: #2e4677;
	}

a.lishare {
	background-color: #0077B5;
	color: #fff;
	}

a.lishare:hover {
	background-color: #006296;
	}

.search-results article .section {
	margin: 1.5em 0;
	color: #757575;
	font-family: 'Avantgarde';
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 0.9em;
}

.search-results article .price {
	color: #757575;
}

.search-results article bdi {
	font-weight: bold;
}

.search-results article .badge {
	background: #0A6BAA;
	color: #fff;
	position: absolute;
	top: 10px;
	left: -5px;
	padding: 0 20px;
	font-size: 14px;
	transform: skew( 335deg );
}

.search-results article .badge div {
  transform: skew( 25deg );
}

.search-results article .comments-link {
	display: none;
}

.blog article .entry-content,
.archive article .entry-content {
}

.blog article footer,
.archive article footer {
}

header.headerimg {
  margin: -3em calc( 50% - 50vw ) 0;
  padding: 13em 0 3em;
	position: relative;
}

/*header.headerimg::before {
	content: "";
	position: absolute;
	height: 3em;
	background: rgba(255,255,255,0.7);
	top: 0;
	width: 100%;
}*/

header.headerimg h1.entry-title {
	margin: auto;
	max-width: 1200px;
	text-align: left;
}

header.headerimg h1.entry-title div {
	max-width: 300px;
}

@media all and (min-width: 480px) {
	header.headerimg h1.entry-title div {
		max-width: 800px;
		padding-left: 5px;
	}
}

header.headerimg h1.entry-title span,
.single-post .headerimg .entry-meta span.posted-on,
.single-post .headerimg .entry-meta span.byline,
.page .headerimg .entry-meta span.posted-on,
.page .headerimg .entry-meta span.byline {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.7);
	padding: 10px;
}

header.headerimg h1.entry-title span {
  	color: white;
  	line-height: 52px;
	box-decoration-break: clone;
  	-webkit-box-decoration-break: clone;
}

.single-post .headerimg .entry-meta span.posted-on,
.single-post .headerimg .entry-meta span.byline,
.page .headerimg .entry-meta span.posted-on,
.page .headerimg .entry-meta span.byline {
	line-height: 41px;
}

.single-post .entry-meta span.byline,
.page .entry-meta span.byline {
	text-transform: capitalize;
}

.single-post .headerimg .entry-meta span.byline,
.page .headerimg .entry-meta span.byline {
	color: white;
	font-weight: bold;
}

.entry-header.headerimg {
  margin-bottom: 5em;
	box-shadow: inset 0 4em 4em 0 rgba(0,0,0,0.8);
}

.single-post .headerimg .entry-meta,
.page .headerimg .entry-meta {
	text-align: left;
	margin: auto;
	max-width: 1200px;
}

@media all and (min-width: 480px) {
	header.headerimg h1.entry-title span {
		line-height: 68px;
	}
	
	.single-post .headerimg .entry-meta,
	.page .headerimg .entry-meta {
		padding-left: 5px;
	}
}

.accordian {
	max-width: 800px;
	margin: 0 auto 1em;
	border: 1px solid #757575;
}

.accordian h3 ~ * {
	display: none;
	padding: 0;
	margin: 1em;
}

.accordian .acc-open h3 ~ * {
	display: block;
}

.accordian h3 {
	cursor: pointer;
	display: inline-flex;
	text-align: left;
	background: #e5f8ef;
	margin: 0;
	padding: 5px;
	width: 100%;
	font-size: large;
}

.accordian h3::before {
	font: var(--fa-font-solid);
	font-weight: 900;
	content: "\f138";
	padding-right: 0.5em;
}

.accordian .acc-open h3::before {
	content: "\f13a";
}

.wp-block-columns {
	margin-bottom: 5em;
}

#xmasalert {
  	border: 1px solid red;
  	color: red;
  	margin: 0 calc(50% - 50vw);
  	text-align: center;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

#xmasalert p {
	max-width: 1000px;
	margin-left: 1em;
	margin-right: 1em;
}

@media all and (min-width: 480px) {
	#xmasalert {
		display: flex;
		justify-content: center;
		padding: 0;
	}
	
	#xmasalert i { 
		margin: 1.5em;
	}
}

.givemespace {
	margin-top: 5em;
	margin-bottom: 5em;
}

/* Home Page
--------------------------------------------- */

.home .breadcrumbs {
	display: none;
}

.home .entry-content {
	margin-top: 0;
	display: flex;
	flex-flow: column;
}

.home .entry-content > div:nth-of-type(n + 3) {
  margin-top: 5em;
  margin-bottom: 0;
}

.hero {
	margin: 0 calc( 50% - 50vw );
    padding: 1em 0.5em 4em;
	background: url(https://appmeas.co.uk/wp-content/themes/aml2/assets/images/hero.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media all and (min-width: 960px) {
	.hero {
		padding: 4em 0.5em 4em 50vw;
	}
}

.hero h1 {
	margin: 2em auto 0.2em;
	color: #404040;
	background: rgba(255,255,255,0.5);
}

.hero h2 {
	color: #757575;
    text-transform: none;
    letter-spacing: normal;
    margin: 0 auto 1em; 
	background: rgba(255,255,255,0.5);
}

@media all and (min-width: 960px) {
	.hero h1,
	.hero h2 {
		background: none;
	}
}

.hero p {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 0.5em;
	margin: 1em auto;
}

.hero p a {
    flex-basis: 100%;
    text-align: center;
    max-width: 300px;
    padding: 0.5em;
	font-family: "Avantgarde", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	display: block;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	border: 2px solid #00b760;
}

@media all and (min-width: 960px) {
	.hero p a {
		flex-basis: 49%;	
	}
}

.hero p a:nth-of-type(1),
.hero p a:nth-of-type(2):hover {
	background: #00b760;
	color: #fff;
	text-shadow: 1px 1px 2px #00914c;
	font-weight: normal;
}

.hero p a:nth-of-type(2),
.hero p a:nth-of-type(1):hover {
	background: #fff;
	color: #00b760;
	text-shadow: none;
	font-weight: bold;
}

.homegrid {
	margin: auto calc(25% - 25vw);
}

.homegrid figure {
	margin: 0;
}

.homelinkblock figure {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.homelinkblock figure img {
  max-width: 120%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	filter: grayscale(1);
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

.homelinkblock figure:hover img {
	filter: grayscale(0);
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

.homelinkblock figcaption {
	text-align: left;
	/*display: inline;*/
	position: absolute;
	bottom: 0px;
	margin: 0;
	background: rgba(0, 0, 0, 0.7);
 	padding: 5px;
	line-height: 38px;
  	/*box-decoration-break: clone;
	-webkit-box-decoration-break: clone;*/
	font-family: 'AvantGarde';
	font-size: 28px;
	width: 100%;
	color: #00b760;
	pointer-events: none;
}

.homelinkblock figure:hover figcaption {
	background: #00b760;
	color: white;
	text-decoration: none;
	cursor: pointer;
}

.homelinkblock a {
	display: block;
	width: 100%;
	height: 100%;
}

/*.homelinkblock figcaption a {
 	background: rgba(0, 0, 0, 0.7);
 	padding: 5px;
	line-height: 38px;
  	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	font-family: 'AvantGarde';
	font-size: 28px;
}

.homelinkblock figure:hover a {
	background: #00b760;
	color: white;
	text-decoration: none;
	cursor: pointer;
}*/

/* Product Categories etc
--------------------------------------------- */

.prodpages {
	border-bottom: 1px solid #ccc;
	padding-bottom: 2em;
}

@media all and (min-width: 480px) {
	.prodpages {
		border-bottom: 0;
		padding-bottom: 0;
	}
}

.filtersort {
	display: flex;
	flex-flow: row;
	gap: 0.5em;
	justify-content: space-between;
	padding: 0.5em 0;
	position: sticky;
	top: 53px;
	z-index: 50;
	background: white;
}

@media all and (min-width: 480px) {
	.filtersort {
		justify-content: end;
		justify-content: flex-end;
		position: static;
		padding: 0;
	}
}

.filtersort select {
  border: #757575 1px solid;
  color: #757575;
  background: white;
}

#showfilters {
    display: flex;
	align-items: center;
	border: 1px solid #757575;
	justify-content: center;
	flex-grow: 1;
}

#showfilters a {
	color: #757575;
	text-decoration: none;
	padding: 0 1em;
}

@media all and (min-width: 480px) {
	#showfilters {
		flex-grow: 0;
	}
}

#filtersub {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	position: fixed;
	height: 100vh;
	z-index: 9999;
	width: 100vw;
	max-width: 480px;
	top: 0;
	left: -485px;
	overflow-y: auto;
	background: white;
	padding: 1em 1em 0;
	border: 1px solid #00b760;
	transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
}

#filtersub.showfilters {
	left: 0;
	transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
}

@media all and (min-width: 480px) {
	#showfilters {
		display: none;
	}
	
	.prodpagesinner {
		display: flex;
		flex-flow: row wrap;
	}
	
	.filtersort,
	#activefilters {
		flex-basis: 100%;
	}
	
	#filters {
		padding-top: 2em;
	}
	
	#filtersub {
		position: static;
		width: 225px;
		padding: 0 1em 0 0;
		height: auto;
		border: none;
	}
	
	#filtersub h3 {
		margin-top: 0;
	}
	
	#filtersub .exit {
		display: none;
	}
}

#filtersub .exit {
	font: var(--fa-font-solid);
	font-weight: 900;
	cursor: pointer;
	color: #00b760;
	position: absolute;
	top: 15px;
	left: 15px;
	background: #fff;
	height: 30px;
	width: 30px;
	border-radius: 30px;
	line-height: 25px;
	text-align: center;
	border: 3px solid #00b760;
	font-size: 15px;
}

#filtersub .exit:hover {
	color: #fff;
	background: #00b760;
}

#filtersubfilter {
	padding-bottom: 4em;
}

@media all and (min-width: 480px) {
	#filtersubfilter {
		padding-bottom: 0;
	}
}

#filtersubfilter h4 {
	cursor: pointer;
}

#filtersubfilter h4 label {
	cursor: pointer;
}

#filtersubfilter h4:hover {
	text-decoration: underline;
}

#filtersubfilter h4 span {
	display: inline-block;
	padding: 0 0.2em;
	color: #00b760;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

#filtersubfilter h4.open span {
	transform: rotate(180deg);
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

.filterhide {
	display: none;
}

.factions {
	display: flex;
	align-items: center;
	gap: 1em;
	justify-content: space-between;	
	padding: 0.5em 1em;
	margin: 0 -1em;
	background: white;
	position: fixed;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #00b760;
}

@media all and (min-width: 480px) {
	.factions {
		border: none;
		position: static;
	}
}

#showresults {
	flex-grow: 1;
	text-align: center;
}

#showresults a {
	text-decoration: none;
	background: #00b760;
	border: 1px solid #00b760;
	color: white;
	display: block;
	width: 100%;
	padding: 0.5em;
}

#showresults a:hover {
	background: white;
	color: #00b760;
}

@media all and (min-width: 480px) {
	#showresults {
		display: none;
	}
}


#activefilters {
  	/*font-size: 0.8em;*/
	display: flex;
	flex-flow: row wrap;
	gap: 0.5em;
	padding: 1em 0;
}

#activefilters a {
  	border: 2px solid #00b760;
	border-radius: 20px;
  	padding: 0.1em 0.5em;
	display: inline-block;
	font-weight: 600;
}

#activefilters a:hover {
	text-decoration: none;
	color: white;
	background: #00b760;
}

#activefilters a i {
	margin-right: 5px;
}

#filters h4 {
	text-align: left;
}
	
#filters ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
}

#filters .priceslider li {
	position: relative;
}

input#pricerange {
    max-width: 100%;
	margin-top: 45px;
}

.ttwrapper {
	position: relative;
	margin: 0 14px;
}

#pricetooltip {
    position: absolute;
    background: #00b760;
    padding: 5px;
    border-radius: 10px;
    color: #fff;
    transform: translate(-50%);
	font-size: 0.9em;
	font-weight: bold;
	left: 100%;
}

#minprice,
#maxprice {
	position: absolute;
	bottom: -5px;
	font-size: 0.9em;
}

#minprice {
	left: 0;
}

#maxprice {
	right: 0;
}

.afp {
	flex: 1;
}

.prodbox-grid {
	display: grid;
	grid-auto-columns: minmax(calc(1200px / 8), auto);
	grid-template-columns: repeat(auto-fill, minmax(calc(1200px / 8), 1fr));
	gap: 0.5em;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.prodbox-grid {
	max-width: 100%;
	font-weight: normal;
	font-size: 1em;
}

@media all and (min-width: 480px) {
	.prodbox-grid {
		grid-auto-columns: minmax(calc(1200px / 6), auto);
		grid-template-columns: repeat(auto-fill, minmax(calc(1200px / 6), 1fr));
		flex: 1;
		align-content: start;
	}
}

.prodbox {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	text-align: center;
	padding: 0.5em;
	border: 1px solid #ccc;
	position: relative;
	overflow: hidden;
}

.entry-content li.prodbox a {
	font-weight: 600;
}

/* IE fallback*/
.ie .prodbox-grid {
    display: flex;
    -ms-flex-flow: row wrap;
	-ms-flex-align: start;
	align-items: stretch;
}
.ie .prodbox {
	flex: 200px;
	margin: 0.2em;
}

.prodbox img {
	display: block;
	margin: auto;
}

.prodbox p:last-of-type {
	margin-bottom: 0;
}

.prodbox .badge,
.bawmrp ul li .mrpbadge {
    background: #0A6BAA;
    color: #fff;
    position: absolute;
    top: 10px;
    left: -5px;
    padding: 0 20px;
    font-size: 14px;
    transform: skew( 335deg );
}

.prodbox .badge div {
	transform: skew( 25deg );
}

.cat-grid .prodboxdetails {
	display: none;
}

.ind-grid .prodbox-grid {
    grid-auto-rows: 1fr;
}

.ind-grid .prodbox {
    justify-content: center;
	border-color: #00b760;
	background: #e5f8ef;
}

.prodboxdetails .red {
	color: #FF4100;
}

.sortbox {
	display: flex;
	justify-content: flex-end;
	margin: 1em 0;
}

#ddorder {
	margin: 0;
}

/* Product Pages
--------------------------------------------- */
.blurb {
    font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    margin: 1em auto;
    text-align: center;
}

.prodheader {
    display: grid;
    gap: 1em;
    margin: 1em 0;
    justify-content: stretch;
}

@media all and (min-width: 680px) {
	.prodheader {
		grid-template-columns: 2fr 1fr;
	}
}

.prodimg {
	position: relative;
}

.prodimg a img {
	cursor: zoom-in;
}

#prodsshow {
	position: relative;
 	margin: auto;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	aspect-ratio: 1;
}

#prodsshow .prodslide a,
#prodsshow .prodslide a img {
	display: block;
}

/* Next & previous buttons */
/*#prodsshow .controls {
	display: flex;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translatey(-50%);
}*/

#prodsshow .prev, 
#prodsshow .next {
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	cursor: pointer;
	width: auto;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 1em;
	transition: 0.6s ease;
	
	user-select: none;
	text-decoration: none;
	background-color: rgba(0,0,0,0.2);
}

#prodsshow .prev {
	border-radius: 0 3px 3px 0;
	left: 0;
}

#prodsshow .next {
	border-radius: 3px 0 0 3px;
	right: 0;
}

#prodsshow:hover .prev, 
#prodsshow:hover .next {
	background-color: rgba(0,0,0,0.4); 
}

#prodsshow:hover .prev:hover, 
#prodsshow:hover .next:hover {
  background-color: rgba(0,183,96,0.8);
	text-decoration: none;
}

@media all and (min-width: 480px) {
	#prodsshow .prev, 
	#prodsshow .next {
		font-size: 2em;
	}
}

@media all and (min-width: 680px) {
	#prodsshow .prev, 
	#prodsshow .next {
		background-color: rgba(0,0,0,0);
	}
}

.prodgal {
	margin: 0.5em auto;
}

.prodgal .dot,
.prodgal span {
  cursor: pointer;
  border: 1px solid #ccc;
	width: 52px;
	height: 52px;
}

.prodgal .active, 
.prodgal .dot:hover,
.prodgal span:hover {
  border: 1px solid #00b760;
}

.fade {
	animation-name: fade;
	animation-duration: 1.5s;
}

@keyframes fade {
	from {opacity: 0}
	to {opacity: 1}
}


#flashes {
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	gap: 0.2em;
}

#flashes i {
    font-size: 18px;
    background-color: #0A6BAA;
    color: white;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 18px;
}

.ie #flashes {
	display: flex;
	-ms-flex-flow: column;
}

.ie #flashes i {
	margin-bottom: 0.2em;
}

/*@media all and (min-width: 480px) {
	#flashes i {
		font-size: 26px;
		width: 54px;
		height: 54px;
		line-height: 54px;
		border-radius: 26px;
	}	
}*/

.prodgal {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 0.5em;
}

.prodgal a {
	border: 1px solid #ccc;
	max-height: 50px;
	max-width: 50px;
}

.prodgal span.vidcount {
  font-size: 10px;
  line-height: 10px;
  display: block;
  text-align: right;
  border: none;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
}

.prodgal span.su-lightbox {
  position: relative;
}

.discontinued.notice {
  display: inline-flex;
  margin: 1em 0;
  gap: 0.5em;
	width: 100%;
}

.discontinued.notice div {
  display: flex;
  flex-flow: column;
  gap: 0.5em;
}

.discontinued.notice p {
  margin: 0;
}

#pricelead {
    color: #00914C;
}

#pricelead .fa,
#pricelead .fas {
	color: #00B760;
}

.pltop {
    font-weight: 600;
    font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.plbottom {
    color: #404040;
}

.plprice {
	font-size: 1.3em;
}

#buynow {
	width: 100%;
	padding: 1em;
	border: 2px solid #00B760;
	text-align: center;
	font-size: 1.4em;
	/*font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
	color:white;
	background: #00B760;
	text-shadow: 1px 1px 2px #00914C;
}

a#buynow:hover {
	text-decoration: none;
	background-color: white;
	color: #00B760;
	text-shadow: none;
}

#accdel {
	margin: 1em 0;
}

#accdel i {
	color: #00B760;
}

.menubuttons {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 0.3em;
}

.menubuttons a.linkbutton {
    width: auto;
    margin: 0;
}

.prodmenu {
	margin: 1em 0;
	padding: 2em 1em 1em;
	background: rgba(0, 183, 96, 0.1);
}

.prodmenu h3 {
	text-align: center;	
	margin: 0 0 1em;
}

.prodmenu ul {
	list-style: none;
	margin: 0.5em;
	padding: 0.5em;
	font-weight: 400;
}

.prodmenu li {
	max-width: 270px;
	margin: auto;
	padding: 0.2em 0;
}

@media all and (min-width: 680px) {
	.prodpl {
		border-left: 1px solid #00B760;
		padding-left: 1em;
	}
	.prodmenu {
		background: none;
	}
}

.ataglance ul {
	margin: 0;
	padding: 0 2em 2em;
	line-height: 1.8;
	font-size: 20px;
	font-weight: 100;
	border: 2px solid white;
}

@media all and (min-width: 600px) {
	.ataglance ul {
		padding: 2em;
	}
}

.ataglance ul ul {
    padding: 0 0 0 2em;
}

ul.bgblock {
	border: 2px solid #00B760;
	padding: 2em;
}

ul.bgblock strong {
	font-weight: 600;
}

#downloads ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#downloads ul li {
	padding-bottom: 0.5em;
	text-align: center;
}

#downloads ul a.linkbutton {
	/*margin: 0;*/
}

#downloads ul.downloadul {
	font-size: initial;
}

.dlitem {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
	gap: 1em;
}

#partbuilder {
	max-width: 1200px;
	margin: auto;
}

#pboptions {
	max-width: 800px;
	margin: auto;
}

#pboptions h3 {
	/*text-align: left;*/
}

#pboptions label {
	  display: block;
	  margin: 1em auto 0.3em;
	  font-weight: 600;
}

#pboutput {
	max-width: 100vw;
	margin: 3em calc( 50% - 50vw ) 1em;
	padding: 3em calc( 50vw - 50% );
	list-style: none;
	background: #f9f9f9;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	gap: 0.5em;
}

@media all and (min-width: 960px) {
	#pboutput { 
		flex-flow: row;
		align-items: center;
	}
}

#pboutput li {
	color: #00914C;
	font-weight: 600;
}

#pboutput li h3 {
	margin: 0.5em 0;
}

#pboutput li strong,
#pboutput li span {
	color: #404040;
}

#pboutput li span {
	font-size: 1.2em;
	display: block;
}

#pbformshow {
	display: block;
}

#pbform {
	width: 100%;
	max-width: 550px;
	border: 1px solid #00B760;
	padding: 1em;
	margin: auto;
}

#pbform input:not([type="submit"]):not([type="checkbox"]) {
	width: 100%;
	max-width: 550px;
}

/* Text Area Resize */

.txtstuff {
    resize: none; /* remove this if you want the user to be able to resize it in modern browsers */
    overflow: hidden;
}

.hiddendiv {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
}

/* the styles for 'commmon' are applied to both the textarea and the hidden clone */
/* these must be the same for both */
.common {
    width: 100%;
	max-width:550px;
    min-height: 50px;
    overflow: hidden;
}

.lbr {
    line-height: 3px;
}

/* end of text area resize */

.showonclick,
.hidehide {
	display: none;
}

ul.fa-ul li {
    max-width: 800px;
    margin: auto;
}

ul.fa-ul .fa-li.fa.fa-check-square-o {
    color: #00B760;
}

#prodtags {
	display: flex;
	background: #f9f9f9;
	margin: 5em calc( 50% - 50vw );
	padding: 4em calc( 50vw - 50% );
	gap: 1.5em;
	align-items: center;
	font-size: 1.5em;
}

#prodtags h3 {
	margin: 0;
}

#prodtags a {
	display: block;
	font-size: initial;
}

#prodtags .spacer {
	display: block;
	line-height: 0.8em;
	visibility: hidden;
}

@media screen and (min-width:680px) {
	#prodtags a,
	#prodtags .spacer {
		display: inline-block;
	}
	#prodtags .spacer {
		line-height: initial;
		visibility: visible;
	}	
}

/* 404 Page
--------------------------------------------- */
.error404 form.search-form {
	display: flex;
	gap: 0.2em;
	justify-content: center;
}
.error404 form.search-form input {
	margin: 0;
}

.error404 form.search-form button {
	margin: 0;
}

.error404 .poppages ul {
  max-width: 800px;
  margin: auto;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
#secondary {
 margin: 5em 0;
  display: flex;
  flex-flow: column;
  gap: 5em;
}

.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

.widget fieldset {
	max-width: 400px;
	margin: auto;
}

.widget fieldset input {
	max-width: 400px;
}

.widget .wp-block-latest-posts.is-grid {
	font-size: 18px;
	margin-left: 0;
	justify-content: center;
}

.widget .wp-block-latest-posts.columns-3 li,
.widget .wp-block-latest-posts.columns-4 li {
	margin-right: 0;
	text-align: justify;
}

@media all and (min-width:600px) {
	.widget .wp-block-latest-posts.columns-3 li,
	.widget .wp-block-latest-posts.columns-4 li {
		padding: 0 1em;
	}
	
	.widget .wp-block-latest-posts.columns-3 li:nth-child(2),
	.widget .wp-block-latest-posts.columns-4 li:nth-child(2) {
		border: solid #00B760;
		border-width: 0 1px 0 1px;
	}
	
	.widget .wp-block-latest-posts.columns-4 li:nth-child(3) {
		border: solid #00B760;
		border-width: 0 1px 0 0;
	}
}



.widget-area section {
}

/*.widget-area #block-2 {
	margin: 5em calc( 50% - 50vw );
	padding: 5em calc( 50vw - 50% );
	border-top: solid #00B760;
	border-bottom: solid #00B760;
}*/

#tertiary {
    margin: 2em 0;
    display: flex;
    flex-flow: row wrap;
	justify-content: flex-end;
    gap: 0.5em;
}

#tertiary section {
	margin-bottom: 0;
}

/* IE tweak for blog posts widget*/
@media all and (min-width:600px) {
	.ie .wp-block-latest-posts.columns-3 li {
		width: 32%;
	}
}


/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}


/* Grids
--------------------------------------------- */
.aml-grid {
	display: grid;
	gap: 1em;
	margin: 1em 0;
	justify-content: stretch;
}

.ie .aml-grid {
	display: flex;
	-ms-flex-flow: row wrap;
}

.aml-grid-2 {
	grid-template-columns: repeat(2, 1fr);
}

.aml-grid-3 {
		grid-template-columns: repeat(3, 1fr);
}

.aml-grid-4 {
		grid-template-columns: repeat(4, 1fr);
}

.aml-grid-5 {
		grid-template-columns: repeat(5, 1fr);
}

.ie .aml-grid-2>* {
	flex-basis: calc( 98% / 2 );
}

.ie .aml-grid-3>* {
	flex-basis: calc( 98% / 3 );
}

.ie .aml-grid-4>* {
	flex-basis: calc( 98% / 4 );
}

.ie .aml-grid-5>* {
	flex-basis: calc( 98% / 5 );
}

@media all and (min-width: 480px) {
	.aml-grid-sm-1 {
			grid-template-columns: auto;
	}
	
	.aml-grid-sm-2 {
			grid-template-columns: repeat(2, 1fr);
	}

	.aml-grid-sm-3 {
			grid-template-columns: repeat(3, 1fr);
	}

	.aml-grid-sm-4 {
			grid-template-columns: repeat(4, 1fr);
	}

	.aml-grid-sm-5 {
			grid-template-columns: repeat(5, 1fr);
	}
	
	.ie .aml-grid-sm-1>* {
		flex-basis: 100%;
	}
	
	.ie .aml-grid-sm-2>* {
		flex-basis: calc( 98% / 2 );
	}

	.ie .aml-grid-sm-3>* {
		flex-basis: calc( 98% / 3 );
	}

	.ie .aml-grid-sm-4>* {
		flex-basis: calc( 98% / 4 );
	}

	.ie .aml-grid-sm-5>* {
		flex-basis: calc( 98% / 5 );
	}
}


@media all and (min-width: 680px) {
	.aml-grid-md-1 {
			grid-template-columns: auto;
	}
	
	.aml-grid-md-2 {
			grid-template-columns: repeat(2, 1fr);
	}

	.aml-grid-md-3 {
			grid-template-columns: repeat(3, 1fr);
	}

	.aml-grid-md-4 {
			grid-template-columns: repeat(4, 1fr);
	}

	.aml-grid-md-5 {
			grid-template-columns: repeat(5, 1fr);
	}
	
	.ie .aml-grid-md-2>* {
		flex-basis: calc( 98% / 2 );
	}

	.ie .aml-grid-md-3>* {
		flex-basis: calc( 98% / 3 );
	}

	.ie .aml-grid-md-4>* {
		flex-basis: calc( 98% / 4 );
	}

	.ie .aml-grid-md-5>* {
		flex-basis: calc( 98% / 5 );
	}
}

@media all and (min-width: 960px) {
	.aml-grid-lg-1 {
			grid-template-columns: auto;
	}
	
	.aml-grid-lg-2 {
			grid-template-columns: repeat(2, 1fr);
	}

	.aml-grid-lg-3 {
			grid-template-columns: repeat(3, 1fr);
	}

	.aml-grid-lg-4 {
			grid-template-columns: repeat(4, 1fr);
	}

	.aml-grid-lg-5 {
			grid-template-columns: repeat(5, 1fr);
	}
	
	.ie .aml-grid-lg-1>* {
		flex-basis: 100%;
	}
	
	.ie .aml-grid-lg-2>* {
		flex-basis: calc( 98% / 2 );
	}

	.ie .aml-grid-lg-3>* {
		flex-basis: calc( 98% / 3 );
	}

	.ie .aml-grid-lg-4>* {
		flex-basis: calc( 98% / 4 );
	}

	.ie .aml-grid-lg-5>* {
		flex-basis: calc( 98% / 5 );
	}	
}

/* FAQ
--------------------------------------------- */

.schema-faq {
	max-width: 800px;
	margin: auto auto 5em;
}

.schema-faq-section {
	margin-bottom: 1em;
	border: 1px solid #757575;
}

.schema-faq-question {
	color: #00914c;
	font-weight: normal;
	font-size: large;
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	cursor: pointer;
	display: inline-flex;
	padding: 0.5em;
	background: #e5f8ef;
	width: 100%;
}

.schema-faq-question::before {
	font: var(--fa-font-solid);
	font-weight: 900;
	content: "\f138";
	padding-right: 0.5em;
}

.acc-open .schema-faq-question::before {
	content: "\f13a";
}

.schema-faq-answer {
	display: none;
	margin: 0;
	padding: 1em;
}

.acc-open .schema-faq-answer {
	display: block;
}

/* How To
--------------------------------------------- */

.schema-how-to-total-time {
  font-style: italic;
}


/*--------------------------------------------------------------
# Custom Shortcodes
--------------------------------------------------------------*/

/* Toggle Text
 * -----------------------------*/

#toggletext {
	margin: 2em calc( 50% - 50vw );
	padding: 0 calc( 50vw - 50% );
}

.toggletext-inner {
	margin: auto;
}

#toggleclick {
	display: flex;
	justify-content: center;
	align-items: center;
}

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

#sitemap {
	margin: 0 auto;
	max-width: 800px;
}

ul#sitemap li::marker {
	color: #404040;
}

/* Display Case Studies
 * -----------------------------*/
#case_studies {
	margin-bottom: 4em;
}

.casestudy {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 2em;
}

.casethumb {
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 calc(50% - 50vw)
}

.thumbwrap {
    aspect-ratio: 16 / 9;
    overflow: hidden;
	position: relative;
}

.casethumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.casedetails {
	padding-bottom: 1em;
}

.caseexcerpt p:last-of-type {
    margin-bottom: 0;
}

.caseexcerpt a.prettylink {
	margin: auto;
	display: block;
}

@media screen and (min-width:680px) {
	.casestudy {
		flex-flow: row;
	}
	
	.casethumb {
		padding: 1em;
		margin: 0;
	}
	
	.thumbwrap {
		width: 400px;
	}
	
	.casedetails {
		padding: 1em;
	}
	
	.casedetails h3 {
		margin-top: 0;
		text-align: left;
	}
	
	.caseexcerpt a.prettylink {
		margin-left: 0;
	}
}

.printview .casestudy {
	flex-flow: row;
	margin-bottom: 20px;
	gap: 20px;
}

.printview .casethumb {
    align-items: flex-start;
	padding: 0 10px 0 0;
}

.printview .thumbwrap {
    width: 250px;
}

.printview .casedetails {
    padding: 0 0 10px 10px;
}

.printview .casedetails h3 {
    margin-top: 0px;
}

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

.employee-flex {
	display: flex;
	flex-flow: row wrap;
	gap: 1em;
	width: 100vw;
	margin: 1em calc(50% - 50vw);
	justify-content: center;
}

.employee {
	/*border: 1px #ccc solid;*/
	box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
	overflow: hidden;
	position: relative;
	height: 350px;
	font-size: 14px;
	width: 100%;
	max-width: 250px;
}

.employee img{
	transition: all 1s ease 0s;
		-webkit-transition: all 1s ease 0s;
    	-moz-transition: all 1s ease 0s;
    	-o-transition: all 1s ease 0s;
	display: block;
	margin: auto;
	border-bottom: 3px solid #00b760;
}

.employee:hover img {
	opacity: 0.2;
    filter: alpha(opacity=30); /* For IE8 and earlier */	
		-webkit-filter: blur(2px); /* Chrome, Safari, Opera */
    filter: blur(2px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
	transition: all 1s ease 0s;
		-webkit-transition: all 1s ease 0s;
    	-moz-transition: all 1s ease 0s;
    	-o-transition: all 1s ease 0s;
}

.employee .employee-details {
	position: absolute;
	top: 0;
	height: 350px;
	padding: 0.5em;
	transform: translate(0, 50%);
		-webkit-transform: translate(0, 50%);
         -moz-transform: translate(0, 50%);
          -ms-transform: translate(0, 50%);
           -o-transform: translate(0, 50%);
              transform: translate(0, 50%);
	transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
}

.employee:hover .employee-details {
	transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
         -moz-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
           -o-transform: translate(0, 0);
              transform: translate(0, 0);
	transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
}

.employee-id h3  {
	font-size: 18px;
	margin: 5px 0;
}

.employee .employee-blurb {
	transform: translate(0, 300px);
		-webkit-transform: translate(0, 300px);
         -moz-transform: translate(0, 300px);
          -ms-transform: translate(0, 300px);
           -o-transform: translate(0, 300px);
              transform: translate(0, 300px);
	font-size: 90%;
	padding-top: 1em;
	margin: auto;
	transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
}

.employee:hover .employee-blurb {
	transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
         -moz-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
           -o-transform: translate(0, 0);
              transform: translate(0, 0);
	z-index: 2;
	transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
}

.employee .employee-links {
	text-align: right;
	position: absolute;
	z-index: 30;
	font-size: 200%;
	bottom: 15px;
	right: 10px;
}

.employee-arrow {
	overflow: hidden;
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -5px;
	color: #00B760;
	transition: all 1s ease 0s;
		-webkit-transition: all 1s ease 0s;
    	-moz-transition: all 1s ease 0s;
    	-o-transition: all 1s ease 0s;
}

.employee:hover .employee-arrow {
	position: absolute;
	bottom: -30px;
}

.blah { 
	display: none; 
}

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

.amlgal {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 1em 3em;
	list-style: none;
	padding: 0;
	margin: 2em auto;
	font-size: 0.8em;
}

ul.amlgal {
	max-width: 100%;
}

.amlgal li {
	max-width:200px;
	text-align: center;
}

.amlgal li img {
	border: 1px solid #ccc;
}

.amlgal a img {
	cursor: zoom-in;
}

.amlgal strong {
  font-size: initial;
  font-weight: 600;
  line-height: initial;
}

#printds .amlgal {
	padding-left: 0;
	list-style: none;
	text-align: center;
	font-style: italic;
}

#printds .amlgal li {
	font-style: italic;
	padding: 5px 0 10px 0;
}

/* Display List of Child Pages
 * -----------------------------*/

ul.child-list-ex {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	max-width: 1200px;
}

@media all and (min-width: 480px) {
	ul.child-list-ex {
		columns: 2;
	}
}

.child-list-ex li {
	padding-top: 1em;
	break-inside: avoid;
}

.child-list-ex li a {
	display: block;
	font-size: 1.2em;
	font-weight: 600;
}

/* Display Social Media Share Links
 * -------------------------------*/

.shc .socshare {
	display: flex;
	gap: 0.5em;
	justify-content: center;
	margin: 1.5em 0.5em;
}

/* Product Spotlight
 * -----------------------------*/

#prod_spotlight {
   /* margin: 5em calc(50% - 50vw) 0;
    padding: 0em calc(50vw - 50%);*/
	margin: 0 calc(50% - 50vw);
	padding: 5em calc(50vw - 50%);
}

#prod_spotlight h2,
#prod_spotlight h3 {
	margin-top: 0;
}

.spotlight {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 1em;
}

.home .cstudy {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.prodspot {
	text-align: center;
}

@media all and (min-width: 680px) {
	.spotlight {
		justify-content: space-between;
	}
		
	.home .cstudy,
	.prodspot {
		max-width: calc( 50% - 1em );
	}
}

/* I Want To Measure...
 * -------------------------------*/

#measure {
    margin: 0 calc(50% - 50vw);
    padding: 1em calc(25vw - 25%);
}

@media all and (min-width: 960px) {
	#measure {
		order: -1;
		padding: 0 calc(25vw - 25%);
		border-bottom: 1px solid #00b760;
	}
}

ul#homeproducts {
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	list-style: none;
	justify-content: flex-start;
	max-width: 100%;
	gap: 10px 5px;
}

#homeproducts li {
	width: 110px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	flex-basis: 49%;
	align-items: center;
	transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
}

@media all and (min-width: 480px) {
	#homeproducts li {
		flex-basis: 32%;
	}
}

@media all and (min-width: 680px) {
	#homeproducts li {
		flex-basis: 24%;
	}
}	
	
@media all and (min-width: 960px) {
	ul#homeproducts {
		justify-content: space-around;
	}
	
	#homeproducts li {
		flex-basis: auto;
	}
}
	
#homeproducts li:hover { 
	transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
    	-moz-transition: all 0.6s ease 0s;
    	-o-transition: all 0.6s ease 0s;
}

#homeproducts li a {
	display: flex;
	flex-direction: column;
	padding: 0.5em;
	align-items: center;
	font-weight: 600;
}

#homeproducts li a:hover {
	text-decoration: none;
	color: white;
	text-shadow: 1px 1px 2px #00914c;
	background: #00b760;
}

#homeproducts .homethumb {
	image-rendering: -webkit-optimize-contrast; /* Display descaled images clearly in Chrome */
	width: 75px;
	height: 75px;
}

#homeproducts a .homethumb {
	position: relative;
	display: inline-block;
}

#homeproducts a .homethumb .homethumbhover {
	opacity: 0%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

#homeproducts a:hover .homethumb .homethumbhover {
	opacity: 100%;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
}

@media all and (min-width: 960px) {
	#homeproducts .homethumb {
		width: 50px;
		height: 50px;
	}
}

/* Display Pressure Conversion Calculator
 * -------------------------------*/

#presscon {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 0.5em;
}

#presscon label {
	display: flex;
	align-items: center;
	grid-column: span 2;
}

#presscon button {
	grid-column: 2;
	margin: 0;
}

@media all and (min-width: 480px) {
	#presscon {
		grid-template-columns: auto 1fr auto;	
	}
	
	#presscon label {
		grid-column: span 1;
	}
	
	#presscon button {
		grid-column: 3 / span 1;
	}
}

#presscon input {
	margin: 0;
	max-width: 100%;
}


/* Display Force Area Pressure Calculator
 * -------------------------------*/

#faprcon {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 0.5em;
}

#faprcon label {
	display: flex;
	align-items: center;
	grid-column: span 2;
}

#faprcon button {
	grid-column: span 2;
}

@media all and (min-width: 480px) {
	#faprcon {
		grid-template-columns: repeat(4, auto);	
	}
	
	#faprcon label,
	#faprcon button {
		grid-column: span 1;
	}
}

#faprcon input {
	margin: 0;
	max-width: 100%;
}


/* Display Download List
 * -------------------------------*/

#linksection ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 0.2em 2.5em;
	padding: 0;
	margin: 1em;
}

#downloadlist {
	@media all and (min-width:680px) {
		& .aml-grid {
			grid-template-columns: 1fr 2fr;
		}
	}
	
	& > div {
		box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
		padding: 1em;
		margin: 1em 0;
	}
	
	& .thumb {
		display: flex;
		flex-flow: column;
    	justify-content: center;
	}
	
	& .thumb img {
		display: block;
		margin: auto;
		width: 100%;
		max-width: 250px;
	}
	
	& .downloadul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-flow: column;
    	justify-content: center;
		font-size: initial;
	}
	
	& .linkbutton {
		line-height: initial;
		padding: 0.8em 0.5em;
		display: block;
	}
}


/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Contact Form 7
---------------------------------------------*/

#contactus span.wpcf7-form-control-wrap {
    display: block;
}

.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}


/* WooCommerce
---------------------------------------------*/

.entry-content .woocommerce ul,
.woocommerce #customer_details input {
	max-width: 100%;
}

.shopblockouter {
    background: #00B760;
    margin: 3em calc(50% - 50vw);
    padding: 4em;
}

.shopblockinner {
    text-align: center;
    color: white;
    font-size: 24px;
}


#shop-grid-wrapper {
	display: flex;
	flex-flow: column;
	gap: 0.5em;	
}

.shopbullets {
  margin: 2em auto;
  padding: 0;
  list-style: none;
}

.shopbullets li {
	padding: 1em;
	font-family: Avantgarde;
	text-align: center;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
	/*border: 1px solid #00b760;*/
	background-color: #f9f9f9;
}

.shopbullets li strong {
  font-weight: 600;
}

#quaternary.widget-area section.widget h2 {
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	margin: 0;
	font-weight: normal;
}

@media all and (min-width: 480px) {
	#shop-grid-wrapper {
		flex-flow: row;
		gap: 1em;	
	}
	
	#quaternary.widget-area section{
		min-width: 180px;
	}
}

#shop-grid {
	width: 100%;
}

.woocommerce p,
.woocommerce form,
.woocommerce .content-area ul {
	max-width: 100%;
}
#tab-downloads p,
#tab-downloads ul {
	max-width: 800px;
}

.woocommerce li.product {
	overflow: hidden;
}

.woocommerce li.product img {
	border: 1px solid #ccc;
}

.woocommerce li.product h2 {
	line-height: 20px;
	letter-spacing: normal;
	text-transform: capitalize;
}

.woocommerce li.product .badge {
    background: #0A6BAA;
    color: #fff;
    position: absolute;
    top: 10px;
	left: -5px;
    padding: 0 20px;
	font-size: 14px;
	transform: skew( 335deg );
}

.woocommerce li.product .badge div {
	transform: skew( 25deg );
}

#wooprodfooter {
    margin: 4em 0;
    padding: 0;
}

#wooprodfooter .product_list_widget {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
}

#wooprodfooter .product_list_widget li {
    flex: 200px;
    margin: 5px;
    padding: 10px;
    border: 1px solid #ccc;
}

.hiddentextouter {
    border: 1px solid var(--alert-colour);
    margin: 1em 0;
    padding: 0.5em;
}

.hiddentextinner {
	display: none;
}

.hiddentextinner p {
	margin-bottom: 0;
}

/* Tweak to fit select box properly on single product page */
.woocommerce div.product form.cart .variations select {
	width: 100%;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
  margin-top: 1em;
}

.coupon {
	display: flex;
}

.woocommerce a.button,
.woocommerce button.button {
	border-radius: 0;
	font-weight: 600;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
	padding: 0.8em 1em;
    background-color: #00B760;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
	background-color: #00B760;
    color: #fff;
}

.woocommerce #respond input#submit.alt.disabled, 
.woocommerce a.button.alt.disabled, 
.woocommerce button.button.alt.disabled, 
.woocommerce input.button.alt.disabled {
    background-color: #ccc;
}

.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce input.button.alt.disabled:hover {
    background-color: #ccc;
}

.woocommerce div.product p.price, 
.woocommerce div.product span.price {
    color: #484848;
    font-size: 1.25em;
}

.woocommerce .select2-container--default .select2-results__option--highlighted[aria-selected], 
.woocommerce .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #00B760;
}

ul.products li {
	text-align: center;
}

h4.product_title {
	text-align: left;
}

/*Tweaks for component products pages*/
.composite_form:not(.paged) .component .component_inner {
    padding-bottom: 1rem !important;
}

.component_title_wrapper {
    display: none;
}

[data-nav_title="Instrumentation"] .component_title_wrapper,
[data-nav_title="Accessories"] .component_title_wrapper,
[data-nav_title="Calibration"] .component_title_wrapper,
[data-nav_title="In-Line Amplifier"] .component_title_wrapper,
[data-nav_title="Load Button"] .component_title_wrapper,
[data-nav_title="Rod Ends"] .component_title_wrapper,
[data-nav_title="Couplings"] .component_title_wrapper,
[data-nav_title="Integral Signal Conditioner"] .component_title_wrapper,
[data-nav_title="Service Case"] .component_title_wrapper {
	display: block;
	margin-top: 0.4em;
	padding-top: 1em;
	border-top: 1px solid #eee;
}

.component_title_wrapper h2.component_title {
	font-size: 24px;
	text-align: left;
	margin: 0.5em 0;
}

.woo_cert strong,
.woo_lead strong {
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #00914C;
}

.woocommerce div.product form.cart .variations td, 
.woocommerce div.product form.cart .variations th {
    line-height: 3em;
	background-color: transparent;
}

.woocommerce div.product form.cart .composited_product_details_wrapper .variations td, 
.woocommerce div.product form.cart .composited_product_details_wrapper .variations th {
    line-height: 1.5em;
}

.component_data div.bundled_product_summary, 
.woocommerce .component_data div.product.bundled_product_summary {
    margin-bottom: 0 !important;
    border-bottom: none !important;
	padding-bottom: 0;
}

/* Display product meta on separate lines */
.product_meta>span {
	display: block;
	margin-bottom: 5px;
}

.product_meta .posted_in {
	display: none;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	background-color: #090;
}

/* Hide placeholder images in trolley */
.woocommerce-cart-form img[alt="Placeholder"] {
	display: none;
}

/* Tweak to align variation details in trolley/checkout */
.woocommerce-cart-form .variation dd p,
.woocommerce-checkout-review-order-table dd p {
	display: inline;
}

.woocommerce-cart .cart-collaterals .cart_totals table tbody th,
#page .woocommerce .cart_totals table.shop_table td {
    line-height: 1.5em;
}

.woocommerce .product-remove a.remove {
	line-height: 0.7;
}

/* Hide component quantity at checkout */
.composited_product_quantity {
	display: none;
}

#page .woocommerce table.shop_table td {
    line-height: 1em;
}

/* Tweak to product category page */
.woocommerce ul.products[class*="columns-"] li.product, 
.woocommerce-page ul.products[class*="columns-"] li.product {
	/*clear: none;*/
}

/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
	/* we set the opacity to 0 */
	opacity: 0;
}

/*Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
	/* prepare the future animation */
	-webkit-transition: opacity .5s linear 0.2s;
	   -moz-transition: opacity .5s linear 0.2s;
	        transition: opacity .5s linear 0.2s;

	/* we set the opacity to 1 to do the magic */
	opacity: 1;
}

.pswp__caption__center {
    text-align: center;
}

/* Share Trolley Tweaks */
.woocommerce-cart .wsc_popup_head h4  {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	order: 2;
	color: #757575;
}

.woocommerce-cart .wsc_popup_head {
	display: flex;
	justify-content: space-between;
	gap: 1em;
	flex-flow: column;
	box-shadow: none;
	background: white;
}

.woocommerce-cart .wsc_popup_head .wsc_popup_close .wob_popup_close {
	border: 2px solid #00b760;
	border-radius: 20px;
	width: 30px;
	height: 30px;
	padding: 5px;
}

.woocommerce-cart .wsc_popup_head .wsc_popup_close .wob_popup_close:hover {
	background: #00b760;
}

.woocommerce-cart .wsc_popup_head .wsc_popup_close .wob_popup_close path {
	stroke: #00b760;
	stroke-width: 4;
}

.woocommerce-cart .wsc_popup_head .wsc_popup_close .wob_popup_close:hover path {
	stroke: white;
}

.woocommerce-cart .wsc_save_share_cart_popup,
.woocommerce-cart .wsc_share_cart_popup,
.woocommerce-cart .wsc_replace_cart_popup {
	border: 1px solid #00b760;
	border-radius: 0;
}

.wsc_save_share_cart_btns {
    text-align: center;
}

#coupon_code {
    font-size: 100%;
    line-height: 1;
}

.archive li.product .button {
	display: none !important;
}

.woocommerce div.product div.images img {
  	width: auto;
	image-rendering: -webkit-optimize-contrast;
}

/* Out of Stock */
.outofstock .price::after {
  content: "Out of Stock";
  display: block;
  color: red;
}

.outofstock .badge {
  display: none;
}

.outofstock img {
  filter: grayscale(1) opacity(0.8);
}

.woocommerce div.product .woocommerce-tabs .panel {
	max-width: 800px;
	margin: 0 auto 6em auto;
}

/*.tax-product_tag.woocommerce ul.products {
  display: grid;
  grid-auto-columns: minmax(calc(1200px / 5), auto);
  grid-template-columns: repeat(auto-fill, minmax(calc(1200px / 5), 1fr));
  gap: 0.5em;
}

.tax-product_tag.woocommerce ul.products::before,
.tax-product_tag.woocommerce ul.products::after {
	content: none;
}*/

/*.woocommerce-form.woocommerce-form-login.login {
  max-width: 800px;
  margin: auto;
}*/

#customer_login input {
	max-width: 100%;
}

.woocommerce-Addresses h3 {
  margin: auto;
}

p.woocommerce-store-notice.demo_store {
  	max-width: 100%;
	background-color: #B6216B;
}

/* Manual Related Posts
---------------------------------------------*/

.bawmrp ul {
    display: flex;
    flex-flow: row wrap;
    gap: 1em 2em;
    margin: 0;
    padding: 0;
    justify-content: space-evenly;
	max-width: 100%;
	font-size: 1em;
	font-weight: normal;
}

/* IE Fallback */
.ie .bawmrp ul {
	justify-content: space-between; 
}

.bawmrp ul li {
	position: relative;
}

.bawmrp ul li.bawmrp_manual {
    width: 148px;
}

.bawmrp ul li .mrpbadge {
    color: #0A6BAA;
}

.mrpbadge::before {
    content: "Buy Now";
    color: #fff;
    position: absolute;
    left: 20px;
    transform: skew(25deg);
}

/* Easy Testimonials
--------------------------------------------- */

.testimonial-client {
  	font-size: 1.2em;
	margin-bottom: 0.5em;
}

.testimonial-client::before {
  content: "- ";
}

blockquote.easy_testimonial cite::before {
	content: "";
}

.easy_testimonials_grid {
	padding: 2em 0 0;	
}

.easy_testimonials_grid_row {
	display: grid;
	gap: 0.5em;
}

.easy_testimonials_grid blockquote {
	border: 0;
	padding: 1em 0;
	margin: 0 auto;
	font-size: 16px;
}

.easy_testimonials_grid blockquote:before {
	content: "";
}

.easy_testimonials_grid .testimonial_body {
	font-size: 1.2em;
	background: #00B760;
	padding: 2em;
	border-radius: 2em;
	color: white;
	position: relative;
}

.easy_testimonials_grid .testimonial_body::before,
.easy_testimonials_grid .testimonial_body::after {
	font: var(--fa-font-solid);
	font-weight: 900;
    position: absolute;
}	

.easy_testimonials_grid .testimonial_body::before {
    content: "\f10d";
    font-size: 3em;
    left: 50%;
    top: -0.6em;
    transform: translate(-50%);
    color: #00914C;
    text-align: center;
}

.easy_testimonials_grid .testimonial_body::after {
    content: "\f27a";
    font-size: 5em;
    right: 20%;
    bottom: -18px;
    color: #00B760;
    z-index: -1;
}

.easy_testimonials_grid .testimonial_author cite {
	padding: 2em;
	font-size: 14px;
}


.easy_testimonials_grid .testimonial_author cite span {
	display: block;
}

.easy_testimonials_grid .testimonial_author cite span.stars span.dashicons {
	display: inline;
	color: #ffbf00;
}

@media all and (min-width: 480px) {

}

@media all and (min-width: 960px) {
	.easy_testimonials_grid_3 .easy_testimonials_grid_row {
		grid-template-columns: 1fr 1fr 1fr;
	}	
}

.cycledTestimonialWidget, .testblock {
	width: 100vw;
	margin: 0 calc( 50% - 50vw );
	padding: 5em calc( 50vw - 50% );
	background: #00B760;
	color: #fff;
}   

.cycledTestimonialWidget h2, .testblock h2 {
	color: #FFF;
}

.cycledTestimonialWidget .easy-t-slideshow-wrap, .testblock .easy-t-slideshow-wrap {
	max-width: 700px;
	margin: auto;
}

.cycledTestimonialWidget blockquote.easy_testimonial, .testblock blockquote.easy_testimonial {
	background: none;
	border: none;
	text-align: center;
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.cycledTestimonialWidget blockquote.easy_testimonial:before {
	content: none;
}

.cycledTestimonialWidget .testimonial_body {
	display: inline;
}

.cycledTestimonialWidget cite {
}

/* Store Locator
--------------------------------------------- */

#wpsl-stores ul,
ul.wpsl-list {
	display: grid;
	grid-template-columns: auto;
	gap: 2em 1em;
	list-style: none;
	padding: 0;
	margin: 2em 0;
	max-width: 100%;
}

@media all and (min-width: 480px) {
	#wpsl-stores ul,
	ul.wpsl-list {
		grid-template-columns: 1fr 1fr;
	}
}

@media all and (min-width: 800px) {
	#wpsl-stores ul,
	ul.wpsl-list {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/* IE Fallback */
.ie #wpsl-stores ul,
.ie ul.wpsl-list {
	display: flex;
	flex-flow: row wrap;
}

.ie #wpsl-stores ul li,
.ie ul.wpsl-list li {
	flex: 240px;
}

input#wpsl-search-btn {
	text-shadow: none;
}


/* Shortcodes Ultimate
 * ------------------------------------------ */
button.mfp-close {
  text-shadow: none;
  margin-right: 0;
}

/* Tablepress
 * ------------------------------------------ */
.tablepress {
	font-size: 12px;
}

.tablepress td,
.tablepress th {
	padding: 8px 2px;
}

body .tablepress tfoot th, 
body .tablepress thead th,
body .tablepress thead td {
	background-color: #e5f8ef;
}

.tablepress-table-description {
	font-family: 'AvantGarde', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 
	font-weight: bold; 
	line-height: 18px;
	margin: 2em 0 1.6em;
	padding: 0;
	text-align: center;
}

#tablepress-64 td.column-3 {
	text-align: left;
}

table.tablepress,
.tablepress thead th,
.tablepress tbody td {
	border: 1px solid #ccc !important;
}

table.tablepress td,
table.tablepress th {
	text-align: center;
}

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/* Fancybox Pro
--------------------------------------------- */

.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;-ms-touch-action:none;touch-action:none}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:4px;right:4px;padding:0;margin:0;width:30px;height:30px;font:21px/1 Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;cursor:pointer;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}


/* Share Cart
--------------------------------------------- */

.wsc_sharing_widgets{
    overflow: hidden;
}
.wsc_sharing_widgets span{
  display:block;
}
.wsc_email_fields{
    display: none;
    text-align: center;
	padding: 15px 0;
}
.wsc_email_fields div{
  width: 88%;
  margin: 7px auto;
}
.wsc_sent_email{
  display: none;
  padding: 15px;
  text-align: center;
}
.wsc_replace_popup_content{
	padding:15px;
	text-align:center;
}
.wsc_sent_email span.dashicons{
  font-size: 14em!important;
  height: 0%!important;
  float: left!important;
  color: green;
  width: 100%;
}
.wsc_copied_text{
  display: none;
  text-align: center;
  padding: 15px;
}
.wsc_replace_popup_content{
	display:none;
}
.wsc_copied_text .wsc_tick{
  font-size: 14em!important;
  height: 0%!important;
  float: left!important;
  color: green;
  width:100%;
}
.wsc_email_fields input, .wsc_email_fields textarea{
  width: 100%!important;
}
/* loader */
.wsc_share_cart_loader {
    display: none;
    position: relative;
    margin: 0 auto;;
    width: 80px;
    height: 80px;
  }
.wsc_share_cart_loader div {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.wsc_share_cart_loader div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.wsc_share_cart_loader div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.wsc_share_cart_loader div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.wsc_share_cart_loader div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(24px, 0);
	}
}
/* cart page loader */
.lds-dual-ring {
	display: none;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #000;
	border-color: #000 transparent #000 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* popup */
.wsc_save_popup_layer, .wsc_popup_layer, .wsc_popup_replace_layer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: none;
}
.wsc_popup_head {
    overflow: hidden;
    padding: 15px;
    line-height: 1;
    box-shadow: 0px 3px 5px #ccc;
}
.wsc_valid_error {
    color: #d00;
    margin: 10px 0;
}
.wsc_popup_head h4{
    float: left;
	padding: 0;
    margin: 0;
}
.wsc_save_share_cart_popup, .wsc_share_cart_popup, .wsc_replace_cart_popup {
    position: fixed;
	top: 50%;
    left: 50%;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99999;
    width: 350px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    border: 1px solid #414141;
    border-radius: 10px;
	overflow: hidden;
	background: #fff;
}
.wsc_save_popup_content {
    background: #fff;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    overflow: hidden;
}
.wsc_sharing_widgets img {
    width: 60px;
    margin: 0 auto;
    padding-bottom: 5px;
}
.wsc_sharing_widgets a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
}
.wsc_sharing_widgets {
    text-align: center;
    margin: 30px 0 20px 0;
    display: flex;
    flex-wrap: wrap;
}
.wsc_sharing_widgets > div {
    cursor: pointer;
    flex-grow: 1;
    width: 33%;
    margin-bottom: 10px;
}
.wsc_cart_header h2{
  float: left;
}
.wsc_cart_header span{
  float: right;
}
.wsc_remove_cart{
  color:red;
  cursor: pointer;
}
.wsc_retrieve_cart{
  color:green;
  cursor: pointer;
}
.wsc_cart .lds-ellipsis{
  float: left;
  width:1px;
}
.wsc_cart .lds-ellipsis div{
  background:red!important;
}
.wsc_loginfirst{
  display: none;
  margin:74px;
}
.wsc_name, .wsc_email_field{
  text-align: left;
}
.wsc_name span, .wsc_email_field span{
  color:red;
  font-size: 12px;
}

body .entry-content .woocommerce ul,
body .entry-content .woocommerce ol,
body .entry-content .woocommerce li > ul,
body .entry-content .woocommerce li > ol {
	font-size: revert;
	font-weight: initial;
}


/* Country & Phone Field Contact Form 7
--------------------------------------------- */

.callyou .flag-container {
  font-size: 0.8em;
}

.callyou ul.country-list li:not(.preferred) {
  display: none;
}

.callyou .intl-tel-input {
  display: inline-block;
}


/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
	text-align: center;
}

.scrolloverflow {
	overflow-x: auto;
}

/* Prevent User Selection
 * ------------------------------------------ */
.noselect p {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}